PageSourceSearch

https://www.ttigroup.com/investors/shareholder-services/contacts

html ttigroup.com collected 2026-10-02 14:41:57 UTC 229,405 bytes, 4,349 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
3    <head>
4        
5        <meta charset="utf-8" />
vendor: 64 bytes, lines 5-6
5
6<script async src="https://www.googletagmanager.com/gtag/js?id=
6G-0LD9VQK50V
vendor: 12 bytes, line 6
6"></script>
7<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag('consent', 'default', {
8'ad_storage': 'denied',
9'wait_for_update': 500
10});
11gtag('js', new Date());gtag("config", "G-0LD9VQK50V", {"groups":"default","linker":{"domains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"page_placeholder":"PLACEHOLDER_page_location"});gtag("config", "G-63DVJPMC7R", {"groups":"default","linker":{"domains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"page_placeholder":"PLACEHOLDER_page_location"});gtag("config", "G-CK4ZTJJ906", {"groups":"default","linker":{"domains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"page_placeholder":"PLACEHOLDER_page_location"});gtag("config", "G-Q6M21HE4J9", {"groups":"default","linker":{"domains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"page_placeholder":"PLACEHOLDER_page_location"});gtag("config", "G-H9W155SSWC", {"groups":"default","linker":{"domains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"page_placeholder":"PLACEHOLDER_page_location"});gtag("config", "AW-954496935", {"groups":"default","linker":{"domains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"page_placeholder":"PLACEHOLDER_page_location"});if(window.location.pathname.indexOf('/investors') === 0) {
12gtag('event', 'conversion', {'send_to': 'AW-954496935/XVkICPXDj7UZEKfvkccD'});
13}</script>
13
14<meta name="description" content="TTI places the highest importance on our communications with our shareholders and investors. You can find the company and IR contact in this shareholder services." />
15<link rel="canonical" href="https://www.ttigroup.com/investors/shareholder-services/contacts" />
16<meta property="og:site_name" content="Cordless Power Tools Leader - Techtronic Industries TTI" />
17<meta property="og:url" content="https://www.ttigroup.com/investors/shareholder-services/contacts" />
18<meta property="og:title" content="Shareholder Services - IR Contacts" />
19<meta property="og:description" content="TTI places the highest importance on our communications with our shareholders and investors. You can find the company and IR contact in this shareholder services." />
20<meta name="twitter:card" content="summary_large_image" />
21<meta name="twitter:description" content="TTI places the highest importance on our communications with our shareholders and investors. You can find the company and IR contact in this shareholder services." />
22<meta name="twitter:title" content="Shareholder Services - IR Contacts | Cordless Power Tools Leader - Techtronic Industries TTI" />
23<script>(function(c,l,a,r,i,t,y){
24    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
25    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
26    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
27})(window, document, "clarity", "script", "r17ou48tif");
28</script>
28
29<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
30<meta name="MobileOptimized" content="width" />
31<meta name="HandheldFriendly" content="true" />
32<meta name="viewport" content="width=device-width, initial-scale=1.0" />
33<link rel="icon" href="/themes/custom/tti_theme/assets/images/favicon.png" type="image/png" />
34<link rel="alternate" hreflang="en" href="https://www.ttigroup.com/investors/shareholder-services/contacts" />
35<link rel="alternate" hreflang="zh-hant" href="https://www.ttigroup.com/zh-hant/investors/shareholder-services/contacts" />
36
37            <title>Shareholder Services - IR Contacts | Cordless Power Tools Leader - Techtronic Industries TTI</title>
38
39            
40            <link rel="stylesheet" media="all" href="/sites/default/files/css/css_gO9VYFdstgsAv6deNqdaYz3iszZuQqEX-rEbQ0l8vb4.css?delta=0&amp;language=en&amp;theme=tti_theme&amp;include=eJwlyUEKwCAMBMAPKT6pRFmikLSH3Ut-34O3gVlhZI1pRFvXCdIcbCwKeU86jzYSw-ObFp2qOK__KSYY_Q" />
41<link rel="stylesheet" media="all" href="/sites/default/files/css/css_J6uh7iT-_kTx6Lc6F1KQn-zmys_PIq-FfKf6zy7P_T8.css?delta=1&amp;language=en&amp;theme=tti_theme&amp;include=eJwlyUEKwCAMBMAPKT6pRFmikLSH3Ut-34O3gVlhZI1pRFvXCdIcbCwKeU86jzYSw-ObFp2qOK__KSYY_Q" />
42<link rel="stylesheet" media="all" href="https://use.typekit.net/xmo4jxo.css" />
43<link rel="stylesheet" media="all" href="/sites/default/files/css/css_dv4xvQ2IgT1TV75JoJxGFbza2tyqZgJ4uLJ9zBdPpLE.css?delta=3&amp;language=en&amp;theme=tti_theme&amp;include=eJwlyUEKwCAMBMAPKT6pRFmikLSH3Ut-34O3gVlhZI1pRFvXCdIcbCwKeU86jzYSw-ObFp2qOK__KSYY_Q" />
44
45                
46
47    
47<script async data-browser-key="9c109453c0e40c7c02716d75e4ea4470f3ae1daf7259be9171626a97cb33f84d" data-sample-rate="1.000000" data-parent-trace-id="cb49fc8d39e33b9591cc06f074a7edab" data-transaction-name="Drupal\page_cache\StackMiddleware\PageCache" data-collector="https://ingest.upsun-us-3.observability-pipeline.blackfire.io" src="https://admin-pipeline.upsun-us-3.observability-pipeline.blackfire.io/js/probe.js"></script>
47</head>
48    <body class="path-node page-node-type-ir-shareholder-contact">
49                <a href="#main-content" class="visually-hidden focusable skip-link">
50            Skip to main content
51        </a>
52        
53          <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
54    
55<div class="page-container">
56          <div class="region region-content">
57    <div data-drupal-messages-fallback class="hidden"></div>
58
59<div class="template-standard">
60                
61
62
63<header class="onTop relative mt-[66px] lg:mt-[calc(66px+31px)] ">
64
65    <div id="lightbox-enquiry_form" class="lightbox " data-id="enquiry_form">
66    <div class="lightbox-backdrop "></div>
67    <div class="lightbox-inner ">
68        <div class="lightbox-header">
69            <div class="lightbox-header-main">
70                            </div>
71            <div class="lightbox-close-btn" onClick="hideLightBoxes()">
72                <div class="icon icon-x-mark !font-semibold"></div>
73            </div>
74        </div>
75        <div class="lightbox-body">        </div>
76        <div class="lightbox-footer"></div>
77    </div>
78</div>
79
80
81
82    <div id="lightbox-enquiry_form_success_message" class="lightbox flex items-center" data-id="enquiry_form_success_message">
83    <div class="lightbox-backdrop "></div>
84    <div class="lightbox-inner sm:w-2/3 md:w-1/2 sm:h-1/2">
85        <div class="lightbox-header">
86            <div class="lightbox-header-main">
87                            </div>
88            <div class="lightbox-close-btn" onClick="hideLightBoxes()">
89                <div class="icon icon-x-mark !font-semibold"></div>
90            </div>
91        </div>
92        <div class="lightbox-body">            <div class="w-full h-full flex items-center justify-center">
93                <div class="text-center max-w-[600px]">
94                                            <h2 class="heading heading-2 text-tti-grey mt-2">Thank you, we have received your request</h2>
95                        <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey mt-5" href="#" target="" onclick="hideLightBoxes()">
96        <div class="button-background"></div>
97        <div class="button-content">
98            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Close</span>
99            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
100        </div>
101    </a>
102                </div>
103            </div>
104        </div>
105        <div class="lightbox-footer"></div>
106    </div>
107</div>
108
109
110
111    
112<div class="menu-desktop">
113	<div class="fixed top-0 left-0 w-full z-50">
114
115				<div class="header-top bg-tti-grey text-white shadow-[10px_10px_50px_rgba(0,0,0,0.2)] h-[31px] hidden lg:block relative z-30">
116			<div class="h-full max-w-[1300px] mx-auto">
117				<div
118					class="flex justify-between items-center h-full px-5">
119
120										<div class="grow max-w-[650px] h-full">
121						<div id="subheader-marquee-desktop" class="h-full relative">
122															<div class="absolute top-0 left-0 h-full w-full 
123											opacity-0 aria-selected:opacity-100 
124											pointer-events-none aria-selected:pointer-events-auto 
125											select-none aria-selected:select-auto
126											transition duration-1000 ease-in-out flex items-center
127									" 
128									aria-selected="true" data-autoplay-duration="5000">
129									<iframe marginheight="0" src="https://api.irasia.com/stock/sehk/669/quote/en/home-top-new.html" marginwidth="0" scrolling="no" allowtransparency="true" frameborder="0" class="w-full h-[15px]"></iframe>
130								</div>
131																						<div class="absolute top-0 left-0 h-full w-full 
132											opacity-0 aria-selected:opacity-100 
133											pointer-events-none aria-selected:pointer-events-auto 
134											select-none aria-selected:select-auto
135											transition duration-1000 ease-in-out flex items-center
136									" 
137									aria-selected="false" data-autoplay-duration="5000">
138									<div class="font-['Barlow'] font-regular text-[13px] text-white apply-anchor-underlined line-clamp-1">Interim Report 2026 <a href="https://www.ttigroup.com/documents/interim-results-2026/" title="https://www.ttigroup.com/documents/interim-results-2026/">View More</a></div>
139								</div>
140													</div>
141					</div>
142
143										<div
144						class="flex-1 text-right">
145												<ul class="grow flex flex-row justify-end space-x-8">
146													</ul>
147					</div>
148
149										<div
150						class="flex-0 flex flex-row text-right h-full">
151																														<div
152							class="group text-white hover:text-tti-grey hover:bg-neutral-grey0 h-full cursor-pointer relative">
153							<!-- Current value -->
154							<div class="flex space-x-2 items-center h-full px-3">
155								<div class="icon icon-globe-alt text-sm text-white scale-80 group-hover:block group-hover:text-tti-grey"></div>
156																																						<div class="font-['Barlow'] font-semibold text-xs relative -top-[1px]">
157												<span>International</span>
158												<span>
158 - </span>
159												<span>EN</span>
160											</div>
161																																																																																																																																																	<div class="icon icon-chevron-down !font-semibold text-[10px]
162									                            group-hover:rotate-180 transition duration-500 ease-in-out"></div>
163							</div>
164							<!-- Available values -->
165							<div class="hidden group-hover:block bg-neutral-grey0 absolute right-0 top-full w-[230px] shadow-lg">
166								<ul class="divide-y-2 text-xs text-tti-grey">
167																			<li class="flex flex-row px-3 py-2">
168											<div class="grow text-left font-['Barlow']">International</div>
169											<div class="text-right">
170												<div class="flex flex-row">
171																											<div class="w-8 font-['Barlow'] font-semibold">
172															<a href='//www.ttigroup.com'>EN</a>
173														</div>
174																											<div class="w-8 font-['Barlow'] ">
175															<a href='//www.ttigroup.com/zh-hant'>中</a>
176														</div>
177																									</div>
178											</div>
179										</li>
180																			<li class="flex flex-row px-3 py-2">
181											<div class="grow text-left font-['Barlow']">Vietnam</div>
182											<div class="text-right">
183												<div class="flex flex-row">
184																											<div class="w-8 font-['Barlow'] ">
185															<a href='//www.ttigroup.com.vn'>VN</a>
186														</div>
187																											<div class="w-8 font-['Barlow'] ">
188															<a href='//www.ttigroup.com.vn/en'>EN</a>
189														</div>
190																									</div>
191											</div>
192										</li>
193																			<li class="flex flex-row px-3 py-2">
194											<div class="grow text-left font-['Barlow']">China</div>
195											<div class="text-right">
196												<div class="flex flex-row">
197																											<div class="w-8 font-['Barlow'] ">
198															<a href='//www.ttigroup.com.cn'>中</a>
199														</div>
200																									</div>
201											</div>
202										</li>
203									
204								</ul>
205							</div>
206						</div>
207																																			</div>
208
209				</div>
210			</div>
211		</div>
212
213	</div>
214
215	<div class="fixed top-0 lg:top-[31px] left-0 w-full z-30">
216				<div class="header-main bg-white flex items-center relative z-20 transition-colors shadow-[0_0_4px_rgba(0,0,0,0.1)]">
217			<div class="max-w-[1300px] mx-auto w-full h-[66px] shrink-0 flex flex-row items-stretch px-5 relative z-10">
218
219								<div>
220					<div class="h-full flex items-center">
221						<a class="whitespace-nowrap overflow-hidden py-2" href="/">
222							<img 
223								class="max-h-[52px] h-max w-auto mr-3 inline-block" 
224								src="/themes/custom/tti_theme/assets/images/logo-2.png"
225								alt="TTI Logo"
226							/>
227						</a>
228					</div>
229				</div>
230
231								<div class="grow ml-5">
232
233										<div class="h-full hidden lg:block">
234
235						<div class="h-full flex flex-row text-tti-grey text-[15px]">
236																					<ul class="grow flex flex-row justify-end">
237																										<li
238										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
239
240																						
241																																																														<a href="/company" class="menuItem-topLevel block h-full w-full px-3 " >
242												<span class="h-full flex items-center relative">
243																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">Company</span>
244														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
245																									</span>
246											</a>
247																					
248										
249											
250																								<div class="megamenu megamenu-level-1
251																					hidden group-hover:block
252																					w-[calc(100%+40px)] -ml-[20px]
253																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
254																					mx-auto
255																					absolute top-[66px] left-0 px-5 z-10
256																					max-h-[500px]
257																					" id="megamenu-level-1--1">
258													<div
259														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
260																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
260:pl-[70px] py-6 xl:py-12
261																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
262															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
263																<div class="grow">
264																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Company</div>
265																</div>
266																<div>
267																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/company" target="" >
268        <div class="button-background"></div>
269        <div class="button-content">
270            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
271            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
272        </div>
273    </a>
274																</div>
275															</div>
276														</div>
277														
278																												<div class="col-span-8 xl:col-span-6 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
279															<ul class="group/level2container grid grid-cols-2 gap-x-10">
280																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
281																		<a href=/company/about-us class="
282																												flex items-center align-baseline space-x-2
283																												border-[#ABABAB] 
284																												pr-5 py-3
285																												min-h-[70px] xl:min-h-[90px] h-full
286																												transition duration-500 ease-in-out
287																												
288																												group-hover/level2container:text-[#d2d2d2] 
289																												group-hover/level2container:group-hover/level2item:text-white
290
291																												group-aria-expanded/level2container:text-[#d2d2d2] 
292																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
293																												cursor-pointer
294																												
295																												
296																											" data-menu-link="/company/about-us"  
297																											
298																																							>
299																			<span class="grow font-['Barlow'] text-lg xl:text-xl">About Us</span>
300																																					</a>
301																	</li>
302																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
303																		<a href=/company/strategic-drivers class="
304																												flex items-center align-baseline space-x-2
305																												border-[#ABABAB] 
306																												pr-5 py-3
307																												min-h-[70px] xl:min-h-[90px] h-full
308																												transition duration-500 ease-in-out
309																												
310																												group-hover/level2container:text-[#d2d2d2] 
311																												group-hover/level2container:group-hover/level2item:text-white
312
313																												group-aria-expanded/level2container:text-[#d2d2d2] 
314																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
315																												cursor-pointer
316																												
317																												
318																											" data-menu-link="/company/strategic-drivers"  
319																											
320																																							>
321																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Strategic Drivers</span>
322																																					</a>
323																	</li>
324																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
325																		<a href=/company/our-board class="
326																												flex items-center align-baseline space-x-2
327																												border-[#ABABAB] border-t
328																												pr-5 py-3
329																												min-h-[70px] xl:min-h-[90px] h-full
330																												transition duration-500 ease-in-out
331																												
332																												group-hover/level2container:text-[#d2d2d2] 
333																												group-hover/level2container:group-hover/level2item:text-white
334
335																												group-aria-expanded/level2container:text-[#d2d2d2] 
336																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
337																												cursor-pointer
338																												
339																												
340																											" data-menu-link="/company/our-board"  
341																											
342																																							>
343																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Our Board</span>
344																																					</a>
345																	</li>
346																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
347																		<a href=/company/history class="
348																												flex items-center align-baseline space-x-2
349																												border-[#ABABAB] border-t
350																												pr-5 py-3
351																												min-h-[70px] xl:min-h-[90px] h-full
352																												transition duration-500 ease-in-out
353																												
354																												group-hover/level2container:text-[#d2d2d2] 
355																												group-hover/level2container:group-hover/level2item:text-white
356
357																												group-aria-expanded/level2container:text-[#d2d2d2] 
358																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
359																												cursor-pointer
360																												
361																												
362																											" data-menu-link="/company/history"  
363																											
364																																							>
365																			<span class="grow font-['Barlow'] text-lg xl:text-xl">History</span>
366																																					</a>
367																	</li>
368																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--5" aria-selected="false">
369																		<a href=/company/our-policies class="
370																												flex items-center align-baseline space-x-2
371																												border-[#ABABAB] border-t
372																												pr-5 py-3
373																												min-h-[70px] xl:min-h-[90px] h-full
374																												transition duration-500 ease-in-out
375																												
376																												group-hover/level2container:text-[#d2d2d2] 
377																												group-hover/level2container:group-hover/level2item:text-white
378
379																												group-aria-expanded/level2container:text-[#d2d2d2] 
380																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
381																												cursor-pointer
382																												
383																												
384																											" data-menu-link="/company/our-policies"  
385																											
386																																							>
387																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Our Policies</span>
388																																					</a>
389																	</li>
390																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--6" aria-selected="false">
391																		<a href=/company/management-systems class="
392																												flex items-center align-baseline space-x-2
393																												border-[#ABABAB] border-t
394																												pr-5 py-3
395																												min-h-[70px] xl:min-h-[90px] h-full
396																												transition duration-500 ease-in-out
397																												
398																												group-hover/level2container:text-[#d2d2d2] 
399																												group-hover/level2container:group-hover/level2item:text-white
400
401																												group-aria-expanded/level2container:text-[#d2d2d2] 
402																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
403																												cursor-pointer
404																												
405																												
406																											" data-menu-link="/company/management-systems"  
407																											
408																																							>
409																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Management Systems</span>
410																																					</a>
411																	</li>
412																															</ul>
413														</div>
414																												<div class="col-span-4 xl:col-span-3 bg-[#979DA0] text-white -ml-[40px] relative">
415																														<div class="megamenu-level-3-wrapper hidden
416																										absolute top-0 left-0 w-full h-full
417																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
418																										bg-[#A9AFB3]
419																										hidden aria-selected:block" aria-selected="false">
420																<div class="h-full pr-10 relative">
421																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
422																			grid grid-cols-1 hidden
423																			hidden aria-selected:grid
424																		" 
425																			id="megamenu-level-3--1">
426																																					</ul>
427																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
428																			grid grid-cols-1 hidden
429																			hidden aria-selected:grid
430																		" 
431																			id="megamenu-level-3--2">
432																																					</ul>
433																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
434																			grid grid-cols-1 hidden
435																			hidden aria-selected:grid
436																		" 
437																			id="megamenu-level-3--3">
438																																					</ul>
439																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
440																			grid grid-cols-1 hidden
441																			hidden aria-selected:grid
442																		" 
443																			id="megamenu-level-3--4">
444																																					</ul>
445																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
446																			grid grid-cols-1 hidden
447																			hidden aria-selected:grid
448																		" 
449																			id="megamenu-level-3--5">
450																																					</ul>
451																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
452																			grid grid-cols-1 hidden
453																			hidden aria-selected:grid
454																		" 
455																			id="megamenu-level-3--6">
456																																					</ul>
457																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(1)">
458																		<span class="icon icon-x-mark text-lg text-white"></span>
459																	</div>
460																</div>
461															</div>
462														</div>
463													</div>
464												</div>
465
466											
467										
468									</li>
469																																			<li
470										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
471
472																						
473																																																														<a href="/brands" class="menuItem-topLevel block h-full w-full px-3 " >
474												<span class="h-full flex items-center relative">
475																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">Brands</span>
476														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
477																									</span>
478											</a>
479																					
480										
481											
482																								<div class="megamenu megamenu-level-1
483																					hidden group-hover:block
484																					w-[calc(100%+40px)] -ml-[20px]
485																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
486																					mx-auto
487																					absolute top-[66px] left-0 px-5 z-10
488																					max-h-[500px]
489																					" id="megamenu-level-1--2">
490													<div
491														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
492																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
492:pl-[70px] py-6 xl:py-12
493																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
494															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
495																<div class="grow">
496																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Brands</div>
497																</div>
498																<div>
499																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/brands" target="" >
500        <div class="button-background"></div>
501        <div class="button-content">
502            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
503            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
504        </div>
505    </a>
506																</div>
507															</div>
508														</div>
509														
510																												<div class="col-span-8 xl:col-span-6 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
511															<ul class="group/level2container grid grid-cols-2 gap-x-10">
512																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
513																		<a href=/brands/milwaukee class="
514																												flex items-center align-baseline space-x-2
515																												border-[#ABABAB] 
516																												pr-5 py-3
517																												min-h-[70px] xl:min-h-[90px] h-full
518																												transition duration-500 ease-in-out
519																												
520																												group-hover/level2container:text-[#d2d2d2] 
521																												group-hover/level2container:group-hover/level2item:text-white
522
523																												group-aria-expanded/level2container:text-[#d2d2d2] 
524																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
525																												cursor-pointer
526																												
527																												
528																											" data-menu-link="/brands/milwaukee"  
529																											
530																																							>
531																			<span class="grow font-['Barlow'] text-lg xl:text-xl">MILWAUKEE</span>
532																																					</a>
533																	</li>
534																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
535																		<a href=/brands/ryobi class="
536																												flex items-center align-baseline space-x-2
537																												border-[#ABABAB] 
538																												pr-5 py-3
539																												min-h-[70px] xl:min-h-[90px] h-full
540																												transition duration-500 ease-in-out
541																												
542																												group-hover/level2container:text-[#d2d2d2] 
543																												group-hover/level2container:group-hover/level2item:text-white
544
545																												group-aria-expanded/level2container:text-[#d2d2d2] 
546																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
547																												cursor-pointer
548																												
549																												
550																											" data-menu-link="/brands/ryobi"  
551																											
552																																							>
553																			<span class="grow font-['Barlow'] text-lg xl:text-xl">RYOBI</span>
554																																					</a>
555																	</li>
556																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
557																		<a href=/brands/aeg class="
558																												flex items-center align-baseline space-x-2
559																												border-[#ABABAB] border-t
560																												pr-5 py-3
561																												min-h-[70px] xl:min-h-[90px] h-full
562																												transition duration-500 ease-in-out
563																												
564																												group-hover/level2container:text-[#d2d2d2] 
565																												group-hover/level2container:group-hover/level2item:text-white
566
567																												group-aria-expanded/level2container:text-[#d2d2d2] 
568																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
569																												cursor-pointer
570																												
571																												
572																											" data-menu-link="/brands/aeg"  
573																											
574																																							>
575																			<span class="grow font-['Barlow'] text-lg xl:text-xl">AEG</span>
576																																					</a>
577																	</li>
578																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
579																		<a href=/brands/empire class="
580																												flex items-center align-baseline space-x-2
581																												border-[#ABABAB] border-t
582																												pr-5 py-3
583																												min-h-[70px] xl:min-h-[90px] h-full
584																												transition duration-500 ease-in-out
585																												
586																												group-hover/level2container:text-[#d2d2d2] 
587																												group-hover/level2container:group-hover/level2item:text-white
588
589																												group-aria-expanded/level2container:text-[#d2d2d2] 
590																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
591																												cursor-pointer
592																												
593																												
594																											" data-menu-link="/brands/empire"  
595																											
596																																							>
597																			<span class="grow font-['Barlow'] text-lg xl:text-xl">EMPIRE</span>
598																																					</a>
599																	</li>
600																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--5" aria-selected="false">
601																		<a href=/brands/imperial-blades class="
602																												flex items-center align-baseline space-x-2
603																												border-[#ABABAB] border-t
604																												pr-5 py-3
605																												min-h-[70px] xl:min-h-[90px] h-full
606																												transition duration-500 ease-in-out
607																												
608																												group-hover/level2container:text-[#d2d2d2] 
609																												group-hover/level2container:group-hover/level2item:text-white
610
611																												group-aria-expanded/level2container:text-[#d2d2d2] 
612																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
613																												cursor-pointer
614																												
615																												
616																											" data-menu-link="/brands/imperial-blades"  
617																											
618																																							>
619																			<span class="grow font-['Barlow'] text-lg xl:text-xl">IMPERIAL BLADES</span>
620																																					</a>
621																	</li>
622																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--6" aria-selected="false">
623																		<a href=/brands/stiletto class="
624																												flex items-center align-baseline space-x-2
625																												border-[#ABABAB] border-t
626																												pr-5 py-3
627																												min-h-[70px] xl:min-h-[90px] h-full
628																												transition duration-500 ease-in-out
629																												
630																												group-hover/level2container:text-[#d2d2d2] 
631																												group-hover/level2container:group-hover/level2item:text-white
632
633																												group-aria-expanded/level2container:text-[#d2d2d2] 
634																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
635																												cursor-pointer
636																												
637																												
638																											" data-menu-link="/brands/stiletto"  
639																											
640																																							>
641																			<span class="grow font-['Barlow'] text-lg xl:text-xl">STILETTO</span>
642																																					</a>
643																	</li>
644																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--7" aria-selected="false">
645																		<a href=/brands/kango class="
646																												flex items-center align-baseline space-x-2
647																												border-[#ABABAB] border-t
648																												pr-5 py-3
649																												min-h-[70px] xl:min-h-[90px] h-full
650																												transition duration-500 ease-in-out
651																												
652																												group-hover/level2container:text-[#d2d2d2] 
653																												group-hover/level2container:group-hover/level2item:text-white
654
655																												group-aria-expanded/level2container:text-[#d2d2d2] 
656																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
657																												cursor-pointer
658																												
659																												
660																											" data-menu-link="/brands/kango"  
661																											
662																																							>
663																			<span class="grow font-['Barlow'] text-lg xl:text-xl">KANGO</span>
664																																					</a>
665																	</li>
666																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--8" aria-selected="false">
667																		<a href=/brands/hoover class="
668																												flex items-center align-baseline space-x-2
669																												border-[#ABABAB] border-t
670																												pr-5 py-3
671																												min-h-[70px] xl:min-h-[90px] h-full
672																												transition duration-500 ease-in-out
673																												
674																												group-hover/level2container:text-[#d2d2d2] 
675																												group-hover/level2container:group-hover/level2item:text-white
676
677																												group-aria-expanded/level2container:text-[#d2d2d2] 
678																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
679																												cursor-pointer
680																												
681																												
682																											" data-menu-link="/brands/hoover"  
683																											
684																																							>
685																			<span class="grow font-['Barlow'] text-lg xl:text-xl">HOOVER</span>
686																																					</a>
687																	</li>
688																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--9" aria-selected="false">
689																		<a href=/brands/oreck class="
690																												flex items-center align-baseline space-x-2
691																												border-[#ABABAB] border-t
692																												pr-5 py-3
693																												min-h-[70px] xl:min-h-[90px] h-full
694																												transition duration-500 ease-in-out
695																												
696																												group-hover/level2container:text-[#d2d2d2] 
697																												group-hover/level2container:group-hover/level2item:text-white
698
699																												group-aria-expanded/level2container:text-[#d2d2d2] 
700																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
701																												cursor-pointer
702																												
703																												
704																											" data-menu-link="/brands/oreck"  
705																											
706																																							>
707																			<span class="grow font-['Barlow'] text-lg xl:text-xl">ORECK</span>
708																																					</a>
709																	</li>
710																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--10" aria-selected="false">
711																		<a href=/brands/vax class="
712																												flex items-center align-baseline space-x-2
713																												border-[#ABABAB] border-t
714																												pr-5 py-3
715																												min-h-[70px] xl:min-h-[90px] h-full
716																												transition duration-500 ease-in-out
717																												
718																												group-hover/level2container:text-[#d2d2d2] 
719																												group-hover/level2container:group-hover/level2item:text-white
720
721																												group-aria-expanded/level2container:text-[#d2d2d2] 
722																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
723																												cursor-pointer
724																												
725																												
726																											" data-menu-link="/brands/vax"  
727																											
728																																							>
729																			<span class="grow font-['Barlow'] text-lg xl:text-xl">VAX</span>
730																																					</a>
731																	</li>
732																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--11" aria-selected="false">
733																		<a href=/brands/dirt-devil class="
734																												flex items-center align-baseline space-x-2
735																												border-[#ABABAB] border-t
736																												pr-5 py-3
737																												min-h-[70px] xl:min-h-[90px] h-full
738																												transition duration-500 ease-in-out
739																												
740																												group-hover/level2container:text-[#d2d2d2] 
741																												group-hover/level2container:group-hover/level2item:text-white
742
743																												group-aria-expanded/level2container:text-[#d2d2d2] 
744																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
745																												cursor-pointer
746																												
747																												
748																											" data-menu-link="/brands/dirt-devil"  
749																											
750																																							>
751																			<span class="grow font-['Barlow'] text-lg xl:text-xl">DIRT DEVIL</span>
752																																					</a>
753																	</li>
754																															</ul>
755														</div>
756																												<div class="col-span-4 xl:col-span-3 bg-[#979DA0] text-white -ml-[40px] relative">
757																														<div class="megamenu-level-3-wrapper hidden
758																										absolute top-0 left-0 w-full h-full
759																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
760																										bg-[#A9AFB3]
761																										hidden aria-selected:block" aria-selected="false">
762																<div class="h-full pr-10 relative">
763																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
764																			grid grid-cols-1 hidden
765																			hidden aria-selected:grid
766																		" 
767																			id="megamenu-level-3--1">
768																																					</ul>
769																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
770																			grid grid-cols-1 hidden
771																			hidden aria-selected:grid
772																		" 
773																			id="megamenu-level-3--2">
774																																					</ul>
775																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
776																			grid grid-cols-1 hidden
777																			hidden aria-selected:grid
778																		" 
779																			id="megamenu-level-3--3">
780																																					</ul>
781																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
782																			grid grid-cols-1 hidden
783																			hidden aria-selected:grid
784									
784									" 
785																			id="megamenu-level-3--4">
786																																					</ul>
787																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
788																			grid grid-cols-1 hidden
789																			hidden aria-selected:grid
790																		" 
791																			id="megamenu-level-3--5">
792																																					</ul>
793																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
794																			grid grid-cols-1 hidden
795																			hidden aria-selected:grid
796																		" 
797																			id="megamenu-level-3--6">
798																																					</ul>
799																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
800																			grid grid-cols-1 hidden
801																			hidden aria-selected:grid
802																		" 
803																			id="megamenu-level-3--7">
804																																					</ul>
805																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
806																			grid grid-cols-1 hidden
807																			hidden aria-selected:grid
808																		" 
809																			id="megamenu-level-3--8">
810																																					</ul>
811																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
812																			grid grid-cols-1 hidden
813																			hidden aria-selected:grid
814																		" 
815																			id="megamenu-level-3--9">
816																																					</ul>
817																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
818																			grid grid-cols-1 hidden
819																			hidden aria-selected:grid
820																		" 
821																			id="megamenu-level-3--10">
822																																					</ul>
823																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
824																			grid grid-cols-1 hidden
825																			hidden aria-selected:grid
826																		" 
827																			id="megamenu-level-3--11">
828																																					</ul>
829																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(2)">
830																		<span class="icon icon-x-mark text-lg text-white"></span>
831																	</div>
832																</div>
833															</div>
834														</div>
835													</div>
836												</div>
837
838											
839										
840									</li>
841																																			<li
842										class="group flex items-center justify-center active" data-has-child="true" aria-selected="" style="--theme-color: ">
843
844																						
845																																																														<a href="/investors" class="menuItem-topLevel block h-full w-full px-3 active font-semibold" >
846												<span class="h-full flex items-center relative">
847																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-semibold">Investors</span>
848														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
849																									</span>
850											</a>
851																					
852										
853											
854																								<div class="megamenu megamenu-level-1
855																					hidden group-hover:block
856																					w-[calc(100%+40px)] -ml-[20px]
857																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
858																					mx-auto
859																					absolute top-[66px] left-0 px-5 z-10
860																					max-h-[500px]
861																					" id="megamenu-level-1--3">
862													<div
863														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
864																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl:pl-[70px] py-6 xl:py-12
865																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
866															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
867																<div class="grow">
868																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Investors</div>
869																</div>
870																<div>
871																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/investors" target="" >
872        <div class="button-background"></div>
873        <div class="button-content">
874            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
875            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
876        </div>
877    </a>
878																</div>
879															</div>
880														</div>
881														
882																												<div class="col-span-8 xl:col-span-6 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
883															<ul class="group/level2container grid grid-cols-2 gap-x-10">
884																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
885																		<a href=/investors/financial-results class="
886																												flex items-center align-baseline space-x-2
887																												border-[#ABABAB] 
888																												pr-5 py-3
889																												min-h-[70px] xl:min-h-[90px] h-full
890																												transition duration-500 ease-in-out
891																												
892																												group-hover/level2container:text-[#d2d2d2] 
893																												group-hover/level2container:group-hover/level2item:text-white
894
895																												group-aria-expanded/level2container:text-[#d2d2d2] 
896																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
897																												cursor-pointer
898																												
899																												
900																											" data-menu-link="/investors/financial-results"  
901																											
902																																							>
903																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Financial Results</span>
904																																					</a>
905																	</li>
906																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
907																		<a href=/investors/stock class="
908																												flex items-center align-baseline space-x-2
909																												border-[#ABABAB] 
910																												pr-5 py-3
911																												min-h-[70px] xl:min-h-[90px] h-full
912																												transition duration-500 ease-in-out
913																												
914																												group-hover/level2container:text-[#d2d2d2] 
915																												group-hover/level2container:group-hover/level2item:text-white
916
917																												group-aria-expanded/level2container:text-[#d2d2d2] 
918																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
919																												cursor-pointer
920																												
921																												
922																											" data-menu-link="/investors/stock"  
923																											
924																																							>
925																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Stock Quote &amp; Share Information</span>
926																																					</a>
927																	</li>
928																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
929																		<a  class="
930																												flex items-center align-baseline space-x-2
931																												border-[#ABABAB] border-t
932																												pr-5 py-3
933																												min-h-[70px] xl:min-h-[90px] h-full
934																												transition duration-500 ease-in-out
935																												
936																												group-hover/level2container:text-[#d2d2d2] 
937																												group-hover/level2container:group-hover/level2item:text-white
938
939																												group-aria-expanded/level2container:text-[#d2d2d2] 
940																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
941																												cursor-pointer
942																												
943																												
944																											" data-menu-link=""  onclick="menuItemSelectHandler(3,3)"  
945																											
946																																							>
947																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Shareholder Services</span>
948																																							<span class="icon icon-arrow-long-right text-[10px] 
949																							group-aria-selected/level2container:group-aria-selected/level2item:translate-x-2
950																							group-aria-expanded/level2container:group-aria-expanded/level2item:translate-x-2
951																							transition
952																					"></span>
953																																					</a>
954																	</li>
955																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
956																		<a href=/investors/events class="
957																												flex items-center align-baseline space-x-2
958																												border-[#ABABAB] border-t
959																												pr-5 py-3
960																												min-h-[70px] xl:min-h-[90px] h-full
961																												transition duration-500 ease-in-out
962																												
963																												group-hover/level2container:text-[#d2d2d2] 
964																												group-hover/level2container:group-hover/level2item:text-white
965
966																												group-aria-expanded/level2container:text-[#d2d2d2] 
967																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
968																												cursor-pointer
969																												
970																												
971																											" data-menu-link="/investors/events"  
972																											
973																																							>
974																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Investor Events</span>
975																																					</a>
976																	</li>
977																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--5" aria-selected="false">
978																		<a href=/sustainability class="
979																												flex items-center align-baseline space-x-2
980																												border-[#ABABAB] border-t
981																												pr-5 py-3
982																												min-h-[70px] xl:min-h-[90px] h-full
983																												transition duration-500 ease-in-out
984																												
985																												group-hover/level2container:text-[#d2d2d2] 
986																												group-hover/level2container:group-hover/level2item:text-white
987
988																												group-aria-expanded/level2container:text-[#d2d2d2] 
989																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
990																												cursor-pointer
991																												
992																												
993																											" data-menu-link="/sustainability"  
994																											
995																																							>
996																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Sustainability</span>
997																																					</a>
998																	</li>
999																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--6" aria-selected="false">
1000																		<a href=/cg class="
1001																												flex items-center align-baseline space-x-2
1002																												border-[#ABABAB] border-t
1003																												pr-5 py-3
1004																												min-h-[70px] xl:min-h-[90px] h-full
1005																												transition duration-500 ease-in-out
1006																												
1007																												group-hover/level2container:text-[#d2d2d2] 
1008																												group-hover/level2container:group-hover/level2item:text-white
1009
1010																												group-aria-expanded/level2container:text-[#d2d2d2] 
1011																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1012																												cursor-pointer
1013																												
1014																												
1015																											" data-menu-link="/cg"  
1016																											
1017																																							>
1018																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Corporate Governance</span>
1019																																					</a>
1020																	</li>
1021																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--7" aria-selected="false">
1022																		<a href=/news class="
1023																												flex items-center align-baseline space-x-2
1024																												border-[#ABABAB] border-t
1025																												pr-5 py-3
1026																												min-h-[70px] xl:min-h-[90px] h-full
1027																												transition duration-500 ease-in-out
1028																												
1029																												group-hover/level2container:text-[#d2d2d2] 
1030																												group-hover/level2container:group-hover/level2item:text-white
1031
1032																												group-aria-expanded/level2container:text-[#d2d2d2] 
1033																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1034																												cursor-pointer
1035																												
1036																												
1037																											" data-menu-link="/news"  
1038																											
1039																																							>
1040																			<span class="grow font-['Barlow'] text-lg xl:text-xl">News &amp; Publications</span>
1041																																					</a>
1042																	</li>
1043																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--8" aria-selected="false">
1044																		<a href=/news?tags=109%2C114%2C110%2C113 class="
1045																												flex items-center align-baseline space-x-2
1046																												border-[#ABABAB] border-t
1047																												pr-5 py-3
1048																												min-h-[70px] xl:min-h-[90px] h-full
1049																												transition duration-500 ease-in-out
1050																												
1051																												group-hover/level2container:text-[#d2d2d2] 
1052																												group-hover/level2container:group-hover/level2item:text-white
1053
1054																												group-aria-expanded/level2container:text-[#d2d2d2] 
1055																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1056																												cursor-pointer
1057																												
1058																												
1059																											" data-menu-link="/news?tags=109%2C114%2C110%2C113"  
1060																											
1061																																							>
1062																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Publications</span>
1063																																					</a>
1064																	</li>
1065																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--9" aria-selected="false">
1066																		<a href=/brands class="
1067																												flex items-center align-baseline space-x-2
1068																												border-[#ABABAB] border-t
1069																												pr-5 py-3
1070																												min-h-[70px] xl:min-h-[90px] h-full
1071																												transition duration-500 ease-in-out
1072																												
1073																												group-hover/level2container:text-[#d2d2d2] 
1074																												group-hover/level2container:group-hover/level2item:text-white
1075
1076																												group-aria-expanded/level2container:text-[#d2d2d2] 
1077																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1078																												cursor-pointer
1079																												
1080																												
1081																											" data-menu-link="/brands"  
1082																											
1083																																							>
1084																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Brands</span>
1085																																					</a>
1086																	</li>
1087																															</ul>
1088														</div>
1089																												<div class="col-span-4 xl:col-span-3 bg-[#979DA0] text-white -ml-[40px] relative">
1090																														<div class="megamenu-level-3-wrapper hidden
1091																										absolute top-0 left-0 w-full h-full
1092																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
1093																										bg-[#A9AFB3]
1094																										hidden aria-selected:block" aria-selected="false">
1095																<div class="h-full pr-10 relative">
1096																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1097																			grid grid-cols-1 hidden
1098																			hidden aria-selected:grid
1099																		" 
1100																			id="megamenu-level-3--1">
1101																																					</ul>
1102																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1103																			grid grid-cols-1 hidden
1104																			hidden aria-selected:grid
1105																		" 
1106																			id="megamenu-level-3--2">
1107																																					</ul>
1108																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1109																			grid grid-cols-1 hidden
1110																			hidden aria-selected:grid
1111																		" 
1112																			id="megamenu-level-3--3">
1113																																							<li class="border-b border-[#D5D5D5]">
1114																					<a href="/press-room?article_categories=50" class="block py-3.5 ">
1115																						<span class="font-['Barlow'] text-sm">Press Releases</span>
1116																					</a>
1117																				</li>
1118																																							<li class="border-b border-[#D5D5D5]">
1119																					<a href="/investors/shareholder-services/announcements" class="block py-3.5 ">
1120																						<span class="font-['Barlow'] text-sm">Announcements</span>
1121																					</a>
1122																				</li>
1123																																							<li class="border-b border-[#D5D5D5]">
1124																					<a href="/investors/presentations" class="block py-3.5 ">
1125																						<span class="font-['Barlow'] text-sm">Presentations</span>
1126																					</a>
1127																				</li>
1128																																							<li class="border-b border-[#D5D5D5]">
1129																					<a href="/investors/shareholder-services/financial-calendar" class="block py-3.5 ">
1130																						<span class="font-['Barlow'] text-sm">Financial Calendar</span>
1131																					</a>
1132																				</li>
1133																																							<li class="border-b border-[#D5D5D5]">
1134																					<a href="/investors/shareholder-services/corporate-information" class="block py-3.5 ">
1135																						<span class="font-['Barlow'] text-sm">Corporate Information</span>
1136																					</a>
1137																				</li>
1138																																							<li class="border-b border-[#D5D5D5]">
1139																					<a href="/investors/shareholder-services/analyst-coverage" class="block py-3.5 ">
1140																						<span class="font-['Barlow'] text-sm">Analyst Coverage</span>
1141																					</a>
1142																				</li>
1143																																							<li class="border-b border-[#D5D5D5]">
1144																					<a href="/investors/shareholder-services/forms" class="block py-3.5 ">
1145																						<span class="font-['Barlow'] text-sm">Circulars &amp; Proxy Forms</span>
1146																					</a>
1147																				</li>
1148																																							<li class="">
1149																					<a href="/investors/shareholder-services/contacts" class="block py-3.5 active font-semibold">
1150																						<span class="font-['Barlow'] text-sm">IR Contacts</span>
1151																					</a>
1152																				</li>
1153																																					</ul>
1154																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1155																			grid grid-cols-1 hidden
1156																			hidden aria-selected:grid
1157																		" 
1158																			id="megamenu-level-3--4">
1159																																					</ul>
1160																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1161																			grid grid-cols-1 hidden
1162																			hidden aria-selected:grid
1163																		" 
1164																			id="megamenu-level-3--5">
1165																																					</ul>
1166																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1167																			grid grid-cols-1 hidden
1168																			hidden aria-selected:grid
1169																		" 
1170																			id="megamenu-level-3--6">
1171																																					</ul>
1172																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1173																			grid grid-cols-1 hidden
1174																			hidden aria-selected:grid
1175																		" 
1176																			id="megamenu-level-3--7">
1177																																					</ul>
1178																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1179																			grid grid-cols-1 hidden
1180																			hidden aria-selected:grid
1181																		" 
1182																			id="megamenu-level-3--8">
1183																																					</ul>
1184																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1185																			grid grid-cols-1 hidden
1186																			hidden aria-selected:grid
1187																		" 
1188																			id="megamenu-level-3--9">
1189																																					</ul>
1190																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(3)">
1191																		<span class="icon icon-x-mark text-lg text-white"></span>
1192																	</div>
1193																</div>
1194															</div>
1195														</div>
1196													</div>
1197												</div>
1198
1199											
1200										
1201									</li>
1202																																			<li
1203										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
1204
1205																						
1206																																																														<a href="/cg" class="menuItem-topLevel block h-full w-full px-3 " >
1207												<span class="h-full flex items-center relative">
1208																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">Governance</span>
1209														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
1210																									</span>
1211											</a>
1212																					
1213										
1214											
1215																								<div class="megamenu megamenu-level-1
1216																					hidden group-hover:block
1217																					w-[calc(100%+40px)] -ml-[20px]
1218																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
1219																					mx-auto
1220																					absolute top-[66px] left-0 px-5 z-10
1221																					max-h-[500px]
1222																					" id="megamenu-level-1--4">
1223													<div
1224														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
1225																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
1225:pl-[70px] py-6 xl:py-12
1226																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
1227															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
1228																<div class="grow">
1229																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Governance</div>
1230																</div>
1231																<div>
1232																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/cg" target="" >
1233        <div class="button-background"></div>
1234        <div class="button-content">
1235            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
1236            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
1237        </div>
1238    </a>
1239																</div>
1240															</div>
1241														</div>
1242														
1243																												<div class="col-span-8 xl:col-span-6 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
1244															<ul class="group/level2container grid grid-cols-2 gap-x-10">
1245																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
1246																		<a href=/cg/directors class="
1247																												flex items-center align-baseline space-x-2
1248																												border-[#ABABAB] 
1249																												pr-5 py-3
1250																												min-h-[70px] xl:min-h-[90px] h-full
1251																												transition duration-500 ease-in-out
1252																												
1253																												group-hover/level2container:text-[#d2d2d2] 
1254																												group-hover/level2container:group-hover/level2item:text-white
1255
1256																												group-aria-expanded/level2container:text-[#d2d2d2] 
1257																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1258																												cursor-pointer
1259																												
1260																												
1261																											" data-menu-link="/cg/directors"  
1262																											
1263																																							>
1264																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Board of Directors</span>
1265																																					</a>
1266																	</li>
1267																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
1268																		<a href=/cg/committees class="
1269																												flex items-center align-baseline space-x-2
1270																												border-[#ABABAB] 
1271																												pr-5 py-3
1272																												min-h-[70px] xl:min-h-[90px] h-full
1273																												transition duration-500 ease-in-out
1274																												
1275																												group-hover/level2container:text-[#d2d2d2] 
1276																												group-hover/level2container:group-hover/level2item:text-white
1277
1278																												group-aria-expanded/level2container:text-[#d2d2d2] 
1279																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1280																												cursor-pointer
1281																												
1282																												
1283																											" data-menu-link="/cg/committees"  
1284																											
1285																																							>
1286																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Board Committees</span>
1287																																					</a>
1288																	</li>
1289																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
1290																		<a href=/cg/codes class="
1291																												flex items-center align-baseline space-x-2
1292																												border-[#ABABAB] border-t
1293																												pr-5 py-3
1294																												min-h-[70px] xl:min-h-[90px] h-full
1295																												transition duration-500 ease-in-out
1296																												
1297																												group-hover/level2container:text-[#d2d2d2] 
1298																												group-hover/level2container:group-hover/level2item:text-white
1299
1300																												group-aria-expanded/level2container:text-[#d2d2d2] 
1301																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1302																												cursor-pointer
1303																												
1304																												
1305																											" data-menu-link="/cg/codes"  
1306																											
1307																																							>
1308																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Codes &amp; Policies</span>
1309																																					</a>
1310																	</li>
1311																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
1312																		<a href=/cg/accountability class="
1313																												flex items-center align-baseline space-x-2
1314																												border-[#ABABAB] border-t
1315																												pr-5 py-3
1316																												min-h-[70px] xl:min-h-[90px] h-full
1317																												transition duration-500 ease-in-out
1318																												
1319																												group-hover/level2container:text-[#d2d2d2] 
1320																												group-hover/level2container:group-hover/level2item:text-white
1321
1322																												group-aria-expanded/level2container:text-[#d2d2d2] 
1323																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1324																												cursor-pointer
1325																												
1326																												
1327																											" data-menu-link="/cg/accountability"  
1328																											
1329																																							>
1330																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Accountability &amp; Audit</span>
1331																																					</a>
1332																	</li>
1333																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--5" aria-selected="false">
1334																		<a href=/cg/corporate_disclosures class="
1335																												flex items-center align-baseline space-x-2
1336																												border-[#ABABAB] border-t
1337																												pr-5 py-3
1338																												min-h-[70px] xl:min-h-[90px] h-full
1339																												transition duration-500 ease-in-out
1340																												
1341																												group-hover/level2container:text-[#d2d2d2] 
1342																												group-hover/level2container:group-hover/level2item:text-white
1343
1344																												group-aria-expanded/level2container:text-[#d2d2d2] 
1345																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1346																												cursor-pointer
1347																												
1348																												
1349																											" data-menu-link="/cg/corporate_disclosures"  
1350																											
1351																																							>
1352																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Corporate Disclosures</span>
1353																																					</a>
1354																	</li>
1355																															</ul>
1356														</div>
1357																												<div class="col-span-4 xl:col-span-3 bg-[#979DA0] text-white -ml-[40px] relative">
1358																														<div class="megamenu-level-3-wrapper hidden
1359																										absolute top-0 left-0 w-full h-full
1360																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
1361																										bg-[#A9AFB3]
1362																										hidden aria-selected:block" aria-selected="false">
1363																<div class="h-full pr-10 relative">
1364																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1365																			grid grid-cols-1 hidden
1366																			hidden aria-selected:grid
1367																		" 
1368																			id="megamenu-level-3--1">
1369																																					</ul>
1370																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1371																			grid grid-cols-1 hidden
1372																			hidden aria-selected:grid
1373																		" 
1374																			id="megamenu-level-3--2">
1375																																					</ul>
1376																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1377																			grid grid-cols-1 hidden
1378																			hidden aria-selected:grid
1379																		" 
1380																			id="megamenu-level-3--3">
1381																																					</ul>
1382																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1383																			grid grid-cols-1 hidden
1384																			hidden aria-selected:grid
1385																		" 
1386																			id="megamenu-level-3--4">
1387																																					</ul>
1388																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1389																			grid grid-cols-1 hidden
1390																			hidden aria-selected:grid
1391																		" 
1392																			id="megamenu-level-3--5">
1393																																					</ul>
1394																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(4)">
1395																		<span class="icon icon-x-mark text-lg text-white"></span>
1396																	</div>
1397																</div>
1398															</div>
1399														</div>
1400													</div>
1401												</div>
1402
1403											
1404										
1405									</li>
1406																																			<li
1407										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
1408
1409																						
1410																																																														<a href="/sustainability" class="menuItem-topLevel block h-full w-full px-3 " >
1411												<span class="h-full flex items-center relative">
1412																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">Sustainability</span>
1413														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
1414																									</span>
1415											</a>
1416																					
1417										
1418											
1419																								<div class="megamenu megamenu-level-1
1420																					hidden group-hover:block
1421																					w-[calc(100%+40px)] -ml-[20px]
1422																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
1423																					mx-auto
1424																					absolute top-[66px] left-0 px-5 z-10
1425																					max-h-[500px]
1426																					" id="megamenu-level-1--5">
1427													<div
1428														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
1429																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
1429:pl-[70px] py-6 xl:py-12
1430																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
1431															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
1432																<div class="grow">
1433																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Sustainability</div>
1434																</div>
1435																<div>
1436																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/sustainability" target="" >
1437        <div class="button-background"></div>
1438        <div class="button-content">
1439            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
1440            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
1441        </div>
1442    </a>
1443																</div>
1444															</div>
1445														</div>
1446														
1447																												<div class="col-span-8 xl:col-span-6 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
1448															<ul class="group/level2container grid grid-cols-2 gap-x-10">
1449																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
1450																		<a href=/sustainability/executive-vice-chairmans-message class="
1451																												flex items-center align-baseline space-x-2
1452																												border-[#ABABAB] 
1453																												pr-5 py-3
1454																												min-h-[70px] xl:min-h-[90px] h-full
1455																												transition duration-500 ease-in-out
1456																												
1457																												group-hover/level2container:text-[#d2d2d2] 
1458																												group-hover/level2container:group-hover/level2item:text-white
1459
1460																												group-aria-expanded/level2container:text-[#d2d2d2] 
1461																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1462																												cursor-pointer
1463																												
1464																												
1465																											" data-menu-link="/sustainability/executive-vice-chairmans-message"  
1466																											
1467																																							>
1468																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Executive Vice Chairman&#039;s Message</span>
1469																																					</a>
1470																	</li>
1471																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
1472																		<a href=/sustainability/esg-approach-and-strategic-framework class="
1473																												flex items-center align-baseline space-x-2
1474																												border-[#ABABAB] 
1475																												pr-5 py-3
1476																												min-h-[70px] xl:min-h-[90px] h-full
1477																												transition duration-500 ease-in-out
1478																												
1479																												group-hover/level2container:text-[#d2d2d2] 
1480																												group-hover/level2container:group-hover/level2item:text-white
1481
1482																												group-aria-expanded/level2container:text-[#d2d2d2] 
1483																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1484																												cursor-pointer
1485																												
1486																												
1487																											" data-menu-link="/sustainability/esg-approach-and-strategic-framework"  
1488																											
1489																																							>
1490																			<span class="grow font-['Barlow'] text-lg xl:text-xl">TTI’s ESG Approach and Strategic Framework</span>
1491																																					</a>
1492																	</li>
1493																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
1494																		<a href=/sustainability/environment class="
1495																												flex items-center align-baseline space-x-2
1496																												border-[#ABABAB] border-t
1497																												pr-5 py-3
1498																												min-h-[70px] xl:min-h-[90px] h-full
1499																												transition duration-500 ease-in-out
1500																												
1501																												group-hover/level2container:text-[#d2d2d2] 
1502																												group-hover/level2container:group-hover/level2item:text-white
1503
1504																												group-aria-expanded/level2container:text-[#d2d2d2] 
1505																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1506																												cursor-pointer
1507																												
1508																												
1509																											" data-menu-link="/sustainability/environment"  
1510																											
1511																																							>
1512																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Environment</span>
1513																																					</a>
1514																	</li>
1515																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
1516																		<a href=/sustainability/social-and-community class="
1517																												flex items-center align-baseline space-x-2
1518																												border-[#ABABAB] border-t
1519																												pr-5 py-3
1520																												min-h-[70px] xl:min-h-[90px] h-full
1521																												transition duration-500 ease-in-out
1522																												
1523																												group-hover/level2container:text-[#d2d2d2] 
1524																												group-hover/level2container:group-hover/level2item:text-white
1525
1526																												group-aria-expanded/level2container:text-[#d2d2d2] 
1527																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1528																												cursor-pointer
1529																												
1530																												
1531																											" data-menu-link="/sustainability/social-and-community"  
1532																											
1533																																							>
1534																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Social and Community</span>
1535																																					</a>
1536																	</li>
1537																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--5" aria-selected="false">
1538																		<a href=/sustainability/governance class="
1539																												flex items-center align-baseline space-x-2
1540																												border-[#ABABAB] border-t
1541																												pr-5 py-3
1542																												min-h-[70px] xl:min-h-[90px] h-full
1543																												transition duration-500 ease-in-out
1544																												
1545																												group-hover/level2container:text-[#d2d2d2] 
1546																												group-hover/level2container:group-hover/level2item:text-white
1547
1548																												group-aria-expanded/level2container:text-[#d2d2d2] 
1549																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1550																												cursor-pointer
1551																												
1552																												
1553																											" data-menu-link="/sustainability/governance"  
1554																											
1555																																							>
1556																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Governance</span>
1557																																					</a>
1558																	</li>
1559																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--6" aria-selected="false">
1560																		<a href=/sustainability/esg-publications class="
1561																												flex items-center align-baseline space-x-2
1562																												border-[#ABABAB] border-t
1563																												pr-5 py-3
1564																												min-h-[70px] xl:min-h-[90px] h-full
1565																												transition duration-500 ease-in-out
1566																												
1567																												group-hover/level2container:text-[#d2d2d2] 
1568																												group-hover/level2container:group-hover/level2item:text-white
1569
1570																												group-aria-expanded/level2container:text-[#d2d2d2] 
1571																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1572																												cursor-pointer
1573																												
1574																												
1575																											" data-menu-link="/sustainability/esg-publications"  
1576																											
1577																																							>
1578																			<span class="grow font-['Barlow'] text-lg xl:text-xl">ESG Publications</span>
1579																																					</a>
1580																	</li>
1581																															</ul>
1582														</div>
1583																												<div class="col-span-4 xl:col-span-3 bg-[#979DA0] text-white -ml-[40px] relative">
1584																														<div class="megamenu-level-3-wrapper hidden
1585																										absolute top-0 left-0 w-full h-full
1586																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
1587																										bg-[#A9AFB3]
1588																										hidden aria-selected:block" aria-selected="false">
1589																<div class="h-full pr-10 relative">
1590																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1591																			grid grid-cols-1 hidden
1592																			hidden aria-selected:grid
1593																		" 
1594																			id="megamenu-level-3--1">
1595																																					</ul>
1596																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1597																			grid grid-cols-1 hidden
1598																			hidden aria-selected:grid
1599																		" 
1600																			id="megamenu-level-3--2">
1601																																					</ul>
1602																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1603																			grid grid-cols-1 hidden
1604																			hidden aria-selected:grid
1605																		" 
1606																			id="megamenu-level-3--3">
1607																																					</ul>
1608																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1609																			grid grid-cols-1 hidden
1610																			hidden aria-selected:grid
1611																		" 
1612																			id="megamenu-level-3--4">
1613																																					</ul>
1614																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1615																			grid grid-cols-1 hidden
1616																			hidden aria-selected:grid
1617																		" 
1618																			id="megamenu-level-3--5">
1619																																					</ul>
1620																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1621																			grid grid-cols-1 hidden
1622																			hidden aria-selected:grid
1623																		" 
1624																			id="megamenu-level-3--6">
1625																																					</ul>
1626																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(5)">
1627																		<span class="icon icon-x-mark text-lg text-white"></span>
1628																	</div>
1629																</div>
1630															</div>
1631														</div>
1632													</div>
1633												</div>
1634
1635											
1636										
1637									</li>
1638																																			<li
1639										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
1640
1641																						
1642																																																														<a href="/careers" class="menuItem-topLevel block h-full w-full px-3 " >
1643												<span class="h-full flex items-center relative">
1644																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">Careers</span>
1645														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
1646																									</span>
1647											</a>
1648																					
1649										
1650											
1651																								<div class="megamenu megamenu-level-1
1652																					hidden group-hover:block
1653																					w-[calc(100%+40px)] -ml-[20px]
1654																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
1655																					mx-auto
1656																					absolute top-[66px] left-0 px-5 z-10
1657																					max-h-[500px]
1658																					" id="megamenu-level-1--6">
1659													<div
1660														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
1661																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
1661:pl-[70px] py-6 xl:py-12
1662																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
1663															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
1664																<div class="grow">
1665																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Careers</div>
1666																</div>
1667																<div>
1668																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/careers" target="" >
1669        <div class="button-background"></div>
1670        <div class="button-content">
1671            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
1672            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
1673        </div>
1674    </a>
1675																</div>
1676															</div>
1677														</div>
1678														
1679																												<div class="col-span-4 xl:col-span-3 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
1680															<ul class="group/level2container grid grid-cols-1">
1681																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
1682																		<a href=/careers/working-at-tti class="
1683																												flex items-center align-baseline space-x-2
1684																												border-[#ABABAB] 
1685																												pr-5 py-3
1686																												min-h-[70px] xl:min-h-[90px] h-full
1687																												transition duration-500 ease-in-out
1688																												
1689																												group-hover/level2container:text-[#d2d2d2] 
1690																												group-hover/level2container:group-hover/level2item:text-white
1691
1692																												group-aria-expanded/level2container:text-[#d2d2d2] 
1693																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1694																												cursor-pointer
1695																												
1696																												
1697																											" data-menu-link="/careers/working-at-tti"  
1698																											
1699																																							>
1700																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Working with TTI</span>
1701																																					</a>
1702																	</li>
1703																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
1704																		<a href=/careers/global-career-opportunities class="
1705																												flex items-center align-baseline space-x-2
1706																												border-[#ABABAB] border-t
1707																												pr-5 py-3
1708																												min-h-[70px] xl:min-h-[90px] h-full
1709																												transition duration-500 ease-in-out
1710																												
1711																												group-hover/level2container:text-[#d2d2d2] 
1712																												group-hover/level2container:group-hover/level2item:text-white
1713
1714																												group-aria-expanded/level2container:text-[#d2d2d2] 
1715																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1716																												cursor-pointer
1717																												
1718																												
1719																											" data-menu-link="/careers/global-career-opportunities"  
1720																											
1721																																							>
1722																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Career Opportunities</span>
1723																																					</a>
1724																	</li>
1725																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
1726																		<a href=https://ldp.ttigroup.com class="
1727																												flex items-center align-baseline space-x-2
1728																												border-[#ABABAB] border-t
1729																												pr-5 py-3
1730																												min-h-[70px] xl:min-h-[90px] h-full
1731																												transition duration-500 ease-in-out
1732																												
1733																												group-hover/level2container:text-[#d2d2d2] 
1734																												group-hover/level2container:group-hover/level2item:text-white
1735
1736																												group-aria-expanded/level2container:text-[#d2d2d2] 
1737																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1738																												cursor-pointer
1739																												
1740																												
1741																											" data-menu-link="https://ldp.ttigroup.com"  
1742																											
1743																																							>
1744																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Students &amp; Graduates</span>
1745																																					</a>
1746																	</li>
1747																															</ul>
1748														</div>
1749																												<div class="col-span-8 xl:col-span-6 bg-[#979DA0] text-white -ml-[40px] relative">
1750																														<div class="megamenu-level-3-wrapper hidden
1751																										absolute top-0 left-0 w-full h-full
1752																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
1753																										bg-[#A9AFB3]
1754																										hidden aria-selected:block" aria-selected="false">
1755																<div class="h-full pr-10 relative">
1756																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1757																			grid grid-cols-1 hidden
1758																			hidden aria-selected:grid
1759																		" 
1760																			id="megamenu-level-3--1">
1761																																					</ul>
1762																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1763																			grid grid-cols-1 hidden
1764																			hidden aria-selected:grid
1765																		" 
1766																			id="megamenu-level-3--2">
1767																																					</ul>
1768																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1769																			grid grid-cols-1 hidden
1770																			hidden aria-selected:grid
1771																		" 
1772																			id="megamenu-level-3--3">
1773																																					</ul>
1774																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(6)">
1775																		<span class="icon icon-x-mark text-lg text-white"></span>
1776																	</div>
1777																</div>
1778															</div>
1779														</div>
1780													</div>
1781												</div>
1782
1783											
1784										
1785									</li>
1786																																			<li
1787										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
1788
1789																						
1790																																																														<a href="/news" class="menuItem-topLevel block h-full w-full px-3 " >
1791												<span class="h-full flex items-center relative">
1792																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">News &amp; Publications</span>
1793														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
1794																									</span>
1795											</a>
1796																					
1797										
1798											
1799																								<div class="megamenu megamenu-level-1
1800																					hidden group-hover:block
1801																					w-[calc(100%+40px)] -ml-[20px]
1802																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
1803																					mx-auto
1804																					absolute top-[66px] left-0 px-5 z-10
1805																					max-h-[500px]
1806																					" id="megamenu-level-1--7">
1807													<div
1808														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
1809																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
1809:pl-[70px] py-6 xl:py-12
1810																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
1811															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
1812																<div class="grow">
1813																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">News &amp; Publications</div>
1814																</div>
1815																<div>
1816																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/news" target="" >
1817        <div class="button-background"></div>
1818        <div class="button-content">
1819            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
1820            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
1821        </div>
1822    </a>
1823																</div>
1824															</div>
1825														</div>
1826														
1827																												<div class="col-span-4 xl:col-span-3 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
1828															<ul class="group/level2container grid grid-cols-1">
1829																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
1830																		<a href=/news?tags=50 class="
1831																												flex items-center align-baseline space-x-2
1832																												border-[#ABABAB] 
1833																												pr-5 py-3
1834																												min-h-[70px] xl:min-h-[90px] h-full
1835																												transition duration-500 ease-in-out
1836																												
1837																												group-hover/level2container:text-[#d2d2d2] 
1838																												group-hover/level2container:group-hover/level2item:text-white
1839
1840																												group-aria-expanded/level2container:text-[#d2d2d2] 
1841																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1842																												cursor-pointer
1843																												
1844																												
1845																											" data-menu-link="/news?tags=50"  
1846																											
1847																																							>
1848																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Press Releases</span>
1849																																					</a>
1850																	</li>
1851																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
1852																		<a href=/news?tags=30 class="
1853																												flex items-center align-baseline space-x-2
1854																												border-[#ABABAB] border-t
1855																												pr-5 py-3
1856																												min-h-[70px] xl:min-h-[90px] h-full
1857																												transition duration-500 ease-in-out
1858																												
1859																												group-hover/level2container:text-[#d2d2d2] 
1860																												group-hover/level2container:group-hover/level2item:text-white
1861
1862																												group-aria-expanded/level2container:text-[#d2d2d2] 
1863																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1864																												cursor-pointer
1865																												
1866																												
1867																											" data-menu-link="/news?tags=30"  
1868																											
1869																																							>
1870																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Announcements</span>
1871																																					</a>
1872																	</li>
1873																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
1874																		<a href=/news?tags=109%2C114%2C110%2C113 class="
1875																												flex items-center align-baseline space-x-2
1876																												border-[#ABABAB] border-t
1877																												pr-5 py-3
1878																												min-h-[70px] xl:min-h-[90px] h-full
1879																												transition duration-500 ease-in-out
1880																												
1881																												group-hover/level2container:text-[#d2d2d2] 
1882																												group-hover/level2container:group-hover/level2item:text-white
1883
1884																												group-aria-expanded/level2container:text-[#d2d2d2] 
1885																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1886																												cursor-pointer
1887																												
1888																												
1889																											" data-menu-link="/news?tags=109%2C114%2C110%2C113"  
1890																											
1891																																							>
1892																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Publications</span>
1893																																					</a>
1894																	</li>
1895																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
1896																		<a href=/news/media-coverage class="
1897																												flex items-center align-baseline space-x-2
1898																												border-[#ABABAB] border-t
1899																												pr-5 py-3
1900																												min-h-[70px] xl:min-h-[90px] h-full
1901																												transition duration-500 ease-in-out
1902																												
1903																												group-hover/level2container:text-[#d2d2d2] 
1904																												group-hover/level2container:group-hover/level2item:text-white
1905
1906																												group-aria-expanded/level2container:text-[#d2d2d2] 
1907																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
1908																												cursor-pointer
1909																												
1910																												
1911																											" data-menu-link="/news/media-coverage"  
1912																											
1913																																							>
1914																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Media Coverage</span>
1915																																					</a>
1916																	</li>
1917																															</ul>
1918														</div>
1919																												<div class="col-span-8 xl:col-span-6 bg-[#979DA0] text-white -ml-[40px] relative">
1920																														<div class="megamenu-level-3-wrapper hidden
1921																										absolute top-0 left-0 w-full h-full
1922																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
1923																										bg-[#A9AFB3]
1924																										hidden aria-selected:block" aria-selected="false">
1925																<div class="h-full pr-10 relative">
1926																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1927																			grid grid-cols-1 hidden
1928																			hidden aria-selected:grid
1929																		" 
1930																			id="megamenu-level-3--1">
1931																																					</ul>
1932																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1933																			grid grid-cols-1 hidden
1934																			hidden aria-selected:grid
1935																		" 
1936																			id="megamenu-level-3--2">
1937																																					</ul>
1938																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1939																			grid grid-cols-1 hidden
1940																			hidden aria-selected:grid
1941																		" 
1942																			id="megamenu-level-3--3">
1943																																					</ul>
1944																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
1945																			grid grid-cols-1 hidden
1946																			hidden aria-selected:grid
1947																		" 
1948																			id="megamenu-level-3--4">
1949																																					</ul>
1950																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(7)">
1951																		<span class="icon icon-x-mark text-lg text-white"></span>
1952																	</div>
1953																</div>
1954															</div>
1955														</div>
1956													</div>
1957												</div>
1958
1959											
1960										
1961									</li>
1962																																			<li
1963										class="group flex items-center justify-center " data-has-child="true" aria-selected="" style="--theme-color: ">
1964
1965																						
1966																																																														<a href="/contacts" class="menuItem-topLevel block h-full w-full px-3 " >
1967												<span class="h-full flex items-center relative">
1968																											<span class="w-max font-['Barlow'] text-tti-grey text-base font-normal">Contacts</span>
1969														<span class="absolute bottom-0 left-0 w-full h-[4px] rounded-lg bg-tti-grey hidden group-hover:block"></span>
1970																									</span>
1971											</a>
1972																					
1973										
1974											
1975																								<div class="megamenu megamenu-level-1
1976																					hidden group-hover:block
1977																					w-[calc(100%+40px)] -ml-[20px]
1978																					xl:w-[calc(100%+140px)] xl:-ml-[70px]
1979																					mx-auto
1980																					absolute top-[66px] left-0 px-5 z-10
1981																					max-h-[500px]
1982																					" id="megamenu-level-1--8">
1983													<div
1984														class="text-white grid grid-cols-12 sm:gap-x-5 md:gap-x-10 w-full shadow-tti-card relative">
1985																												<div class="col-span-12 xl:col-span-3 bg-[#808688] px-5 xl
1985:pl-[70px] py-6 xl:py-12
1986																	relative before:h-full before:w-[calc(100%+40px)] before:absolute before:-z-10 before:-right-[40px] before:top-0 before:bg-[#808688]">
1987															<div class="flex flex-row xl:flex-col items-center xl:items-start justify-between xl:space-y-10">
1988																<div class="grow">
1989																	<div class="font-['Barlow'] font-semibold text-3xl xl:text-[34px] italic uppercase">Contacts</div>
1990																</div>
1991																<div>
1992																	    <a class="inline-block gradient-button w-fit h-fit cursor-pointer grey " href="/contacts" target="" >
1993        <div class="button-background"></div>
1994        <div class="button-content">
1995            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Go to this section</span>
1996            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
1997        </div>
1998    </a>
1999																</div>
2000															</div>
2001														</div>
2002														
2003																												<div class="col-span-8 xl:col-span-6 px-5 xl:px-10 xl:py-6 bg-[#979DA0] min-h-[400px]">
2004															<ul class="group/level2container grid grid-cols-2 gap-x-10">
2005																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--1" aria-selected="false">
2006																		<a href=/contacts/tti-offices class="
2007																												flex items-center align-baseline space-x-2
2008																												border-[#ABABAB] 
2009																												pr-5 py-3
2010																												min-h-[70px] xl:min-h-[90px] h-full
2011																												transition duration-500 ease-in-out
2012																												
2013																												group-hover/level2container:text-[#d2d2d2] 
2014																												group-hover/level2container:group-hover/level2item:text-white
2015
2016																												group-aria-expanded/level2container:text-[#d2d2d2] 
2017																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
2018																												cursor-pointer
2019																												
2020																												
2021																											" data-menu-link="/contacts/tti-offices"  
2022																											
2023																																							>
2024																			<span class="grow font-['Barlow'] text-lg xl:text-xl">TTI Offices</span>
2025																																					</a>
2026																	</li>
2027																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--2" aria-selected="false">
2028																		<a href=/contacts/ir-contacts class="
2029																												flex items-center align-baseline space-x-2
2030																												border-[#ABABAB] 
2031																												pr-5 py-3
2032																												min-h-[70px] xl:min-h-[90px] h-full
2033																												transition duration-500 ease-in-out
2034																												
2035																												group-hover/level2container:text-[#d2d2d2] 
2036																												group-hover/level2container:group-hover/level2item:text-white
2037
2038																												group-aria-expanded/level2container:text-[#d2d2d2] 
2039																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
2040																												cursor-pointer
2041																												
2042																												
2043																											" data-menu-link="/contacts/ir-contacts"  
2044																											
2045																																							>
2046																			<span class="grow font-['Barlow'] text-lg xl:text-xl">IR Contacts</span>
2047																																					</a>
2048																	</li>
2049																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--3" aria-selected="false">
2050																		<a href=/contacts/partner-with-us class="
2051																												flex items-center align-baseline space-x-2
2052																												border-[#ABABAB] border-t
2053																												pr-5 py-3
2054																												min-h-[70px] xl:min-h-[90px] h-full
2055																												transition duration-500 ease-in-out
2056																												
2057																												group-hover/level2container:text-[#d2d2d2] 
2058																												group-hover/level2container:group-hover/level2item:text-white
2059
2060																												group-aria-expanded/level2container:text-[#d2d2d2] 
2061																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
2062																												cursor-pointer
2063																												
2064																												
2065																											" data-menu-link="/contacts/partner-with-us"  
2066																											
2067																																							>
2068																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Partner with Us</span>
2069																																					</a>
2070																	</li>
2071																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--4" aria-selected="false">
2072																		<a href=/contacts/form?enquiry_tags=96 class="
2073																												flex items-center align-baseline space-x-2
2074																												border-[#ABABAB] border-t
2075																												pr-5 py-3
2076																												min-h-[70px] xl:min-h-[90px] h-full
2077																												transition duration-500 ease-in-out
2078																												
2079																												group-hover/level2container:text-[#d2d2d2] 
2080																												group-hover/level2container:group-hover/level2item:text-white
2081
2082																												group-aria-expanded/level2container:text-[#d2d2d2] 
2083																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
2084																												cursor-pointer
2085																												use-ajax
2086																												
2087																											" data-menu-link="/contacts/form?enquiry_tags=96"  
2088																											
2089																																																							data-dialog-type='ajax'
2090																												data-dialog-options='{&quot;dialogType&quot;:&quot;tti_dialog&quot;,&quot;appendTo&quot;:&quot;#lightbox-enquiry_form .lightbox-inner .lightbox-body&quot;}'
2091																																							>
2092																			<span class="grow font-['Barlow'] text-lg xl:text-xl">Media Enquiry</span>
2093																																					</a>
2094																	</li>
2095																																	<li class="megamenu-level-2 group/level2item" id="megamenu-level-2--5" aria-selected="false">
2096																		<a href=/compliance-hotlines class="
2097																												flex items-center align-baseline space-x-2
2098																												border-[#ABABAB] border-t
2099																												pr-5 py-3
2100																												min-h-[70px] xl:min-h-[90px] h-full
2101																												transition duration-500 ease-in-out
2102																												
2103																												group-hover/level2container:text-[#d2d2d2] 
2104																												group-hover/level2container:group-hover/level2item:text-white
2105
2106																												group-aria-expanded/level2container:text-[#d2d2d2] 
2107																												group-aria-expanded/level2container:group-aria-expanded/level2item:text-white
2108																												cursor-pointer
2109																												
2110																												
2111																											" data-menu-link="/compliance-hotlines"  
2112																											
2113																																							>
2114																			<span class="grow font-['Barlow'] text-lg xl:text-xl">
2114Compliance Hotlines</span>
2115																																					</a>
2116																	</li>
2117																															</ul>
2118														</div>
2119																												<div class="col-span-4 xl:col-span-3 bg-[#979DA0] text-white -ml-[40px] relative">
2120																														<div class="megamenu-level-3-wrapper hidden
2121																										absolute top-0 left-0 w-full h-full
2122																										py-4 xl:py-8 px-[40px] xl:pr-[100px]
2123																										bg-[#A9AFB3]
2124																										hidden aria-selected:block" aria-selected="false">
2125																<div class="h-full pr-10 relative">
2126																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
2127																			grid grid-cols-1 hidden
2128																			hidden aria-selected:grid
2129																		" 
2130																			id="megamenu-level-3--1">
2131																																					</ul>
2132																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
2133																			grid grid-cols-1 hidden
2134																			hidden aria-selected:grid
2135																		" 
2136																			id="megamenu-level-3--2">
2137																																					</ul>
2138																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
2139																			grid grid-cols-1 hidden
2140																			hidden aria-selected:grid
2141																		" 
2142																			id="megamenu-level-3--3">
2143																																					</ul>
2144																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
2145																			grid grid-cols-1 hidden
2146																			hidden aria-selected:grid
2147																		" 
2148																			id="megamenu-level-3--4">
2149																																					</ul>
2150																																			<ul class="megamenu-level-3 max-h-full overflow-auto overscroll-none 
2151																			grid grid-cols-1 hidden
2152																			hidden aria-selected:grid
2153																		" 
2154																			id="megamenu-level-3--5">
2155																																					</ul>
2156																																		<div class="btn-close cursor-pointer absolute top-[10px] right-0" onclick="closeLevel3(8)">
2157																		<span class="icon icon-x-mark text-lg text-white"></span>
2158																	</div>
2159																</div>
2160															</div>
2161														</div>
2162													</div>
2163												</div>
2164
2165											
2166										
2167									</li>
2168																								</ul>
2169							
2170																					<div class="group flex flex-row items-center cursor-pointer" onclick="showSearchBox()">
2171								<div class="btn-search cursor-pointer mx-3">
2172									<div class="icon icon-search text-base text-tti-grey"></div>
2173								</div>
2174							</div>
2175													</div>
2176					</div>
2177
2178															<div class="h-full block lg:hidden">
2179						<div class="h-full flex items-center justify-end">
2180
2181							<div class="h-full flex flex-row items-center justify-center">
2182								<div
2183									class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showMobileMenu()">
2184																		<div class="icon icon-bars-3 text-xl text-tti-grey"></div>
2185								</div>
2186							</div>
2187													</div>
2188					</div>
2189					
2190				</div>
2191			</div>
2192		</div>
2193
2194		
2195		
2196	</div>
2197</div>
2198    
2199<div class="menu-mobile hidden aria-expanded:block" aria-expanded="false">
2200	<div class="fixed top-0 left-0 w-full h-full z-40">
2201
2202		<div class="flex flex-col h-full">
2203						<div class="bg-white text-tti-grey">
2204				<div class="h-[66px] relative flex items-center justify-between px-5">
2205					<a class="whitespace-nowrap overflow-hidden py-2" href="/">
2206						<img 
2207							class="max-h-[52px] h-max w-auto mr-3 inline-block" 
2208							src="/themes/custom/tti_theme/assets/images/logo-2.png"
2209							alt="TTI Logo"
2210						/>
2211										</a>
2212
2213					<div class="grow ml-5"></div>
2214
2215					<div class="flex flex-row -mr-2.5 items-center">
2216												<div class="h-full flex flex-row items-center justify-center w-10">
2217							<div
2218								class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showSearchBox()">
2219																<div class="icon icon-search text-lg text-tti-grey"></div>
2220							</div>
2221						</div>
2222						
2223												<div class="h-full flex flex-row items-center justify-center w-10">
2224							<div
2225								class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showLocationLanguageSelector()">
2226																<div class="icon icon-globe-alt text-lg text-tti-grey"></div>
2227							</div>
2228						</div>
2229						
2230						
2231						<div class="h-full flex flex-row items-center justify-center w-10">
2232							<div
2233								class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="hideMobileMenu()">
2234																<div class="icon icon-x-mark text-lg text-tti-grey"></div>
2235							</div>
2236						</div>
2237					</div>
2238
2239				</div>
2240			</div>
2241
2242						<div
2243				class="grow overflow-hidden mobile-megamenu relative">
2244
2245								<div
2246					class="mobile-megamenu-level-1
2247						                    bg-tti-grey text-white
2248						                    absolute top-0 left-0 w-full h-full
2249						                    flex flex-col">
2250								
2251										
2252										<div class="grow overflow-auto overscroll-none bg-[#808688] text-white">
2253						<ul class="flex flex-col divide-y divide-[#ABABAB]">
2254																								<li class="" style="--theme-color: #808688">
2255																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(1)">
2256																								<span class="grow font-['Barlow'] text-base">Company</span>
2257												<span class="icon icon-chevron-right text-white"></span>
2258											</a>
2259																			</li>
2260																																<li class="" style="--theme-color: #808688">
2261																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(2)">
2262																								<span class="grow font-['Barlow'] text-base">Brands</span>
2263												<span class="icon icon-chevron-right text-white"></span>
2264											</a>
2265																			</li>
2266																																<li class="" style="--theme-color: #808688">
2267																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(3)">
2268																								<span class="grow font-['Barlow'] text-base">Investors</span>
2269												<span class="icon icon-chevron-right text-white"></span>
2270											</a>
2271																			</li>
2272																																<li class="" style="--theme-color: #808688">
2273																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(4)">
2274																								<span class="grow font-['Barlow'] text-base">Governance</span>
2275												<span class="icon icon-chevron-right text-white"></span>
2276											</a>
2277																			</li>
2278																																<li class="" style="--theme-color: #808688">
2279																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(5)">
2280																								<span class="grow font-['Barlow'] text-base">Sustainability</span>
2281												<span class="icon icon-chevron-right text-white"></span>
2282											</a>
2283																			</li>
2284																																<li class="" style="--theme-color: #808688">
2285																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(6)">
2286																								<span class="grow font-['Barlow'] text-base">Careers</span>
2287												<span class="icon icon-chevron-right text-white"></span>
2288											</a>
2289																			</li>
2290																																<li class="" style="--theme-color: #808688">
2291																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(7)">
2292																								<span class="grow font-['Barlow'] text-base">News &amp; Publications</span>
2293												<span class="icon icon-chevron-right text-white"></span>
2294											</a>
2295																			</li>
2296																																<li class="" style="--theme-color: #808688">
2297																					<a class="flex items-center w-full px-5 py-5 cursor-pointer bg-[--theme-color]" onclick="showLevel2(8)">
2298																								<span class="grow font-['Barlow'] text-base">Contacts</span>
2299												<span class="icon icon-chevron-right text-white"></span>
2300											</a>
2301																			</li>
2302																					</ul>
2303					</div>
2304					
2305										<div class="bg-tti-grey text-white flex flex-col">
2306																			<div class="px-5 py-3 border-t border-[#ABABAB] min-h-[50px] sm:min-h-[31px]">
2307
2308								<div id="subheader-marquee-mobile" class="h-full relative">
2309																			<div class="absolute top-0 left-0 h-full w-full opacity-0 aria-selected:opacity-100 transition duration-1000 ease-in-out flex items-center" aria-selected="true" data-autoplay-duration="5000">
2310											<iframe marginheight="0" src="https://api.irasia.com/stock/sehk/669/quote/en/home-top-new.html" marginwidth="0" scrolling="no" allowtransparency="true" frameborder="0" class="max-sm:max-w-[350px] w-full h-[28px] sm:h-[14px]"></iframe>
2311										</div>
2312																												<div class="absolute top-0 left-0 h-full w-full opacity-0 aria-selected:opacity-100 transition duration-1000 ease-in-out flex items-center" aria-selected="false" data-autoplay-duration="5000">
2313											<div class="font-['Barlow'] leading-[1.1] font-regular text-[13px] text-white apply-anchor-underlined">Interim Report 2026 <a href="https://www.ttigroup.com/documents/interim-results-2026/" title="https://www.ttigroup.com/documents/interim-results-2026/">View More</a></div>
2314										</div>
2315																	</div>
2316							</div>
2317											</div>
2318				</div>
2319
2320																			<div class="mobile-megamenu-level-2
2321							                        bg-[#808688] text-white
2322							                        absolute top-0 left-0 w-full h-full
2323													-translate-x-full aria-expanded:translate-x-0
2324							                        transition duration-500 ease-in-out
2325							                        flex flex-col
2326													" data-level-1="1" aria-expanded="false">
2327							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
2328								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
2329																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/company">Company</a>
2330																<span class="grow"></span>
2331							</div>
2332							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
2333								<ul class="flex flex-col divide-y divide-[#ABABAB]">
2334																			<li class="" style="--theme-color: ">
2335																																				<a href="/company/about-us" 
2336														class="
2337															flex flex-row items-center w-full px-5 py-5 relative
2338															
2339														"
2340
2341														
2342														onclick="hideMobileMenu()"
2343														 
2344														
2345													>
2346														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2347														<span class="font-['Barlow'] text-base font-normal grow">About Us</span>
2348																											</a>
2349																																	</li>
2350																			<li class="" style="--theme-color: ">
2351																																				<a href="/company/strategic-drivers" 
2352														class="
2353															flex flex-row items-center w-full px-5 py-5 relative
2354															
2355														"
2356
2357														
2358														onclick="hideMobileMenu()"
2359														 
2360														
2361													>
2362														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2363														<span class="font-['Barlow'] text-base font-normal grow">Strategic Drivers</span>
2364																											</a>
2365																																	</li>
2366																			<li class="" style="--theme-color: ">
2367																																				<a href="/company/our-board" 
2368														class="
2369															flex flex-row items-center w-full px-5 py-5 relative
2370															
2371														"
2372
2373														
2374														onclick="hideMobileMenu()"
2375														 
2376														
2377													>
2378														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2379														<span class="font-['Barlow'] text-base font-normal grow">Our Board</span>
2380																											</a>
2381																																	</li>
2382																			<li class="" style="--theme-color: ">
2383																																				<a href="/company/history" 
2384														class="
2385															flex flex-row items-center w-full px-5 py-5 relative
2386															
2387														"
2388
2389														
2390														onclick="hideMobileMenu()"
2391														 
2392														
2393													>
2394														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2395														<span class="font-['Barlow'] text-base font-normal grow">History</span>
2396																											</a>
2397																																	</li>
2398																			<li class="" style="--theme-color: ">
2399																																				<a href="/company/our-policies" 
2400														class="
2401															flex flex-row items-center w-full px-5 py-5 relative
2402															
2403														"
2404
2405														
2406														onclick="hideMobileMenu()"
2407														 
2408														
2409													>
2410														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2411														<span class="font-['Barlow'] text-base font-normal grow">Our Policies</span>
2412																											</a>
2413																																	</li>
2414																			<li class="" style="--theme-color: ">
2415																																				<a href="/company/management-systems" 
2416														class="
2417															flex flex-row items-center w-full px-5 py-5 relative
2418															
2419														"
2420
2421														
2422														onclick="hideMobileMenu()"
2423														 
2424														
2425													>
2426														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2427														<span class="font-['Barlow'] text-base font-normal grow">Management Systems</span>
2428																											</a>
2429																																	</li>
2430																	</ul>
2431															</div>
2432						</div>
2433																				<div class="mobile-megamenu-level-2
2434							                        bg-[#808688] text-white
2435							                        absolute top-0 left-0 w-full h-full
2436													-translate-x-full aria-expanded:translate-x-0
2437							                        transition duration-500 ease-in-out
2438							                        flex flex-col
2439													" data-level-1="2" aria-expanded="false">
2440							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
2441								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
2442																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/brands">Brands</a>
2443																<span class="grow"></span>
2444							</div>
2445							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
2446								<ul class="flex flex-col divide-y divide-[#ABABAB]">
2447																			<li class="" style="--theme-color: ">
2448																																				<a href="/brands/milwaukee" 
2449														class="
2450															flex flex-row items-center w-full px-5 py-5 relative
2451															
2452														"
2453
2454														
2455														onclick="hideMobileMenu()"
2456														 
2457														
2458													>
2459														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2460														<span class="font-['Barlow'] text-base font-normal grow">MILWAUKEE</span>
2461																											</a>
2462																																	</li>
2463																			<li class="" style="--theme-color: ">
2464																																				<a href="/brands/ryobi" 
2465														class="
2466															flex flex-row items-center w-full px-5 py-5 relative
2467															
2468														"
2469
2470														
2471														onclick="hideMobileMenu()"
2472														 
2473														
2474													>
2475														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2476														<span class="font-['Barlow'] text-base font-normal grow">RYOBI</span>
2477																											</a>
2478																																	</li>
2479																			<li class="" style="--theme-color: ">
2480																																				<a href="/brands/aeg" 
2481														class="
2482															flex flex-row items-center w-full px-5 py-5 relative
2483															
2484														"
2485
2486														
2487														onclick="hideMobileMenu()"
2488														 
2489														
2490													>
2491														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2492														<span class="font-['Barlow'] text-base font-normal grow">AEG</span>
2493																											</a>
2494																																	</li>
2495																			<li class="" style="--theme-color: ">
2496																																				<a href="/brands/empire" 
2497														class="
2498															flex flex-row items-center w-full px-5 py-5 relative
2499															
2500														"
2501
2502														
2503														onclick="hideMobileMenu()"
2504														 
2505														
2506													>
2507														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2508														<span class="font-['Barlow'] text-base font-normal grow">EMPIRE</span>
2509																											</a>
2510																																	</li>
2511																			<li class="" style="--theme-color: ">
2512																																				<a href="/brands/imperial-blades" 
2513														class="
2514															flex flex-row items-center w-full px-5 py-5 relative
2515															
2516														"
2517
2518														
2519														onclick="hideMobileMenu()"
2520														 
2521														
2522													>
2523														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2524														<span class="font-['Barlow'] text-base font-normal grow">IMPERIAL BLADES</span>
2525																											</a>
2526																																	</li>
2527																			<li class="" style="--theme-color: ">
2528																																				<a href="/brands/stiletto" 
2529														class="
2530															flex flex-row items-center w-full px-5 py-5 relative
2531															
2532														"
2533
2534														
2535														onclick="hideMobileMenu()"
2536														 
2537														
2538													>
2539														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2540														<span class="font-['Barlow'] text-base font-normal grow">STILETTO</span>
2541																											</a>
2542																																	</li>
2543																			<li class="" style="--theme-color: ">
2544																																				<a href="/brands/kango" 
2545														class="
2546															flex flex-row items-center w-full px-5 py-5 relative
2547															
2548														"
2549
2550														
2551														onclick="hideMobileMenu()"
2552														 
2553														
2554													>
2555														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2556														<span class="font-['Barlow'] text-base font-normal grow">KANGO</span>
2557																											</a>
2558																																	</li>
2559																			<li class="" style="--theme-color: ">
2560																																				<a href="/brands/hoover" 
2561														class="
2562															flex flex-row items-center w-full px-5 py-5 relative
2563															
2564														"
2565
2566														
2567														onclick="hideMobileMenu()"
2568														 
2569														
2570													>
2571														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2572														<span class="font-['Barlow'] text-base font-normal grow">HOOVER</span>
2573																											</a>
2574																																	</li>
2575																			<li class="" style="--theme-color: ">
2576																																				<a href="/brands/oreck" 
2577														class="
2578															flex flex-row items-center w-full px-5 py-5 relative
2579															
2580														"
2581
2582														
2583														onclick="hideMobileMenu()"
2584														 
2585														
2586													>
2587														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2588														<span class="font-['Barlow'] text-base font-normal grow">ORECK</span>
2589																											</a>
2590																																	</li>
2591																			<li class="" style="--theme-color: ">
2592																																				<a href="/brands/vax" 
2593														class="
2594															flex flex-row items-center w-full px-5 py-5 relative
2595															
2596														"
2597
2598														
2599														onclick="hideMobileMenu()"
2600														 
2601														
2602													>
2603														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2604														<span class="font-['Barlow'] text-base font-normal grow">VAX</span>
2605																											</a>
2606																																	</li>
2607																			<li class="" style="--theme-color: ">
2608																																				<a href="/brands/dirt-devil" 
2609														class="
2610															flex flex-row items-center w-full px-5 py-5 relative
2611															
2612														"
2613
2614														
2615														onclick="hideMobileMenu()"
2616														 
2617														
2618													>
2619														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2620														<span class="font-['Barlow'] text-base font-normal grow">DIRT DEVIL</span>
2621																											</a>
2622																																	</li>
2623																	</ul>
2624															</div>
2625						</div>
2626																				<div class="mobile-megamenu-level-2
2627							                        bg-[#808688] text-white
2628							                        absolute top-0 left-0 w-full h-full
2629													-translate-x-full aria-expanded:translate-x-0
2630							                        transition duration-500 ease-in-out
2631							                        flex flex-col
2632													" data-level-1="3" aria-expanded="false">
2633							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
2634								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
2635																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/investors">Investors</a>
2636																<span class="grow"></span>
2637							</div>
2638							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
2639								<ul class="flex flex-col divide-y divide-[#ABABAB]">
2640																			<li class="" style="--theme-color: ">
2641																																				<a href="/investors/financial-results" 
2642														class="
2643															flex flex-row items-center w-full px-5 py-5 relative
2644															
2645														"
2646
2647														
2648														onclick="hideMobileMenu()"
2649														active font-semibold 
2650														
2651													>
2652														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2653														<span class="font-['Barlow'] text-base font-normal grow">Financial Results</span>
2654																											</a>
2655																																	</li>
2656																			<li class="" style="--theme-color: ">
2657																																				<a href="/investors/stock" 
2658														class="
2659															flex flex-row items-center w-full px-5 py-5 relative
2660															
2661														"
2662
2663														
2664														onclick="hideMobileMenu()"
2665														active font-semibold 
2666														
2667													>
2668														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2669														<span class="font-['Barlow'] text-base font-normal grow">Stock Quote &amp; Share Information</span>
2670																											</a>
2671																																	</li>
2672																			<li class="" style="--theme-color: ">
2673																																				<a class="flex items-center w-full px-5 py-5 cursor-pointer" onclick="showLevel3(3, 3)">
2674														<span class="grow font-['Barlow'] text-base">Shareholder Services</span>
2675														<span class="icon icon-chevron-right text-white"></span>
2676													</a>
2677																																	</li>
2678																			<li class="" style="--theme-color: ">
2679																																				<a href="/investors/events" 
2680														class="
2681															flex flex-row items-center w-full px-5 py-5 relative
2682															
2683														"
2684
2685														
2686														onclick="hideMobileMenu()"
2687														active font-semibold 
2688														
2689													>
2690														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2691														<span class="font-['Barlow'] text-base font-normal grow">Investor Events</span>
2692																											</a>
2693																																	</li>
2694																			<li class="" style="--theme-color: ">
2695																																				<a href="/sustainability" 
2696														class="
2697															flex flex-row items-center w-full px-5 py-5 relative
2698															
2699														"
2700
2701														
2702														onclick="hideMobileMenu()"
2703														active font-semibold 
2704														
2705													>
2706														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2707														<span class="font-['Barlow'] text-base font-normal grow">Sustainability</span>
2708																											</a>
2709																																	</li>
2710																			<li class="" style="--theme-color: ">
2711																																				<a href="/cg" 
2712														class="
2713															flex flex-row items-center w-full px-5 py-5 relative
2714															
2715														"
2716
2717														
2718														onclick="hideMobileMenu()"
2719														active font-semibold 
2720														
2721													>
2722														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2723														<span class="font-['Barlow'] text-base font-normal
2723 grow">Corporate Governance</span>
2724																											</a>
2725																																	</li>
2726																			<li class="" style="--theme-color: ">
2727																																				<a href="/news" 
2728														class="
2729															flex flex-row items-center w-full px-5 py-5 relative
2730															
2731														"
2732
2733														
2734														onclick="hideMobileMenu()"
2735														active font-semibold 
2736														
2737													>
2738														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2739														<span class="font-['Barlow'] text-base font-normal grow">News &amp; Publications</span>
2740																											</a>
2741																																	</li>
2742																			<li class="" style="--theme-color: ">
2743																																				<a href="/news?tags=109%2C114%2C110%2C113" 
2744														class="
2745															flex flex-row items-center w-full px-5 py-5 relative
2746															
2747														"
2748
2749														
2750														onclick="hideMobileMenu()"
2751														active font-semibold 
2752														
2753													>
2754														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2755														<span class="font-['Barlow'] text-base font-normal grow">Publications</span>
2756																											</a>
2757																																	</li>
2758																			<li class="" style="--theme-color: ">
2759																																				<a href="/brands" 
2760														class="
2761															flex flex-row items-center w-full px-5 py-5 relative
2762															
2763														"
2764
2765														
2766														onclick="hideMobileMenu()"
2767														active font-semibold 
2768														
2769													>
2770														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2771														<span class="font-['Barlow'] text-base font-normal grow">Brands</span>
2772																											</a>
2773																																	</li>
2774																	</ul>
2775															</div>
2776						</div>
2777																				<div class="mobile-megamenu-level-2
2778							                        bg-[#808688] text-white
2779							                        absolute top-0 left-0 w-full h-full
2780													-translate-x-full aria-expanded:translate-x-0
2781							                        transition duration-500 ease-in-out
2782							                        flex flex-col
2783													" data-level-1="4" aria-expanded="false">
2784							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
2785								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
2786																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/cg">Governance</a>
2787																<span class="grow"></span>
2788							</div>
2789							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
2790								<ul class="flex flex-col divide-y divide-[#ABABAB]">
2791																			<li class="" style="--theme-color: ">
2792																																				<a href="/cg/directors" 
2793														class="
2794															flex flex-row items-center w-full px-5 py-5 relative
2795															
2796														"
2797
2798														
2799														onclick="hideMobileMenu()"
2800														 
2801														
2802													>
2803														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2804														<span class="font-['Barlow'] text-base font-normal grow">Board of Directors</span>
2805																											</a>
2806																																	</li>
2807																			<li class="" style="--theme-color: ">
2808																																				<a href="/cg/committees" 
2809														class="
2810															flex flex-row items-center w-full px-5 py-5 relative
2811															
2812														"
2813
2814														
2815														onclick="hideMobileMenu()"
2816														 
2817														
2818													>
2819														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2820														<span class="font-['Barlow'] text-base font-normal grow">Board Committees</span>
2821																											</a>
2822																																	</li>
2823																			<li class="" style="--theme-color: ">
2824																																				<a href="/cg/codes" 
2825														class="
2826															flex flex-row items-center w-full px-5 py-5 relative
2827															
2828														"
2829
2830														
2831														onclick="hideMobileMenu()"
2832														 
2833														
2834													>
2835														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2836														<span class="font-['Barlow'] text-base font-normal grow">Codes &amp; Policies</span>
2837																											</a>
2838																																	</li>
2839																			<li class="" style="--theme-color: ">
2840																																				<a href="/cg/accountability" 
2841														class="
2842															flex flex-row items-center w-full px-5 py-5 relative
2843															
2844														"
2845
2846														
2847														onclick="hideMobileMenu()"
2848														 
2849														
2850													>
2851														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2852														<span class="font-['Barlow'] text-base font-normal grow">Accountability &amp; Audit</span>
2853																											</a>
2854																																	</li>
2855																			<li class="" style="--theme-color: ">
2856																																				<a href="/cg/corporate_disclosures" 
2857														class="
2858															flex flex-row items-center w-full px-5 py-5 relative
2859															
2860														"
2861
2862														
2863														onclick="hideMobileMenu()"
2864														 
2865														
2866													>
2867														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2868														<span class="font-['Barlow'] text-base font-normal grow">Corporate Disclosures</span>
2869																											</a>
2870																																	</li>
2871																	</ul>
2872															</div>
2873						</div>
2874																				<div class="mobile-megamenu-level-2
2875							                        bg-[#808688] text-white
2876							                        absolute top-0 left-0 w-full h-full
2877													-translate-x-full aria-expanded:translate-x-0
2878							                        transition duration-500 ease-in-out
2879							                        flex flex-col
2880													" data-level-1="5" aria-expanded="false">
2881							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
2882								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
2883																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/sustainability">Sustainability</a>
2884																<span class="grow"></span>
2885							</div>
2886							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
2887								<ul class="flex flex-col divide-y divide-[#ABABAB]">
2888																			<li class="" style="--theme-color: ">
2889																																				<a href="/sustainability/executive-vice-chairmans-message" 
2890														class="
2891															flex flex-row items-center w-full px-5 py-5 relative
2892															
2893														"
2894
2895														
2896														onclick="hideMobileMenu()"
2897														 
2898														
2899													>
2900														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2901														<span class="font-['Barlow'] text-base font-normal grow">Executive Vice Chairman&#039;s Message</span>
2902																											</a>
2903																																	</li>
2904																			<li class="" style="--theme-color: ">
2905																																				<a href="/sustainability/esg-approach-and-strategic-framework" 
2906														class="
2907															flex flex-row items-center w-full px-5 py-5 relative
2908															
2909														"
2910
2911														
2912														onclick="hideMobileMenu()"
2913														 
2914														
2915													>
2916														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2917														<span class="font-['Barlow'] text-base font-normal grow">TTI’s ESG Approach and Strategic Framework</span>
2918																											</a>
2919																																	</li>
2920																			<li class="" style="--theme-color: ">
2921																																				<a href="/sustainability/environment" 
2922														class="
2923															flex flex-row items-center w-full px-5 py-5 relative
2924															
2925														"
2926
2927														
2928														onclick="hideMobileMenu()"
2929														 
2930														
2931													>
2932														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2933														<span class="font-['Barlow'] text-base font-normal grow">Environment</span>
2934																											</a>
2935																																	</li>
2936																			<li class="" style="--theme-color: ">
2937																																				<a href="/sustainability/social-and-community" 
2938														class="
2939															flex flex-row items-center w-full px-5 py-5 relative
2940															
2941														"
2942
2943														
2944														onclick="hideMobileMenu()"
2945														 
2946														
2947													>
2948														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2949														<span class="font-['Barlow'] text-base font-normal grow">Social and Community</span>
2950																											</a>
2951																																	</li>
2952																			<li class="" style="--theme-color: ">
2953																																				<a href="/sustainability/governance" 
2954														class="
2955															flex flex-row items-center w-full px-5 py-5 relative
2956															
2957														"
2958
2959														
2960														onclick="hideMobileMenu()"
2961														 
2962														
2963													>
2964														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2965														<span class="font-['Barlow'] text-base font-normal grow">Governance</span>
2966																											</a>
2967																																	</li>
2968																			<li class="" style="--theme-color: ">
2969																																				<a href="/sustainability/esg-publications" 
2970														class="
2971															flex flex-row items-center w-full px-5 py-5 relative
2972															
2973														"
2974
2975														
2976														onclick="hideMobileMenu()"
2977														 
2978														
2979													>
2980														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
2981														<span class="font-['Barlow'] text-base font-normal grow">ESG Publications</span>
2982																											</a>
2983																																	</li>
2984																	</ul>
2985															</div>
2986						</div>
2987																				<div class="mobile-megamenu-level-2
2988							                        bg-[#808688] text-white
2989							                        absolute top-0 left-0 w-full h-full
2990													-translate-x-full aria-expanded:translate-x-0
2991							                        transition duration-500 ease-in-out
2992							                        flex flex-col
2993													" data-level-1="6" aria-expanded="false">
2994							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
2995								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
2996																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/careers">Careers</a>
2997																<span class="grow"></span>
2998							</div>
2999							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
3000								<ul class="flex flex-col divide-y divide-[#ABABAB]">
3001																			<li class="" style="--theme-color: ">
3002																																				<a href="/careers/working-at-tti" 
3003														class="
3004															flex flex-row items-center w-full px-5 py-5 relative
3005															
3006														"
3007
3008														
3009														onclick="hideMobileMenu()"
3010														 
3011														
3012													>
3013														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3014														<span class="font-['Barlow'] text-base font-normal grow">Working with TTI</span>
3015																											</a>
3016																																	</li>
3017																			<li class="" style="--theme-color: ">
3018																																				<a href="/careers/global-career-opportunities" 
3019														class="
3020															flex flex-row items-center w-full px-5 py-5 relative
3021															
3022														"
3023
3024														
3025														onclick="hideMobileMenu()"
3026														 
3027														
3028													>
3029														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3030														<span class="font-['Barlow'] text-base font-normal grow">Career Opportunities</span>
3031																											</a>
3032																																	</li>
3033																			<li class="" style="--theme-color: ">
3034																																				<a href="https://ldp.ttigroup.com" 
3035														class="
3036															flex flex-row items-center w-full px-5 py-5 relative
3037															
3038														"
3039
3040														
3041														onclick="hideMobileMenu()"
3042														 
3043														
3044													>
3045														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3046														<span class="font-['Barlow'] text-base font-normal grow">Students &amp; Graduates</span>
3047																											</a>
3048																																	</li>
3049																	</ul>
3050															</div>
3051						</div>
3052																				<div class="mobile-megamenu-level-2
3053							                        bg-[#808688] text-white
3054							                        absolute top-0 left-0 w-full h-full
3055													-translate-x-full aria-expanded:translate-x-0
3056							                        transition duration-500 ease-in-out
3057							                        flex flex-col
3058													" data-level-1="7" aria-expanded="false">
3059							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
3060								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
3061																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/news">News &amp; Publications</a>
3062																<span class="grow"></span>
3063							</div>
3064							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
3065								<ul class="flex flex-col divide-y divide-[#ABABAB]">
3066																			<li class="" style="--theme-color: ">
3067																																				<a href="/news?tags=50" 
3068														class="
3069															flex flex-row items-center w-full px-5 py-5 relative
3070															
3071														"
3072
3073														
3074														onclick="hideMobileMenu()"
3075														 
3076														
3077													>
3078														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3079														<span class="font-['Barlow'] text-base font-normal grow">Press Releases</span>
3080																											</a>
3081																																	</li>
3082																			<li class="" style="--theme-color: ">
3083																																				<a href="/news?tags=30" 
3084														class="
3085															flex flex-row items-center w-full px-5 py-5 relative
3086															
3087														"
3088
3089														
3090														onclick="hideMobileMenu()"
3091														 
3092														
3093													>
3094														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3095														<span class="font-['Barlow'] text-base font-normal grow">Announcements</span>
3096																											</a>
3097																																	</li>
3098																			<li class="" style="--theme-color: ">
3099																																				<a href="/news?tags=109%2C114%2C110%2C113" 
3100														class="
3101															flex flex-row items-center w-full px-5 py-5 relative
3102															
3103														"
3104
3105														
3106														onclick="hideMobileMenu()"
3107														 
3108														
3109													>
3110														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3111														<span class="font-['Barlow'] text-base font-normal grow">Publications</span>
3112																											</a>
3113																																	</li>
3114																			<li class="" style="--theme-color: ">
3115																																				<a href="/news/media-coverage" 
3116														class="
3117															flex flex-row items-center w-full px-5 py-5 relative
3118															
3119														"
3120
3121														
3122														onclick="hideMobileMenu()"
3123														 
3124														
3125													>
3126														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3127														<span class="font-['Barlow'] text-base font-normal grow">Media Coverage</span>
3128																											</a>
3129																																	</li>
3130																	</ul>
3131															</div>
3132						</div>
3133																				<div class="mobile-megamenu-level-2
3134							                        bg-[#808688] text-white
3135							                        absolute top-0 left-0 w-full h-full
3136													-translate-x-full aria-expanded:translate-x-0
3137							                        transition duration-500 ease-in-out
3138							                        flex flex-col
3139													" data-level-1="8" aria-expanded="false">
3140							<div class="shrink-0 flex items-center px-5 py-4 cursor-pointer">
3141								<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
3142																	<a class="font-['Barlow'] text-center text-xl font-semibold italic" href="/contacts">Contacts</a>
3143																<span class="grow"></span>
3144							</div>
3145							<div class="grow overflow-auto overscroll-none bg-[#979DA0] text-white">
3146								<ul class="flex flex-col divide-y divide-[#ABABAB]">
3147																			<li class="" style="--theme-color: ">
3148																																				<a href="/contacts/tti-offices" 
3149														class="
3150															flex flex-row items-center w-full px-5 py-5 relative
3151															
3152														"
3153
3154														
3155														onclick="hideMobileMenu()"
3156														 
3157														
3158													>
3159														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3160														<span class="font-['Barlow'] text-base font-normal grow">TTI Offices</span>
3161																											</a>
3162																																	</li>
3163																			<li class="" style="--theme-color: ">
3164																																				<a href="/contacts/ir-contacts" 
3165														class="
3166															flex flex-row items-center w-full px-5 py-5 relative
3167															
3168														"
3169
3170														
3171														onclick="hideMobileMenu()"
3172														 
3173														
3174													>
3175														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3176														<span class="font-['Barlow'] text-base font-normal grow">IR Contacts</span>
3177																											</a>
3178																																	</li>
3179																			<li class="" style="--theme-color: ">
3180																																				<a href="/contacts/partner-with-us" 
3181														class="
3182															flex flex-row items-center w-full px-5 py-5 relative
3183															
3184														"
3185
3186														
3187														onclick="hideMobileMenu()"
3188														 
3189														
3190													>
3191														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3192														<span class="font-['Barlow'] text-base font-normal grow">Partner with Us</span>
3193																											</a>
3194																																	</li>
3195																			<li class="" style="--theme-color: ">
3196																																				<a href="/contacts/form?enquiry_tags=96" 
3197														class="
3198															flex flex-row items-center w-full px-5 py-5 relative
3199															use-ajax
3200														"
3201
3202																													data-dialog-type='ajax'
3203															data-dialog-options='{&quot;dialogType&quot;:&quot;tti_dialog&quot;,&quot;appendTo&quot;:&quot;#lightbox-enquiry_form .lightbox-inner .lightbox-body&quot;}'
3204														
3205														onclick="hideMobileMenu()"
3206														 
3207														
3208													>
3209														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3210														<span class="font-['Barlow'] text-base font-normal grow">Media Enquiry</span>
3211																											</a>
3212																																	</li>
3213																			<li class="" style="--theme-color: ">
3214																																				<a href="/compliance-hotlines" 
3215														class="
3216															flex flex-row items-center w-full px-5 py-5 relative
3217															
3218														"
3219
3220														
3221														onclick="hideMobileMenu()"
3222														 
3223														
3224													>
3225														<div class="absolute left-0 top-0 w-[10px] h-full bg-[--theme-color]"></div>
3226														<span class="font-['Barlow'] text-base font-normal grow">Compliance Hotlines</span>
3227																											</a>
3228																																	</li>
3229																	</ul>
3230															</div>
3231						</div>
3232									
3233																																																																																																																																																																																																																																																																																																																																	<div class="mobile-megamenu-level-3
3234									                        bg-[#979DA0] text-white
3235									                        absolute top-0 left-0 w-full h-full
3236															-translate-x-full aria-expanded:translate-x-0
3237															transition duration-500 ease-in-out
3238									                        flex flex-col" 
3239															data-level-1="3" data-level-2="3" aria-expanded="false">
3240									<div class="shrink-0 flex items-center px-5 py-4">
3241										<div class="icon icon-chevron-left text-white cursor-pointer grow" onclick="hideLevel(this)"></div>
3242																					<span class="font-['Barlow'] text-center text-xl font-semibold italic">Shareholder Services</span>
3243																				<span class="grow"></span>
3244									</div>
3245									<div class="grow overflow-auto overscroll-none bg-[#A9AFB3] text-white">
3246										<ul class="flex flex-col divide-y divide-neutral-grey2">
3247																							<li class="">
3248													<a href="/press-room?article_categories=50" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3249														<span class="grow font-['Barlow'] text-base">Press Releases</span>
3250																											</a>
3251												</li>
3252																							<li class="">
3253													<a href="/investors/shareholder-services/announcements" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3254														<span class="grow font-['Barlow'] text-base">Announcements</span>
3255																											</a>
3256												</li>
3257																							<li class="">
3258													<a href="/investors/presentations" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3259														<span class="grow font-['Barlow'] text-base">Presentations</span>
3260																											</a>
3261												</li>
3262																							<li class="">
3263													<a href="/investors/shareholder-services/financial-calendar" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3264														<span class="grow font-['Barlow'] text-base">Financial Calendar</span>
3265																											</a>
3266												</li>
3267																							<li class="">
3268													<a href="/investors/shareholder-services/corporate-information" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3269														<span class="grow font-['Barlow'] text-base">Corporate Information</span>
3270																											</a>
3271												</li>
3272																							<li class="">
3273													<a href="/investors/shareholder-services/analyst-coverage" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3274														<span class="grow font-['Barlow'] text-base">Analyst Coverage</span>
3275																											</a>
3276												</li>
3277																							<li class="">
3278													<a href="/investors/shareholder-services/forms" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3279														<span class="grow font-['Barlow'] text-base">Circulars &amp; Proxy Forms</span>
3280																											</a>
3281												</li>
3282																							<li class="active">
3283													<a href="/investors/shareholder-services/contacts" class="flex w-full px-5 py-5" onclick="hideMobileMenu()">
3284														<span class="grow font-['Barlow'] text-base">IR Contacts</span>
3285																											</a>
3286												</li>
3287																					</ul>
3288
3289										<div></div>
3290									</div>
3291								</div>
3292																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																						</div>
3293		</div>
3294
3295	</div>
3296</div>
3297    <!-- Search Popup -->
3298<div class="fixed h-full top-0 lg:h-[calc(100%-31px)] lg:top-[31px] left-0 w-full z-40 bg-white flex flex-col hidden aria-selected:flex" aria-selected="false" id="search-box">
3299
3300	<div class="max-w-[1300px] mx-auto w-full h-[66px] shrink-0 flex flex-row items-stretch px-5 relative z-10">
3301				<div>
3302			<div class="h-full flex items-center">
3303				<a class="whitespace-nowrap overflow-hidden py-2" href="/">
3304					<img 
3305						class="max-h-[52px] h-max w-auto mr-3 inline-block" 
3306						src="/themes/custom/tti_theme/assets/images/logo-2.png"
3307						alt="TTI Logo"
3308					/>
3309				</a>
3310			</div>
3311		</div>
3312
3313				<div class="grow ml-5"></div>
3314
3315		<div class="flex flex-row hidden lg:flex">
3316			<div class="h-full flex flex-row items-center justify-center">
3317				<div class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="hideSearchBox()">
3318					<div class="font-['Barlow'] font-semibold text-sm text-tti-grey">Close</div>
3319					<div class="icon icon-x-mark text-lg text-tti-grey"></div>
3320				</div>
3321			</div>
3322		</div>
3323
3324		<div class="flex flex-row -mr-2.5 lg:hidden">
3325			<div class="h-full flex flex-row items-center justify-center w-10 bg-neutral-grey0">
3326				<div
3327					class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="hideSearchBox()">
3328										<div class="icon icon-search text-lg text-tti-grey"></div>
3329				</div>
3330			</div>
3331
3332			<div class="h-full flex flex-row items-center justify-center w-10">
3333				<div
3334					class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showLocationLanguageSelector()">
3335										<div class="icon icon-globe-alt text-lg text-tti-grey"></div>
3336				</div>
3337			</div>
3338
3339			<div class="h-full flex flex-row items-center justify-center w-10">
3340				<div
3341					class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showMobileMenu()">
3342										<div class="icon icon-bars-3 text-base text-tti-grey"></div>
3343				</div>
3344			</div>
3345		</div>
3346	</div>
3347
3348	<div class="grow overflow-auto bg-neutral-grey0">
3349		<div class="grid grid-cols-12 sm:space-x-10 px-5 py-8 sm:py-12 md:py-16">
3350			<form class="col-span-12 md:col-start-4 md:col-span-6 md:mt-20" action="/search/content" method="get">
3351				    <h2 class="heading heading-2 text-tti-grey md:text-center">What are you looking for?</h2>
3352				<div class="relative mt-2 md:mt-8">
3353					<input type="search" id="search-keyword" name="keys" class="block py-2 px-0 w-full font-['Barlow'] text-xl md:text-2xl text-tti-grey bg-transparent border-b border-tti-light-grey focus-visible:outline-none focus-visible:outline-b" placeholder="Search TTIGroup.com" maxlength="100" required>
3354					<div class="flex absolute inset-y-0 right-full items-center pr-3 pointer-events-none scale-90 hidden md:flex">
3355						<div class="icon icon-search text-[26px] text-tti-light-grey"></div>
3356					</div>
3357				</div>
3358							</form>
3359		</div>
3360	</div>
3361</div>
3362    <!-- Location & Language Selector Popup -->
3363<div class="fixed h-full top-0 lg:h-[calc(100%-31px)] lg:top-[31px] left-0 w-full z-40 bg-white flex flex-col hidden aria-selected:flex" aria-selected="false" id="location-language-box">
3364
3365	<div class="max-w-[1300px] mx-auto w-full h-[66px] shrink-0 flex flex-row items-stretch px-5 relative z-10">
3366				<div>
3367			<div class="h-full flex items-center">
3368				<a class="whitespace-nowrap overflow-hidden py-2" href="/">
3369					<img 
3370						class="max-h-[52px] h-max w-auto mr-3 inline-block" 
3371						src="/themes/custom/tti_theme/assets/images/logo-2.png"
3372						alt="TTI Logo"
3373					/>
3374				</a>
3375			</div>
3376		</div>
3377
3378				<div class="grow ml-5"></div>
3379
3380		<div class="flex flex-row -mr-2.5">
3381			<div class="h-full flex flex-row items-center justify-center w-10">
3382				<div
3383					class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showSearchBox()">
3384										<div class="icon icon-search text-lg text-tti-grey"></div>
3385				</div>
3386			</div>
3387
3388			<div class="h-full flex flex-row items-center justify-center w-10 bg-neutral-grey0">
3389				<div
3390					class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="hideLocationLanguageSelector()">
3391										<div class="icon icon-globe-alt text-lg text-tti-grey"></div>
3392				</div>
3393			</div>
3394
3395			<div class="h-full flex flex-row items-center justify-center w-10">
3396				<div
3397					class="flex flex-row space-x-2 items-center lg:mx-3 cursor-pointer" onclick="showMobileMenu()">
3398										<div class="icon icon-bars-3 text-base text-tti-grey"></div>
3399				</div>
3400			</div>
3401		</div>
3402	</div>
3403
3404	<div class="grow bg-neutral-grey0">
3405		<div class="grid grid-cols-12 px-5 py-12">
3406			<div
3407				class="col-span-12">
3408								<div class="group text-white hover:text-tti-grey hover:bg-neutral-grey0 h-full">
3409					<div class="flex flex-row space-x-2 items-center">
3410						<div class="icon icon-globe-alt text-lg font-semibold text-tti-grey"></div>
3411						<div class="body-text-bold text-tti-grey">Choose Your Country or Region</div>
3412					</div>
3413					<!-- Available values -->
3414					<div class="bg-neutral-grey0 w-full mt-2">
3415						<ul class="divide-y-2 text-base text-tti-grey">
3416															<li class="flex flex-row py-3">
3417									<div class="grow text-left font-['Barlow']">International</div>
3418									<div class="text-right">
3419										<div class="flex flex-row">
3420																							<div class="w-8 font-semibold">
3421													<a href='//www.ttigroup.com'>EN</a>
3422												</div>
3423																							<div class="w-8 ">
3424													<a href='//www.ttigroup.com/zh-hant'>中</a>
3425												</div>
3426																					</div>
3427									</div>
3428								</li>
3429															<li class="flex flex-row py-3">
3430									<div class="grow text-left font-['Barlow']">Vietnam</div>
3431									<div class="text-right">
3432										<div class="flex flex-row">
3433																							<div class="w-8 ">
3434													<a href='//www.ttigroup.com.vn'>VN</a>
3435												</div>
3436																							<div class="w-8 ">
3437													<a href='//www.ttigroup.com.vn/en'>EN</a>
3438												</div>
3439																					</div>
3440									</div>
3441								</li>
3442															<li class="flex flex-row py-3">
3443									<div class="grow text-left font-['Barlow']">China</div>
3444									<div class="text-right">
3445										<div class="flex flex-row">
3446																							<div class="w-8 ">
3447													<a href='//www.ttigroup.com.cn'>中</a>
3448												</div>
3449																					</div>
3450									</div>
3451								</li>
3452													</ul>
3453					</div>
3454				</div>
3455			</div>
3456		</div>
3457	</div>
3458</div>
3459    
3460</header>
3461    
3462            <div class="fixed right-0 top-1/2 z-20">
3463    <div class="">
3464        <div class="peer origin-center -rotate-90 w-0 h-0">
3465            <div class="bg-[#0080C1] text-white rounded-t-lg py-3
3466                        w-[60px] xl:w-[250px] text-center
3467                        -translate-x-1/2 -translate-y-full">
3468                <div class="icon icon-envelope text-2xl text-white relative top-[1px] block xl:hidden"></div>
3469                <div class="font-['Barlow'] text-2xl italic hidden xl:block">Subscribe Now</div>
3470            </div>
3471        </div>
3472        <div class="bg-[#0080C1] text-white rounded-l-lg 
3473                    px-5 sm:px-10 py-5 sm:py-10 
3474                    sm:min-h-[250px] sm:w-[450px]
3475                    absolute top-0 left-0
3476                    -translate-y-1/2
3477                    peer-hover:-translate-x-full hover:-translate-x-full
3478                    transition">
3479            <div class="font-['Barlow'] text-xl sm:text-3xl italic mb-3">Subscribe to keep up to date with our IR activities and latest news.</div>
3480                <a class="inline-block gradient-button w-fit h-fit cursor-pointer teal " href="/investor-relations/newsletter-subscription" target="" >
3481        <div class="button-background"></div>
3482        <div class="button-content">
3483            <span class="font-['Barlow'] font-semibold leading-normal text-sm whitespace-nowrap">Subscribe Now</span>
3484            <span class="icon icon-chevron-right text-[10px] relative top-[1px]"></span>
3485        </div>
3486    </a>
3487        </div>
3488    </div>
3489</div>
3490    
3491    <main class=" ">
3492        <div id="#"></div>
3493        
3494    <section id=section-hero_banner class=" group/section" 
3495            data-history-node-id="31" 
3496            about="/investors/shareholder-services/contacts" 
3497            typeof="" 
3498    >
3499    <div class="overflow-hidden ">
3500        <div class="section-inner ">
3501                        <div class="py-10 sm:py-12 md:py-16">
3502    <div class="max-w-[1300px] mx-auto min-h-[100px]
3503                flex flex-col justify-center">
3504        <!-- use spaceless filters to remove white spaces between inline elements -->
3505        <h1 class="heading-mega text-black">IR Contacts</h1>
3506    </div>
3507</div>
3508<div class="absolute top-0 left-0 w-full h-full -z-10
3509            pointer-events-none
3510            border-b-4 border-tti-red
3511            overflow-hidden">
3512    <div class="max-w-[1300px] mx-auto h-full
3513                bg-[url:var(--bg-url)] bg-cover bg-center
3514                relative
3515                before:content-[''] before:bg-[#f2f2f3] before:w-full before:h-full before:absolute before:right-full
3516                after:content-[''] after:bg-[#f0f1f1] after:w-full after:h-full after:absolute after:left-full"
3517        style="--bg-url: url(/themes/custom/tti_theme/assets/images/bg/bg_abstract_pattern_light_lg.png)"
3518    ></div>
3519    <div class="absolute top-0 left-0 w-full h-full -z-10
3520                bg-[#f2f2f3]"
3521    ></div>
3522</div>                </div>
3523        <div class="section-bg  pointer-events-none">
3524                    </div>
3525    </div>
3526</section>
3527
3528    <section id=section-ir_contact class=" group/section" 
3529            data-history-node-id="31" 
3530            about="/investors/shareholder-services/contacts" 
3531            typeof="" 
3532    >
3533    <div class="overflow-hidden ">
3534        <div class="section-inner ">
3535                        <div class="pb-5 md:pb-10">
3536                <div class="">
3537    <div class="embla embla--secondary-menu flex items-center scroll-mt-20 md:scroll-mt-32" id="secondary_menu">
3538        <div class="navigator flex-none lg:hidden prev w-[25px] h-[25px] bg-tti-grey rounded-full text-tti-light-grey cursor-pointer text-left mr-2 hidden aria-selected:block"
3539            aria-selected="false">
3540            <div class="flex items-center justify-center w-full h-full">
3541                <span class="icon icon-chevron-left text-[8px] text-white"></span>
3542            </div>
3543        </div>
3544        <div class="embla__viewport grow overflow-hidden">
3545            <div class="embla__container lg:justify-center space-x-1">
3546                                    <div class="embla__slide group" 
3547                        
3548                        aria-selected="false">
3549                        <a 
3550                            href="/investors/shareholder-services/announcements" 
3551                             
3552                            class="cursor-pointer rounded-full bg-transparent px-4 py-1 inline-block w-max min-w-max 
3553                                    group-aria-selected:bg-tti-light-grey"
3554                        >
3555                                <div class="description body-text text-tti-grey group-aria-selected:text-white group-aria-selected:font-semibold">Announcements</div>
3556                        </a>
3557                    </div>
3558                                    <div class="embla__slide group" 
3559                        
3560                        aria-selected="false">
3561                        <a 
3562                            href="/investors/shareholder-services/financial-calendar" 
3563                             
3564                            class="cursor-pointer rounded-full bg-transparent px-4 py-1 inline-block w-max min-w-max 
3565                                    group-aria-selected:bg-tti-light-grey"
3566                        >
3567                                <div class="description body-text text-tti-grey group-aria-selected:text-white group-aria-selected:font-semibold">Financial Calendar</div>
3568                        </a>
3569                    </div>
3570                                    <div class="embla__slide group" 
3571                        
3572                        aria-selected="true">
3573                        <a 
3574                            href="/investors/shareholder-services/contacts" 
3575                             
3576                            class="cursor-pointer rounded-full bg-transparent px-4 py-1 inline-block w-max min-w-max 
3577                                    group-aria-selected:bg-tti-light-grey"
3578                        >
3579                                <div class="description body-text text-tti-grey group-aria-selected:text-white group-aria-selected:font-semibold">IR Contacts</div>
3580                        </a>
3581                    </div>
3582                                    <div class="embla__slide group" 
3583                        
3584                        aria-selected="false">
3585                        <a 
3586                            href="/investors/shareholder-services/corporate-information" 
3587                             
3588                            class="cursor-pointer rounded-full bg-transparent px-4 py-1 inline-block w-max min-w-max 
3589                                    group-aria-selected:bg-tti-light-grey"
3590                        >
3591                                <div class="description body-text text-tti-grey group-aria-selected:text-white group-aria-selected:font-semibold">Corporate Information</div>
3592                        </a>
3593                    </div>
3594                                    <div class="embla__slide group" 
3595                        
3596                        aria-selected="false">
3597                        <a 
3598                            href="/investors/shareholder-services/analyst-coverage" 
3599                             
3600                            class="cursor-pointer rounded-full bg-transparent px-4 py-1 inline-block w-max min-w-max 
3601                                    group-aria-selected:bg-tti-light-grey"
3602                        >
3603                                <div class="description body-text text-tti-grey group-aria-selected:text-white group-aria-selected:font-semibold">Analyst Coverage</div>
3604                        </a>
3605                    </div>
3606                                    <div class="embla__slide group" 
3607                        
3608                        aria-selected="false">
3609                        <a 
3610                            href="/investors/shareholder-services/forms" 
3611                             
3612                            class="cursor-pointer rounded-full bg-transparent px-4 py-1 inline-block w-max min-w-max 
3613                                    group-aria-selected:bg-tti-light-grey"
3614                        >
3615                                <div class="description body-text text-tti-grey group-aria-selected:text-white group-aria-selected:font-semibold">Circulars & Proxy Forms</div>
3616                        </a>
3617                    </div>
3618                            </div>
3619        </div>
3620        <div class="navigator flex-none lg:hidden next w-[25px] h-[25px] bg-tti-grey rounded-full text-tti-light-grey curs
3620or-pointer text-right ml-2 hidden aria-selected:block"
3621            aria-selected="false">
3622            <div class="flex items-center justify-center w-full h-full">
3623                <span class="icon icon-chevron-right text-[8px] text-white"></span>
3624            </div>
3625        </div>
3626    </div>
3627</div>            </div>
3628            <div class="px-5 sm:px-10 lg:px-20 py-6 md:py-10 bg-white shadow-tti-card rounded-lg">
3629                                    <div class="description body-text text-tti-grey font-semibold">For Investor Relations Inquires:</div>
3630                <div class="flex flex-col md:flex-row space-y-5 md:space-y-0 md:space-x-10 mt-5">
3631                                            <div class="md:basis-[200px] grow">
3632                                <div class="description body-text text-black font-semibold"><strong>Main Contact</strong><br>
3633Investor Relations<br>
3634Techtronic Industries North America, Inc.<br>
3635450 East Las Olas Boulevard. Suite 1500<br>
3636Fort Lauderdale, Florida 33301, USA<br>
3637Email: <a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></div>
3638                        </div>
3639                                            <div class="md:basis-[200px] grow">
3640                                <div class="description body-text text-black font-semibold"><strong>Asia/Pacific</strong><br>
3641Investor Relations<br>
3642Techtronic Industries Co. Ltd.<br>
364329/F, Tower 2, Kowloon Commerce Centre<br>
364451 Kwai Cheong Road, Kwai Chung, N.T., Hong Kong<br>
3645Email: <a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></div>
3646                        </div>
3647                                                        </div>
3648            </div>
3649                </div>
3650        <div class="section-bg bg-[#f2f2f2] pointer-events-none">
3651                        <div class="h-full w-full bg-[linear-gradient(190.97deg,#FFFFFF_14.56%,#D1D1D1_119.95%,#545454_168.73%)]
3652                        max-h-[520px]
3653            "></div>
3654                </div>
3655    </div>
3656</section>
3657
3658    </main>
3659
3660            
3661<footer class="relative z-10">
3662
3663            
3664            <div class="max-w-[1300px] mx-auto px-5">
3665                <div class="flex flex-col sm:flex-row sm:space-x-10 py-8 sm:py-12 md:py-16">
3666                        <div class="flex-none">
3667                <a href="/" class="inline-block">
3668                    <img 
3669                        class="w-[50px] h-auto" 
3670                        src="/themes/custom/tti_theme/assets/images/logo-2.png"
3671                        alt="TTI Logo"
3672                    />
3673                </a>
3674            </div>
3675
3676                        <div class="grow">
3677                <div class="grid sm:grid-cols-3 md:grid-cols-4 gap-x-3 sm:gap-y-10
3678                            xl:flex xl:flex-row xl:gap-x-0 xl:space-x-5
3679                            divide-y divide-neutral-grey2 sm:divide-y-0">
3680                                            <div class="group xl:basis-full">
3681                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
3682                                <div class="flex flex-row items-center">
3683                                    <div class="body-text-sm-bold text-tti-grey grow">
3684                                        <a href="/company">Company</a>
3685                                    </div>
3686                                    <div class="icon icon-chevron-down text-[8px] 
3687                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
3688                                                mr-2"></div>
3689                                </div>
3690                            </div>
3691                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
3692                                                                <li class="my-2">
3693                                    <div class="body-text-sm text-tti-grey">
3694                                        <a href="/company/about-us"
3695                                            class="
3696                                                
3697                                            "
3698
3699                                                                                    >About Us</a>
3700                                    </div>
3701                                </li>
3702                                                                <li class="my-2">
3703                                    <div class="body-text-sm text-tti-grey">
3704                                        <a href="/company/strategic-drivers"
3705                                            class="
3706                                                
3707                                            "
3708
3709                                                                                    >Strategic Drivers</a>
3710                                    </div>
3711                                </li>
3712                                                                <li class="my-2">
3713                                    <div class="body-text-sm text-tti-grey">
3714                                        <a href="/company/our-board"
3715                                            class="
3716                                                
3717                                            "
3718
3719                                                                                    >Our Board</a>
3720                                    </div>
3721                                </li>
3722                                                                <li class="my-2">
3723                                    <div class="body-text-sm text-tti-grey">
3724                                        <a href="/company/history"
3725                                            class="
3726                                                
3727                                            "
3728
3729                                                                                    >History</a>
3730                                    </div>
3731                                </li>
3732                                                                <li class="my-2">
3733                                    <div class="body-text-sm text-tti-grey">
3734                                        <a href="/company/our-policies"
3735                                            class="
3736                                                
3737                                            "
3738
3739                                                                                    >Our Policies</a>
3740                                    </div>
3741                                </li>
3742                                                                <li class="my-2">
3743                                    <div class="body-text-sm text-tti-grey">
3744                                        <a href="/company/management-systems"
3745                                            class="
3746                                                
3747                                            "
3748
3749                                                                                    >Management Systems</a>
3750                                    </div>
3751                                </li>
3752                                                            </ul>
3753                        </div>
3754                                            <div class="group xl:basis-full">
3755                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
3756                                <div class="flex flex-row items-center">
3757                                    <div class="body-text-sm-bold text-tti-grey grow">
3758                                        <a href="/brands">Brands</a>
3759                                    </div>
3760                                    <div class="icon icon-chevron-down text-[8px] 
3761                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
3762                                                mr-2"></div>
3763                                </div>
3764                            </div>
3765                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
3766                                                                <li class="my-2">
3767                                    <div class="body-text-sm text-tti-grey">
3768                                        <a href="/brands/milwaukee"
3769                                            class="
3770                                                
3771                                            "
3772
3773                                                                                    >MILWAUKEE</a>
3774                                    </div>
3775                                </li>
3776                                                                <li class="my-2">
3777                                    <div class="body-text-sm text-tti-grey">
3778                                        <a href="/brands/ryobi"
3779                                            class="
3780                                                
3781                                            "
3782
3783                                                                                    >RYOBI</a>
3784                                    </div>
3785                                </li>
3786                                                                <li class="my-2">
3787                                    <div class="body-text-sm text-tti-grey">
3788                                        <a href="/brands/aeg"
3789                                            class="
3790                                                
3791                                            "
3792
3793                                                                                    >AEG</a>
3794                                    </div>
3795                                </li>
3796                                                                <li class="my-2">
3797                                    <div class="body-text-sm text-tti-grey">
3798                                        <a href="/brands/empire"
3799                                            class="
3800                                                
3801                                            "
3802
3803                                                                                    >EMPIRE</a>
3804                                    </div>
3805                                </li>
3806                                                                <li class="my-2">
3807                                    <div class="body-text-sm text-tti-grey">
3808                                        <a href="/brands/imperial-blades"
3809                                            class="
3810                                                
3811                                            "
3812
3813                                                                                    >IMPERIAL BLADES</a>
3814                                    </div>
3815                                </li>
3816                                                                <li class="my-2">
3817                                    <div class="body-text-sm text-tti-grey">
3818                                        <a href="/brands/stiletto"
3819                                            class="
3820                                                
3821                                            "
3822
3823                                                                                    >STILETTO</a>
3824                                    </div>
3825                                </li>
3826                                                                <li class="my-2">
3827                                    <div class="body-text-sm text-tti-grey">
3828                                        <a href="/brands/kango"
3829                                            class="
3830                                                
3831                                            "
3832
3833                                                                                    >KANGO</a>
3834                                    </div>
3835                                </li>
3836                                                                <li class="my-2">
3837                                    <div class="body-text-sm text-tti-grey">
3838                                        <a href="/brands/hoover"
3839                                            class="
3840                                                
3841                                            "
3842
3843                                                                                    >HOOVER</a>
3844                                    </div>
3845                                </li>
3846                                                                <li class="my-2">
3847                                    <div class="body-text-sm text-tti-grey">
3848                                        <a href="/brands/oreck"
3849                                            class="
3850                                                
3851                                            "
3852
3853                                                                                    >ORECK</a>
3854                                    </div>
3855                                </li>
3856                                                                <li class="my-2">
3857                                    <div class="body-text-sm text-tti-grey">
3858                                        <a href="/brands/vax"
3859                                            class="
3860                                                
3861                                            "
3862
3863                                                                                    >VAX</a>
3864                                    </div>
3865                                </li>
3866                                                                <li class="my-2">
3867                                    <div class="body-text-sm text-tti-grey">
3868                                        <a href="/brands/dirt-devil"
3869                                            class="
3870                                                
3871                                            "
3872
3873                                                                                    >DIRT DEVIL</a>
3874                                    </div>
3875                                </li>
3876                                                            </ul>
3877                        </div>
3878                                            <div class="group xl:basis-full">
3879                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
3880                                <div class="flex flex-row items-center">
3881                                    <div class="body-text-sm-bold text-tti-grey grow">
3882                                        <a href="/investors">Investors</a>
3883                                    </div>
3884                                    <div class="icon icon-chevron-down text-[8px] 
3885                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
3886                                                mr-2"></div>
3887                                </div>
3888                            </div>
3889                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
3890                                                                <li class="my-2">
3891                                    <div class="body-text-sm text-tti-grey">
3892                                        <a href="/investors/financial-results"
3893                                            class="
3894                                                
3895                                            "
3896
3897                                                                                    >Financial Results</a>
3898                                    </div>
3899                                </li>
3900                                                                <li class="my-2">
3901                                    <div class="body-text-sm text-tti-grey">
3902                                        <a href="/investors/stock"
3903                                            class="
3904                                                
3905                                            "
3906
3907                                                                                    >Stock Quote &amp; Share Information</a>
3908                                    </div>
3909                                </li>
3910                                                                <li class="my-2">
3911                                    <div class="body-text-sm text-tti-grey">
3912                                        <a href="/investors/shareholder-services/announcements"
3913                                            class="
3914                                                
3915                                            "
3916
3917                                                                                    >Shareholder Services</a>
3918                                    </div>
3919                                </li>
3920                                                                <li class="my-2">
3921                                    <div class="body-text-sm text-tti-grey">
3922                                        <a href="/investors/events"
3923                                            class="
3924                                                
3925                                            "
3926
3927                                                                                    >Investor Events</a>
3928                                    </div>
3929                                </li>
3930                                                                <li class="my-2">
3931                                    <div class="body-text-sm text-tti-grey">
3932                                        <a href="/sustainability"
3933                                            class="
3934                                                
3935                                            "
3936
3937                                                                                    >Sustainability</a>
3938                                    </div>
3939                                </li>
3940                                                                <li class="my-2">
3941                                    <div class="body-text-sm text-tti-grey">
3942                                        <a href="/cg"
3943                                            class="
3944                                                
3945                                            "
3946
3947                                                                                    >Corporate Governance</a>
3948                                    </div>
3949                                </li>
3950                                                                <li class="my-2">
3951                                    <div class="body-text-sm text-tti-grey">
3952                                        <a href="/news"
3953                                            class="
3954                                                
3955                                            "
3956
3957                                                                                    >News &amp; Publications</a>
3958                                    </div>
3959                                </li>
3960                                                                <li class="my-2">
3961                                    <div class="body-text-sm text-tti-grey">
3962                                        <a href="/news?tags=109%2C114%2C110%2C113"
3963                                            class="
3964                                                
3965                                            "
3966
3967                                                                                    >Publications</a>
3968                                    </div>
3969                                </li>
3970                                                                <li class="my-2">
3971                                    <div class="body-text-sm text-tti-grey">
3972                                        <a href="/brands"
3973                                            class="
3974                                                
3975                                            "
3976
3977                                                                                    >Brands</a>
3978                                    </div>
3979                                </li>
3980                                                            </ul>
3981                        </div>
3982                                            <div class="group xl:basis-full">
3983                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
3984                                <div class="flex flex-row items-center">
3985                                    <div class="body-text-sm-bold text-tti-grey grow">
3986                                        <a href="/cg">Governance</a>
3987                                    </div>
3988                                    <div class="icon icon-chevron-down text-[8px] 
3989                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
3990                                                mr-2"></div>
3991                                </div>
3992                            </div>
3993                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
3994                                                                <li class="my-2">
3995                                    <div class="body-text-sm text-tti-grey">
3996                                        <a href="/cg/directors"
3997                                            class="
3998                                                
3999                                            "
4000
4001                                                                                    >Board of Directors</a>
4002                                    </div>
4003                                </li>
4004                                                                <li class="my-2">
4005                                    <div class="body-text-sm text-tti-grey">
4006                                        <a href="/cg/committees"
4007                                            class="
4008                                                
4009                                            "
4010
4011                                                                                    >Board Committees</a>
4012                                    </div>
4013                                </li>
4014                                                                <li class="my-2">
4015                                    <div class="body-text-sm text-tti-grey">
4016                                        <a href="/cg/codes"
4017                                            class="
4018                                                
4019                                            "
4020
4021                                                                                    >Codes &amp; Policies</a>
4022                                    </div>
4023                                </li>
4024                                                                <li class="my-2">
4025                                    <div class="body-text-sm text-tti-grey">
4026                                        <a href="/cg/accountability"
4027                                            class="
4028                                                
4029                                            "
4030
4031                                                                                    >Accountability &amp; Audit</a>
4032                                    </div>
4033                                </li>
4034                                                                <li class="my-2">
4035                                    <div class="body-text-sm text-tti-grey">
4036                                        <a href="/cg/corporate_disclosures"
4037                                            class="
4038                                                
4039                                            "
4040
4041                                                                                    >Corporate Disclosures</a>
4042                                    </div>
4043                                </li>
4044                                                            </ul>
4045                        </div>
4046                                            <div class="group xl:basis-full">
4047                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
4048                                <div class="flex flex-row items-center">
4049                                    <div class="body-text-sm-bold text-tti-grey grow">
4050                                        <a href="/sustainability">Sustainability</a>
4051                                    </div>
4052                                    <div class="icon icon-chevron-down text-[8px] 
4053                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
4054                                                mr-2"></div>
4055                                </div>
4056                            </div>
4057                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
4058                                                                <li class="my-2">
4059                                    <div class="body-text-sm text-tti-grey">
4060                                        <a href="/sustainability/executive-vice-chairmans-message"
4061                                            class="
4062                                                
4063                                            "
4064
4065                                                                                    >Executive Vice Chairman&#039;s Message</a>
4066                                    </div>
4067                                </li>
4068                                                                <li class="my-2">
4069                                    <div class="body-text-sm text-tti-grey">
4070                                        <a href="/sustainability/esg-approach-and-strategic-framework"
4071                                            class="
4072                                                
4073                                            "
4074
4075                                                                                    >TTI’s ESG Approach and Strategic Framework</a>
4076                                    </div>
4077                                </li>
4078                                                                <li class="my-2">
4079                                    <div class="body-text-sm text-tti-grey">
4080                                        <a href="/sustainability/environment"
4081                                            class="
4082                                                
4083                                            "
4084
4085                                                                                    >Environment</a>
4086                                    </div>
4087                                </li>
4088                                                                <li class="my-2">
4089                                    <div class="body-text-sm text-tti-grey">
4090                                        <a href="/sustainability/social-and-community"
4091                                            class="
4092                                                
4093                                            "
4094
4095                                                                                    >Social and Community</a>
4096                                    </div>
4097                                </li>
4098                                                                <li class="my-2">
4099                                    <div class="body-text-sm text-tti-grey">
4100                                        <a href="/sustainability/governance"
4101                                            class="
4102                                                
4103                                            "
4104
4105                                                                                    >Governance</a>
4106                                    </div>
4107                                </li>
4108                                                                <li class="my-2">
4109                                    <div class="body-text-sm text-tti-grey">
4110                                        <a href="/sustainability/esg-publications"
4111                                            class="
4112                                                
4113                                            "
4114
4115                                                                                    >ESG Publications</a>
4116                                    </div>
4117                                </li>
4118                                                            </ul>
4119                        </div>
4120                                            <div class="group xl:basis-full">
4121                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
4122                                <div class="flex flex-row items-center">
4123                    
4123                <div class="body-text-sm-bold text-tti-grey grow">
4124                                        <a href="/careers">Careers</a>
4125                                    </div>
4126                                    <div class="icon icon-chevron-down text-[8px] 
4127                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
4128                                                mr-2"></div>
4129                                </div>
4130                            </div>
4131                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
4132                                                                <li class="my-2">
4133                                    <div class="body-text-sm text-tti-grey">
4134                                        <a href="/careers/working-at-tti"
4135                                            class="
4136                                                
4137                                            "
4138
4139                                                                                    >Working at TTI</a>
4140                                    </div>
4141                                </li>
4142                                                                <li class="my-2">
4143                                    <div class="body-text-sm text-tti-grey">
4144                                        <a href="/careers/global-career-opportunities"
4145                                            class="
4146                                                
4147                                            "
4148
4149                                                                                    >Career Opportunities</a>
4150                                    </div>
4151                                </li>
4152                                                                <li class="my-2">
4153                                    <div class="body-text-sm text-tti-grey">
4154                                        <a href="https://ldp.ttigroup.com/"
4155                                            class="
4156                                                
4157                                            "
4158
4159                                                                                    >Students &amp; Graduates</a>
4160                                    </div>
4161                                </li>
4162                                                            </ul>
4163                        </div>
4164                                            <div class="group xl:basis-full">
4165                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
4166                                <div class="flex flex-row items-center">
4167                                    <div class="body-text-sm-bold text-tti-grey grow">
4168                                        <a href="/news">News &amp; Publications</a>
4169                                    </div>
4170                                    <div class="icon icon-chevron-down text-[8px] 
4171                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
4172                                                mr-2"></div>
4173                                </div>
4174                            </div>
4175                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
4176                                                                <li class="my-2">
4177                                    <div class="body-text-sm text-tti-grey">
4178                                        <a href="/news?tags=50"
4179                                            class="
4180                                                
4181                                            "
4182
4183                                                                                    >Press Releases</a>
4184                                    </div>
4185                                </li>
4186                                                                <li class="my-2">
4187                                    <div class="body-text-sm text-tti-grey">
4188                                        <a href="/news?tags=30"
4189                                            class="
4190                                                
4191                                            "
4192
4193                                                                                    >Announcements</a>
4194                                    </div>
4195                                </li>
4196                                                                <li class="my-2">
4197                                    <div class="body-text-sm text-tti-grey">
4198                                        <a href="/news?tags=109%2C114%2C110%2C113"
4199                                            class="
4200                                                
4201                                            "
4202
4203                                                                                    >Publications</a>
4204                                    </div>
4205                                </li>
4206                                                                <li class="my-2">
4207                                    <div class="body-text-sm text-tti-grey">
4208                                        <a href="/news/media-coverage"
4209                                            class="
4210                                                
4211                                            "
4212
4213                                                                                    >Media Coverage</a>
4214                                    </div>
4215                                </li>
4216                                                            </ul>
4217                        </div>
4218                                            <div class="group xl:basis-full">
4219                                                        <div class="max-sm:py-3 max-sm:group-aria-selected:pb-1 cursor-pointer" onclick="this.parentElement.setAttribute('aria-selected', this.parentElement.getAttribute('aria-selected')=='true'?'false':'true')">
4220                                <div class="flex flex-row items-center">
4221                                    <div class="body-text-sm-bold text-tti-grey grow">
4222                                        <a href="/contacts">Contacts</a>
4223                                    </div>
4224                                    <div class="icon icon-chevron-down text-[8px] 
4225                                                block group-aria-selected:rotate-180 transition duration-150 sm:hidden
4226                                                mr-2"></div>
4227                                </div>
4228                            </div>
4229                                                        <ul class="hidden group-aria-selected:block sm:block max-sm:mb-3">
4230                                                                <li class="my-2">
4231                                    <div class="body-text-sm text-tti-grey">
4232                                        <a href="/contacts/tti-offices"
4233                                            class="
4234                                                
4235                                            "
4236
4237                                                                                    >TTI Offices</a>
4238                                    </div>
4239                                </li>
4240                                                                <li class="my-2">
4241                                    <div class="body-text-sm text-tti-grey">
4242                                        <a href="/contacts/ir-contacts"
4243                                            class="
4244                                                
4245                                            "
4246
4247                                                                                    >IR Contacts</a>
4248                                    </div>
4249                                </li>
4250                                                                <li class="my-2">
4251                                    <div class="body-text-sm text-tti-grey">
4252                                        <a href="/contacts/partner-with-us"
4253                                            class="
4254                                                
4255                                            "
4256
4257                                                                                    >Partner with Us</a>
4258                                    </div>
4259                                </li>
4260                                                                <li class="my-2">
4261                                    <div class="body-text-sm text-tti-grey">
4262                                        <a href="/contacts/form?enquiry_tags=96"
4263                                            class="
4264                                                use-ajax
4265                                            "
4266
4267                                                                                            data-dialog-type='ajax'
4268                                                data-dialog-options='{&quot;dialogType&quot;:&quot;tti_dialog&quot;,&quot;appendTo&quot;:&quot;#lightbox-enquiry_form .lightbox-inner .lightbox-body&quot;}'
4269                                                                                    >Media Enquiry</a>
4270                                    </div>
4271                                </li>
4272                                                                <li class="my-2">
4273                                    <div class="body-text-sm text-tti-grey">
4274                                        <a href="/compliance-hotlines"
4275                                            class="
4276                                                
4277                                            "
4278
4279                                                                                    >Compliance Hotlines</a>
4280                                    </div>
4281                                </li>
4282                                                            </ul>
4283                        </div>
4284                                    </div>
4285            </div>
4286        </div>
4287        <div class="background 
4288                    absolute w-full h-full top-0 left-0 -z-10
4289                    bg-[linear-gradient(187.89deg,#FFFFFF_-9.13%,#D1D1D1_89.24%,#545454_177.27%)]
4290                    xl:bg-[url:var(--bg-url)] xl:bg-cover xl:bg-ce
4290nter" 
4291                style="--bg-url: url(/themes/custom/tti_theme/assets/images/bg/footer-bg.jpg)"
4292        >
4293        </div>
4294    </div>
4295    
4296        <div class="bg-tti-grey text-white text-xs">
4297        <div class="max-w-[1300px] mx-auto px-5 py-5 xl:py-4">
4298
4299            <div class="flex flex-col xl:flex-row items-start">
4300                <div class="grow text-center xl:text-left">
4301                    <div class="flex flex-col md:flex-row items-center 
4302                                md:space-x-2 space-y-1 md:space-y-0">
4303                        <div class="">
4304                            © Techtronic Industries Co. Ltd. All rights reserved.
4305                        </div>
4306                                                    <div class="">
4307                                
4308                    <p>Market data powered by&nbsp;<a href="https://www.irasia.com/" target="_blank"><u>irasia.com</u></a>.&nbsp;<a href="https://www.irasia.com/ssi/stocks/disclaimer.htm" target="_blank"><u>Disclaimer</u></a></p>
4309
4310            
4311                            </div>
4312                                            </div>
4313                </div>
4314                                    <div class="xl:text-right mt-3 xl:mt-0">
4315                        <div class="flex flex-row space-x-5">
4316                                                            <a href="/terms-of-use" class="">Terms of Use</a>
4317                                                            <a href="/privacy-policy" class="">Privacy Policy</a>
4318                                                            <a href="/cookies-policy" class="">Cookies Policy</a>
4319                                                            <a href="/global-sites" class="">Global Sites</a>
4320                                                    </div>
4321                    </div>
4322                            </div>
4323
4324                        <div class="flex flex-col xl:flex-row items-start">
4325                                <div class="grow text-left mt-3">
4326                    <div class="">All trademarks listed other than AEG and RYOBI are owned by the Group.</div>
4327                    <div class="">AEG is a registered trademark of AB Electrolux (publ.), and is used under license.</div>
4328                    <div class="">RYOBI is a registered trademark of Ryobi Limited, and is used under license.</div>
4329                </div>
4330                                <div class="xl:text-right mt-3">
4331                                    </div>
4332            </div>
4333                        
4334        </div>
4335    </div>
4336</footer>        
4337                
4338    </div>
4339  </div>
4340
4341</div>
4342  </div>
4343
4344        
4345        
4345<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/31","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxdzFEKwyAURNENWVySTMxgLE8NzivUrr6F_IT-DWfgZoO04gYx5Gs3SihUyGMy9jEbrH4YyhjFmNBhy2tW_IegJWe7Yu41-cHGuM_XCXvgifdNi43tp_JltZfbcRA7Z4I78tHYXV-0-EBu","theme":"tti_theme","theme_token":null},"ajaxTrustedUrl":[],"google_analytics":{"account":"G-0LD9VQK50V","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackDomainMode":2,"trackCrossDomains":["www.ttigroup.com","www.ttigroup.com.vn","www.ttigroup.com.cn"]},"tti_theme":{"one_trust_config":{"file_path":"https:\/\/cdn-apac.onetrust.com\/scripttemplates\/otSDKStub.js","domain_script":"dd975ec5-44b1-418e-9158-6de20410120e","auto_block_path":"https:\/\/cdn-apac.onetrust.com\/consent\/dd975ec5-44b1-418e-9158-6de20410120e\/OtAutoBlock.js"},"irwin_iq":{"active":1}},"user":{"uid":0,"permissionsHash":"0509859144052b50fd8ecee8f5ac30847b78958fb88d157043d2fe6d4e8521f9"}}</script>
vendor: 1 bytes, line 4345
4345
4346<script src="/sites/default/files/js/js_qlV0qLMpvH_4qgs_uj8CbRGefL7c31xy7HaiV5IMU_E.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=tti_theme&amp;include=eJxdyVEKgCAQBcALFR5JXrqsxqqhL8jb16f0O6OtqYlHhU3mMJz-YCOzZ5IiLvb7gu048Syq1o5PB6flqkskQZTuQSKkIpXjBU4eKzc"></script>
4346
4347
4348                </body>
4349</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.