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&language=en&theme=tti_theme&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&language=en&theme=tti_theme&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&language=en&theme=tti_theme&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 & 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 & 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 & 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 & 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 & 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'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 & 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 & 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 & 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='{"dialogType":"tti_dialog","appendTo":"#lightbox-enquiry_form .lightbox-inner .lightbox-body"}' 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 & 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 & 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 & 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 & 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 & 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'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 & 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 & 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='{"dialogType":"tti_dialog","appendTo":"#lightbox-enquiry_form .lightbox-inner .lightbox-body"}' 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 & 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 & 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 & 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 & 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 & 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'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 & 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 & 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='{"dialogType":"tti_dialog","appendTo":"#lightbox-enquiry_form .lightbox-inner .lightbox-body"}' 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 <a href="https://www.irasia.com/" target="_blank"><u>irasia.com</u></a>. <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&delta=0&language=en&theme=tti_theme&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.