PageSourceSearch

https://www.swirepacific.com/en/about-us

html swirepacific.com collected 2026-10-02 08:03:11 UTC 258,821 bytes, 6,316 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="utf-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <meta name="csrf-token" content="OYQ9ynSyTgGyqPWCJfJNbIyOZkyHa7tqgyisVwxB" />
8
9  <link rel="icon" href="https://www.swirepacific.com/favicon.ico?v=2" type="image/x-icon" />
10  <link href="https://www.swirepacific.com/css/ui.css?id=f04b901f48727b59483869f7cc083ecc" rel="stylesheet">
11
12  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 12-13
12
13  <script async src="https://www.googletagmanager.com/gtag/js?id=
13G-ZZXKD33SZD
vendor: 15 bytes, lines 13-15
13"></script>
14
15  
15<script src="https://www.swirepacific.com/js/ui.js?id=de3ee42b50e9cb8215a39ca242a5a8e4" defer></script>
15
16  
16<script src="https://www.swirepacific.com/js/ui-vendors.js?id=d19396e54572d9fd0632e9a96e85fda4"></script>
16
17
18  
18<script>
19    window.dataLayer = window.dataLayer || [];
20
21        function gtag()  {
22            dataLayer.push(arguments);
23        }
24
25        function updateCookies(){
26            gtag('consent', 'default', {
27            'ad_storage': 'denied',
28            'analytics_storage': 'denied'
29            });
30            gtag('js', new Date());
31
32            gtag('config', "G-ZZXKD33SZD");
33
34            if (window.location.toString().includes("sustainability")) {
35                gtag('config', "G-BZQ9VE3N5S");
36            } 
37        }
38   
39  </script>
39
40  
40<script src="https://www.swirepacific.com/js/vendor/jquery-3.6.0.min.js"></script>
40
41  <title>About Us | Swire Pacific Limited</title>
42<meta property="og:title" content="About Us | Swire Pacific Limited" />
43<meta name="description" content="About Us" />
44<meta property="og:description" content="About Us" />
45<meta name="keywords" content="About Us" />
46<link rel="canonical" href="https://www.swirepacific.com/en/about-us" />
47<link rel="alternate" href="https://www.swirepacific.com/en/about-us" hreflang="x-default" />
48<link rel="alternate" href="https://www.swirepacific.com/en/about-us" hreflang="en" />
49<link rel="alternate" href="https://www.swirepacific.com/tc/about-us" hreflang="zh-Hant" />
50<link rel="alternate" href="https://www.swirepacific.com/sc/about-us" hreflang="zh-Hans" />
51
52<!-- Twitter Meta -->
53<meta name="twitter:card" content="swirepacific" />
54<meta name="twitter:site" content="@swirepacific" />
55<meta name="twitter:creator" content="@swirepacific" />
56
57<meta property="og:url" content="https://www.swirepacific.com/en/about-us" /></head>
58
59<body>
60  <div class="skip-to-main-content js-skip-to-main-content">
61    <button class="skip-to-main-content-button js-skip-to-main-content-button">
62      Skip to main content
63    </button>
64  </div>
65
66  <div class="cookie-banner js-cookie hidden print:hidden">
67    <div class="cookie-content">
68        <div class="cookie-text">
69            <p><span>Cookies and Privacy:</span> We use cookies to enhance your user experience on our website. Please indicate your cookie preference. For more information, please read our <a class='underline' href='/cookie'>Cookie Policy</a> and <a class='underline' href='/privacy'>Privacy Notice</a>.</p>
70        </div>
71        <div class="cookie-button-section">
72            <button class="cookie-button butn-style3" type="button" data-bs-toggle="modal"
73                title="Customise" aria-label="Customise"
74                data-bs-target="#cookie-popup">
75                <span>Customise</span>
76            </button>
77            <button class="cookie-button butn-style3" title="Reject all"
78                aria-label="Reject all" onclick="rejectAll()">
79                <span>Reject all</span>
80            </button>
81            <button class="cookie-button butn-style3" title="Accept all"
82                aria-label="Accept all" onclick="acceptAll()">
83                <span>Accept all</span>
84            </button>
85        </div>
86    </div>
87</div>
88
89<!--Customize Popup-->
90<div class="cookie-popup modal fade fixed top-0 left-0 hidden w-full h-full outline-none overflow-x-hidden"
91    id="cookie-popup" tabindex="-1" aria-labelledby="cookie-popup" aria-modal="true" role="dialog">
92    <div class="modal-dialog modal-dialog-centered modal-lg relative w-auto pointer-events-none">
93        <div
94            class="modal-content border-none shadow-lg relative flex flex-col w-full pointer-events-auto bg-white bg-clip-padding outline-none text-current">
95            <!-- Title -->
96            <div class="modal-header p-6 h-auto">
97                <div class="flex flex-row justify-between">
98                    <div class="h4">
99                        Customise cookie preferences
100                    </div>
101                    <div class="flex items-center">
102                        <button data-bs-dismiss="modal" aria-label="Close">
103                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
104    <path d="M18 6L6 18" stroke="#626E77" stroke-linecap="round" stroke-linejoin="round" />
105    <path d="M6 6L18 18" stroke="#626E77" stroke-linecap="round" stroke-linejoin="round" />
106</svg>                        </button>
107                    </div>
108                </div>
109            </div>
110            <!-- Content -->
111            <div class="modal-body px-6">
112                <div class="h-auto">
113                    <div class="p1">
114                        For more information, please read our <a class='underline' href='/cookie'>Cookie Policy</a>
115                    </div>
116                    <!-- Separate Line -->
117                    <div class="mt-6 w-full h-[1px] bg-[#D9D9D9]">
118                    </div>
119                    <!-- Tab -->
120                    <div class="pt-4">
121                        <!-- Necessary Tab -->
122                        <a class="pointer-events-none collapse-group collapsed flex flex-row justify-between pb-4"
123                            data-bs-toggle="collapse" data-bs-target="#necessary" href="#" type="button"
124                            aria-expanded="false" aria-controls="neceassary"
125                            aria-label="Read more about Necessary">
126                            <div class="flex flex-row gap-6">
127                                <div class="flex items-center w-[16px]">
128                                    
129                                </div>
130                                <span class="h4">
131                                    Necessary
132                                </span>
133                            </div>
134                            <span class="h5 text-[#2073B1]">
135                                Always active
136                            </span>
137                        </a>
138                        <div class="p1 pb-4 pl-9">
139                            These cookies provide a secure way to store user-specific data such as information related to user authentication, and protect against cross-site request forgery attacks.
140                        </div>
141                        
142                        <!-- Separate Line -->
143                        <div class="mt-6 w-full h-[1px] bg-[#D9D9D9]">
144                        </div>
145                        <!-- Functional Tab -->
146                        <a class="pointer-events-none collapse-group collapsed flex flex-row justify-between pb-4 mt-6"
147                            data-bs-toggle="collapse" data-bs-target="#functional" href="#" type="button"
148                            aria-expanded="false" aria-controls="functional"
149                            aria-label="Read more about Functional">
150                            <div class="flex flex-row gap-6">
151                                <div class="flex items-center w-[16px]">
152                                    
153                                </div>
154                                <span class="h4">
155                                    Functional
156                                </span>
157                            </div>
158                            <span class="h5 text-[#2073B1]">
159                                Required
160                            </span>
161                        </a>
162                        <div class="p1 pb-4 pl-9">
163                            This cookie will be added to store and record user&#039;s acceptance on the “Cookies and Privacy” pop-up window during website browsing and will be only valid for a session. Once the session expires, the pop-up window will show again on your next visit.
164                        </div>
165                        
166                        <!-- Separate Line -->
167                        <div class="mt-6 w-full h-[1px] bg-[#D9D9D9]">
168                        </div>
169                        <!-- Analytics Tab -->
170                        <div class="flex flex-row justify-between py-4">
171                            
172                                <div class="flex flex-row gap-6">
173                                    <div class="flex items-center w-[16px]">
174                                        
175                                    </div>
176                                    <span class="h4">
177                                        Analytics
178                                    </span>
179                                </div>
180                                
181                            <!-- Switch -->
182                            <div class="flex items-center">
183                                <label class="switch" aria-label="Analytics">
184                                    <input id="analytic-toggle" name="analytic" type="checkbox"
185                                        aria-label="Check">
186                                    <span class="slider round"></span>
187                                </label>
188                            </div>
189                        </div>
190                        <div class="p1 pb-4 pl-9">
191                            This cookie analyses how our marketing campaigns work and how you interact with our website in order to improve user experience.
192                        </div>
193                        
194
195                    </div>
196                </div>
197            </div>
198            <!-- Button Group -->
199            <div class="modal-footer p-6">
200                <div class="flex flex-col-reverse lg:flex-row justify-between gap-6">
201                    <button class="cookie-popup-button butn-style3" onclick="rejectAll()" data-bs-dismiss="modal"
202                        title="Reject all" aria-label="Reject all">
203                        <span>
204                            Reject all
205                        </span>
206                    </button>
207                    <button class="cookie-popup-button butn-style3" onclick="partialAccept()" data-bs-dismiss="modal"
208                        title="Save my preferences"
209                        aria-label="Save my preferences">
210                        <span>
211                            Save my preferences
212                        </span>
213                    </button>
214                    <button class="cookie-popup-accept-button butn-style3" onclick="acceptAll()" data-bs-dismiss="modal"
215                        title="Accept all" aria-label="Accept all">
216                        <span>
217                            Accept all
218                        </span>
219                    </button>
220                </div>
221            </div>
222        </div>
223    </div>
224</div>  <header class="fixed print:relative top-0 left-0 z-[1000] h-mobile-header-height w-full drop-shadow xl:h-header-height">
225
226  
227  <div class="top-header-bar flex h-full items-center justify-between bg-white">
228    
229    <a href="https://www.swirepacific.com/en"
230      aria-label="Click to visit https://www.swirepacific.com/en">
231      <img class="ml-[20px] h-[20px] w-auto xl:ml-[28px] xl:h-[26px]"
232        src="/images/logo.png"
233        alt="Swire Pacific Group Logo" />
234    </a>
235
236
237    
238    <div class="hidden h-full xl:block header-menu-nav">
239      <ul class="flex h-full text-gray-400 header-menu-link-nav">
240                <li class="group h-full">
241          <a class="header-menu-link js-header-menu-link 
242            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
243            data-target="header-3" href="https://www.swirepacific.com/en/about-us"
244            target="_self"
245            aria-label="Click to visit About Us">
246            About Us
247
248
249            
250          </a>
251        </li>
252                <li class="group h-full">
253          <a class="header-menu-link js-header-menu-link 
254            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
255            data-target="header-23" href="https://www.swirepacific.com/en/investor-relations"
256            target="_self"
257            aria-label="Click to visit Investor Relations">
258            Investor Relations
259
260
261            
262          </a>
263        </li>
264                <li class="group h-full">
265          <a class="header-menu-link js-header-menu-link 
266            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
267            data-target="header-53" href="https://www.swirepacific.com/en/corporate-governance"
268            target="_self"
269            aria-label="Click to visit Corporate Governance">
270            Corporate Governance
271
272
273            
274          </a>
275        </li>
276                <li class="group h-full">
277          <a class="header-menu-link js-header-menu-link 
278            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
279            data-target="header-58" href="https://www.swirepacific.com/en/sustainability"
280            target="_self"
281            aria-label="Click to visit Sustainability">
282            Sustainability
283
284
285            
286          </a>
287        </li>
288                <li class="group h-full">
289          <a class="header-menu-link js-header-menu-link 
290            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
291            data-target="header-10" href="https://www.swirepacific.com/en/news-hub"
292            target="_self"
293            aria-label="Click to visit News Hub">
294            News Hub
295
296
297            
298          </a>
299        </li>
300                <li class="group h-full">
301          <a class="header-menu-link js-header-menu-link 
302            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
303            data-target="header-59" href="https://www.swirepacific.com/en/career"
304            target="_self"
305            aria-label="Click to visit Career">
306            Career
307
308
309            
310          </a>
311        </li>
312                <li class="group h-full">
313          <a class="header-menu-link  
314            relative flex h-full items-center transition-colors transition-fontWeight duration-500 ease-easeOutCubic group-hover:text-blue-800 group-hover:font-medium"
315            data-target="header-50" href="https://www.swirepacific.com/en/contact-us"
316            target="_self"
317            aria-label="Click to visit Contact Us">
318            Contact Us
319
320
321            
322          </a>
323        </li>
324              </ul>
325    </div>
326
327    
328    <div class="flex h-full print:hidden">
329      
330      <div class="group relative flex align-items-center header-language-selector js-header-language-selector">
331        <button class="js-header-language-button h-full px-5" title="Switch Language"
332          aria-label="Switch Language" type="button">
333          <svg
334  class="stroke-[#626E77] transition-colors duration-500 ease-easeOutCubic group-hover:stroke-blue-800"
335  width="17"
336  height="16"
337  viewBox="0 0 17 16"
338  fill="none"
339  xmlns="http://www.w3.org/2000/svg"
340>
341  <path
342    d="M8.50008 15.0834C12.4122 15.0834 15.5834 11.9122 15.5834 8.00008C15.5834 4.08796 12.4122 0.916748 8.50008 0.916748C4.58796 0.916748 1.41675 4.08796 1.41675 8.00008C1.41675 11.9122 4.58796 15.0834 8.50008 15.0834Z"
343    stroke-width="1.5"
344    stroke-linecap="round"
345    stroke-linejoin="round"
346  />
347  <path
348    d="M1.41675 8H15.5834"
349    stroke-width="1.5"
350    stroke-linecap="round"
351    stroke-linejoin="round"
352  />
353  <path
354    d="M8.50008 15.0834C10.0648 15.0834 11.3334 11.9122 11.3334 8.00008C11.3334 4.08796 10.0648 0.916748 8.50008 0.916748C6.93537 0.916748 5.66675 4.08796 5.66675 8.00008C5.66675 11.9122 6.93537 15.0834 8.50008 15.0834Z"
355    stroke-width="1.5"
356    stroke-linecap="round"
357    stroke-linejoin="round"
358  />
359  <path
360    d="M3.49146 3.09204C4.14846 3.75078 4.92917 4.27319 5.78872 4.62924C6.64827 4.98528 7.56971 5.16795 8.50008 5.16675C9.43045 5.16795 10.3519 4.98528 11.2114 4.62924C12.071 4.27319 12.8517 3.75078 13.5087 3.09204M13.5087 12.9081C12.8517 12.2494 12.071 11.727 11.2114 11.3709C10.3519 11.0149 9.43
360045 10.8322 8.50008 10.8334C7.56971 10.8322 6.64827 11.0149 5.78872 11.3709C4.92917 11.727 4.14846 12.2494 3.49146 12.9081"
361    stroke-width="1.5"
362    stroke-linecap="round"
363    stroke-linejoin="round"
364  />
365</svg>
366        </button>
367
368        <div class="language-box absolute left-[-36%] top-full translate-x-[15px]">
369                    <div class="border-b last:border-none bg-blue-800">
370            <a class="text-center py-2 block w-[70px] text-white"
371              href="https://www.swirepacific.com/en/about-us">
372              ENG
373            </a>
374          </div>
375
376                    <div class="border-b last:border-none bg-blue-800">
377            <a class="text-center py-2 block w-[70px] text-white"
378              href="https://www.swirepacific.com/tc/about-us">
379              繁
380            </a>
381          </div>
382
383                    <div class="border-b last:border-none bg-blue-800">
384            <a class="text-center py-2 block w-[70px] text-white"
385              href="https://www.swirepacific.com/sc/about-us">
386              简
387            </a>
388          </div>
389
390                  </div>
391      </div>
392      
393      <button title="Search" aria-label="Search"
394        class="group px-4 mr-20 hidden xl:block relative align-items-center js-header-search-button">
395        <svg
396  class="stroke-[#626E77] transition-colors duration-500 ease-easeOutCubic group-hover:stroke-blue-800"
397  width="20"
398  height="20"
399  viewBox="0 0 20 20"
400  fill="none"
401  xmlns="http://www.w3.org/2000/svg"
402>
403  <path
404    d="M14.0625 14.0625L17.8125 17.8125"
405    stroke-width="1.5"
406    stroke-linecap="round"
407    stroke-linejoin="round"
408  />
409  <path
410    d="M9.375 15.3125C12.6542 15.3125 15.3125 12.6542 15.3125 9.375C15.3125 6.09581 12.6542 3.4375 9.375 3.4375C6.09581 3.4375 3.4375 6.09581 3.4375 9.375C3.4375 12.6542 6.09581 15.3125 9.375 15.3125Z"
411    stroke-width="1.5"
412    stroke-linecap="round"
413    stroke-linejoin="round"
414  />
415</svg>
416      </button>
417
418
419      
420      <button title="Expand" aria-label="Expand"
421        class="mobile-menu-button js-mobile-menu-button group mr-[20px] block xl:hidden">
422        <svg
423  class="stroke-gray-400 transition-colors duration-500 ease-easeOutCubic group-hover:stroke-blue-800"
424  width="16"
425  height="14"
426  viewBox="0 0 16 14"
427  fill="none"
428  xmlns="http://www.w3.org/2000/svg"
429>
430  <line
431    x1="0.75"
432    y1="1.25"
433    x2="15.25"
434    y2="1.25"
435    stroke="#4D4D4D"
436    stroke-width="1.5"
437    stroke-linecap="round"
438  />
439  <line
440    x1="0.75"
441    y1="7.25"
442    x2="15.25"
443    y2="7.25"
444    stroke="#4D4D4D"
445    stroke-width="1.5"
446    stroke-linecap="round"
447  />
448  <line
449    x1="0.75"
450    y1="13.25"
451    x2="15.25"
452    y2="13.25"
453    stroke="#4D4D4D"
454    stroke-width="1.5"
455    stroke-linecap="round"
456  />
457</svg>
458      </button>
459    </div>
460
461  </div>
462
463  
464  <div
465    class="js-header-search-popup header-search-popup ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
466    style="background: linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)">
467    <div class="container pt-20 pb-7 mx-auto">
468      <form method="GET" class="border-b border-white" action="https://www.swirepacific.com/en/search">
469        <div class="flex">
470          <div class="flex-grow">
471            
472            <input name="keyword" class="w-full border-none py-2 placeholder:text-white p4"
473              style="background-color: transparent;" type="text" placeholder="Search this site"
474              aria-label="Search this site">
475          </div>
476          <div class="flex align-items-center">
477            <button title="Search" aria-label="Search" type="submit" class="px-2">
478              <svg
479  class="stroke-white transition-colors duration-500 ease-easeOutCubic"
480  width="20"
481  height="20"
482  viewBox="0 0 20 20"
483  fill="none"
484  xmlns="http://www.w3.org/2000/svg"
485>
486  <path
487    d="M14.0625 14.0625L17.8125 17.8125"
488    stroke-width="1.5"
489    stroke-linecap="round"
490    stroke-linejoin="round"
491  />
492  <path
493    d="M9.375 15.3125C12.6542 15.3125 15.3125 12.6542 15.3125 9.375C15.3125 6.09581 12.6542 3.4375 9.375 3.4375C6.09581 3.4375 3.4375 6.09581 3.4375 9.375C3.4375 12.6542 6.09581 15.3125 9.375 15.3125Z"
494    stroke-width="1.5"
495    stroke-linecap="round"
496    stroke-linejoin="round"
497  />
498</svg>
499            </button>
500          </div>
501        </div>
502      </form>
503    </div>
504  </div>
505
506  
507  <div
508  class="mobile-menu js-mobile-menu top-mobile-header-height xl:top-header-height fixed left-0 block h-screen w-full bg-blue-800 xl:hidden"
509  data-active="false">
510  <div class="h-full p-[20px]">
511    <div class="flex h-full flex-col">
512      <form method="GET" action="https://www.swirepacific.com/en/search">
513        <div class="relative mb-5 overflow-hidden rounded-[27px] bg-white">
514          <button type="submit" title="search" aria-label="search"
515            class="group absolute left-[20px] top-1/2 mr-20 -translate-y-1/2">
516            <svg
517  class="stroke-gray-400"
518  width="20"
519  height="20"
520  viewBox="0 0 20 20"
521  fill="none"
522  xmlns="http://www.w3.org/2000/svg"
523>
524  <path
525    d="M14.0625 14.0625L17.8125 17.8125"
526    stroke-width="1.5"
527    stroke-linecap="round"
528    stroke-linejoin="round"
529  />
530  <path
531    d="M9.375 15.3125C12.6542 15.3125 15.3125 12.6542 15.3125 9.375C1
5315.3125 6.09581 12.6542 3.4375 9.375 3.4375C6.09581 3.4375 3.4375 6.09581 3.4375 9.375C3.4375 12.6542 6.09581 15.3125 9.375 15.3125Z"
532    stroke-width="1.5"
533    stroke-linecap="round"
534    stroke-linejoin="round"
535  />
536</svg>
537          </button>
538          
539          <input name="keyword" class="w-full border-none py-3 pl-[50px]" type="text" placeholder="Search"
540            aria-label="Search">
541        </div>
542      </form>
543      
544      <div class="overflow-auto">
545                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
546          <a class="grow" href="https://www.swirepacific.com/en/about-us"
547            target="_self"
548            aria-label="Click to visit About Us">
549            About Us
550          </a>
551
552                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-3"
553            href="javascript:;" aria-label="Expand">
554            <svg
555  class="white-stroke-path"
556  width="11"
557  height="18"
558  viewBox="0 0 11 18"
559  fill="none"
560  xmlns="http://www.w3.org/2000/svg"
561>
562  <path
563    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
564    stroke="#01477b"
565    stroke-width="2"
566    stroke-linecap="round"
567    stroke-linejoin="round"
568  />
569</svg>
570          </a>
571                  </div>
572                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
573          <a class="grow" href="https://www.swirepacific.com/en/investor-relations"
574            target="_self"
575            aria-label="Click to visit Investor Relations">
576            Investor Relations
577          </a>
578
579                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-23"
580            href="javascript:;" aria-label="Expand">
581            <svg
582  class="white-stroke-path"
583  width="11"
584  height="18"
585  viewBox="0 0 11 18"
586  fill="none"
587  xmlns="http://www.w3.org/2000/svg"
588>
589  <path
590    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
591    stroke="#01477b"
592    stroke-width="2"
593    stroke-linecap="round"
594    stroke-linejoin="round"
595  />
596</svg>
597          </a>
598                  </div>
599                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
600          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance"
601            target="_self"
602            aria-label="Click to visit Corporate Governance">
603            Corporate Governance
604          </a>
605
606                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-53"
607            href="javascript:;" aria-label="Expand">
608            <svg
609  class="white-stroke-path"
610  width="11"
611  height="18"
612  viewBox="0 0 11 18"
613  fill="none"
614  xmlns="http://www.w3.org/2000/svg"
615>
616  <path
617    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
618    stroke="#01477b"
619    stroke-width="2"
620    stroke-linecap="round"
621    stroke-linejoin="round"
622  />
623</svg>
624          </a>
625                  </div>
626                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
627          <a class="grow" href="https://www.swirepacific.com/en/sustainability"
628            target="_self"
629            aria-label="Click to visit Sustainability">
630            Sustainability
631          </a>
632
633                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-58"
634            href="javascript:;" aria-label="Expand">
635            <svg
636  class="white-stroke-path"
637  width="11"
638  height="18"
639  viewBox="0 0 11 18"
640  fill="none"
641  xmlns="http://www.w3.org/2000/svg"
642>
643  <path
644    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
645    stroke="#01477b"
646    stroke-width="2"
647    stroke-linecap="round"
648    stroke-linejoin="round"
649  />
650</svg>
651          </a>
652                  </div>
653                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
654          <a class="grow" href="https://www.swirepacific.com/en/news-hub"
655            target="_self"
656            aria-label="Click to visit News Hub">
657            News Hub
658          </a>
659
660                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-10"
661            href="javascript:;" aria-label="Expand">
662            <svg
663  class="white-stroke-path"
664  width="11"
665  height="18"
666  viewBox="0 0 11 18"
667  fill="none"
668  xmlns="http://www.w3.org/2000/svg"
669>
670  <path
671    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
672    stroke="#01477b"
673    stroke-width="2"
674    stroke-linecap="round"
675    stroke-linejoin="round"
676  />
677</svg>
678          </a>
679                  </div>
680                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
681          <a class="grow" href="https://www.swirepacific.com/en/career"
682            target="_self"
683            aria-label="Click to visit Career">
684            Career
685          </a>
686
687                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-59"
688            href="javascript:;" aria-label="Expand">
689            <svg
690  class="white-stroke-path"
691  width="11"
692  height="18"
693  viewBox="0 0 11 18"
694  fill="none"
695  xmlns="http://www.w3.org/2000/svg"
696>
697  <path
698    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
699    stroke="#01477b"
700    stroke-width="2"
701    stroke-linecap="round"
702    stroke-linejoin="round"
703  />
704</svg>
705          </a>
706                  </div>
707                <div class="mobile-menu--item flex w-full items-center py-[20px] font-light text-white">
708          <a class="grow" href="https://www.swirepacific.com/en/contact-us"
709            target="_self"
710            aria-label="Click to visit Contact Us">
711            Contact Us
712          </a>
713
714                  </div>
715        
716        
717
718
719        
720        
721        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
722  data-active="false" data-target="page-3" style="--menu-lv: 1;">
723  <div class="flex h-full flex-col">
724    <div class="overflow-auto">
725      
726      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
727        <a class="js-close-menu-button flex items-center" data-target="page-3" href="javascript:;"
728          aria-label="Click to visit About Us">
729          <div class="mr-5 flex w-[20px] items-center justify-center">
730            <svg
731  class="white-stroke-path rotate-180"
732  width="11"
733  height="18"
734  viewBox="0 0 11 18"
735  fill="none"
736  xmlns="http://www.w3.org/2000/svg"
737>
738  <path
739    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
740    stroke="#01477b"
741    stroke-width="2"
742    stroke-linecap="round"
743    stroke-linejoin="round"
744  />
745</svg>
746          </div>
747          <div>
748            About Us
749          </div>
750        </a>
751      </div>
752      <div class="pl-[40px]">
753                <div
754          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
755          <a class="grow" href="https://www.swirepacific.com/en/about-us#our-businesses" target="_self"
756            aria-label="Click to visit Our Businesses">
757            Our Businesses
758          </a>
759
760                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-134" href="javascript:;"
761            aria-label="Expand">
762            <svg
763  class="white-stroke-path"
764  width="11"
765  height="18"
766  viewBox="0 0 11 18"
767  fill="none"
768  xmlns="http://www.w3.org/2000/svg"
769>
770  <path
771    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
772    stroke="#01477b"
773    stroke-width="2"
774    stroke-linecap="round"
775    stroke-linejoin="round"
776  />
777</svg>
778          </a>
779                  </div>
780                <div
781          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
782          <a class="grow" href="https://www.swirepacific.com/en/about-us#our-values-and-principles" target="_self"
783            aria-label="Click to visit Our Values &amp; Principles">
784            Our Values &amp; Principles
785          </a>
786
787                  </div>
788                <div
789          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
790          <a class="grow" href="https://www.swirepacific.com/en/about-us/heritage" target="_self"
791            aria-label="Click to visit Heritage">
792            Heritage
793          </a>
794
795                  </div>
796                <div
797          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
798          <a class="grow" href="https://www.swirepacific.com/en/about-us#recognition-and-awards" target="_self"
799            aria-label="Click to visit Recognition &amp; Awards">
800            Recognition &amp; Awards
801          </a>
802
803                  </div>
804                <div
805          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
806          <a class="grow" href="https://www.swirepacific.com/en/about-us#our-management" target="_self"
807            aria-label="Click to visit Our Management">
808            Our Management
809          </a>
810
811                  </div>
812              </div>
813    </div>
814  </div>
815</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
816  data-active="false" data-target="page-134" style="--menu-lv: 2;">
817  <div class="flex h-full flex-col">
818    <div class="overflow-auto">
819      
820      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
821        <a class="js-close-menu-button flex items-center" data-target="page-134" href="javascript:;"
822          aria-label="Click to visit Our Businesses">
823          <div class="mr-5 flex w-[20px] items-center justify-center">
824            <svg
825  class="white-stroke-path rotate-180"
826  width="11"
827  height="18"
828  viewBox="0 0 11 18"
829  fill="none"
830  xmlns="http://www.w3.org/2000/svg"
831>
832  <path
833    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
834    stroke="#01477b"
835    stroke-width="2"
836    stroke-linecap="round"
837    stroke-linejoin="round"
838  />
839</svg>
840          </div>
841          <div>
842            Our Businesses
843          </div>
844        </a>
845      </div>
846      <div class="pl-[40px]">
847                <div
848          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
849          <a class="grow" href="https://www.swirepacific.com/en/about-us/our-businesses/property" target="_self"
850            aria-label="Click to visit Property">
851            Property
852          </a>
853
854                  </div>
855                <div
856          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
857          <a class="grow" href="https://www.swirepacific.com/en/about-us/our-businesses/beverages" target="_self"
858            aria-label="Click to visit Beverages">
859            Beverages
860          </a>
861
862                  </div>
863                <div
864          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
865          <a class="grow" href="https://www.swirepacific.com/en/about-us/our-businesses/aviation" target="_self"
866            aria-label="Click to visit Aviation">
867            Aviation
868          </a>
869
870                  </div>
871                <div
872          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
873          <a class="grow" href="https://www.swirepacific.com/en/about-us/our-businesses/healthcare" target="_self"
874            aria-label="Click to visit Healthcare">
875            Healthcare
876          </a>
877
878                  </div>
879                <div
880          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
881          <a class="grow" href="https://www.swirepacific.com/en/about-us/our-businesses/trading-and-industrial" target="_self"
882            aria-label="Click to visit Trading &amp; Industrial">
883            Trading &amp; Industrial
884          </a>
885
886                  </div>
887              </div>
888    </div>
889  </div>
890</div>
891                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
892  data-active="false" data-target="page-5" style="--menu-lv: 3;">
893  <div class="flex h-full flex-col">
894    <div class="overflow-auto">
895      
896      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
897        <a class="js-close-menu-button flex items-center" data-target="page-5" href="javascript:;"
898          aria-label="Click to visit Property">
899          <div class="mr-5 flex w-[20px] items-center justify-center">
900            <svg
901  class="white-stroke-path rotate-180"
902  width="11"
903  height="18"
904  viewBox="0 0 11 18"
905  fill="none"
906  xmlns="http://www.w3.org/2000/svg"
907>
908  <path
909    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
910    stroke="#01477b"
911    stroke-width="2"
912    stroke-linecap="round"
913    stroke-linejoin="round"
914  />
915</svg>
916          </div>
917          <div>
918            Property
919          </div>
920        </a>
921      </div>
922      <div class="pl-[40px]">
923              </div>
924    </div>
925  </div>
926</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
927  data-active="false" data-target="page-7" style="--menu-lv: 3;">
928  <div class="flex h-full flex-col">
929    <div class="overflow-auto">
930      
931      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
932        <a class="js-close-menu-button flex items-center" data-target="page-7" href="javascript:;"
933          aria-label="Click to visit Beverages">
934          <div class="mr-5 flex w-[20px] items-center justify-center">
935            <svg
936  class="white-stroke-path rotate-180"
937  width="11"
938  height="18"
939  viewBox="0 0 11 18"
940  fill="none"
941  xmlns="http://www.w3.org/2000/svg"
942>
943  <path
944    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
945    stroke="#01477b"
946    stroke-width="2"
947    stroke-linecap="round"
948    stroke-linejoin="round"
949  />
950</svg>
951          </div>
952          <div>
953            Beverages
954          </div>
955        </a>
956      </div>
957      <div class="pl-[40px]">
958              </div>
959    </div>
960  </div>
961</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
962  data-active="false" data-target="page-6" style="--menu-lv: 3;">
963  <div class="flex h-full flex-col">
964    <div class="overflow-auto">
965      
966      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
967        <a class="js-close-menu-button flex items-center" data-target="page-6" href="javascript:;"
968          aria-label="Click to visit Aviation">
969          <div class="mr-5 flex w-[20px] items-center justify-center">
970            <svg
971  class="white-stroke-path rotate-180"
972  width="11"
973  height="18"
974  viewBox="0 0 11 18"
975  fill="none"
976  xmlns="http://www.w3.org/2000/svg"
977>
978  <path
979    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
980    stroke="#01477b"
981    stroke-width="2"
982    stroke-linecap="round"
983    stroke-linejoin="round"
984  />
985</svg>
986          </div>
987          <div>
988            Aviation
989          </div>
990        </a>
991      </div>
992      <div class="pl-[40px]">
993              </div>
994    </div>
995  </div>
996</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
997  data-active="false" data-target="page-8" style="--menu-lv: 3;">
998  <div class="flex h-full flex-col">
999    <div class="overflow-auto">
1000      
1001      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1002        <a class="js-close-menu-button flex items-center" data-target="page-8" href="javascript:;"
1003          aria-label="Click to visit Healthcare">
1004          <div class="mr-5 flex w-[20px] items-center justify-center">
1005            <svg
1006  class="white-stroke-path rotate-180"
1007  width="11"
1008  height="18"
1009  viewBox="0 0 11 18"
1010  fill="none"
1011  xmlns="http://www.w3.org/2000/svg"
1012>
1013  <path
1014    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1015    stroke="#01477b"
1016    stroke-width="2"
1017    stroke-linecap="round"
1018    stroke-linejoin="round"
1019  />
1020</svg>
1021          </div>
1022          <div>
1023       
1023     Healthcare
1024          </div>
1025        </a>
1026      </div>
1027      <div class="pl-[40px]">
1028              </div>
1029    </div>
1030  </div>
1031</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1032  data-active="false" data-target="page-9" style="--menu-lv: 3;">
1033  <div class="flex h-full flex-col">
1034    <div class="overflow-auto">
1035      
1036      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1037        <a class="js-close-menu-button flex items-center" data-target="page-9" href="javascript:;"
1038          aria-label="Click to visit Trading &amp; Industrial">
1039          <div class="mr-5 flex w-[20px] items-center justify-center">
1040            <svg
1041  class="white-stroke-path rotate-180"
1042  width="11"
1043  height="18"
1044  viewBox="0 0 11 18"
1045  fill="none"
1046  xmlns="http://www.w3.org/2000/svg"
1047>
1048  <path
1049    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1050    stroke="#01477b"
1051    stroke-width="2"
1052    stroke-linecap="round"
1053    stroke-linejoin="round"
1054  />
1055</svg>
1056          </div>
1057          <div>
1058            Trading &amp; Industrial
1059          </div>
1060        </a>
1061      </div>
1062      <div class="pl-[40px]">
1063              </div>
1064    </div>
1065  </div>
1066</div>                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1067  data-active="false" data-target="page-73" style="--menu-lv: 2;">
1068  <div class="flex h-full flex-col">
1069    <div class="overflow-auto">
1070      
1071      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1072        <a class="js-close-menu-button flex items-center" data-target="page-73" href="javascript:;"
1073          aria-label="Click to visit Our Values &amp; Principles">
1074          <div class="mr-5 flex w-[20px] items-center justify-center">
1075            <svg
1076  class="white-stroke-path rotate-180"
1077  width="11"
1078  height="18"
1079  viewBox="0 0 11 18"
1080  fill="none"
1081  xmlns="http://www.w3.org/2000/svg"
1082>
1083  <path
1084    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1085    stroke="#01477b"
1086    stroke-width="2"
1087    stroke-linecap="round"
1088    stroke-linejoin="round"
1089  />
1090</svg>
1091          </div>
1092          <div>
1093            Our Values &amp; Principles
1094          </div>
1095        </a>
1096      </div>
1097      <div class="pl-[40px]">
1098              </div>
1099    </div>
1100  </div>
1101</div>
1102                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1103  data-active="false" data-target="page-130" style="--menu-lv: 2;">
1104  <div class="flex h-full flex-col">
1105    <div class="overflow-auto">
1106      
1107      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1108        <a class="js-close-menu-button flex items-center" data-target="page-130" href="javascript:;"
1109          aria-label="Click to visit Heritage">
1110          <div class="mr-5 flex w-[20px] items-center justify-center">
1111            <svg
1112  class="white-stroke-path rotate-180"
1113  width="11"
1114  height="18"
1115  viewBox="0 0 11 18"
1116  fill="none"
1117  xmlns="http://www.w3.org/2000/svg"
1118>
1119  <path
1120    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1121    stroke="#01477b"
1122    stroke-width="2"
1123    stroke-linecap="round"
1124    stroke-linejoin="round"
1125  />
1126</svg>
1127          </div>
1128          <div>
1129            Heritage
1130          </div>
1131        </a>
1132      </div>
1133      <div class="pl-[40px]">
1134              </div>
1135    </div>
1136  </div>
1137</div>
1138                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1139  data-active="false" data-target="page-82" style="--menu-lv: 2;">
1140  <div class="flex h-full flex-col">
1141    <div class="overflow-auto">
1142      
1143      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1144        <a class="js-close-menu-button flex items-center" data-target="page-82" href="javascript:;"
1145          aria-label="Click to visit Recognition &amp; Awards">
1146          <div class="mr-5 flex w-[20px] items-center justify-center">
1147            <svg
1148  class="white-stroke-path rotate-180"
1149  width="11"
1150  height="18"
1151  viewBox="0 0 11 18"
1152  fill="none"
1153  xmlns="http://www.w3.org/2000/svg"
1154>
1155  <path
1156    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1157    stroke="#01477b"
1158    stroke-width="2"
1159    stroke-linecap="round"
1160    stroke-linejoin="round"
1161  />
1162</svg>
1163          </div>
1164          <div>
1165            Recognition &amp; Awards
1166          </div>
1167        </a>
1168      </div>
1169      <div class="pl-[40px]">
1170              </div>
1171    </div>
1172  </div>
1173</div>
1174                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1175  data-active="false" data-target="page-80" style="--menu-lv: 2;">
1176  <div class="flex h-full flex-col">
1177    <div class="overflow-auto">
1178      
1179      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1180        <a class="js-close-menu-button flex items-center" data-target="page-80" href="javascript:;"
1181          aria-label="Click to visit Our Management">
1182          <div class="mr-5 flex w-[20px] items-center justify-center">
1183            <svg
1184  class="white-stroke-path rotate-180"
1185  width="11"
1186  height="18"
1187  viewBox="0 0 11 18"
1188  fill="none"
1189  xmlns="http://www.w3.org/2000/svg"
1190>
1191  <path
1192    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1193    stroke="#01477b"
1194    stroke-width="2"
1195    stroke-linecap="round"
1196    stroke-linejoin="round"
1197  />
1198</svg>
1199          </div>
1200          <div>
1201            Our Management
1202          </div>
1203        </a>
1204      </div>
1205      <div class="pl-[40px]">
1206              </div>
1207    </div>
1208  </div>
1209</div>
1210                
1211        
1212        
1213        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1214  data-active="false" data-target="page-23" style="--menu-lv: 1;">
1215  <div class="flex h-full flex-col">
1216    <div class="overflow-auto">
1217      
1218      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1219        <a class="js-close-menu-button flex items-center" data-target="page-23" href="javascript:;"
1220          aria-label="Click to visit Investor Relations">
1221          <div class="mr-5 flex w-[20px] items-center justify-center">
1222            <svg
1223  class="white-stroke-path rotate-180"
1224  width="11"
1225  height="18"
1226  viewBox="0 0 11 18"
1227  fill="none"
1228  xmlns="http://www.w3.org/2000/svg"
1229>
1230  <path
1231    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1232    stroke="#01477b"
1233    stroke-width="2"
1234    stroke-linecap="round"
1235    stroke-linejoin="round"
1236  />
1237</svg>
1238          </div>
1239          <div>
1240            Investor Relations
1241          </div>
1242        </a>
1243      </div>
1244      <div class="pl-[40px]">
1245                <div
1246          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1247          <a class="grow" href="https://www.swirepacific.com/en/investor-relations#shareholder
1247-information" target="_self"
1248            aria-label="Click to visit Shareholder Information">
1249            Shareholder Information
1250          </a>
1251
1252                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-24" href="javascript:;"
1253            aria-label="Expand">
1254            <svg
1255  class="white-stroke-path"
1256  width="11"
1257  height="18"
1258  viewBox="0 0 11 18"
1259  fill="none"
1260  xmlns="http://www.w3.org/2000/svg"
1261>
1262  <path
1263    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1264    stroke="#01477b"
1265    stroke-width="2"
1266    stroke-linecap="round"
1267    stroke-linejoin="round"
1268  />
1269</svg>
1270          </a>
1271                  </div>
1272                <div
1273          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1274          <a class="grow" href="https://www.swirepacific.com/en/investor-relations#updates-to-our-shareholders" target="_self"
1275            aria-label="Click to visit Updates to our Shareholders">
1276            Updates to our Shareholders
1277          </a>
1278
1279                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-26" href="javascript:;"
1280            aria-label="Expand">
1281            <svg
1282  class="white-stroke-path"
1283  width="11"
1284  height="18"
1285  viewBox="0 0 11 18"
1286  fill="none"
1287  xmlns="http://www.w3.org/2000/svg"
1288>
1289  <path
1290    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1291    stroke="#01477b"
1292    stroke-width="2"
1293    stroke-linecap="round"
1294    stroke-linejoin="round"
1295  />
1296</svg>
1297          </a>
1298                  </div>
1299                <div
1300          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1301          <a class="grow" href="https://www.swirepacific.com/en/investor-relations#our-financial-performance" target="_self"
1302            aria-label="Click to visit Our Financial Performance">
1303            Our Financial Performance
1304          </a>
1305
1306                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-25" href="javascript:;"
1307            aria-label="Expand">
1308            <svg
1309  class="white-stroke-path"
1310  width="11"
1311  height="18"
1312  viewBox="0 0 11 18"
1313  fill="none"
1314  xmlns="http://www.w3.org/2000/svg"
1315>
1316  <path
1317    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1318    stroke="#01477b"
1319    stroke-width="2"
1320    stroke-linecap="round"
1321    stroke-linejoin="round"
1322  />
1323</svg>
1324          </a>
1325                  </div>
1326              </div>
1327    </div>
1328  </div>
1329</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1330  data-active="false" data-target="page-24" style="--menu-lv: 2;">
1331  <div class="flex h-full flex-col">
1332    <div class="overflow-auto">
1333      
1334      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1335        <a class="js-close-menu-button flex items-center" data-target="page-24" href="javascript:;"
1336          aria-label="Click to visit Shareholder Information">
1337          <div class="mr-5 flex w-[20px] items-center justify-center">
1338            <svg
1339  class="white-stroke-path rotate-180"
1340  width="11"
1341  height="18"
1342  viewBox="0 0 11 18"
1343  fill="none"
1344  xmlns="http://www.w3.org/2000/svg"
1345>
1346  <path
1347    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1348    stroke="#01477b"
1349    stroke-width="2"
1350    stroke-linecap="round"
1351    stroke-linejoin="round"
1352  />
1353</svg>
1354          </div>
1355          <div>
1356            Shareholder Information
1357          </div>
1358        </a>
1359      </div>
1360      <div class="pl-[40px]">
1361                <div
1362          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1363          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/share-price" target="_self"
1364            aria-label="Click to visit Share Price">
1365            Share Price
1366          </a>
1367
1368                  </div>
1369                <div
1370          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1371          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder
1371-information/financial-calendar" target="_self"
1372            aria-label="Click to visit Financial Calendar">
1373            Financial Calendar
1374          </a>
1375
1376                  </div>
1377                <div
1378          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1379          <a class="grow" href="https://www.swirepacific.com/storage/fm/Swire_Pacific_At_A_Glance/2025AR/swire-pacific-at-a-glance-en.pdf" target="_blank"
1380            aria-label="Click to visit Swire Pacific at a Glance">
1381            Swire Pacific at a Glance
1382          </a>
1383
1384                  </div>
1385                <div
1386          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1387          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/dividend-history" target="_self"
1388            aria-label="Click to visit Dividend History">
1389            Dividend History
1390          </a>
1391
1392                  </div>
1393                <div
1394          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1395          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/stock-and-credit-information" target="_self"
1396            aria-label="Click to visit Stock and Credit Information">
1397            Stock and Credit Information
1398          </a>
1399
1400                  </div>
1401                <div
1402          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1403          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support" target="_self"
1404            aria-label="Click to visit Shareholder Support">
1405            Shareholder Support
1406          </a>
1407
1408                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-30" href="javascript:;"
1409            aria-label="Expand">
1410            <svg
1411  class="white-stroke-path"
1412  width="11"
1413  height="18"
1414  viewBox="0 0 11 18"
1415  fill="none"
1416  xmlns="http://www.w3.org/2000/svg"
1417>
1418  <path
1419    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1420    stroke="#01477b"
1421    stroke-width="2"
1422    stroke-linecap="round"
1423    stroke-linejoin="round"
1424  />
1425</svg>
1426          </a>
1427                  </div>
1428                <div
1429          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1430          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/contacts" target="_self"
1431            aria-label="Click to visit Contacts">
1432            Contacts
1433          </a>
1434
1435                  </div>
1436              </div>
1437    </div>
1438  </div>
1439</div>
1440                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1441  data-active="false" data-target="page-28" style="--menu-lv: 3;">
1442  <div class="flex h-full flex-col">
1443    <div class="overflow-auto">
1444      
1445      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1446        <a class="js-close-menu-button flex items-center" data-target="page-28" href="javascript:;"
1447          aria-label="Click to visit Share Price">
1448          <div class="mr-5 flex w-[20px] items-center justify-center">
1449            <svg
1450  class="white-stroke-path rotate-180"
1451  width="11"
1452  height="18"
1453  viewBox="0 0 11 18"
1454  fill="none"
1455  xmlns="http://www.w3.org/2000/svg"
1456>
1457  <path
1458    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1459    stroke="#01477b"
1460    stroke-width="2"
1461    stroke-linecap="round"
1462    stroke-linejoin="round"
1463  />
1464</svg>
1465          </div>
1466          <div>
1467            Share Price
1468          </div>
1469        </a>
1470      </div>
1471      <div class="pl-[40px]">
1472              </div>
1473    </div>
1474  </div>
1475</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1476  data-active="false" data-target="page-48" style="--menu-lv: 3;">
1477  <div class="flex h-full flex-col">
1478    <div class="overflow-auto">
1479      
1480      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1481        <a class="js-close-menu-button flex items-center" data-target="page-48" href="javascript:;"
1482          aria-label="Click to visit Financial Calendar">
1483          <div class="mr-5 flex w-[20px] items-center justify-center">
1484            <svg
1485  class="white-stroke-path rotate-180"
1486  width="11"
1487  height="18"
1488  viewBox="0 0 11 18"
1489  fill="none"
1490  xmlns="http://www.w3.org/2000/svg"
1491>
1492  <path
1493    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1494    stroke="#01477b"
1495    stroke-width="2"
1496    stroke-linecap="round"
1497    stroke-linejoin="round"
1498  />
1499</svg>
1500          </div>
1501          <div>
1502            Financial Calendar
1503          </div>
1504        </a>
1505      </div>
1506      <div class="pl-[40px]">
1507              </div>
1508    </div>
1509  </div>
1510</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1511  data-active="false" data-target="page-27" style="--menu-lv: 3;">
1512  <div class="flex h-full flex-col">
1513    <div class="overflow-auto">
1514      
1515      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1516        <a class="js-close-menu-button flex items-center" data-target="page-27" href="javascript:;"
1517          aria-label="Click to visit Swire Pacific at a Glance">
1518          <div class="mr-5 flex w-[20px] items-center justify-center">
1519            <svg
1520  class="white-stroke-path rotate-180"
1521  width="11"
1522  height="18"
1523  viewBox="0 0 11 18"
1524  fill="none"
1525  xmlns="http://www.w3.org/2000/svg"
1526>
1527  <path
1528    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1529    stroke="#01477b"
1530    stroke-width="2"
1531    stroke-linecap="round"
1532    stroke-linejoin="round"
1533  />
1534</svg>
1535          </div>
1536          <div>
1537            Swire Pacific at a Glance
1538          </div>
1539        </a>
1540      </div>
1541      <div class="pl-[40px]">
1542              </div>
1543    </div>
1544  </div>
1545</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1546  data-active="false" data-target="page-29" style="--menu-lv: 3;">
1547  <div class="flex h-full flex-col">
1548    <div class="overflow-auto">
1549      
1550      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1551        <a class="js-close-menu-button flex items-center" data-target="page-29" href="javascript:;"
1552          aria-label="Click to visit Dividend History">
1553          <div class="mr-5 flex w-[20px] items-center justify-center">
1554            <svg
1555  class="white-stroke-path rotate-180"
1556  width="11"
1557  height="18"
1558  viewBox="0 0 11 18"
1559  fill="none"
1560  xmlns="http://www.w3.org/2000/svg"
1561>
1562  <path
1563    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1564    stroke="#01477b"
1565    stroke-width="2"
1566    stroke-linecap="round"
1567    stroke-linejoin="round"
1568  />
1569</svg>
1570          </div>
1571          <div>
1572            Dividend History
1573          </div>
1574        </a>
1575      </div>
1576      <div class="pl-[40px]">
1577              </div>
1578    </div>
1579  </div>
1580</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1581  data-active="false" data-target="page-41" style="--menu-lv: 3;">
1582  <div class="flex h-full flex-col">
1583    <div class="overflow-auto">
1584      
1585      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1586        <a class="js-close-menu-button flex items-center" data-target="page-41" href="javascript:;"
1587          aria-label="Click to visit Stock and Credit Information">
1588          <div class="mr-5 flex w-[20px] items-center justify-center">
1589            <svg
1590  class="white-stroke-path rotate-180"
1591  width="11"
1592  height="18"
1593  viewBox="0 0 11 18"
1594  fill="none"
1595  xmlns="http://www.w3.org/2000/svg"
1596>
1597  <path
1598    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1599    stroke="#01477b"
1600    stroke-width="2"
1601    stroke-linecap="round"
1602    stroke-linejoin="round"
1603  />
1604</svg>
1605          </div>
1606          <div>
1607            Stock and Credit Information
1608          </div>
1609        </a>
1610      </div>
1611      <div class="pl-[40px]">
1612              </div>
1613    </div>
1614  </div>
1615</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1616  data-active="false" data-target="page-30" style="--menu-lv: 3;">
1617  <div class="flex h-full flex-col">
1618    <div class="overflow-auto">
1619      
1620      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1621        <a class="js-close-menu-button flex items-center" data-target="page-30" href="javascript:;"
1622          aria-label="Click to visit Shareholder Support">
1623          <div class="mr-5 flex w-[20px] items-center justify-center">
1624            <svg
1625  class="white-stroke-path rotate-180"
1626  width="11"
1627  height="18"
1628  viewBox="0 0 11 18"
1629  fill="none"
1630  xmlns="http://www.w3.org/2000/svg"
1631>
1632  <path
1633    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1634    stroke="#01477b"
1635    stroke-width="2"
1636    stroke-linecap="round"
1637    stroke-linejoin="round"
1638  />
1639</svg>
1640          </div>
1641          <div>
1642            Shareholder Support
1643          </div>
1644        </a>
1645      </div>
1646      <div class="pl-[40px]">
1647                <div
1648          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1649          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder
1649-information/shareholder-support/arrangements-for-the-dissemination-of-corporate-communications" target="_self"
1650            aria-label="Click to visit Arrangements for the Dissemination of Corporate Communications">
1651            Arrangements for the Dissemination of Corporate Communications
1652          </a>
1653
1654                  </div>
1655                <div
1656          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1657          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/circulars-notices-forms" target="_self"
1658            aria-label="Click to visit Circulars / General Meeting Notices / Proxy Forms">
1659            Circulars / General Meeting Notices / Proxy Forms
1660          </a>
1661
1662                  </div>
1663                <div
1664          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1665          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/trading-of-shares" target="_self"
1666            aria-label="Click to visit Trading of Shares">
1667            Trading of Shares
1668          </a>
1669
1670                  </div>
1671                <div
1672          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1673          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/notices-replacement" target="_self"
1674            aria-label="Click to visit Notices - Replacement of Lost Share Certificates">
1675            Notices - Replacement of Lost Share Certificates
1676          </a>
1677
1678                  </div>
1679                <div
1680          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1681          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/minutes-of-shareholders-meetings" target="_self"
1682            aria-label="Click to visit Minutes of Shareholders&#039; Meetings">
1683            Minutes of Shareholders&#039; Meetings
1684          </a>
1685
1686                  </div>
1687              </div>
1688    </div>
1689  </div>
1690</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1691  data-active="false" data-target="page-49" style="--menu-lv: 3;">
1692  <div class="flex h-full flex-col">
1693    <div class="overflow-auto">
1694      
1695      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1696        <a class="js-close-menu-button flex items-center" data-target="page-49" href="javascript:;"
1697          aria-label="Click to visit Contacts">
1698          <div class="mr-5 flex w-[20px] items-center justify-center">
1699            <svg
1700  class="white-stroke-path rotate-180"
1701  width="11"
1702  height="18"
1703  viewBox="0 0 11 18"
1704  fill="none"
1705  xmlns="http://www.w3.org/2000/svg"
1706>
1707  <path
1708    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1709    stroke="#01477b"
1710    stroke-width="2"
1711    stroke-linecap="round"
1712    stroke-linejoin="round"
1713  />
1714</svg>
1715          </div>
1716          <div>
1717            Contacts
1718          </div>
1719        </a>
1720      </div>
1721      <div class="pl-[40px]">
1722              </div>
1723    </div>
1724  </div>
1725</div>                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1726  data-active="false" data-target="page-26" style="--menu-lv: 2;">
1727  <div class="flex h-full flex-col">
1728    <div class="overflow-auto">
1729      
1730      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1731        <a class="js-close-menu-button flex items-center" data-target="page-26" href="javascript:;"
1732          aria-label="Click to visit Updates to our Shareholders">
1733          <div class="mr-5 flex w-[20px] items-center justify-center">
1734            <svg
1735  class="white-stroke-path rotate-180"
1736  width="11"
1737  height="18"
1738  viewBox="0 0 11 18"
1739  fill="none"
1740  xmlns="http://www.w3.org/2000/svg"
1741>
1742  <path
1743    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1744    stroke="#01477b"
1745    stroke-width="2"
1746    stroke-linecap="round"
1747    stroke-linejoin="round"
1748  />
1749</svg>
1750          </div>
1751          <div>
1752            Updates to our Shareholders
1753          </div>
1754        </a>
1755      </div>
1756      <div class="pl-[40px]">
1757                <div
1758          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1759          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/updates-to-our-shareholders/press-releases" target="_self"
1760            aria-label="Click to visit Press Releases">
1761            Press Releases
1762          </a>
1763
1764                  </div>
1765                <div
1766          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1767          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/updates-to-ours-shareholders/announcements" target="_self"
1768            aria-label="Click to visit Announcements">
1769            Announcements
1770          </a>
1771
1772                  </div>
1773              </div>
1774    </div>
1775  </div>
1776</div>
1777                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1778  data-active="false" data-target="page-40" style="--menu-lv: 3;">
1779  <div class="flex h-full flex-col">
1780    <div class="overflow-auto">
1781      
1782      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1783        <a class="js-close-menu-button flex items-center" data-target="page-40" href="javascript:;"
1784          aria-label="Click to visit Press Releases">
1785          <div class="mr-5 flex w-[20px] items-center justify-center">
1786            <svg
1787  class="white-stroke-path rotate-180"
1788  width="11"
1789  height="18"
1790  viewBox="0 0 11 18"
1791  fill="none"
1792  xmlns="http://www.w3.org/2000/svg"
1793>
1794  <path
1795    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1796    stroke="#01477b"
1797    stroke-width="2"
1798    stroke-linecap="round"
1799    stroke-linejoin="round"
1800  />
1801</svg>
1802          </div>
1803          <div>
1804            Press Releases
1805          </div>
1806        </a>
1807      </div>
1808      <div class="pl-[40px]">
1809              </div>
1810    </div>
1811  </div>
1812</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1813  data-active="false" data-target="page-36" style="--menu-lv: 3;">
1814  <div class="flex h-full flex-col">
1815    <div class="overflow-auto">
1816      
1817      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1818        <a class="js-close-menu-button flex items-center" data-target="page-36" href="javascript:;"
1819          aria-label="Click to visit Announcements">
1820          <div class="mr-5 flex w-[20px] items-center justify-center">
1821            <svg
1822  class="white-stroke-path rotate-180"
1823  width="11"
1824  height="18"
1825  viewBox="0 0 11 18"
1826  fill="none"
1827  xmlns="http://www.w3.org/2000/svg"
1828>
1829  <path
1830    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1831    stroke="#01477b"
1832    stroke-width="2"
1833    stroke-linecap="round"
1834    stroke-linejoin="round"
1835  />
1836</svg>
1837          </div>
1838          <div>
1839            Announcements
1840          </div>
1841        </a>
1842      </div>
1843      <div class="pl-[40px]">
1844              </div>
1845    </div>
1846  </div>
1847</div>                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1848  data-active="false" data-target="page-25" style="--menu-lv: 2;">
1849  <div class="flex h-full flex-col">
1850    <div class="overflow-auto">
1851      
1852      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1853        <a class="js-close-menu-button flex items-center" data-target="page-25" href="javascript:;"
1854          aria-label="Click to visit Our Financial Performance">
1855          <div class="mr-5 flex w-[20px] items-center justify-center">
1856            <svg
1857  class="white-stroke-path rotate-180"
1858  width="11"
1859  height="18"
1860  viewBox="0 0 11 18"
1861  fill="none"
1862  xmlns="http://www.w3.org/2000/svg"
1863>
1864  <path
1865    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1866    stroke="#01477b"
1867    stroke-width="2"
1868    stroke-linecap="round"
1869    stroke-linejoin="round"
1870  />
1871</svg>
1872          </div>
1873          <div>
1874            Our Financial Performance
1875          </div>
1876        </a>
1877      </div>
1878      <div class="pl-[40px]">
1879                <div
1880          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1881          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/financial-reports" target="_self"
1882            aria-label="Click to visit Financial Reports">
1883            Financial Reports
1884          </a>
1885
1886                  </div>
1887                <div
1888          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1889          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/financial-briefings" target="_self"
1890            aria-label="Click to visit Financial Briefings">
1891            Financial Briefings
1892          </a>
1893
1894                  </div>
1895                <div
1896          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1897          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/key-financials" target="_self"
1898            aria-label="Click to visit Key Financials">
1899            Key Financials
1900          </a>
1901
1902                  </div>
1903                <div
1904          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
1905          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/performance-charts" target="_self"
1906            aria-label="Click to visit Performance Charts">
1907            Performance Charts
1908          </a>
1909
1910                  </div>
1911              </div>
1912    </div>
1913  </div>
1914</div>
1915                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1916  data-active="false" data-target="page-33" style="--menu-lv: 3;">
1917  <div class="flex h-full flex-col">
1918    <div class="overflow-auto">
1919      
1920      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1921        <a class="js-close-menu-button flex items-center" data-target="page-33" href="javascript:;"
1922          aria-label="Click to visit Financial Reports">
1923          <div class="mr-5 flex w-[20px] items-center justify-center">
1924            <svg
1925  class="white-stroke-path rotate-180"
1926  width="11"
1927  height="18"
1928  viewBox="0 0 11 18"
1929  fill="none"
1930  xmlns="http://www.w3.org/2000/svg"
1931>
1932  <path
1933    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1934    stroke="#01477b"
1935    stroke-width="2"
1936    stroke-linecap="round"
1937    stroke-linejoin="round"
1938  />
1939</svg>
1940          </div>
1941          <div>
1942            Financial Reports
1943          </div>
1944        </a>
1945      </div>
1946      <div class="pl-[40px]">
1947              </div>
1948    </div>
1949  </div>
1950</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1951  data-active="false" data-target="page-34" style="--menu-lv: 3;">
1952  <div class="flex h-full flex-col">
1953    <div class="overflow-auto">
1954      
1955      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1956        <a class="js-close-menu-button flex items-center" data-target="page-34" href="javascript:;"
1957          aria-label="Click to visit Financial Briefings">
1958          <div class="mr-5 flex w-[20px] items-center justify-center">
1959            <svg
1960  class="white-stroke-path rotate-180"
1961  width="11"
1962  height="18"
1963  viewBox="0 0 11 18"
1964  fill="none"
1965  xmlns="http://www.w3.org/2000/svg"
1966>
1967  <path
1968    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
1969    stroke="#01477b"
1970    stroke-width="2"
1971    stroke-linecap="round"
1972    stroke-linejoin="round"
1973  />
1974</svg>
1975          </div>
1976          <div>
1977            Financial Briefings
1978          </div>
1979        </a>
1980      </div>
1981      <div class="pl-[40px]">
1982              </div>
1983    </div>
1984  </div>
1985</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
1986  data-active="false" data-target="page-39" style="--menu-lv: 3;">
1987  <div class="flex h-full flex-col">
1988    <div class="overflow-auto">
1989      
1990      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
1991        <a class="js-close-menu-button flex items-center" data-target="page-39" href="javascript:;"
1992          aria-label="Click to visit Key Financials">
1993          <div class="mr-5 flex w-[20px] items-center justify-center">
1994            <svg
1995  class="white-stroke-path rotate-180"
1996  width="11"
1997  height="18"
1998  viewBox="0 0 11 18"
1999  fill="none"
2000  xmlns="http://www.w3.org/2000/svg"
2001>
2002  <path
2003    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2004    stroke="#01477b"
2005    stroke-width="2"
2006    stroke-linecap="round"
2007    stroke-linejoin="round"
2008  />
2009</svg>
2010          </div>
2011          <div>
2012            Key Financials
2013          </div>
2014        </a>
2015      </div>
2016      <div class="pl-[40px]">
2017              </div>
2018    </div>
2019  </div>
2020</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2021  data-active="false" data-target="page-35" style="--menu-lv: 3;">
2022  <div class="flex h-full flex-col">
2023    <div class="overflow-auto">
2024      
2025      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2026        <a class="js-close-menu-button flex items-center" data-target="page-35" href="javascript:;"
2027          aria-label="Click to visit Performance Charts">
2028          <div class="mr-5 flex w-[20px] items-center justify-center">
2029            <svg
2030  class="white-stroke-path rotate-180"
2031  width="11"
2032  height="18"
2033  viewBox="0 0 11 18"
2034  fill="none"
2035  xmlns="http://www.w3.org/2000/svg"
2036>
2037  <path
2038    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2039    stroke="#01477b"
2040    stroke-width="2"
2041    stroke-linecap="round"
2042    stroke-linejoin="round"
2043  />
2044</svg>
2045          </div>
2046          <div>
2047            Performance Charts
2048          </div>
2049        </a>
2050      </div>
2051      <div class="pl-[40px]">
2052              </div>
2053    </div>
2054  </div>
2055</div>                
2056        
2057        
2058        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2059  data-active="false" data-target="page-53" style="--menu-lv: 1;">
2060  <div class="flex h-full flex-col">
2061    <div class="overflow-auto">
2062      
2063      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2064        <a class="js-close-menu-button flex items-center" data-target="page-53" href="javascript:;"
2065          aria-label="Click to visit Corporate Governance">
2066          <div class="mr-5 flex w-[20px] items-center justify-center">
2067            <svg
2068  class="white-stroke-path rotate-180"
2069  width="11"
2070  height="18"
2071  viewBox="0 0 11 18"
2072  fill="none"
2073  xmlns="http://www.w3.org/2000/svg"
2074>
2075  <path
2076    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2077    stroke="#01477b"
2078    stroke-width="2"
2079    stroke-linecap="round"
2080    stroke-linejoin="round"
2081  />
2082</svg>
2083          </div>
2084          <div>
2085            Corporate Governance
2086          </div>
2087        </a>
2088      </div>
2089      <div class="pl-[40px]">
2090                <div
2091          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2092          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance#corporate-governance-report" target="_self"
2093            aria-label="Click to visit Corporate Governance Report">
2094            Corporate Governance Report
2095          </a>
2096
2097                  </div>
2098                <div
2099          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-
2099[20px] font-light text-white">
2100          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance#risk-management" target="_self"
2101            aria-label="Click to visit Risk Management">
2102            Risk Management
2103          </a>
2104
2105                  </div>
2106                <div
2107          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2108          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance#directors-and-officers" target="_self"
2109            aria-label="Click to visit Directors and Officers">
2110            Directors and Officers
2111          </a>
2112
2113                  </div>
2114                <div
2115          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2116          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance#governance-policies-and-documents" target="_self"
2117            aria-label="Click to visit Governance Policies &amp; Documents">
2118            Governance Policies &amp; Documents
2119          </a>
2120
2121                  </div>
2122                <div
2123          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2124          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance#corporate-information" target="_self"
2125            aria-label="Click to visit Corporate Information">
2126            Corporate Information
2127          </a>
2128
2129                  </div>
2130                <div
2131          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2132          <a class="grow" href="https://www.swirepacific.com/en/corporate-governance#terms-of-reference" target="_self"
2133            aria-label="Click to visit Terms of Reference">
2134            Terms of Reference
2135          </a>
2136
2137                  </div>
2138              </div>
2139    </div>
2140  </div>
2141</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2142  data-active="false" data-target="page-128" style="--menu-lv: 2;">
2143  <div class="flex h-full flex-col">
2144    <div class="overflow-auto">
2145      
2146      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2147        <a class="js-close-menu-button flex items-center" data-target="page-128" href="javascript:;"
2148          aria-label="Click to visit Corporate Governance Report">
2149          <div class="mr-5 flex w-[20px] items-center justify-center">
2150            <svg
2151  class="white-stroke-path rotate-180"
2152  width="11"
2153  height="18"
2154  viewBox="0 0 11 18"
2155  fill="none"
2156  xmlns="http://www.w3.org/2000/svg"
2157>
2158  <path
2159    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2160    stroke="#01477b"
2161    stroke-width="2"
2162    stroke-linecap="round"
2163    stroke-linejoin="round"
2164  />
2165</svg>
2166          </div>
2167          <div>
2168            Corporate Governance Report
2169          </div>
2170        </a>
2171      </div>
2172      <div class="pl-[40px]">
2173              </div>
2174    </div>
2175  </div>
2176</div>
2177                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2178  data-active="false" data-target="page-88" style="--menu-lv: 2;">
2179  <div class="flex h-full flex-col">
2180    <div class="overflow-auto">
2181      
2182      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2183        <a class="js-close-menu-button flex items-center" data-target="page-88" href="javascript:;"
2184          aria-label="Click to visit Risk Management">
2185          <div class="mr-5 flex w-[20px] items-center justify-center">
2186            <svg
2187  class="white-stroke-path rotate-180"
2188  width="11"
2189  height="18"
2190  viewBox="0 0 11 18"
2191  fill="none"
2192  xmlns="http://www.w3.org/2000/svg"
2193>
2194  <path
2195    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2196    stroke="#01477b"
2197    stroke-width="2"
2198    stroke-linecap="round"
2199    stroke-linejoin="round"
2200  />
2201</svg>
2202          </div>
2203          <div>
2204            Risk Management
2205          </div>
2206        </a>
2207      </div>
2208      <div class="pl-[40px]">
2209              </div>
2210    </div>
2211  </div>
2212</div>
2213                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2214  data-active="false" data-target="page-89" style="--menu-lv: 2;">
2215  <div class="flex h-full flex-col">
2216    <div class="overflow-auto">
2217      
2218      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2219        <a class="js-close-menu-button flex items-center" data-target="page-89" href="javascript:;"
2220          aria-label="Click to visit Directors and Officers">
2221          <div class="mr-5 flex w-[20px] items-center justify-center">
2222            <svg
2223  class="white-stroke-path rotate-180"
2224  width="11"
2225  height="18"
2226  viewBox="0 0 11 18"
2227  fill="none"
2228  xmlns="http://www.w3.org/2000/svg"
2229>
2230  <path
2231    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2232    stroke="#01477b"
2233    stroke-width="2"
2234    stroke-linecap="round"
2235    stroke-linejoin="round"
2236  />
2237</svg>
2238          </div>
2239          <div>
2240            Directors and Officers
2241          </div>
2242        </a>
2243      </div>
2244      <div class="pl-[40px]">
2245              </div>
2246    </div>
2247  </div>
2248</div>
2249                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2250  data-active="false" data-target="page-90" style="--menu-lv: 2;">
2251  <div class="flex h-full flex-col">
2252    <div class="overflow-auto">
2253      
2254      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2255        <a class="js-close-menu-button flex items-center" data-target="page-90" href="javascript:;"
2256          aria-label="Click to visit Governance Policies &amp; Documents">
2257          <div class="mr-5 flex w-[20px] items-center justify-center">
2258            <svg
2259  class="white-stroke-path rotate-180"
2260  width="11"
2261  height="18"
2262  viewBox="0 0 11 18"
2263  fill="none"
2264  xmlns="http://www.w3.org/2000/svg"
2265>
2266  <path
2267    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2268    stroke="#01477b"
2269    stroke-width="2"
2270    stroke-linecap="round"
2271    stroke-linejoin="round"
2272  />
2273</svg>
2274          </div>
2275          <div>
2276            Governance Policies &amp; Documents
2277          </div>
2278        </a>
2279      </div>
2280      <div class="pl-[40px]">
2281              </div>
2282    </div>
2283  </div>
2284</div>
2285                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2286  data-active="false" data-target="page-84" style="--menu-lv: 2;">
2287  <div class="flex h-full flex-col">
2288    <div class="overflow-auto">
2289      
2290      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2291        <a class="js-close-menu-button flex items-center" data-target="page-84" href="javascript:;"
2292          aria-label="Click to visit Corporate Information">
2293          <div class="mr-5 flex w-[20px] items-center justify-center">
2294            <svg
2295  class="white-stroke-path rotate-180"
2296  width="11"
2297  height="18"
2298  viewBox="0 0 11 18"
2299  fill="none"
2300  xmlns="http://www.w3.org/2000/svg"
2301>
2302  <path
2303    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2304    stroke="#01477b"
2305    stroke-width="2"
2306    stroke-linecap="round"
2307    stroke-linejoin="round"
2308  />
2309</svg>
2310          </div>
2311          <div>
2312            Corporate Information
2313          </div>
2314        </a>
2315      </div>
2316      <div class="pl-[40px]">
2317              </div>
2318    </div>
2319  </div>
2320</div>
2321                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2322  data-active="false" data-target="page-86" style="--menu-lv: 2;">
2323  <div class="flex h-full flex-col">
2324    <div class="overflow-auto">
2325      
2326      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2327        <a class="js-close-menu-button flex items-center" data-target="page-86" href="javascript:;"
2328          aria-label="Click to visit Terms of Reference">
2329          <div class="mr-5 flex w-[20px] items-center justify-center">
2330            <svg
2331  class="white-stroke-path rotate-180"
2332  width="11"
2333  height="18"
2334  viewBox="0 0 11 18"
2335  fill="none"
2336  xmlns="http://www.w3.org/2000/svg"
2337>
2338  <path
2339    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2340    stroke="#01477b"
2341    stroke-width="2"
2342    stroke-linecap="round"
2343    stroke-linejoin="round"
2344  />
2345</svg>
2346          </div>
2347          <div>
2348            Terms of Reference
2349          </div>
2350        </a>
2351      </div>
2352      <div class="pl-[40px]">
2353              </div>
2354    </div>
2355  </div>
2356</div>
2357                
2358        
2359        
2360        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2361  data-active="false" data-target="page-58" style="--menu-lv: 1;">
2362  <div class="flex h-full flex-col">
2363    <div class="overflow-auto">
2364      
2365      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2366        <a class="js-close-menu-button flex items-center" data-target="page-58" href="javascript:;"
2367          aria-label="Click to visit Sustainability">
2368          <div class="mr-5 flex w-[20px] items-center justify-center">
2369            <svg
2370  class="white-stroke-path rotate-180"
2371  width="11"
2372  height="18"
2373  viewBox="0 0 11 18"
2374  fill="none"
2375  xmlns="http://www.w3.org/2000/svg"
2376>
2377  <path
2378    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2379    stroke="#01477b"
2380    stroke-width="2"
2381    stroke-linecap="round"
2382    stroke-linejoin="round"
2383  />
2384</svg>
2385          </div>
2386          <div>
2387            Sustainability
2388          </div>
2389        </a>
2390      </div>
2391      <div class="pl-[40px]">
2392                <div
2393          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2394          <a class="grow" href="https://www.swirepacific.com/en/sustainability#sustainability-at-swire-pacific" target="_self"
2395            aria-label="Click to visit Sustainability at Swire Pacific">
2396            Sustainability at Swire Pacific
2397          </a>
2398
2399                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-92" href="javascript:;"
2400            aria-label="Expand">
2401            <svg
2402  class="white-stroke-path"
2403  width="11"
2404  height="18"
2405  viewBox="0 0 11 18"
2406  fill="none"
2407  xmlns="http://www.w3.org/2000/svg"
2408>
2409  <path
2410    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2411    stroke="#01477b"
2412    stroke-width="2"
2413    stroke-linecap="round"
2414    stroke-linejoin="round"
2415  />
2416</svg>
2417          </a>
2418                  </div>
2419                <div
2420          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2421          <a class="grow" href="https://www.swirepacific.com/en/sustainability#governance" target="_self"
2422            aria-label="Click to visit Governance">
2423            Governance
2424          </a>
2425
2426                  </div>
2427                <div
2428          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2429          <a class="grow" href="https://www.swirepacific.com/en/sustainability#esg-policies" target="_self"
2430            aria-label="Click to visit Environmental, Social and Governance (ESG) Policies">
2431            Environmental, Social and Governance (ESG) Policies
2432          </a>
2433
2434                  </div>
2435                <div
2436          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2437          <a class="grow" href="https://www.swirepacific.com/en/sustainability#sustainability-reports" target="_self"
2438            aria-label="Click to visit Sustainability Reports">
2439            Sustainability Reports
2440          </a>
2441
2442                  </div>
2443                <div
2444          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2445          <a class="grow" href="https://www.swirepacific.com/en/sustainability#sustainable-development-fund" target="_self"
2446            aria-label="Click to visit Sustainable Development Fund">
2447            Sustainable Development Fund
2448          </a>
2449
2450                  </div>
2451                <div
2452          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2453          <a class="grow" href="https://www.swirepacific.com/en/sustainability#sustainability-ratings-and-indices" target="_self"
2454            aria-label="Click to visit Sustainability Ratings and Indices">
2455            Sustainability Ratings and Indices
2456          </a>
2457
2458                  </div>
2459              </div>
2460    </div>
2461  </div>
2462</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2463  data-active="false" data-target="page-92" style="--menu-lv: 2;">
2464  <div class="flex h-full flex-col">
2465    <div class="overflow-auto">
2466      
2467      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2468        <a class="js-close-menu-button flex items-center" data-target="page-92" href="javascript:;"
2469          aria-label="Click to visit Sustainability at Swire Pacific">
2470          <div class="mr-5 flex w-[20px] items-center justify-center">
2471            <svg
2472  class="white-stroke-path rotate-180"
2473  width="11"
2474  height="18"
2475  viewBox="0 0 11 18"
2476  fill="none"
2477  xmlns="http://www.w3.org/2000/svg"
2478>
2479  <path
2480    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2481    stroke="#01477b"
2482    stroke-width="2"
2483    stroke-linecap="round"
2484    stroke-linejoin="round"
2485  />
2486</svg>
2487          </div>
2488          <div>
2489            Sustainability at Swire Pacific
2490          </div>
2491        </a>
2492      </div>
2493      <div class="pl-[40px]">
2494                <div
2495          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2496          <a class="grow" href="https://www.swirepacific.com/en/sustainability/climate" target="_self"
2497            aria-label="Click to visit Climate">
2498            Climate
2499          </a>
2500
2501                  </div>
2502                <div
2503          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2504          <a class="grow" href="https://www.swirepacific.com/en/sustainability/water" target="_self"
2505            aria-label="Click to visit Water">
2506            Water
2507          </a>
2508
2509                  </div>
2510                <div
2511          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2512          <a class="grow" href="https://www.swirepacific.com/en/sustainability/waste" target="_self"
2513            aria-label="Click to visit Waste">
2514            Waste
2515          </a>
2516
2517                  </div>
2518                <div
2519          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2520          <a class="grow" href="https://www.swirepacific.com/en/sustainability/people" target="_self"
2521            aria-label="Click to visit People">
2522            People
2523          </a>
2524
2525                  </div>
2526                <div
2527          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2528          <a class="grow" href="https://www.swirepacific.com/en/sustainability/communities" target="_self"
2529            aria-label="Click to visit Communities">
2530            Communities
2531          </a>
2532
2533                  </div>
2534              </div>
2535    </div>
2536  </div>
2537</div>
2538                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2539  data-active="false" data-target="page-122" style="--menu-lv: 3;">
2540  <div class="flex h-full flex-col">
2541    <div class="overflow-auto">
2542      
2543      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2544        <a class="js-close-menu-button flex items-center" data-target="page-122" href="javascript:;"
2545          aria-label="Click to visit Climate">
2546          <div class="mr-5 flex w-[20px] items-center justify-center">
2547            <svg
2548  class="white-stroke-path rotate-180"
2549  width=
2549"11"
2550  height="18"
2551  viewBox="0 0 11 18"
2552  fill="none"
2553  xmlns="http://www.w3.org/2000/svg"
2554>
2555  <path
2556    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2557    stroke="#01477b"
2558    stroke-width="2"
2559    stroke-linecap="round"
2560    stroke-linejoin="round"
2561  />
2562</svg>
2563          </div>
2564          <div>
2565            Climate
2566          </div>
2567        </a>
2568      </div>
2569      <div class="pl-[40px]">
2570              </div>
2571    </div>
2572  </div>
2573</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2574  data-active="false" data-target="page-126" style="--menu-lv: 3;">
2575  <div class="flex h-full flex-col">
2576    <div class="overflow-auto">
2577      
2578      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2579        <a class="js-close-menu-button flex items-center" data-target="page-126" href="javascript:;"
2580          aria-label="Click to visit Water">
2581          <div class="mr-5 flex w-[20px] items-center justify-center">
2582            <svg
2583  class="white-stroke-path rotate-180"
2584  width="11"
2585  height="18"
2586  viewBox="0 0 11 18"
2587  fill="none"
2588  xmlns="http://www.w3.org/2000/svg"
2589>
2590  <path
2591    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2592    stroke="#01477b"
2593    stroke-width="2"
2594    stroke-linecap="round"
2595    stroke-linejoin="round"
2596  />
2597</svg>
2598          </div>
2599          <div>
2600            Water
2601          </div>
2602        </a>
2603      </div>
2604      <div class="pl-[40px]">
2605              </div>
2606    </div>
2607  </div>
2608</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2609  data-active="false" data-target="page-125" style="--menu-lv: 3;">
2610  <div class="flex h-full flex-col">
2611    <div class="overflow-auto">
2612      
2613      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2614        <a class="js-close-menu-button flex items-center" data-target="page-125" href="javascript:;"
2615          aria-label="Click to visit Waste">
2616          <div class="mr-5 flex w-[20px] items-center justify-center">
2617            <svg
2618  class="white-stroke-path rotate-180"
2619  width="11"
2620  height="18"
2621  viewBox="0 0 11 18"
2622  fill="none"
2623  xmlns="http://www.w3.org/2000/svg"
2624>
2625  <path
2626    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2627    stroke="#01477b"
2628    stroke-width="2"
2629    stroke-linecap="round"
2630    stroke-linejoin="round"
2631  />
2632</svg>
2633          </div>
2634          <div>
2635            Waste
2636          </div>
2637        </a>
2638      </div>
2639      <div class="pl-[40px]">
2640              </div>
2641    </div>
2642  </div>
2643</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2644  data-active="false" data-target="page-66" style="--menu-lv: 3;">
2645  <div class="flex h-full flex-col">
2646    <div class="overflow-auto">
2647      
2648      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2649        <a class="js-close-menu-button flex items-center" data-target="page-66" href="javascript:;"
2650          aria-label="Click to visit People">
2651          <div class="mr-5 flex w-[20px] items-center justify-center">
2652            <svg
2653  class="white-stroke-path rotate-180"
2654  width="11"
2655  height="18"
2656  viewBox="0 0 11 18"
2657  fill="none"
2658  xmlns="http://www.w3.org/2000/svg"
2659>
2660  <path
2661    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2662    stroke="#01477b"
2663    stroke-width="2"
2664    stroke-linecap="round"
2665    stroke-linejoin="round"
2666  />
2667</svg>
2668          </div>
2669          <div>
2670            People
2671          </div>
2672        </a>
2673      </div>
2674      <div class="pl-[40px]">
2675              </div>
2676    </div>
2677  </div>
2678</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2679  data-active="false" data-target="page-67" style="--menu-lv: 3;">
2680  <div class="flex h-full flex-col">
2681    <div class="overflow-auto">
2682      
2683      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2684        <a class="js-close-menu-button flex items-center" data-target="page-67" href="javascript:;"
2685          aria-label="Click to visit Communities">
2686          <div class="mr-5 flex w-[20px] items-center justify-center">
2687            <svg
2688  class="white-stroke-path rotate-180"
2689  width="11"
2690  height="18"
2691  viewBox="0 0 11 18"
2692  fill="none"
2693  xmlns="http://www.w3.org/2000/svg"
2694>
2695  <path
2696    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2697    stroke="#01477b"
2698    stroke-width="2"
2699    stroke-linecap="round"
2700    stroke-linejoin="round"
2701  />
2702</svg>
2703          </div>
2704          <div>
2705            Communities
2706          </div>
2707        </a>
2708      </div>
2709      <div class="pl-[40px]">
2710              </div>
2711    </div>
2712  </div>
2713</div>                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2714  data-active="false" data-target="page-93" style="--menu-lv: 2;">
2715  <div class="flex h-full flex-col">
2716    <div class="overflow-auto">
2717      
2718      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2719        <a class="js-close-menu-button flex items-center" data-target="page-93" href="javascript:;"
2720          aria-label="Click to visit Governance">
2721          <div class="mr-5 flex w-[20px] items-center justify-center">
2722            <svg
2723  class="white-stroke-path rotate-180"
2724  width="11"
2725  height="18"
2726  viewBox="0 0 11 18"
2727  fill="none"
2728  xmlns="http://www.w3.org/2000/svg"
2729>
2730  <path
2731    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2732    stroke="#01477b"
2733    stroke-width="2"
2734    stroke-linecap="round"
2735    stroke-linejoin="round"
2736  />
2737</svg>
2738          </div>
2739          <div>
2740            Governance
2741          </div>
2742        </a>
2743      </div>
2744      <div class="pl-[40px]">
2745              </div>
2746    </div>
2747  </div>
2748</div>
2749                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2750  data-active="false" data-target="page-94" style="--menu-lv: 2;">
2751  <div class="flex h-full flex-col">
2752    <div class="overflow-auto">
2753      
2754      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2755        <a class="js-close-menu-button flex items-center" data-target="page-94" href="javascript:;"
2756          aria-label="Click to visit Environmental, Social and Governance (ESG) Policies">
2757          <div class="mr-5 flex w-[20px] items-center justify-center">
2758            <svg
2759  class="white-stroke-path rotate-180"
2760  width="11"
2761  height="18"
2762  viewBox="0 0 11 18"
2763  fill="none"
2764  xmlns="http://www.w3.org/2000/svg"
2765>
2766  <path
2767    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2768    stroke="#01477b"
2769    stroke-width="2"
2770    stroke-linecap="round"
2771    stroke-linejoin="round"
2772  />
2773</svg>
2774          </div>
2775          <div>
2776            Environmental, Social and Governance (ESG) Policies
2777          </div>
2778        </a>
2779      </div>
2780      <div class="pl-[40px]">
2781              </div>
2782    </div>
2783  </div>
2784</div>
2785                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2786  data-active="false" data-target="page-95" style="--menu-lv: 2;">
2787  <div class="flex h-full flex-col">
2788    <div class="overflow-auto">
2789      
2790      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2791        <a class="js-close-menu-button flex items-center" data-target="page-95" href="javascript:;"
2792          aria-label="Click to visit Sustainability Reports">
2793          <div class="mr-5 flex w-[20px] items-center justify-center">
2794            <svg
2795  class="white-stroke-path rotate-180"
2796  width="11"
2797  height="18"
2798  viewBox="0 0 11 18"
2799  fill="none"
2800  xmlns="http://www.w3.org/2000/svg"
2801>
2802  <path
2803    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2804    stroke="#01477b"
2805    stroke-width="2"
2806    stroke-linecap="round"
2807    stroke-linejoin="round"
2808  />
2809</svg>
2810          </div>
2811          <div>
2812            Sustainability Reports
2813          </div>
2814        </a>
2815      </div>
2816      <div class="pl-[40px]">
2817              </div>
2818    </div>
2819  </div>
2820</div>
2821                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2822  data-active="false" data-target="page-96" style="--menu-lv: 2;">
2823  <div class="flex h-full flex-col">
2824    <div class="overflow-auto">
2825      
2826      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2827        <a class="js-close-menu-button flex items-center" data-target="page-96" href="javascript:;"
2828          aria-label="Click to visit Sustainable Development Fund">
2829          <div class="mr-5 flex w-[20px] items-center justify-center">
2830            <svg
2831  class="white-stroke-path rotate-180"
2832  width="11"
2833  height="18"
2834  viewBox="0 0 11 18"
2835  fill="none"
2836  xmlns="http://www.w3.org/2000/svg"
2837>
2838  <path
2839    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2840    stroke="#01477b"
2841    stroke-width="2"
2842    stroke-linecap="round"
2843    stroke-linejoin="round"
2844  />
2845</svg>
2846          </div>
2847          <div>
2848            Sustainable Development Fund
2849          </div>
2850        </a>
2851      </div>
2852      <div class="pl-[40px]">
2853              </div>
2854    </div>
2855  </div>
2856</div>
2857                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2858  data-active="false" data-target="page-97" style="--menu-lv: 2;">
2859  <div class="flex h-full flex-col">
2860    <div class="overflow-auto">
2861      
2862      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2863        <a class="js-close-menu-button flex items-center" data-target="page-97" href="javascript:;"
2864          aria-label="Click to visit Sustainability Ratings and Indices">
2865          <div class="mr-5 flex w-[20px] items-center justify-center">
2866            <svg
2867  class="white-stroke-path rotate-180"
2868  width="11"
2869  height="18"
2870  viewBox="0 0 11 18"
2871  fill="none"
2872  xmlns="http://www.w3.org/2000/svg"
2873>
2874  <path
2875    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2876    stroke="#01477b"
2877    stroke-width="2"
2878    stroke-linecap="round"
2879    stroke-linejoin="round"
2880  />
2881</svg>
2882          </div>
2883          <div>
2884            Sustainability Ratings and Indices
2885          </div>
2886        </a>
2887      </div>
2888      <div class="pl-[40px]">
2889              </div>
2890    </div>
2891  </div>
2892</div>
2893                
2894        
2895        
2896        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2897  data-active="false" data-target="page-10" style="--menu-lv: 1;">
2898  <div class="flex h-full flex-col">
2899    <div class="overflow-auto">
2900      
2901      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2902        <a class="js-close-menu-button flex items-center" data-target="page-10" href="javascript:;"
2903          aria-label="Click to visit News Hub">
2904          <div class="mr-5 flex w-[20px] items-center justify-center">
2905            <svg
2906  class="white-stroke-path rotate-180"
2907  width="11"
2908  height="18"
2909  viewBox="0 0 11 18"
2910  fill="none"
2911  xmlns="http://www.w3.org/2000/svg"
2912>
2913  <path
2914    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2915    stroke="#01477b"
2916    stroke-width="2"
2917    stroke-linecap="round"
2918    stroke-linejoin="round"
2919  />
2920</svg>
2921          </div>
2922          <div>
2923            News Hub
2924          </div>
2925        </a>
2926      </div>
2927      <div class="pl-[40px]">
2928                <div
2929          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2930          <a class="grow" href="https://www.swirepacific.com/en/news-hub#latest-news" target="_self"
2931            aria-label="Click to visit Latest News">
2932            Latest News
2933          </a>
2934
2935                  </div>
2936                <div
2937          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2938          <a class="grow" href="https://www.swirepacific.com/en/investor-relations/updates-to-our-shareholders/press-releases" target="_self"
2939            aria-label="Click to visit Press Releases">
2940            Press Releases
2941          </a>
2942
2943                  </div>
2944                <div
2945          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
2946          <a class="grow" href="https://www.swirepacific.com/en/news-hub#media-library" target="_self"
2947            aria-label="Click to visit Media Library">
2948            Media Library
2949          </a>
2950
2951                    <a class="js-mobile-menu-sub-menu-link ml-auto pr-5" data-target="page-12" href="javascript:;"
2952            aria-label="Expand">
2953            <svg
2954  class="white-stroke-path"
2955  width="11"
2956  height="18"
2957  viewBox="0 0 11 18"
2958  fill="none"
2959  xmlns="http://www.w3.org/2000/svg"
2960>
2961  <path
2962    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2963    stroke="#01477b"
2964    stroke-width="2"
2965    stroke-linecap="round"
2966    stroke-linejoin="round"
2967  />
2968</svg>
2969          </a>
2970                  </div>
2971              </div>
2972    </div>
2973  </div>
2974</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
2975  data-active="false" data-target="page-105" style="--menu-lv: 2;">
2976  <div class="flex h-full flex-col">
2977    <div class="overflow-auto">
2978      
2979      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
2980        <a class="js-close-menu-button flex items-center" data-target="page-105" href="javascript:;"
2981          aria-label="Click to visit Latest News">
2982          <div class="mr-5 flex w-[20px] items-center justify-center">
2983            <svg
2984  class="white-stroke-path rotate-180"
2985  width="11"
2986  height="18"
2987  viewBox="0 0 11 18"
2988  fill="none"
2989  xmlns="http://www.w3.org/2000/svg"
2990>
2991  <path
2992    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
2993    stroke="#01477b"
2994    stroke-width="2"
2995    stroke-linecap="round"
2996    stroke-linejoin="round"
2997  />
2998</svg>
2999          </div>
3000          <div>
3001            Latest News
3002          </div>
3003        </a>
3004      </div>
3005      <div class="pl-[40px]">
3006              </div>
3007    </div>
3008  </div>
3009</div>
3010                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3011  data-active="false" data-target="page-124" style="--menu-lv: 2;">
3012  <div class="flex h-full flex-col">
3013    <div class="overflow-auto">
3014      
3015      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3016        <a class="js-close-menu-button flex items-center" data-target="page-124" href="javascript:;"
3017          aria-label="Click to visit Press Releases">
3018          <div class="mr-5 flex w-[20px] items-center justify-center">
3019            <svg
3020  class="white-stroke-path rotate-180"
3021  width="11"
3022  height="18"
3023  viewBox="0 0 11 18"
3024  fill="none"
3025  xmlns="http://www.w3.org/2000/svg"
3026>
3027  <path
3028    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3029    stroke="#01477b"
3030    stroke-width="2"
3031    stroke-linecap="round"
3032    stroke-linejoin="round"
3033  />
3034</svg>
3035          </div>
3036          <div>
3037            Press Releases
3038          </div>
3039        </a>
3040      </div>
3041      <div class="pl-[40px]">
3042              </div>
3043    </div>
3044  </div>
3045</div>
3046                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3047  data-active="false" data-target="page-12" style="--menu-lv: 2;">
3048  <div class="flex h-full flex-col">
3049    <div class="overflow-auto">
3050      
3051      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3052        <a class="js-close-menu-button flex items-center" data-target="page-12" href="javascript:;"
3053          aria-label="Click to visit Media Library">
3054          <div class="mr-5 flex w-[20px] items-center justify-center">
3055            <svg
3056  class="white-stroke-path rotate-180"
3057  width="11"
3058  height="18"
3059  viewBox="0 0 11 18"
3060  fill="none"
3061  xmlns="http://www.w3.org/2000/svg"
3062>
3063  <path
3064    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3065    stroke="#01477b"
3066    stroke-width="2"
3067    stroke-linecap="round"
3068    stroke-linejoin="round"
3069  />
3070</svg>
3071         
3071 </div>
3072          <div>
3073            Media Library
3074          </div>
3075        </a>
3076      </div>
3077      <div class="pl-[40px]">
3078                <div
3079          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
3080          <a class="grow" href="https://www.swirepacific.com/en/news-hub/media-library/photos" target="_self"
3081            aria-label="Click to visit Photos">
3082            Photos
3083          </a>
3084
3085                  </div>
3086                <div
3087          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
3088          <a class="grow" href="https://www.swirepacific.com/en/news-hub/media-library/videos" target="_self"
3089            aria-label="Click to visit Videos">
3090            Videos
3091          </a>
3092
3093                  </div>
3094              </div>
3095    </div>
3096  </div>
3097</div>
3098                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3099  data-active="false" data-target="page-13" style="--menu-lv: 3;">
3100  <div class="flex h-full flex-col">
3101    <div class="overflow-auto">
3102      
3103      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3104        <a class="js-close-menu-button flex items-center" data-target="page-13" href="javascript:;"
3105          aria-label="Click to visit Photos">
3106          <div class="mr-5 flex w-[20px] items-center justify-center">
3107            <svg
3108  class="white-stroke-path rotate-180"
3109  width="11"
3110  height="18"
3111  viewBox="0 0 11 18"
3112  fill="none"
3113  xmlns="http://www.w3.org/2000/svg"
3114>
3115  <path
3116    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3117    stroke="#01477b"
3118    stroke-width="2"
3119    stroke-linecap="round"
3120    stroke-linejoin="round"
3121  />
3122</svg>
3123          </div>
3124          <div>
3125            Photos
3126          </div>
3127        </a>
3128      </div>
3129      <div class="pl-[40px]">
3130              </div>
3131    </div>
3132  </div>
3133</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3134  data-active="false" data-target="page-14" style="--menu-lv: 3;">
3135  <div class="flex h-full flex-col">
3136    <div class="overflow-auto">
3137      
3138      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3139        <a class="js-close-menu-button flex items-center" data-target="page-14" href="javascript:;"
3140          aria-label="Click to visit Videos">
3141          <div class="mr-5 flex w-[20px] items-center justify-center">
3142            <svg
3143  class="white-stroke-path rotate-180"
3144  width="11"
3145  height="18"
3146  viewBox="0 0 11 18"
3147  fill="none"
3148  xmlns="http://www.w3.org/2000/svg"
3149>
3150  <path
3151    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3152    stroke="#01477b"
3153    stroke-width="2"
3154    stroke-linecap="round"
3155    stroke-linejoin="round"
3156  />
3157</svg>
3158          </div>
3159          <div>
3160            Videos
3161          </div>
3162        </a>
3163      </div>
3164      <div class="pl-[40px]">
3165              </div>
3166    </div>
3167  </div>
3168</div>                
3169        
3170        
3171        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3172  data-active="false" data-target="page-59" style="--menu-lv: 1;">
3173  <div class="flex h-full flex-col">
3174    <div class="overflow-auto">
3175      
3176      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3177        <a class="js-close-menu-button flex items-center" data-target="page-59" href="javascript:;"
3178          aria-label="Click to visit Career">
3179          <div class="mr-5 flex w-[20px] items-center justify-center">
3180            <svg
3181  class="white-stroke-path rotate-180"
3182  width="11"
3183  height="18"
3184  viewBox="0 0 11 18"
3185  fill="none"
3186  xmlns="http://www.w3.org/2000/svg"
3187>
3188  <path
3189    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3190    stroke="#01477b"
3191    stroke-width="2"
3192    stroke-linecap="round"
3193    stroke-linejoin="round"
3194  />
3195</svg>
3196          </div>
3197          <div>
3198            Career
3199          </div>
3200        </a>
3201      </div>
3202      <div class="pl-[40px]">
3203                <div
3204          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
3205          <a class="grow" href="https://www.swirepacific.com/en/career#people-stories" target="_self"
3206            aria-label="Click to visit People Stories">
3207            People Stories
3208          </a>
3209
3210                  </div>
3211                <div
3212          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
3213          <a class="grow" href="https://www.swirepacific.com/en/career#recognition-awards" target="_self"
3214            aria-label="Click to visit Recognition &amp; Awards">
3215            Recognition &amp; Awards
3216          </a>
3217
3218                  </div>
3219                <div
3220          class="mobile-menu--item mobile-menu--submenu-item flex w-full items-center py-[20px] font-light text-white">
3221          <a class="grow" href="https://www.swirepacific.com/en/career#latest-job-opportunities" target="_self"
3222            aria-label="Click to visit Latest Job Opportunities">
3223            Latest Job Opportunities
3224          </a>
3225
3226                  </div>
3227              </div>
3228    </div>
3229  </div>
3230</div>                <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3231  data-active="false" data-target="page-114" style="--menu-lv: 2;">
3232  <div class="flex h-full flex-col">
3233    <div class="overflow-auto">
3234      
3235      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3236        <a class="js-close-menu-button flex items-center" data-target="page-114" href="javascript:;"
3237          aria-label="Click to visit People Stories">
3238          <div class="mr-5 flex w-[20px] items-center justify-center">
3239            <svg
3240  class="white-stroke-path rotate-180"
3241  width="11"
3242  height="18"
3243  viewBox="0 0 11 18"
3244  fill="none"
3245  xmlns="http://www.w3.org/2000/svg"
3246>
3247  <path
3248    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3249    stroke="#01477b"
3250    stroke-width="2"
3251    stroke-linecap="round"
3252    stroke-linejoin="round"
3253  />
3254</svg>
3255          </div>
3256          <div>
3257            People Stories
3258          </div>
3259        </a>
3260      </div>
3261      <div class="pl-[40px]">
3262              </div>
3263    </div>
3264  </div>
3265</div>
3266                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3267  data-active="false" data-target="page-115" style="--menu-lv: 2;">
3268  <div class="flex h-full flex-col">
3269    <div class="overflow-auto">
3270      
3271      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3272        <a class="js-close-menu-button flex items-center" data-target="page-115" href="javascript:;"
3273          aria-label="Click to visit Recognition &amp; Awards">
3274          <div class="mr-5 flex w-[20px] items-center justify-center">
3275            <svg
3276  class="white-stroke-path rotate-180"
3277  width="11"
3278  height="18"
3279  viewBox="0 0 11 18"
3280  fill="none"
3281  xmlns="http://www.w3.org/2000/svg"
3282>
3283  <path
3284    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3285    stroke="#01477b"
3286    stroke-width="2"
3287    stroke-linecap="round"
3288    stroke-linejoin="round"
3289  />
3290</svg>
3291          </div>
3292          <div>
3293            Recognition &amp; Awards
3294          </div>
3295        </a>
3296      </div>
3297      <div class="pl-[40px]">
3298              </div>
3299    </div>
3300  </div>
3301</div>
3302                        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3303  data-active="false" data-target="page-116" style="--menu-lv: 2;">
3304  <div class="flex h-full flex-col">
3305    <div class="overflow-auto">
3306      
3307      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3308        <a class="js-close-menu-button flex items-center" data-target="page-116" href="javascript:;"
3309          aria-label="Click to visit Latest Job Opportunities">
3310          <div class="mr-5 flex w-[20px] items-center justify-center">
3311            <svg
3312  class="white-stroke-path rotate-180"
3313  width="11"
3314  height="18"
3315  viewBox="0 0 11 18"
3316  fill="none"
3317  xmlns="http://www.w3.org/2000/svg"
3318>
3319  <path
3320    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3321    stroke="#01477b"
3322    stroke-width="2"
3323    stroke-linecap="round"
3324    stroke-linejoin="round"
3325  />
3326</svg>
3327          </div>
3328          <div>
3329            Latest Job Opportunities
3330          </div>
3331        </a>
3332      </div>
3333      <div class="pl-[40px]">
3334              </div>
3335    </div>
3336  </div>
3337</div>
3338                
3339        
3340        
3341        <div class="sub-menu js-mobile-menu-sub-menu absolute top-0 left-0 h-full w-full bg-blue-800 p-[20px]"
3342  data-active="false" data-target="page-50" style="--menu-lv: 1;">
3343  <div class="flex h-full flex-col">
3344    <div class="overflow-auto">
3345      
3346      <div class="mobile-menu--item mobile-menu--submenu-item w-full py-[20px] font-light text-white">
3347        <a class="js-close-menu-button flex items-center" data-target="page-50" href="javascript:;"
3348          aria-label="Click to visit Contact Us">
3349          <div class="mr-5 flex w-[20px] items-center justify-center">
3350            <svg
3351  class="white-stroke-path rotate-180"
3352  width="11"
3353  height="18"
3354  viewBox="0 0 11 18"
3355  fill="none"
3356  xmlns="http://www.w3.org/2000/svg"
3357>
3358  <path
3359    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
3360    stroke="#01477b"
3361    stroke-width="2"
3362    stroke-linecap="round"
3363    stroke-linejoin="round"
3364  />
3365</svg>
3366          </div>
3367          <div>
3368            Contact Us
3369          </div>
3370        </a>
3371      </div>
3372      <div class="pl-[40px]">
3373              </div>
3374    </div>
3375  </div>
3376</div>        
3377        
3378      </div>
3379      <div class="mt-auto text-xs font-light text-white">
3380        Copyright © 2024 Swire Pacific Limited. All rights reserved.
3381      </div>
3382    </div>
3383  </div>
3384</div>  
3385
3386  
3387    <div
3388  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
3389  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
3390  data-target="header-3" data-active="false">
3391  <div class="container md:!px-5 mx-auto h-full py-14">
3392    <div class="grid h-full grid-cols-4">
3393      
3394      <div class="text-center">
3395        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/about-us"
3396          target="_self"
3397          aria-label="Click to visit About Us">
3398          About Us
3399        </a>
3400      </div>
3401
3402      
3403      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
3404        
3405        <a class="mb-6 relative pr-[35px] js-header-sub-menu-lv2-link  group flex items-center justify-between"
3406          data-target="second-page-134" href="https://www.swirepacific.com/en/about-us#our-businesses"
3407          target="_self"
3408          aria-label="Click to visit Our Businesses">
3409
3410          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3411            Our Businesses
3412          </div>
3413          
3414          <div>
3415            <div
3416              class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
3417            </div>
3418            <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewB
3418ox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3419
3420  
3421
3422  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3423
3424</svg>          </div>
3425
3426                  </a>
3427        
3428        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3429          data-target="second-page-73" href="https://www.swirepacific.com/en/about-us#our-values-and-principles"
3430          target="_self"
3431          aria-label="Click to visit Our Values &amp; Principles">
3432
3433          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3434            Our Values &amp; Principles
3435          </div>
3436                  </a>
3437        
3438        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3439          data-target="second-page-130" href="https://www.swirepacific.com/en/about-us/heritage"
3440          target="_self"
3441          aria-label="Click to visit Heritage">
3442
3443          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3444            Heritage
3445          </div>
3446                  </a>
3447        
3448        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3449          data-target="second-page-82" href="https://www.swirepacific.com/en/about-us#recognition-and-awards"
3450          target="_self"
3451          aria-label="Click to visit Recognition &amp; Awards">
3452
3453          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3454            Recognition &amp; Awards
3455          </div>
3456                  </a>
3457        
3458        <a class=" js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3459          data-target="second-page-80" href="https://www.swirepacific.com/en/about-us#our-management"
3460          target="_self"
3461          aria-label="Click to visit Our Management">
3462
3463          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3464            Our Management
3465          </div>
3466                  </a>
3467                
3468      </div>
3469
3470      
3471      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
3472        
3473        
3474                
3475        <div
3476          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
3477          data-active-menu="" data-active="false">
3478          
3479          <div
3480            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
3481          </div>
3482          
3483          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
3484            
3485
3486            
3487                                    <div
3488              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3489              data-menu="second-page-134" data-active="false">
3490                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3491                data-target="third-page-5" href="https://www.swirepacific.com/en/about-us/our-businesses/property"
3492                target="_self"
3493                aria-label="Click to visit Property">
3494                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3495                  Property
3496                </div>
3497
3498                              </a>
3499                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3500                data-target="third-page-7" href="https://www.swirepacific.com/en/about-us/our-businesses/beverages"
3501                target="_self"
3502                aria-label="Click to visit Beverages">
3503                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3504                  Beverages
3505                </div>
3506
3507                              </a>
3508                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3509                data-target="third-page-6" href="https://www.swirepacific.com/en/about-us/our-businesses/aviation"
3510                target="_self"
3511                aria-label="Click to visit Aviation">
3512                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3513                  Aviation
3514                </div>
3515
3516                              </a>
3517                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3518                data-target="third-page-8" href="https://www.swirepacific.com/en/about-us/our-businesses/healthcare"
3519                target="_self"
3520                aria-label="Click to visit Healthcare">
3521                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3522                  Healthcare
3523                </div>
3524
3525                              </a>
3526                            <a class="  js-header-sub-menu-lv3-link group flex items-center justify-between"
3527                data-target="third-page-9" href="https://www.swirepacific.com/en/about-us/our-businesses/trading-and-industrial"
3528                target="_self"
3529                aria-label="Click to visit Trading &amp; Industrial">
3530                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3531                  Trading &amp; Industrial
3532                </div>
3533
3534                              </a>
3535                          </div>
3536                        <div
3537              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3538              data-menu="second-page-73" data-active="false">
3539                          </div>
3540                        <div
3541              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3542              data-menu="second-page-130" data-active="false">
3543                          </div>
3544                        <div
3545              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3546              data-menu="second-page-82" data-active="false">
3547                          </div>
3548                        <div
3549              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3550              data-menu="second-page-80" data-active="false">
3551                          </div>
3552            
3553            
3554            
3555
3556            
3557            
3558          </div>
3559
3560          
3561                  </div>
3562
3563
3564      </div>
3565    </div>
3566  </div>
3567</div>    <div
3568  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
3569  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
3570  data-target="header-23" data-active="false">
3571  <div class="container md:!px-5 mx-auto h-full py-14">
3572    <div class="grid h-full grid-cols-4">
3573      
3574      <div class="text-center">
3575        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/investor-relations"
3576          target="_self"
3577          aria-label="Click to visit Investor Relations">
3578          Investor Relations
3579        </a>
3580      </div>
3581
3582      
3583      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
3584        
3585        <a class="mb-6 relative pr-[35px] js-header-sub-menu-lv2-link  group flex items-center justify-between"
3586          data-target="second-page-24" href="https://www.swirepacific.com/en/investor-relations#shareholder
3586-information"
3587          target="_self"
3588          aria-label="Click to visit Shareholder Information">
3589
3590          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3591            Shareholder Information
3592          </div>
3593          
3594          <div>
3595            <div
3596              class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
3597            </div>
3598            <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3599
3600  
3601
3602  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3603
3604</svg>          </div>
3605
3606                  </a>
3607        
3608        <a class="mb-6 relative pr-[35px] js-header-sub-menu-lv2-link  group flex items-center justify-between"
3609          data-target="second-page-26" href="https://www.swirepacific.com/en/investor-relations#updates-to-our-shareholders"
3610          target="_self"
3611          aria-label="Click to visit Updates to our Shareholders">
3612
3613          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3614            Updates to our Shareholders
3615          </div>
3616          
3617          <div>
3618            <div
3619              class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
3620            </div>
3621            <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3622
3623  
3624
3625  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3626
3627</svg>          </div>
3628
3629                  </a>
3630        
3631        <a class=" relative pr-[35px] js-header-sub-menu-lv2-link  group flex items-center justify-between"
3632          data-target="second-page-25" href="https://www.swirepacific.com/en/investor-relations#our-financial-performance"
3633          target="_self"
3634          aria-label="Click to visit Our Financial Performance">
3635
3636          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3637            Our Financial Performance
3638          </div>
3639          
3640          <div>
3641            <div
3642              class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
3643            </div>
3644            <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3645
3646  
3647
3648  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3649
3650</svg>          </div>
3651
3652                  </a>
3653                
3654      </div>
3655
3656      
3657      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
3658        
3659        
3660                <div class="h-full w-auto js-iframe-element transition-all duration-700 transform opacity-1">
3661          <iframe class=" handleFrame js-investor-relations-frame transform duration-200 transition-all"
3662            src="https://site.irasia.com/listco/swirepacific/en/ir/nav_stockprice.php" width="100%"
3663            height="100%" frameborder="0" allowtransparency="true" referrerpolicy="origin-when-cross-origin"></iframe>
3664          
3665        </div>
3666                
3667        <div
3668          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
3669          data-active-menu="" data-active="false">
3670          
3671          <div
3672            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
3673          </div>
3674          
3675          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
3676            
3677
3678            
3679                                    <div
3680              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3681              data-menu="second-page-24" data-active="false">
3682                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3683                data-target="third-page-28" href="https://www.swirepacific.com/en/investor-relations/shareholder
3683-information/share-price"
3684                target="_self"
3685                aria-label="Click to visit Share Price">
3686                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3687                  Share Price
3688                </div>
3689
3690                              </a>
3691                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3692                data-target="third-page-48" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/financial-calendar"
3693                target="_self"
3694                aria-label="Click to visit Financial Calendar">
3695                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3696                  Financial Calendar
3697                </div>
3698
3699                              </a>
3700                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3701                data-target="third-page-27" href="https://www.swirepacific.com/storage/fm/Swire_Pacific_At_A_Glance/2025AR/swire-pacific-at-a-glance-en.pdf"
3702                target="_blank"
3703                aria-label="Click to visit Swire Pacific at a Glance">
3704                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3705                  Swire Pacific at a Glance
3706                </div>
3707
3708                              </a>
3709                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3710                data-target="third-page-29" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/dividend-history"
3711                target="_self"
3712                aria-label="Click to visit Dividend History">
3713                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3714                  Dividend History
3715                </div>
3716
3717                              </a>
3718                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3719                data-target="third-page-41" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/stock-and-credit-information"
3720                target="_self"
3721                aria-label="Click to visit Stock and Credit Information">
3722                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3723                  Stock and Credit Information
3724                </div>
3725
3726                              </a>
3727                            <a class="mb-6 relative pr-[35px] js-header-sub-menu-lv3-link group flex items-center justify-between"
3728                data-target="third-page-30" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support"
3729                target="_self"
3730                aria-label="Click to visit Shareholder Support">
3731                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3732                  Shareholder Support
3733                </div>
3734
3735                                                
3736                <div>
3737                  <div
3738                    class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
3739                  </div>
3740                  <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3741
3742  
3743
3744  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3745
3746</svg>                </div>
3747                              </a>
3748                            <a class="  js-header-sub-menu-lv3-link group flex items-center justify-between"
3749                data-target="third-page-49" href="https://www.swirepacific.com/en/investor-relations/shareholder-information/contacts"
3750                target="_self"
3751                aria-label="Click to visit Contacts">
3752                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3753                  Contacts
3754                </div>
3755
3756                              </a>
3757                          </div>
3758                        <div
3759              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3760              data-menu="second-page-26" data-active="false">
3761                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3762                data-target="third-page-40" href="https://www.swirepacific.com/en/investor-relations/updates-to-our-shareholders/press-releases"
3763                target="_self"
3764                aria-label="Click to visit Press Releases">
3765                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3766                  Press Releases
3767                </div>
3768
3769                              </a>
3770                            <a class="  js-header-sub-menu-lv3-link group flex items-center justify-between"
3771                data-target="third-page-36" href="https://www.swirepacific.com/en/investor-relations/updates-to-ours-shareholders/announcements"
3772                target="_self"
3773                aria-label="Click to visit Announcements">
3774                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3775                  Announcements
3776                </div>
3777
3778                              </a>
3779                          </div>
3780                        <div
3781              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3782              data-menu="second-page-25" data-active="false">
3783                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3784                data-target="third-page-33" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/financial-reports"
3785                target="_self"
3786                aria-label="Click to visit Financial Reports">
3787                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3788                  Financial Reports
3789                </div>
3790
3791                              </a>
3792                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3793                data-target="third-page-34" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/financial-briefings"
3794                target="_self"
3795                aria-label="Click to visit Financial Briefings">
3796                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3797                  Financial Briefings
3798                </div>
3799
3800                              </a>
3801                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
3802                data-target="third-page-39" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/key-financials"
3803                target="_self"
3804                aria-label="Click to visit Key Financials">
3805                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3806                  Key Financials
3807                </div>
3808
3809                              </a>
3810                            <a class="  js-header-sub-menu-lv3-link group flex items-center justify-between"
3811                data-target="third-page-35" href="https://www.swirepacific.com/en/investor-relations/our-financial-performance/performance-charts"
3812                target="_self"
3813                aria-label="Click to visit Performance Charts">
3814                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3815                  Performance Charts
3816                </div>
3817
3818                              </a>
3819                          </div>
3820            
3821            
3822            
3823
3824            
3825            
3826          </div>
3827
3828          
3829                    <div
3830            class="header-sub-menu-lv3 js-header-sub-menu-lv3 absolute right-0 top-0 z-[2] h-full w-1/2 border-l border-white px-12 transition-all duration-500 ease-out 2xl:px-16"
3831            data-active="false" data-target="third-page-30">
3832
3833                        <a class="mb-6 ease-easeOutQuart flex items-center justify-between transition-transform duration-300 hover:translate-x-2"
3834              href="https://www.swirepacific.com/en/investor-relations/shareholder
3834-information/shareholder-support/arrangements-for-the-dissemination-of-corporate-communications" target="_self"
3835              aria-label="Click to visit Arrangements for the Dissemination of Corporate Communications">
3836              Arrangements for the Dissemination of Corporate Communications
3837            </a>
3838                        <a class="mb-6 ease-easeOutQuart flex items-center justify-between transition-transform duration-300 hover:translate-x-2"
3839              href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/circulars-notices-forms" target="_self"
3840              aria-label="Click to visit Circulars / General Meeting Notices / Proxy Forms">
3841              Circulars / General Meeting Notices / Proxy Forms
3842            </a>
3843                        <a class="mb-6 ease-easeOutQuart flex items-center justify-between transition-transform duration-300 hover:translate-x-2"
3844              href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/trading-of-shares" target="_self"
3845              aria-label="Click to visit Trading of Shares">
3846              Trading of Shares
3847            </a>
3848                        <a class="mb-6 ease-easeOutQuart flex items-center justify-between transition-transform duration-300 hover:translate-x-2"
3849              href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/notices-replacement" target="_self"
3850              aria-label="Click to visit Notices - Replacement of Lost Share Certificates">
3851              Notices - Replacement of Lost Share Certificates
3852            </a>
3853                        <a class=" ease-easeOutQuart flex items-center justify-between transition-transform duration-300 hover:translate-x-2"
3854              href="https://www.swirepacific.com/en/investor-relations/shareholder-information/shareholder-support/minutes-of-shareholders-meetings" target="_self"
3855              aria-label="Click to visit Minutes of Shareholders&#039; Meetings">
3856              Minutes of Shareholders&#039; Meetings
3857            </a>
3858            
3859          </div>
3860                  </div>
3861
3862
3863      </div>
3864    </div>
3865  </div>
3866</div>    <div
3867  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
3868  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
3869  data-target="header-53" data-active="false">
3870  <div class="container md:!px-5 mx-auto h-full py-14">
3871    <div class="grid h-full grid-cols-4">
3872      
3873      <div class="text-center">
3874        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/corporate-governance"
3875          target="_self"
3876          aria-label="Click to visit Corporate Governance">
3877          Corporate Governance
3878        </a>
3879      </div>
3880
3881      
3882      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
3883        
3884        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3885          data-target="second-page-128" href="https://www.swirepacific.com/en/corporate-governance#corporate-governance-report"
3886          target="_self"
3887          aria-label="Click to visit Corporate Governance Report">
3888
3889          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3890            Corporate Governance Report
3891          </div>
3892                  </a>
3893        
3894        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3895          data-target="second-page-88" href="https://www.swirepacific.com/en/corporate-governance#risk-management"
3896          target="_self"
3897          aria-label="Click to visit Risk Management">
3898
3899          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3900            Risk Management
3901          </div>
3902                  </a>
3903        
3904        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3905          data-target="second-page-89" href="https://www.swirepacific.com/en/corporate-governance#directors-and-officers"
3906          target="_self"
3907          aria-label="Click to visit Directors and Officers">
3908
3909          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3910            Directors and Officers
3911          </div>
3912                  </a>
3913        
3914        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3915          data-target="second-page-90" href="https://www.swirepacific.com/en/corporate-governance#governance-policies-and-documents"
3916          target="_self"
3917          aria-label="Click to visit Governance Policies &amp; Documents">
3918
3919          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3920            Governance Policies &amp; Documents
3921          </div>
3922                  </a>
3923        
3924        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3925          data-target="second-page-84" href="https://www.swirepacific.com/en/corporate-governance#corporate-information"
3926          target="_self"
3927          aria-label="Click to visit Corporate Information">
3928
3929          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3930            Corporate Information
3931          </div>
3932                  </a>
3933        
3934        <a class=" js-header-sub-menu-lv2-normal  group flex items-center justify-between"
3935          data-target="second-page-86" href="https://www.swirepacific.com/en/corporate-governance#terms-of-reference"
3936          target="_self"
3937          aria-label="Click to visit Terms of Reference">
3938
3939          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
3940            Terms of Reference
3941          </div>
3942                  </a>
3943                
3944      </div>
3945
3946      
3947      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
3948        
3949        
3950                
3951        <div
3952          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
3953          data-active-menu="" data-active="false">
3954          
3955          <div
3956            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
3957          </div>
3958          
3959          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
3960            
3961
3962            
3963                                    <div
3964              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3965              data-menu="second-page-128" data-active="false">
3966                          </div>
3967                        <div
3968              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3969              data-menu="second-page-88" data-active="false">
3970                          </div>
3971                        <div
3972              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3973              data-menu="second-page-89" data-active="false">
3974                          </div>
3975                        <div
3976              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3977              data-menu="second-page-90" data-active="false">
3978                          </div>
3979                        <div
3980              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3981              data-menu="second-page-84" data-active="false">
3982                          </div>
3983                        <div
3984              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
3985              data-menu="second-page-86" data-active="false">
3986                          </div>
3987            
3988            
3989            
3990
3991            
3992            
3993          </div>
3994
3995          
3996                  </div>
3997
3998
3999      </div>
4000    </div>
4001  </div>
4002</div>    <div
4003  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
4004  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
4005  data-target="header-58" data-active="false">
4006  <div class="container md:!px-5 mx-auto h-full py-14">
4007    <div class="grid h-full grid-cols-4">
4008      
4009      <div class="text-center">
4010        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/sustainability"
4011          target="_self"
4012          aria-label="Click to visit Sustainability">
4013          Sustainability
4014        </a>
4015      </div>
4016
4017      
4018      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
4019        
4020        <a class="mb-6 relative pr-[35px] js-header-sub-menu-lv2-link  group flex items-center justify-between"
4021          data-target="second-page-92" href="https://www.swirepacific.com/en/sustainability#sustainability-at-swire-pacific"
4022          target="_self"
4023          aria-label="Click to visit Sustainability at Swire Pacific">
4024
4025          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4026            Sustainability at Swire Pacific
4027          </div>
4028          
4029          <div>
4030            <div
4031              class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
4032            </div>
4033            <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewB
4033ox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4034
4035  
4036
4037  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4038
4039</svg>          </div>
4040
4041                  </a>
4042        
4043        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4044          data-target="second-page-93" href="https://www.swirepacific.com/en/sustainability#governance"
4045          target="_self"
4046          aria-label="Click to visit Governance">
4047
4048          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4049            Governance
4050          </div>
4051                  </a>
4052        
4053        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4054          data-target="second-page-94" href="https://www.swirepacific.com/en/sustainability#esg-policies"
4055          target="_self"
4056          aria-label="Click to visit Environmental, Social and Governance (ESG) Policies">
4057
4058          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4059            Environmental, Social and Governance (ESG) Policies
4060          </div>
4061                  </a>
4062        
4063        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4064          data-target="second-page-95" href="https://www.swirepacific.com/en/sustainability#sustainability-reports"
4065          target="_self"
4066          aria-label="Click to visit Sustainability Reports">
4067
4068          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4069            Sustainability Reports
4070          </div>
4071                  </a>
4072        
4073        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4074          data-target="second-page-96" href="https://www.swirepacific.com/en/sustainability#sustainable-development-fund"
4075          target="_self"
4076          aria-label="Click to visit Sustainable Development Fund">
4077
4078          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4079            Sustainable Development Fund
4080          </div>
4081                  </a>
4082        
4083        <a class=" js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4084          data-target="second-page-97" href="https://www.swirepacific.com/en/sustainability#sustainability-ratings-and-indices"
4085          target="_self"
4086          aria-label="Click to visit Sustainability Ratings and Indices">
4087
4088          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4089            Sustainability Ratings and Indices
4090          </div>
4091                  </a>
4092                
4093      </div>
4094
4095      
4096      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
4097        
4098        
4099                
4100        <div
4101          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
4102          data-active-menu="" data-active="false">
4103          
4104          <div
4105            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
4106          </div>
4107          
4108          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
4109            
4110
4111            
4112                                    <div
4113              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4114              data-menu="second-page-92" data-active="false">
4115                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
4116                data-target="third-page-122" href="https://www.swirepacific.com/en/sustainability/climate"
4117                target="_self"
4118                aria-label="Click to visit Climate">
4119                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4120                  Climate
4121                </div>
4122
4123                              </a>
4124                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
4125                data-target="third-page-126" href="https://www.swirepacific.com/en/sustainability/water"
4126                target="_self"
4127                aria-label="Click to visit Water">
4128                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4129                  Water
4130                </div>
4131
4132                              </a>
4133                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
4134                data-target="third-page-125" href="https://www.swirepacific.com/en/sustainability/waste"
4135                target="_self"
4136                aria-label="Click to visit Waste">
4137                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4138                  Waste
4139                </div>
4140
4141                              </a>
4142                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
4143                data-target="third-page-66" href="https://www.swirepacific.com/en/sustainability/people"
4144                target="_self"
4145                aria-label="Click to visit People">
4146                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4147                  People
4148                </div>
4149
4150                              </a>
4151                            <a class="  js-header-sub-menu-lv3-link group flex items-center justify-between"
4152                data-target="third-page-67" href="https://www.swirepacific.com/en/sustainability/communities"
4153                target="_self"
4154                aria-label="Click to visit Communities">
4155                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4156                  Communities
4157                </div>
4158
4159                              </a>
4160                          </div>
4161                        <div
4162              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4163              data-menu="second-page-93" data-active="false">
4164                          </div>
4165                        <div
4166              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4167              data-menu="second-page-94" data-active="false">
4168                          </div>
4169                        <div
4170              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4171              data-menu="second-page-95" data-active="false">
4172                          </div>
4173                        <div
4174              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4175              data-menu="second-page-96" data-active="false">
4176                          </div>
4177                        <div
4178              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4179              data-menu="second-page-97" data-active="false">
4180                          </div>
4181            
4182            
4183            
4184
4185            
4186            
4187          </div>
4188
4189          
4190                  </div>
4191
4192
4193      </div>
4194    </div>
4195  </div>
4196</div>    <div
4197  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
4198  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
4199  data-target="header-10" data-active="false">
4200  <div class="container md:!px-5 mx-auto h-full py-14">
4201    <div class="grid h-full grid-cols-4">
4202      
4203      <div class="text-center">
4204        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/news-hub"
4205          target="_self"
4206          aria-label="Click to visit News Hub">
4207          News Hub
4208        </a>
4209      </div>
4210
4211      
4212      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
4213        
4214        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4215          data-target="second-page-105" href="https://www.swirepacific.com/en/news-hub#latest-news"
4216          target="_self"
4217          aria-label="Click to visit Latest News">
4218
4219          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4220            Latest News
4221          </div>
4222                  </a>
4223        
4224        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4225          data-target="second-page-124" href="https://www.swirepacific.com/en/investor-relations/updates-to-our-shareholders/press-releases"
4226          target="_self"
4227          aria-label="Click to visit Press Releases">
4228
4229          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4230            Press Releases
4231          </div>
4232                  </a>
4233        
4234        <a class=" relative pr-[35px] js-header-sub-menu-lv2-link  group flex items-center justify-between"
4235          data-target="second-page-12" href="https://www.swirepacific.com/en/news-hub#media-library"
4236          target="_self"
4237          aria-label="Click to visit Media Library">
4238
4239          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4240            Media Library
4241          </div>
4242          
4243          <div>
4244            <div
4245              class="bg-white h-[2px] w-[15px] absolute right-[3px] top-1/2 -translate-y-1/2 group-hover:w-[20px] transition-all duration-300">
4246            </div>
4247            <svg class="ease-easeOutQuart stroke-white transition-all duration-300 absolute right-0 top-[50%] -translate-y-1/2 h-[14px]" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4248
4249  
4250
4251  <path d="M10.8125 1L17.8125 8L10.8125 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4252
4253</svg>          </div>
4254
4255                  </a>
4256                
4257      </div>
4258
4259      
4260      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
4261        
4262        
4263                
4264        <div
4265          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
4266          data-active-menu="" data-active="false">
4267          
4268          <div
4269            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
4270          </div>
4271          
4272          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
4273            
4274
4275            
4276                                    <div
4277              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4278              data-menu="second-page-105" data-active="false">
4279                          </div>
4280                        <div
4281              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4282              data-menu="second-page-124" data-active="false">
4283                          </div>
4284                        <div
4285              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4286              data-menu="second-page-12" data-active="false">
4287                            <a class="mb-6  js-header-sub-menu-lv3-link group flex items-center justify-between"
4288                data-target="third-page-13" href="https://www.swirepacific.com/en/news-hub/media-library/photos"
4289                target="_self"
4290                aria-label="Click to visit Photos">
4291                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4292                  Photos
4293                </div>
4294
4295                              </a>
4296                            <a class="  js-header-sub-menu-lv3-link group flex items-center justify-between"
4297                data-target="third-page-14" href="https://www.swirepacific.com/en/news-hub/media-library/videos"
4298                target="_self"
4299                aria-label="Click to visit Videos">
4300                <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4301                  Videos
4302                </div>
4303
4304                              </a>
4305                          </div>
4306            
4307            
4308            
4309
4310            
4311            
4312          </div>
4313
4314          
4315                  </div>
4316
4317
4318      </div>
4319    </div>
4320  </div>
4321</div>    <div
4322  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
4323  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
4324  data-target="header-59" data-active="false">
4325  <div class="container md:!px-5 mx-auto h-full py-14">
4326    <div class="grid h-full grid-cols-4">
4327      
4328      <div class="text-center">
4329        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/career"
4330          target="_self"
4331          aria-label="Click to visit Career">
4332          Career
4333        </a>
4334      </div>
4335
4336      
4337      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
4338        
4339        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4340          data-target="second-page-114" href="https://www.swirepacific.com/en/career#people-stories"
4341          target="_self"
4342          aria-label="Click to visit People Stories">
4343
4344          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4345            People Stories
4346          </div>
4347                  </a>
4348        
4349        <a class="mb-6 js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4350          data-target="second-page-115" href="https://www.swirepacific.com/en/career#recognition-awards"
4351          target="_self"
4352          aria-label="Click to visit Recognition &amp; Awards">
4353
4354          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4355            Recognition &amp; Awards
4356          </div>
4357                  </a>
4358        
4359        <a class=" js-header-sub-menu-lv2-normal  group flex items-center justify-between"
4360          data-target="second-page-116" href="https://www.swirepacific.com/en/career#latest-job-opportunities"
4361          target="_self"
4362          aria-label="Click to visit Latest Job Opportunities">
4363
4364          <div class="group-hover:translate-x-2 duration-300 ease-easeOutQuart transition-transform">
4365            Latest Job Opportunities
4366          </div>
4367                  </a>
4368                
4369      </div>
4370
4371      
4372      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
4373        
4374        
4375                
4376        <div
4377          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
4378          data-active-menu="" data-active="false">
4379          
4380          <div
4381            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
4382          </div>
4383          
4384          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
4385            
4386
4387            
4388                                    <div
4389              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4390              data-menu="second-page-114" data-active="false">
4391                          </div>
4392                        <div
4393              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4394              data-menu="second-page-115" data-active="false">
4395                          </div>
4396                        <div
4397              class=" header-sub-menu-lv2__content js-header-sub-menu-lv2__content absolute top-0 left-0 h-full w-1/2 px-12 transition-all duration-700 ease-out 2xl:px-16 pt-[10px]"
4398              data-menu="second-page-116" data-active="false">
4399                          </div>
4400            
4401            
4402            
4403
4404            
4405            
4406          </div>
4407
4408          
4409                  </div>
4410
4411
4412      </div>
4413    </div>
4414  </div>
4415</div>    <div
4416  class="header-popup-menu js-header-popup-menu ease-easeOutCubic absolute top-full w-full overflow-hidden text-white transition-all duration-500"
4417  style="background:linear-gradient(90deg, #01467B 26.04%, rgba(1, 71, 123, 0.4375) 188.84%, rgba(1, 71, 123, 0) 188.85%)"
4418  data-target="header-50" data-active="false">
4419  <div class="container md:!px-5 mx-auto h-full py-14">
4420    <div class="grid h-full grid-cols-4">
4421      
4422      <div class="text-center">
4423        <a class="text-3xl font-normal" href="https://www.swirepacific.com/en/contact-us"
4424          target="_self"
4425          aria-label="Click to visit Contact Us">
4426          Contact Us
4427        </a>
4428      </div>
4429
4430      
4431      <div class="pr-12 pl-8 pt-[10px] min-h-[322px]">
4432                
4433      </div>
4434
4435      
4436      <div class="absolute-border-left relative col-span-2 px-12 2xl:px-16 third-column pt-[10px]">
4437        
4438        
4439                
4440        <div
4441          class="pointer-events-none header-sub-menu-lv2 js-header-sub-menu-lv2 ease-easeOutCubic absolute left-0 top-0 grid h-full w-full grid-cols-2 transition-all duration-500"
4442          data-active-menu="" data-active="false">
4443          
4444          <div
4445            class="header-sub-menu-lv2__background absolute top-0 left-0 z-[1] h-full w-full transition-all duration-700 ease-out">
4446          </div>
4447          
4448          <div class="header-sub-menu-lv2__menu investor-relations-popup z-[2]">
4449            
4450
4451            
4452                        
4453            
4454            
4455
4456            
4457            
4458          </div>
4459
4460          
4461                  </div>
4462
4463
4464      </div>
4465    </div>
4466  </div>
4467</div>    
4468</header>
4469
4470
4471
4472    <h1 class="sr-only js-top-element" tabindex="-1">
4473    About Us | Swire Pacific Limited
4474  </h1>
4475    <div class="bg-gray-100">
4476    
4477
4478  <div class="js-landing-component pt-mobile-header-height xl:pt-header-height overflow-hidden">
4479  <!-- Homepage Landing -->
4480  
4481  <div
4482    class="lg:min-h-[500px] js-landing-block relative h-[calc(100vh-50px)] xl:h-[calc(100vh-78px)] bg-[#F2F4F8] pb-14 md:pb-0 overflow-hidden"
4483    id="landing-block" data-name="Today's Highlights">
4484    
4485
4486    <div class="relative h-full w-full shadow-xl">
4487      <!-- scale image -->
4488      <div class="homepage-landing-mask absolute top-0 left-0 z-[2] h-full w-full mb-14">
4489      </div>
4490
4491      <!-- content swiper -->
4492      
4493      <div class="absolute top-0 left-0 z-[3] h-full w-full bg-transparent">
4494        <!-- homepage info -->
4495        <div class="homepage-swiper-mask absolute top-0 left-0 h-full w-[80%]"></div>
4496        <div class="flex h-full w-full">
4497          <div
4498            class="js-homepage-landing-content-swiper swiper overflow-visible w-full h-full lg:mb-0 container mx-auto lg:!px-16 2xl:!px-5">
4499            <div class="swiper-wrapper">
4500                            <div class="swiper-slide">
4501                <div class="text-white max-w-[80%] lg:max-w-[45%] flex place-items-center h-full">
4502                  <div>
4503                    <div
4504                      class="leading-tight text-[40px] md:text-[45px] lg:text-[50px] js-homepage-landing-content-effect homepage-landing-content-swiper">
4505                      About Us
4506                    </div>
4507                    <div
4508                      class="pt-6 font-light md:text-xl lg:text-2xl hidden md:block max-w-[500px] lg:max-w-none js-homepage-landing-content-effect homepage-landing-content-swiper description">
4509                      Explore our diversified portfolio of market leading businesses across Property, Beverages and Aviation and more
4510                    </div>
4511                  </div>
4512                </div>
4513                
4514                <div id='landingDescriptionBox' class="landing-description-box absolute bottom-0 transform translate-y-1/2 -left-5 right-6 md:hidden z-30 
4515                  ">
4516                  
4517                    <div class="bg-white px-5 relative min-h-[96px] flex justify-start">
4518                      <div class="py-6 h-fit my-auto" data-aos="fade-up">
4519                        Explore our diversified portfolio of market leading businesses across Property, Beverages and Aviation and more
4520                      </div>
4521
4522                    </div>
4523                  </div>
4524                  
4525                </div>
4526                              </div>
4527
4528            </div>
4529            <!-- swiper pagination -->
4530                      </div>
4531        </div>
4532
4533        <!-- background swiper -->
4534        <div class="absolute top-0 left-0 z-[1] h-full w-full">
4535          <div class="swiper js-homepage-landing-background-swiper h-full w-full">
4536            <div class="swiper-wrapper w-full">
4537                            <div data-pagination="" class="js-homepage-title swiper-slide">
4538                <div
4539                  class="background-image__zoom-in h-full w-full background-image-responsive js-homepage-background-image background-image-base absolute"
4540                  style="--background-image-normal:url('https://www.swirepacific.com/storage/media/89751/About-Us-hero-banner.jpg');--background-image-responsive:url('https://www.swirepacific.com/storage/media/89752/about_us_m.png">
4541                </div>
4542              </div>
4543                          </div>
4544          </div>
4545
4546        </div>
4547
4548
4549
4550
4551      </div>
4552
4553
4554
4555
4556    </div>
4557  </div>  
4558
4559    
4560
4561  <div class="lg:section-pt-[60px] section-pt-[40px]">
4562</div>  
4563
4564    
4565
4566  <div data-aos="fade-up" class="container mx-auto lg:!px-16 2xl:!px-5">
4567  <div class="hidden lg:block container--small mx-auto tinymce-content">
4568    <p style="text-align: center;">Swire Pacific is a Hong Kong-based international conglomerate with a diversified portfolio of market leading businesses. The company has a long history in Greater China, where the name Swire or Taikoo (太古) has been established for over 150 years.</p>
4569<p style="text-align: center;">Our aims are to deliver sustainable growth in shareholder value, achieved through sound returns on equity over the long term, and to return value to shareholders through sustainable growth in ordinary dividends. Our strategy is focused on Greater China and Southeast Asia, where we seek to grow our core Property, Beverages and Aviation divisions. We are targeting new areas of growth, such as healthcare.</p>
4570  </div>
4571  <div class="lg:hidden block tinymce-content">
4572    <p style="text-align: left;">Swire Pacific is a Hong Kong-based international conglomerate with a diversified portfolio of market leading businesses. The company has a long history in Greater China, where the name Swire or Taikoo (太古) has been established for over 150 years.</p>
4573<p style="text-align: left;">Our aims are to deliver sustainable growth in shareholder value, achieved through sound returns on equity over the long term, and to return value to shareholders through sustainable growth in ordinary dividends. Our strategy is focused on Greater China and Southeast Asia, where we seek to grow our core Property, Beverages and Aviation divisions. We are targeting new areas of growth, such as healthcare.</p>
4574  </div>
4575</div>  
4576
4577    
4578
4579  <div class="lg:section-pt-[100px] section-pt-[60px]">
4580</div>  
4581
4582    
4583
4584  <div id="our-businesses-target"></div>  
4585
4586    
4587
4588  <h2 class="sr-only">Our Businesses</h2>
4589<div data-aos="fade-up" class="container mx-auto h2 lg:text-center pb-6">
4590  Our Businesses
4591</div>
4592
4593
4594<div class="flex flex-col lg:flex-row overflow-hidden">
4595
4596  <!-- Content -->
4597  <div data-aos="fade-right" class="w-full lg:w-1/2">
4598    <div class="xl:pl-[100px] 2xl:pl-[160px] px-5 h-full pb-6 lg:min-w-[390px] lg:pb-0 lg:pt-0">
4599      <div class="relative h-full">
4600        
4601        <div class="flex h-full flex-col justify-center">
4602
4603          <!-- Content swiper -->
4604          <div class="">
4605            <div class="max-w-full lg:max-w-[500px]">
4606              <div class="swiper js-our-business-content-swiper swiper">
4607
4608                <div class="swiper-wrapper">
4609                  <!-- Property -->
4610                  <div class="swiper-slide overflow-visible">
4611                    <div class="">
4612                      <div class="mb-[35px] flex items-center min-h-[75px]">
4613                        <div class="h2 mr-[37px]">Property</div>
4614                        <a target="_self"
4615  class="link-button relative block h-[50px] w-[50px] rounded-full bg-[#2073B1]" href="https://www.swirepacific.com/en/about-us/our-businesses/property"
4616  aria-label="Click to visit https://www.swirepacific.com/en/about-us/our-businesses/property">
4617  <svg
4618  class="link-button-arrow absolute top-4 left-4"
4619  width="20"
4620  height="17"
4621  viewBox="0 0 20 17"
4622  fill="none"
4623  xmlns="http://www.w3.org/2000/svg"
4624>
4625  <path
4626    d="M-20.5 8.78088L16.75 8.78088"
4627    stroke="white"
4628    stroke-width="2"
4629    stroke-linecap="round"
4630    stroke-linejoin="round"
4631  />
4632  <path
4633    d="M11.3125 1.78088L18.3125 8.78088L11.3125 15.7809"
4634    stroke="white"
4635    stroke-width="2"
4636    stroke-linecap="round"
4637    stroke-linejoin="round"
4638  />
4639</svg>
4640</a>                      </div>
4641                      <div class="text-lg">
4642                        Responsible placemaking is at the heart of what Swire does best
4643                      </div>
4644                    </div>
4645                  </div>
4646
4647                  <!-- Beverages -->
4648                  <div class="swiper-slide overflow-visible">
4649                    <div class="">
4650                      <div class="mb-[35px] flex items-center min-h-[75px]">
4651                        <div class="h2 mr-[37px]">Beverages</div>
4652                        <div>
4653                          <a target="_self"
4654  class="link-button relative block h-[50px] w-[50px] rounded-full bg-[#2073B1]" href="https://www.swirepacific.com/en/about-us/our-businesses/beverages"
4655  aria-label="Click to visit https://www.swirepacific.com/en/about-us/our-businesses/beverages">
4656  <svg
4657  class="link-button-arrow absolute top-4 left-4"
4658  width="20"
4659  height="17"
4660  viewBox="0 0 20 17"
4661  fill="none"
4662  xmlns="http://www.w3.org/2000/svg"
4663>
4664  <path
4665    d="M-20.5 8.78088L16.75 8.78088"
4666    stroke="white"
4667    stroke-width="2"
4668    stroke-linecap="round"
4669    stroke-linejoin="round"
4670  />
4671  <path
4672    d="M11.3125 1.78088L18.3125 8.78088L11.3125 15.7809"
4673    stroke="white"
4674    stroke-width="2"
4675    stroke-linecap="round"
4676    stroke-linejoin="round"
4677  />
4678</svg>
4679</a>                        </div>
4680                      </div>
4681                      <div class="text-lg">
4682                        Delivering refreshment: the fifth largest bottling partner in the global Coca-Cola system
4683                      </div>
4684                    </div>
4685                  </div>
4686
4687                  <!-- Aviation -->
4688                  <div class="swiper-slide overflow-visible">
4689                    <div class="">
4690                      <div class="mb-[35px] flex items-center min-h-[75px]">
4691                        <div class="h2 mr-[37px]">Aviation</div>
4692                        <div>
4693                          <a target="_self"
4694  class="link-button relative block h-[50px] w-[50px] rounded-full bg-[#2073B1]" href="https://www.swirepacific.com/en/about-us/our-businesses/aviation"
4695  aria-label="Click to visit https://www.swirepacific.com/en/about-us/our-businesses/aviation">
4696  <svg
4697  class="link-button-arrow absolute top-4 left-4"
4698  width="20"
4699  height="17"
4700  viewBox="0 0 20 17"
4701  fill="none"
4702  xmlns="http://www.w3.org/2000/svg"
4703>
4704  <path
4705    d="M-20.5 8.78088L16.75 8.78088"
4706    stroke="white"
4707    stroke-width="2"
4708    stroke-linecap="round"
4709    stroke-linejoin="round"
4710  />
4711  <path
4712    d="M11.3125 1.78088L18.3125 8.78088L11.3125 15.7809"
4713    stroke="white"
4714    stroke-width="2"
4715    stroke-linecap="round"
4716    stroke-linejoin="round"
4717  />
4718</svg>
4719</a>                        </div>
4720                      </div>
4721                      <div class="text-lg">
4722                        An acclaimed international airline, a global aircraft engineering group, plus passenger, cargo and catering services
4723                      </div>
4724                    </div>
4725                  </div>
4726
4727                  <!-- Healthcare -->
4728                  <div class="swiper-slide overflow-visible">
4729                    <div class="">
4730                      <div class="mb-[35px] flex items-center min-h-[75px]">
4731                        <div class="h2 mr-[37px]">Healthcare</div>
4732                        <div>
4733                          <a target="_self"
4734  class="link-button relative block h-[50px] w-[50px] rounded-full bg-[#2073B1]" href="https://www.swirepacific.com/en/about-us/our-businesses/healthcare"
4735  aria-label="Click to visit https://www.swirepacific.com/en/about-us/our-businesses/healthcare">
4736  <svg
4737  class="link-button-arrow absolute top-4 left-4"
4738  width="20"
4739  height="17"
4740  viewBox="0 0 20 17"
4741  fill="none"
4742  xmlns="http://www.w3.org/2000/svg"
4743>
4744  <path
4745    d="M-20.5 8.78088L16.75 8.78088"
4746    stroke="white"
4747    stroke-width="2"
4748    stroke-linecap="round"
4749    stroke-linejoin="round"
4750  />
4751  <path
4752    d="M11.3125 1.78088L18.3125 8.78088L11.3125 15.7809"
4753    stroke="white"
4754    stroke-width="2"
4755    stroke-linecap="round"
4756    stroke-linejoin="round"
4757  />
4758</svg>
4759</a>                        </div>
4760                      </div>
4761                      <div class="text-lg">
4762                        The quality and commitment to service and reputation in the healthcare sector play to Swire’s core strengths
4763                      </div>
4764                    </div>
4765                  </div>
4766
4767                  <!-- Trading & Industrial Division -->
4768                  <div class="swiper-slide overflow-visible">
4769                    <div class="">
4770                      <div class="mb-[35px] flex items-center min-h-[75px]">
4771                        <div class="h2 lg:min-w-[350px] mr-[36px]">Trading &amp; Industrial
4772                        </div>
4773                        <div class="">
4774                          <a target="_self"
4775  class="link-button relative block h-[50px] w-[50px] rounded-full bg-[#2073B1]" href="https://www.swirepacific.com/en/about-us/our-businesses/trading-and-industrial"
4776  aria-label="Click to visit https://www.swirepacific.com/en/about-us/our-businesses/trading-and-industrial">
4777  <svg
4778  class="link-button-arrow absolute top-4 left-4"
4779  width="20"
4780  height="17"
4781  viewBox="0 0 20 17"
4782  fill="none"
4783  xmlns="http://www.w3.org/2000/svg"
4784>
4785  <path
4786    d="M-20.5 8.78088L16.75 8.78088"
4787    stroke="white"
4788    stroke-width="2"
4789    stroke-linecap="round"
4790    stroke-linejoin="round"
4791  />
4792  <path
4793    d="M11.3125 1.78088L18.3125 8.78088L11.3125 15.7809"
4794    stroke="white"
4795    stroke-width="2"
4796    stroke-linecap="round"
4797    stroke-linejoin="round"
4798  />
4799</svg>
4800</a>                        </div>
4801                      </div>
4802                      <div class="text-lg">
4803                        A wide spectrum of business interests that ranges from apparel to automotive trading
4804                      </div>
4805                    </div>
4806                  </div>
4807                </div>
4808              </div>
4809            </div>
4810            <div class="lg:col-span-3"></div>
4811          </div>
4812
4813          <div class="mt-6 lg:mt-10 2xl:mt-[70px]">
4814            <div class="flex items-center">
4815              <div
4816                class="swiper-pagination our-business-landing-pagination max-w-[280px] js-our-business-landing-pagination h-[40px]">
4817              </div>
4818              <div class="ml-5">
4819                <button class="js-our-business-landing-play-pause-button flex justify-center items-center"
4820                  title="Play/Pause" aria-label="Play/Pause">
4821                  <div class="js-our-business-landing-pause-icon">
4822                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
4823  <path
4824    d="M12 7C12.2652 7 12.5196 7.10536 12.7071 7.29289C12.8946 7.48043 13 7.73478 13 8V24C13 24.2652 12.8946 24.5196 12.7071 24.7071C12.5196 24.8946 12.2652 25 12 25C11.7348 25 11.4804 24.8946 11.2929 24.7071C11.1054 24.5196 11 24.2652 11 24V8C11 7.73478 11.1054 7.48043 11.2929 7.29289C11.4804 7.10536 11.7348 7 12 7ZM20 7C20.2652 7 20.5196 7.10536 20.7071 7.29289C20.8946 7.48043 21 7.73478 21 8V24C21 24.2652 20.8946 24.5196 20.7071 24.7071C20.5196 24.8946 20.2652 25 20 25C19.7348 25 19.4804 24.8946 19.2929 24.7071C19.1054 24.5196 19 24.2652 19 24V8C19 7.73478 19.1054 7.48043 19.2929 7.29289C19.4804 7.10536 19.7348 7 20 7Z"
4825    fill="#626E77" />
4826</svg>                  </div>
4827                  <div class="js-our-business-landing-play-icon hidden">
4828                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
4829  <path
4830    d="M21.608 16L10 9.26601V22.734L21.608 16ZM23.192 14.608C23.4372 14.7484 23.641 14.9511 23.7827 15.1955C23.9244 15.4399 23.999 15.7175 23.999 16C23.999 16.2826 23.9244 16.5601 23.7827 16.8045C23.641 17.049 23.4372 17.2516 23.192 17.392L10.466 24.776C9.426 25.38 8 24.69 8 23.384V8.61601C8 7.31001 9.426 6.62001 10.466 7.22401L23.192 14.608Z"
4831    fill="#626E77" />
4832</svg>                  </div>
4833                </button>
4834              </div>
4835            </div>
4836          </div>
4837        </div>
4838      </div>
4839    </div>
4840  </div>
4841  <!-- Image -->
4842  <!-- Image swiper -->
4843  <div data-aos="fade-left" class="w-full lg:w-1/2" data-aos-delay="300">
4844    <div class="swiper our-businesses-swiper js-our-business-background-swiper">
4845      <div class="swiper-wrapper">
4846        <!-- Property -->
4847        <div class="swiper-slide w-auto h-full">
4848          <img class="w-full hidden lg:block"
4849            src="/images/our-business/banner-sliders/our-businesses-property-desktop.png"
4850            alt="Property Image" />
4851          <img class="w-full lg:hidden" src="/images/our-business/banner-sliders/our-businesses-property-mobile.png"
4852            alt="Property Image" />
4853        </div>
4854
4855        <!-- Beverages -->
4856        <div class="swiper-slide w-auto h-full">
4857          <img class="w-full hidden lg:block"
4858            src="/images/our-business/banner-sliders/our-businesses-beverages-desktop.png"
4859            alt="Beverages Image" />
4860          <img class="w-full lg:hidden" src="/images/our-business/banner-sliders/our-businesses-beverages-mobile.png"
4861            alt="Beverages Image" />
4862        </div>
4863
4864        <!-- Aviation -->
4865        <div class="swiper-slide w-auto h-full">
4866          <img class="w-full hidden lg:block"
4867            src="/images/our-business/banner-sliders/our-businesses-aviation-desktop.png"
4868            alt="Aviation Image" />
4869          <img class="w-full lg:hidden" src="/images/our-business/banner-sliders/our-businesses-aviation-mobile.png"
4870            alt="Aviation Image" />
4871        </div>
4872
4873        <!-- Healthcare -->
4874        <div class="swiper-slide w-auto h-full">
4875          <img class="w-full hidden lg:block"
4876            src="/images/our-business/banner-sliders/our-businesses-healthcare-desktop.png"
4877            alt="Healthcare Image" />
4878          <img class="w-full lg:hidden" src="/images/our-business/banner-sliders/our-businesses-healthcare-mobile.png"
4879            alt="Healthcare Image" />
4880        </div>
4881
4882        <!-- Trading & Industrial Division -->
4883        <div class="swiper-slide w-auto h-full">
4884          <img class="w-full hidden lg:block"
4885            src="/images/our-business/banner-sliders/our-businesses-trading-desktop.png"
4886            alt="Trading &amp; Industrial Image" />
4887          <img class="w-full lg:hidden" src="/images/our-business/banner-sliders/our-businesses-trading-mobile.png"
4888            alt="Trading &amp; Industrial Image" />
4889        </div>
4890
4891      </div>
4892    </div>
4893  </div>
4894</div>  
4895
4896    
4897
4898  <div class="lg:section-pt-[100px] section-pt-[60px]">
4899</div>  
4900
4901    
4902
4903  <div id="our-values-and-principles-target"></div>  
4904
4905    
4906
4907  <!-- Our Values -->
4908<div class=" ">
4909  <h2 class="sr-only">Our Values</h2>
4910  <div data-aos="fade-up" data-aos-anchor-placement="top-bottom" class="container mx-auto h2 mb-[60px] lg:text-center">
4911    Our Values
4912  </div>
4913  <div>
4914    <div
4915      class="our-value-section js-our-value-section grid grid-cols-2 lg:gap-0 lg:flex items-center justify-center py-10 lg:py-[92px] lg:container px-10 lg:mx-auto">
4916      <div class="flex justify-center lg:px-[30px] xl:px-[40px] value-section-text-wrapper">
4917        <div class="our-value-text js-our-value-text our-value-text__bottom">
4918          Integrity
4919        </div>
4920      </div>
4921
4922      <div class="">
4923      </div>
4924      <div class="">
4925      </div>
4926
4927      <div class="flex justify-center lg:px-[30px] xl:px-[40px] value-section-text-wrapper">
4928        <div class="our-value-text js-our-value-text our-value-text__top">
4929          Endeavour
4930        </div>
4931      </div>
4932
4933      <div class="flex justify-center lg:px-[30px] xl:px-[40px] value-section-text-wrapper">
4934        <div class="our-value-text js-our-value-text our-value-text__bottom">
4935          Excellence
4936        </div>
4937      </div>
4938
4939      <div class="">
4940      </div>
4941      <div class="">
4942      </div>
4943
4944      <div class="flex justify-center lg:px-[30px] xl:px-[40px] value-section-text-wrapper">
4945        <div class="our-value-text js-our-value-text our-value-text__top">
4946          Humility
4947        </div>
4948      </div>
4949
4950      <div class="flex justify-center lg:px-[30px] xl:px-[40px] value-section-text-wrapper">
4951        <div class="our-value-text js-our-value-text our-value-text__bottom">
4952          Teamwork
4953        </div>
4954      </div>
4955
4956
4957      <div class="">
4958      </div>
4959      <div class="">
4960      </div>
4961
4962      <div class="flex justify-center lg:px-[30px] xl:px-[40px] value-section-text-wrapper">
4963        <div class="our-value-text js-our-value-text our-value-text__top">
4964          Continuity
4965        </div>
4966      </div>
4967    </div>
4968    
4969  </div>
4970
4971  
4972</div>  
4973
4974    
4975
4976  <div class="lg:section-pt-[100px] section-pt-[60px]">
4977</div>  
4978
4979    
4980
4981  <div class="mx-auto max-w-[1600px] px-5">
4982  <!-- Core -->
4983  <h2 class="sr-only">Our Core Principles</h2>
4984  <div data-aos="fade-up" data-aos-delay="200" class="h2 mb-6 md:mb-[60px] text-left md:text-center leading-[34.47px]">
4985    Our Core Principles
4986  </div>
4987
4988  <div class="mx-auto">
4989    <!-- Desktop  Swiper -->
4990    <div class="hidden md:flex js-tabs-selector tabs-selector relative w-full justify-center" data-visible="3">
4991      <div class="relative w-full px-0 md:px-[16px] lg:px-[35px] xl:px-[84px]">
4992        <div class="swiper js-card-swiper w-full overflow-hidden h-full">
4993          <ul class="flex items-stretch swiper-wrapper nav nav-tabs" id="tabs-tab" role="tablist">
4994                        <li class="swiper-slide nav-item" role="presentation">
4995              <div data-aos="fade-up" data-aos-delay="200"
4996                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
4997                <div
4998                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
4999                  We focus on Asia, principally Greater China,
5000                </div>
5001                <div class="text-left text-lg leading-[24px]">
5002                  because of its strong growth potential and because it is where the Group has long experience, deep knowledge and strong relationships.
5003                </div>
5004              </div>
5005            </li>
5006                        <li class="swiper-slide nav-item" role="presentation">
5007              <div data-aos="fade-up" data-aos-delay="350"
5008                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5009                <div
5010                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5011                  We mobilise capital, talent and ideas
5012                </div>
5013                <div class="text-left text-lg leading-[24px]">
5014                  across the Group. Our scale and diversity increase our access to investment opportunities.
5015                </div>
5016              </div>
5017            </li>
5018                        <li class="swiper-slide nav-item" role="presentation">
5019              <div data-aos="fade-up" data-aos-delay="500"
5020                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5021                <div
5022                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5023                  We are prudent financial managers.
5024                </div>
5025                <div class="text-left text-lg leading-[24px]">
5026                  This enables us to execute long-term investment plans irrespective of short-term financial market volatility.
5027                </div>
5028              </div>
5029            </li>
5030                        <li class="swiper-slide nav-item" role="presentation">
5031              <div data-aos="fade-up" data-aos-delay="650"
5032                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5033                <div
5034                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5035                  We recruit the best people and invest heavily in their training and development.
5036                </div>
5037                <div class="text-left text-lg leading-[24px]">
5038                  The welfare of our people is critical to our operations.
5039                </div>
5040              </div>
5041            </li>
5042                        <li class="swiper-slide nav-item" role="presentation">
5043              <div data-aos="fade-up" data-aos-delay="800"
5044                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5045                <div
5046                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5047                  We build strong and lasting relationships,
5048                </div>
5049                <div class="text-left text-lg leading-[24px]">
5050                  based on mutual benefit, with those with whom we do business.
5051                </div>
5052              </div>
5053            </li>
5054                        <li class="swiper-slide nav-item" role="presentation">
5055              <div data-aos="fade-up" data-aos-delay="950"
5056                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5057                <div
5058                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5059                  We invest in sustainable development,
5060                </div>
5061                <div class="text-left text-lg leading-[24px]">
5062                  because it is the right thing to do and because it supports long-term growth through innovation and improved efficie
5062ncy.
5063                </div>
5064              </div>
5065            </li>
5066                        <li class="swiper-slide nav-item" role="presentation">
5067              <div data-aos="fade-up" data-aos-delay="1100"
5068                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5069                <div
5070                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5071                  We are committed to the highest standards of corporate governance
5072                </div>
5073                <div class="text-left text-lg leading-[24px]">
5074                  and to the preservation and development of the Swire brand and reputation.
5075                </div>
5076              </div>
5077            </li>
5078                      </ul>
5079        </div>
5080
5081        <div class="core-button-section">
5082          <div data-aos="zoom-in" data-aos-delay="200"
5083            class="core-button swiper-button swiper-button-left js-card-swiper-button-prev">
5084            <div class="core-swiper-nav-button">
5085              <svg
5086  class="white-stroke-path rotate-180"
5087  width="11"
5088  height="18"
5089  viewBox="0 0 11 18"
5090  fill="none"
5091  xmlns="http://www.w3.org/2000/svg"
5092>
5093  <path
5094    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5095    stroke="#01477b"
5096    stroke-width="2"
5097    stroke-linecap="round"
5098    stroke-linejoin="round"
5099  />
5100</svg>
5101            </div>
5102          </div>
5103          <div data-aos="zoom-in" data-aos-delay="200"
5104            class="core-button swiper-button swiper-button-right js-card-swiper-button-next">
5105            <div class="core-swiper-nav-button">
5106              <svg
5107  class="white-stroke-path rotate-0"
5108  width="11"
5109  height="18"
5110  viewBox="0 0 11 18"
5111  fill="none"
5112  xmlns="http://www.w3.org/2000/svg"
5113>
5114  <path
5115    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5116    stroke="#01477b"
5117    stroke-width="2"
5118    stroke-linecap="round"
5119    stroke-linejoin="round"
5120  />
5121</svg>
5122            </div>
5123          </div>
5124        </div>
5125      </div>
5126    </div>
5127
5128    <!-- Mobile Swiper -->
5129    <div class="flex md:hidden js-mobile-core-selector tabs-selector relative w-full justify-center">
5130      <div class="relative w-full px-0">
5131        <div class="swiper js-card-swiper w-full overflow-hidden h-full">
5132          <ul class="flex items-stretch swiper-wrapper nav nav-tabs" id="tabs-tab" role="tablist">
5133                        <li class="swiper-slide nav-item" role="presentation">
5134              <div data-aos="fade-up" data-aos-delay="200"
5135                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5136                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5137                  We focus on Asia, principally Greater China,
5138                </div>
5139                <div class="text-left text-lg leading-[24px]">
5140                  because of its strong growth potential and because it is where the Group has long experience, deep knowledge and strong relationships.
5141                </div>
5142              </div>
5143            </li>
5144                        <li class="swiper-slide nav-item" role="presentation">
5145              <div data-aos="fade-up" data-aos-delay="350"
5146                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5147                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5148                  We mobilise capital, talent and ideas
5149                </div>
5150                <div class="text-left text-lg leading-[24px]">
5151                  across the Group. Our scale and diversity increase our access to investment opportunities.
5152                </div>
5153              </div>
5154            </li>
5155                        <li class="swiper-slide nav-item" role="presentation">
5156              <div data-aos="fade-up" data-aos-delay="500"
5157                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5158                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5159                  We are prudent financial managers.
5160                </div>
5161                <div class="text-left text-lg leading-[24px]">
5162                  This enables us to execute long-term investment plans irrespective of short-term financial market volatility.
5163                </div>
5164              </div>
5165            </li>
5166                        <li class="swiper-slide nav-item" role="presentation">
5167              <div data-aos="fade-up" data-aos-delay="650"
5168                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5169                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5170                  We recruit the best people and invest heavily in their training and development.
5171                </div>
5172                <div class="text-left text-lg leading-[24px]">
5173                  The welfare of our people is critical to our operations.
5174                </div>
5175              </div>
5176            </li>
5177                        <li class="swiper-slide nav-item" role="presentation">
5178              <div data-aos="fade-up" data-aos-delay="800"
5179                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5180                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5181                  We build strong and lasting relationships,
5182                </div>
5183                <div class="text-left text-lg leading-[24px]">
5184                  based on mutual benefit, with those with whom we do business.
5185                </div>
5186              </div>
5187            </li>
5188                        <li class="swiper-slide nav-item" role="presentation">
5189              <div data-aos="fade-up" data-aos-delay="950"
5190                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5191                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5192                  We invest in sustainable development,
5193                </div>
5194                <div class="text-left text-lg leading-[24px]">
5195                  because it is the right thing to do and because it supports long-term growth through innovation and improved efficie
5195ncy.
5196                </div>
5197              </div>
5198            </li>
5199                        <li class="swiper-slide nav-item" role="presentation">
5200              <div data-aos="fade-up" data-aos-delay="1100"
5201                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5202                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5203                  We are committed to the highest standards of corporate governance
5204                </div>
5205                <div class="text-left text-lg leading-[24px]">
5206                  and to the preservation and development of the Swire brand and reputation.
5207                </div>
5208              </div>
5209            </li>
5210                      </ul>
5211        </div>
5212
5213        <div class="core-button-section">
5214          <div data-aos="zoom-in" data-aos-delay="200"
5215            class="core-button swiper-button swiper-button-left js-card-swiper-button-prev">
5216            <div class="core-swiper-nav-button">
5217              <svg
5218  class="white-stroke-path rotate-180"
5219  width="11"
5220  height="18"
5221  viewBox="0 0 11 18"
5222  fill="none"
5223  xmlns="http://www.w3.org/2000/svg"
5224>
5225  <path
5226    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5227    stroke="#01477b"
5228    stroke-width="2"
5229    stroke-linecap="round"
5230    stroke-linejoin="round"
5231  />
5232</svg>
5233            </div>
5234          </div>
5235          <div data-aos="zoom-in" data-aos-delay="200"
5236            class="core-button swiper-button swiper-button-right js-card-swiper-button-next">
5237            <div class="core-swiper-nav-button">
5238              <svg
5239  class="white-stroke-path rotate-0"
5240  width="11"
5241  height="18"
5242  viewBox="0 0 11 18"
5243  fill="none"
5244  xmlns="http://www.w3.org/2000/svg"
5245>
5246  <path
5247    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5248    stroke="#01477b"
5249    stroke-width="2"
5250    stroke-linecap="round"
5251    stroke-linejoin="round"
5252  />
5253</svg>
5254            </div>
5255          </div>
5256        </div>
5257      </div>
5258    </div>
5259  </div>
5260</div>
5261
5262<div class="lg:pt-[100px] pt-[60px]"></div>
5263
5264<div class="mx-auto max-w-[1600px] px-5">
5265  <!-- Investment -->
5266  <h2 class="sr-only">Our Investment Principles</h2>
5267  <div data-aos="fade-up" data-aos-delay="200" class="h2 mb-6 md:mb-[60px] text-left md:text-center leading-[34.47px]">
5268    Our Investment Principles
5269  </div>
5270
5271  <div class="mx-auto">
5272    <!-- Desktop Swiper -->
5273    <div class="hidden md:flex js-tabs-selector tabs-selector relative w-full justify-center" data-visible="3">
5274      <div class="relative w-full px-0 md:px-[16px] lg:px-[35px] xl:px-[84px]">
5275        <div class="swiper js-card-swiper w-full h-full">
5276          <ul class="flex items-stretch swiper-wrapper nav nav-tabs" id="tabs-tab" role="tablist">
5277                        <li class="swiper-slide nav-item" role="presentation">
5278              <div data-aos="fade-up" data-aos-delay="200"
5279                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5280                <div
5281                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5282                  We aim to build a portfolio of businesses
5283                </div>
5284                <div class="text-left text-lg leading-[24px]">
5285                  that collectively deliver a steady dividend stream over time.
5286                </div>
5287              </div>
5288            </li>
5289                        <li class="swiper-slide nav-item" role="presentation">
5290              <div data-aos="fade-up" data-aos-delay="350"
5291                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5292                <div
5293                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5294                  We are long-term investors.
5295                </div>
5296                <div class="text-left text-lg leading-[24px]">
5297                  We prefer to have controlling interests in our businesses and to manage them for long-term growth. We do not rule out minority investments in appropriate circumstances.
5298                </div>
5299              </div>
5300            </li>
5301                        <li class="swiper-slide nav-item" role="presentation">
5302              <div data-aos="fade-up" data-aos-delay="500"
5303                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5304                <div
5305                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5306                  We concentrate on businesses
5307                </div>
5308                <div class="text-left text-lg leading-[24px]">
5309                  where we can contribute expertise, and where our expertise can add value.
5310                </div>
5311              </div>
5312            </li>
5313                        <li class="swiper-slide nav-item" role="presentation">
5314              <div data-aos="fade-up" data-aos-delay="650"
5315                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5316                <div
5317                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5318                  We invest in businesses
5319                </div>
5320                <div class="text-left text-lg leading-[24px]">
5321                  that provide high-quality products and services and that are leaders in their markets.
5322                </div>
5323              </div>
5324            </li>
5325                        <li class="swiper-slide nav-item" role="presentation">
5326              <div data-aos="fade-up" data-aos-delay="800"
5327                class="bg-[#F8FAFC] flex flex-col px-[40px] lg:px-[25px] xl:px-[30px] 2xl:px-[40px] py-[40px] h-full">
5328                <div
5329                  class="mb-2 text-blue-800 font-medium text-2xl md:text-3xl text-left leading-[28.61px] md:leading-[35px]">
5330                  We divest from businesses
5331                </div>
5332                <div class="text-left text-lg leading-[24px]">
5333                  which have reached their full potential under our ownership, and recycle the capital released into existing or new businesses.
5334                </div>
5335              </div>
5336            </li>
5337                      </ul>
5338        </div>
5339
5340        <div class="core-button-section">
5341          <div data-aos="zoom-in" data-aos-delay="200"
5342            class="core-button swiper-button swiper-button-left js-card-swiper-button-prev">
5343            <div class="core-swiper-nav-button">
5344              <svg
5345  class="white-stroke-path rotate-180"
5346  width="11"
5347  height="18"
5348  viewBox="0 0 11 18"
5349  fill="none"
5350  xmlns="http://www.w3.org/2000/svg"
5351>
5352  <path
5353    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5354    stroke="#01477b"
5355    stroke-width="2"
5356    stroke-linecap="round"
5357    stroke-linejoin="round"
5358  />
5359</svg>
5360            </div>
5361          </div>
5362          <div data-aos="zoom-in" data-aos-delay="200"
5363            class="core-button swiper-button swiper-button-right js-card-swiper-button-next">
5364            <div class="core-swiper-nav-button">
5365              <svg
5366  class="white-stroke-path rotate-0"
5367  width="11"
5368  height="18"
5369  viewBox="0 0 11 18"
5370  fill="none"
5371  xmlns="http://www.w3.org/2000/svg"
5372>
5373  <path
5374    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5375    stroke="#01477b"
5376    stroke-width="2"
5377    stroke-linecap="round"
5378    stroke-linejoin="round"
5379  />
5380</svg>
5381            </div>
5382          </div>
5383        </div>
5384      </div>
5385    </div>
5386
5387    <!-- Mobile Swiper -->
5388    <div class="flex md:hidden js-mobile-core-selector tabs-selector relative w-full justify-center">
5389      <div class="relative w-full px-0">
5390        <div class="swiper js-card-swiper w-full h-full">
5391          <ul class="flex items-stretch swiper-wrapper nav nav-tabs" id="tabs-tab" role="tablist">
5392                        <li class="swiper-slide nav-item" role="presentation">
5393              <div data-aos="fade-up" data-aos-delay="200"
5394                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5395                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5396                  We aim to build a portfolio of businesses
5397                </div>
5398                <div class="text-left text-lg leading-[24px]">
5399                  that collectively deliver a steady dividend stream over time.
5400                </div>
5401              </div>
5402            </li>
5403                        <li class="swiper-slide nav-item" role="presentation">
5404              <div data-aos="fade-up" data-aos-delay="350"
5405                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5406                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5407                  We are long-term investors.
5408                </div>
5409                <div class="text-left text-lg leading-[24px]">
5410                  We prefer to have controlling interests in our businesses and to manage them for long-term growth. We do not rule out minority investments in appropriate circumstances.
5411                </div>
5412              </div>
5413            </li>
5414                        <li class="swiper-slide nav-item" role="presentation">
5415              <div data-aos="fade-up" data-aos-delay="500"
5416                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5417                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5418                  We concentrate on businesses
5419                </div>
5420                <div class="text-left text-lg leading-[24px]">
5421                  where we can contribute expertise, and where our expertise can add value.
5422                </div>
5423              </div>
5424            </li>
5425                        <li class="swiper-slide nav-item" role="presentation">
5426              <div data-aos="fade-up" data-aos-delay="650"
5427                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5428                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5429                  We invest in businesses
5430                </div>
5431                <div class="text-left text-lg leading-[24px]">
5432                  that provide high-quality products and services and that are leaders in their markets.
5433                </div>
5434              </div>
5435            </li>
5436                        <li class="swiper-slide nav-item" role="presentation">
5437              <div data-aos="fade-up" data-aos-delay="800"
5438                class="bg-[#F8FAFC] flex flex-col px-[40px] py-[40px] h-full">
5439                <div class="mb-2 text-blue-800 font-medium text-2xl text-left leading-[28.61px]">
5440                  We divest from businesses
5441                </div>
5442                <div class="text-left text-lg leading-[24px]">
5443                  which have reached their full potential under our ownership, and recycle the capital released into existing or new businesses.
5444                </div>
5445              </div>
5446            </li>
5447                      </ul>
5448        </div>
5449
5450        <div class="core-button-section">
5451          <div data-aos="zoom-in" data-aos-delay="200"
5452            class="core-button swiper-button swiper-button-left js-card-swiper-button-prev">
5453            <div class="core-swiper-nav-button">
5454              <svg
5455  class="white-stroke-path rotate-180"
5456  width="11"
5457  height="18"
5458  viewBox="0 0 11 18"
5459  fill="none"
5460  xmlns="http://www.w3.org/2000/svg"
5461>
5462  <path
5463    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5464    stroke="#01477b"
5465    stroke-width="2"
5466    stroke-linecap="round"
5467    stroke-linejoin="round"
5468  />
5469</svg>
5470            </div>
5471          </div>
5472          <div data-aos="zoom-in" data-aos-delay="200"
5473            class="core-button swiper-button swiper-button-right js-card-swiper-button-next">
5474            <div class="core-swiper-nav-button">
5475              <svg
5476  class="white-stroke-path rotate-0"
5477  width="11"
5478  height="18"
5479  viewBox="0 0 11 18"
5480  fill="none"
5481  xmlns="http://www.w3.org/2000/svg"
5482>
5483  <path
5484    d="M1.85364 16.9453L9.38127 8.97275L1.85364 1.00018"
5485    stroke="#01477b"
5486    stroke-width="2"
5487    stroke-linecap="round"
5488    stroke-linejoin="round"
5489  />
5490</svg>
5491            </div>
5492          </div>
5493        </div>
5494      </div>
5495    </div>
5496  </div>
5497</div>  
5498
5499    
5500
5501  <div class="lg:section-pt-[100px] section-pt-[60px]">
5502</div>  
5503
5504    
5505
5506  <div id="heritage-target"></div>  
5507
5508    
5509
5510  <div class="people-blue-card wipe-card">
5511  <div class="flex flex-col lg:flex-row-reverse lg:min-h-[640px]">
5512    <div
5513      class="overflow-hidden lg:w-1/2 max-h-[454px] md:max-h-[606px] md:min-
5513h-[606px] sm:max-h-[426px] sm:min-h-[426px] min-h-[375px] lg:max-h-full lg:h-auto lg:min-h-[390px] object-cover bg-gray-100 flex justify-center">
5514      <img data-aos="fade-up" class="object-cover w-full lg:block hidden h-[640px]" src="https://www.swirepacific.com/storage/media/89757/image.png"
5515        alt="Heritage Image">
5516      <img data-aos="zoom-in" class="object-cover w-full block lg:hidden"
5517        src="https://www.swirepacific.com/storage/media/89758/image.png" alt="Heritage Image">
5518    </div>
5519    <div class="lg:w-1/2 bg-white px-5 py-10 lg:p-10 xl:p-20 flex flex-col justify-center">
5520              <h2 class="sr-only">Heritage</h2>
5521        <div data-aos="fade-up" data-aos-delay="300" class="title lg:text-[40px] text-3xl mb-5 2xl:mb-10 lg:opacity-0">
5522          Heritage</div>
5523                  <div data-aos="fade-up" data-aos-delay="300" class="description p1 mb-5 2xl:mb-10 lg:opacity-0">Founded in 1816, Swire has a long and rich history in the marine, aviation, beverages, and property sectors.</div>
5524      
5525      
5526      <div data-aos="fade-up" data-aos-delay="300"
5527        class="flex items-center justify-between lg:opacity-0 ">
5528                <div>
5529          <div class="flex items-center">
5530                        <a target="_self"
5531  class="link-button relative block h-[50px] w-[50px] rounded-full bg-[#2073B1]" href="https://www.swirepacific.com/en/about-us/heritage"
5532  aria-label="Click to visit https://www.swirepacific.com/en/about-us/heritage">
5533  <svg
5534  class="link-button-arrow absolute top-4 left-4"
5535  width="20"
5536  height="17"
5537  viewBox="0 0 20 17"
5538  fill="none"
5539  xmlns="http://www.w3.org/2000/svg"
5540>
5541  <path
5542    d="M-20.5 8.78088L16.75 8.78088"
5543    stroke="white"
5544    stroke-width="2"
5545    stroke-linecap="round"
5546    stroke-linejoin="round"
5547  />
5548  <path
5549    d="M11.3125 1.78088L18.3125 8.78088L11.3125 15.7809"
5550    stroke="white"
5551    stroke-width="2"
5552    stroke-linecap="round"
5553    stroke-linejoin="round"
5554  />
5555</svg>
5556</a>                      </div>
5557        </div>
5558      </div>
5559
5560      
5561      <div data-aos="fade-up" data-aos-delay="300" class="flex items-center justify-between lg:opacity-0">
5562                <div>
5563          <div class="flex items-center">
5564                      </div>
5565        </div>
5566      </div>
5567    </div>
5568  </div>
5569</div>  
5570
5571    
5572
5573  <div class="lg:section-pt-[100px] section-pt-[40px]">
5574</div>  
5575
5576    
5577
5578  <div id="recognition-and-awards-target"></div>  
5579
5580    
5581
5582  <div class="container mx-auto">
5583    <h2 class="sr-only">Recognition &amp; Awards</h2>
5584  <div id="line-grid-title" class="h2 mb-6 lg:mb-[60px] lg:text-center px-5" data-aos="fade-up">
5585    Recognition &amp; Awards
5586  </div>
5587    
5588  <div class="js-line-grid hidden md:grid auto-rows-max grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
5589        <div class="p-[30px]
5590      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5591      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5592        data-aos-delay="0">
5593        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5594          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89760/MSCI.png"
5595            alt="Recognition &amp; Awards Image" />
5596        </div>
5597                        <div class="recognition-awards-content mt-6">
5598          <div class="p1 !font-medium">
5599            MSCI ESG Indices
5600          </div>
5601          <div class="font-light text-gray-500">
5602            
5603          </div>
5604        </div>
5605                      </div>
5606
5607
5608    </div>
5609
5610            <div class="line-grid-line col-span-2 js-line-grid-md hidden">
5611    </div>
5612            <div class="p-[30px]
5613      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5614      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5615        data-aos-delay="100">
5616        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5617          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89764/HSILsustainabilitylogoeng2526.png"
5618            alt="Recognition &amp; Awards Image" />
5619        </div>
5620                        <div class="recognition-awards-content mt-6">
5621          <div class="p1 !font-medium">
5622            Hang Seng Corporate Sustainability Index Series
5623          </div>
5624          <div class="font-light text-gray-500">
5625            
5626          </div>
5627        </div>
5628                      </div>
5629
5630
5631    </div>
5632
5633                <div class="p-[30px]
5634      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5635      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5636        data-aos-delay="200">
5637        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5638          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89761/CDP-Logo-2017_2000px-1.png"
5639            alt="Recognition &amp; Awards Image" />
5640        </div>
5641                        <div class="recognition-awards-content mt-6">
5642          <div class="p1 !font-medium">
5643            CDP
5644          </div>
5645          <div class="font-light text-gray-500">
5646            Climate Change: A-
5647          </div>
5648        </div>
5649                      </div>
5650
5651
5652    </div>
5653
5654        <div class="line-grid-line col-span-4 js-line-grid-lg">
5655    </div>
5656            <div class="line-grid-line col-span-2 js-line-grid-md hidden">
5657    </div>
5658            <div class="p-[30px]
5659      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5660      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5661        data-aos-delay="300">
5662        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5663          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89762/award-spyearbook.png"
5664            alt="Recognition &amp; Awards Image" />
5665        </div>
5666                        <div class="recognition-awards-content mt-6">
5667          <div class="p1 !font-medium">
5668            S&amp;P Global Sustainability Yearbook
5669          </div>
5670          <div class="font-light text-gray-500">
5671            
5672          </div>
5673        </div>
5674                      </div>
5675
5676
5677    </div>
5678
5679                <div class="p-[30px]
5680      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5681      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5682        data-aos-delay="400">
5683        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5684          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89763/FT
5684SE4goodindex.png"
5685            alt="Recognition &amp; Awards Image" />
5686        </div>
5687                        <div class="recognition-awards-content mt-6">
5688          <div class="p1 !font-medium">
5689            FTSE4Good Index Series
5690          </div>
5691          <div class="font-light text-gray-500">
5692            
5693          </div>
5694        </div>
5695                      </div>
5696
5697
5698    </div>
5699
5700            <div class="line-grid-line col-span-2 js-line-grid-md hidden">
5701    </div>
5702            <div class="p-[30px]
5703      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5704      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5705        data-aos-delay="500">
5706        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5707          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89765/hk-council-of-social-service.png"
5708            alt="Recognition &amp; Awards Image" />
5709        </div>
5710                        <div class="recognition-awards-content mt-6">
5711          <div class="p1 !font-medium">
5712            20 Years Plus Caring Company
5713          </div>
5714          <div class="font-light text-gray-500">
5715            
5716          </div>
5717        </div>
5718                      </div>
5719
5720
5721    </div>
5722
5723                <div class="p-[30px]
5724      md:p-[20px] xl:px-[30px] xl:py-10 line-grid-card overflow-hidden">
5725      <div data-aos-anchor="#line-grid-title" data-aos-anchor-placement="top-bottom" data-aos="fade-right"
5726        data-aos-delay="600">
5727        <div class="flex h-auto items-center md:h-[80px] xl:h-[100px] 2xl:h-[160px]">
5728          <img class="mx-auto max-h-full" src="https://www.swirepacific.com/storage/media/89753/image-140.png"
5729            alt="Recognition &amp; Awards Image" />
5730        </div>
5731                        <div class="recognition-awards-content mt-6">
5732          <div class="p1 !font-medium">
5733            Business Environment Council
5734          </div>
5735          <div class="font-light text-gray-500">
5736            Founding member
5737          </div>
5738        </div>
5739                      </div>
5740
5741
5742    </div>
5743
5744              </div>
5745
5746  <div data-aos="fade-up" class="md:hidden swiper js-normal-swiper">
5747    <div class="swiper-wrapper">
5748            <div class="swiper-slide h-auto justify-center flex flex-col">
5749        <div class="mb-8 flex h-auto items-center">
5750          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89760/MSCI.png"
5751            alt="Recognition &amp; Awards Image" />
5752        </div>
5753        <div class="mx-auto">
5754                    <div class="recognition-awards-content">
5755            <div class="p1 !font-medium">
5756              MSCI ESG Indices
5757            </div>
5758            <div class="font-light text-gray-500">
5759              
5760            </div>
5761          </div>
5762                  </div>
5763      </div>
5764            <div class="swiper-slide h-auto justify-center flex flex-col">
5765        <div class="mb-8 flex h-auto items-center">
5766          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89764/HSILsustainabilitylogoeng2526.png"
5767            alt="Recognition &amp; Awards Image" />
5768        </div>
5769        <div class="mx-auto">
5770                    <div class="recognition-awards-content">
5771            <div class="p1 !font-medium">
5772              Hang Seng Corporate Sustainability Index Series
5773            </div>
5774            <div class="font-light text-gray-500">
5775              
5776            </div>
5777          </div>
5778                  </div>
5779      </div>
5780            <div class="swiper-slide h-auto justify-center flex flex-col">
5781        <div class="mb-8 flex h-auto items-center">
5782          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89761/CDP-Logo-2017_2000px-1.png"
5783            alt="Recognition &amp; Awards Image" />
5784        </div>
5785        <div class="mx-auto">
5786                    <div class="recognition-awards-content">
5787            <div class="p1 !font-medium">
5788              CDP
5789            </div>
5790            <div class="font-light text-gray-500">
5791              Climate Change: A-
5792            </div>
5793          </div>
5794                  </div>
5795      </div>
5796            <div class="swiper-slide h-auto justify-center flex flex-col">
5797        <div class="mb-8 flex h-auto items-center">
5798          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89762/award-spyearbook.png"
5799            alt="Recognition &amp; Awards Image" />
5800        </div>
5801        <div class="mx-auto">
5802                    <div class="recognition-awards-content">
5803            <div class="p1 !font-medium">
5804              S&amp;P Global Sustainability Yearbook
5805            </div>
5806            <div class="font-light text-gray-500">
5807              
5808            </div>
5809          </div>
5810                  </div>
5811      </div>
5812            <div class="swiper-slide h-auto justify-center flex flex-col">
5813        <div class="mb-8 flex h-auto items-center">
5814          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89763/FT
5814SE4goodindex.png"
5815            alt="Recognition &amp; Awards Image" />
5816        </div>
5817        <div class="mx-auto">
5818                    <div class="recognition-awards-content">
5819            <div class="p1 !font-medium">
5820              FTSE4Good Index Series
5821            </div>
5822            <div class="font-light text-gray-500">
5823              
5824            </div>
5825          </div>
5826                  </div>
5827      </div>
5828            <div class="swiper-slide h-auto justify-center flex flex-col">
5829        <div class="mb-8 flex h-auto items-center">
5830          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89765/hk-council-of-social-service.png"
5831            alt="Recognition &amp; Awards Image" />
5832        </div>
5833        <div class="mx-auto">
5834                    <div class="recognition-awards-content">
5835            <div class="p1 !font-medium">
5836              20 Years Plus Caring Company
5837            </div>
5838            <div class="font-light text-gray-500">
5839              
5840            </div>
5841          </div>
5842                  </div>
5843      </div>
5844            <div class="swiper-slide h-auto justify-center flex flex-col">
5845        <div class="mb-8 flex h-auto items-center">
5846          <img class="mx-auto max-h-full max-w-[191px]" src="https://www.swirepacific.com/storage/media/89753/image-140.png"
5847            alt="Recognition &amp; Awards Image" />
5848        </div>
5849        <div class="mx-auto">
5850                    <div class="recognition-awards-content">
5851            <div class="p1 !font-medium">
5852              Business Environment Council
5853            </div>
5854            <div class="font-light text-gray-500">
5855              Founding member
5856            </div>
5857          </div>
5858                  </div>
5859      </div>
5860          </div>
5861    <div class="js-normal-swiper-pagination normal-swiper-pagination flex justify-center mt-4"></div>
5862  </div>
5863</div>  
5864
5865    
5866
5867  <div class="lg:section-pt-[100px] section-pt-[60px]">
5868</div>  
5869
5870    
5871
5872  <div id="our-management-target"></div>  
5873
5874    
5875
5876  <div class="image-collapse-grid mx-auto js-image-collapse-grid " id="imageCollapseGriduid-7fdc775e-cdb7-41a9-97f9-740415295cb0"
5877  data-is-executive-directors="1">
5878  <div class="container mx-auto">
5879    <div class="text-left lg:text-center">
5880              <h2 class="sr-only">Our Management</h2>
5881        <div data-aos="fade-up" class="h2 mb-4 lg:mb-6">
5882          Our Management
5883        </div>
5884                    <div data-aos="fade-up" class="font-light mb-4 lg:mb-[60px]">
5885          Our List of Executive Directors
5886        </div>
5887          </div>
5888  </div>
5889  <div data-aos="fade-up" class="container mx-auto w-full lg:block hidden lg:!px-16 2xl:!px-5">
5890    
5891    <div class="js-collapse-grid collapse-grid flex flex-wrap" style="margin-top: -24px;">
5892              <div
5893          class=" js-collapse-grid-item collapse-grid-item  collapse-grid-item--count-3"
5894          style="margin-top: 24px;" data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_0"
5895          data-index="1"
5896          data-is-executive-directors="">
5897          <div class="flex flex-col h-full">
5898
5899                          <div class="square-content-block">
5900                <div class="square-content-content">
5901                                      <img class="h-full w-full object-cover" src="https://www.swirepacific.com/storage/media/89754/bradley.png"
5902                      alt="Guy Bradley, JP Image" />
5903                    
5904                                  </div>
5905              </div>
5906            
5907            <button
5908              class="js-collapse-grid-button flex-grow collapse-group collapsed flex items-center text-left border-b border-gray-400 pl-2 pt-[18px] pb-3 pr-2 font-normal"
5909              title="Toggle collapse"
5910              aria-label="Toggle collapse" type="button"
5911              data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_0">
5912              <span class="mr-auto pr-3 font-normal text-lg">Guy Bradley, JP</span>
5913              <svg class="collapse-cross" width="14" height="15" viewBox="0 0 14 15" fill="none"
5914                xmlns="http://www.w3.org/2000/svg">
5915                <line class="collapse-cross-horizontal-line" x1="13.2857" y1="7.67913" x2="0.714285" y2="7.67913"
5916                  stroke="#063E68" stroke-width="1.42857" stroke-linecap="round"></line>
5917                <line class="collapse-cross-vertical-line" x1="7.21429" y1="0.714286" x2="7.21428" y2="14.2857"
5918                  stroke="#063E68" stroke-width="1.42857" stroke-linecap="round">
5919                </line>
5920              </svg>
5921            </button>
5922          </div>
5923        </div>
5924              <div
5925          class=" js-collapse-grid-item collapse-grid-item  collapse-grid-item--count-3"
5926          style="margin-top: 24px;" data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_1"
5927          data-index="2"
5928          data-is-executive-directors="">
5929          <div class="flex flex-col h-full">
5930
5931                          <div class="square-content-block">
5932                <div class="square-content-content">
5933                                      <img class="h-full w-full object-cover" src="https://www.swirepacific.com/storage/media/89755/cogman.png"
5934                      alt="David Cogman Image" />
5935                    
5936                                  </div>
5937              </div>
5938            
5939            <button
5940              class="js-collapse-grid-button flex-grow collapse-group collapsed flex items-center text-left border-b border-gray-400 pl-2 pt-[18px] pb-3 pr-2 font-normal"
5941              title="Toggle collapse"
5942              aria-label="Toggle collapse" type="button"
5943              data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_1">
5944              <span class="mr-auto pr-3 font-normal text-lg">David Cogman</span>
5945              <svg class="collapse-cross" width="14" height="15" viewBox="0 0 14 15" fill="none"
5946                xmlns="http://www.w3.org/2000/svg">
5947                <line class="collapse-cross-horizontal-line" x1="13.2857" y1="7.67913" x2="0.714285" y2="7.67913"
5948                  stroke="#063E68" stroke-width="1.42857" stroke-linecap="round"></line>
5949                <line class="collapse-cross-vertical-line" x1="7.21429" y1="0.714286" x2="7.21428" y2="14.2857"
5950                  stroke="#063E68" stroke-width="1.42857" stroke-linecap="round">
5951                </line>
5952              </svg>
5953            </button>
5954          </div>
5955        </div>
5956              <div
5957          class=" js-collapse-grid-item collapse-grid-item  collapse-grid-item--count-3"
5958          style="margin-top: 24px;" data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_3"
5959          data-index="3"
5960          data-is-executive-directors="">
5961          <div class="flex flex-col h-full">
5962
5963                          <div class="square-content-block">
5964                <div class="square-content-content">
5965                                      <img class="h-full w-full object-cover" src="https://www.swirepacific.com/storage/media/89756/murray.png"
5966                      alt="Martin Murray, OBE Image" />
5967                    
5968                                  </div>
5969              </div>
5970            
5971            <button
5972              class="js-collapse-grid-button flex-grow collapse-group collapsed flex items-center text-left border-b border-gray-400 pl-2 pt-[18px] pb-3 pr-2 font-normal"
5973              title="Toggle collapse"
5974              aria-label="Toggle collapse" type="button"
5975              data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_3">
5976              <span class="mr-auto pr-3 font-normal text-lg">Martin Murray, OBE</span>
5977              <svg class="collapse-cross" width="14" height="15" viewBox="0 0 14 15" fill="none"
5978                xmlns="http://www.w3.org/2000/svg">
5979                <line class="collapse-cross-horizontal-line" x1="13.2857" y1="7.67913" x2="0.714285" y2="7.67913"
5980                  stroke="#063E68" stroke-width="1.42857" stroke-linecap="round"></line>
5981                <line class="collapse-cross-vertical-line" x1="7.21429" y1="0.714286" x2="7.21428" y2="14.2857"
5982                  stroke="#063E68" stroke-width="1.42857" stroke-linecap="round">
5983                </line>
5984              </svg>
5985            </button>
5986          </div>
5987        </div>
5988          </div>
5989
5990    
5991    <!-- content -->
5992    <div class="hidden">
5993              <div class="js-image-collapse-grid-content image-collapse-grid-content"
5994          data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_0">
5995          <div class="font-light p1 js-image-collapse-grid-text pt-[40px]">
5996            Guy Bradley, JP, aged 60, has been a Director of the Company and its Chairman since August 2021. His current term of office commenced on 15th May 2025 and will expire at the conclusion of the Company’s 2028 annual general meeting. He is also Chairman of John Swire &amp; Sons (H.K.) Limited, Swire Properties Limited, Cathay Pacific Airways Limited, Swire Coca-Cola Limited and Hong Kong Aircraft Engineering Company Limited. He was a Director of the Company from January 2015 to May 2017. He joined the Swire group in 1987 and has worked with the group in the Hong Kong SAR, Papua New Guinea, Japan, the USA, Vietnam, the Chinese Mainland, the Taiwan region and the Middle East. He is a chartered surveyor, a fellow of the Royal Institution of Chartered Surveyors and a member of the Hong Kong Institute of Surveyors. He is also a member of the Chief Executive’s Council of Advisers and the Hong Kong-Europe Business Council, a General Committee member of the Hong Kong General Chamber of Commerce, a special counsellor of Our Hong Kong Foundation, and Vice-President of the Real Estate Developers Association of Hong Kong.
5997          </div>
5998        </div>
5999              <div class="js-image-collapse-grid-content image-collapse-grid-content"
6000          data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_1">
6001          <div class="font-light p1 js-image-collapse-grid-text pt-[40px]">
6002            David Cogman, aged 52, has been a Director of the Company since August 2017. His current term of office commenced on 9th May 2024 and will expire at the conclusion of the Company’s 2027 annual general meeting. He is also a Director of John Swire &amp; Sons (H.K.) Limited and Swire Properties Limited. He joined McKinsey &amp; Company in 1997 and was a partner in McKinsey’s Hong Kong office. He joined the Swire group in 2017. He is Chairman of the Board of Governors of the Hong Kong Philharmonic Orchestra and a member of the M+ Business and Finance C
6002ommittee of M Plus Museum Limited.
6003          </div>
6004        </div>
6005              <div class="js-image-collapse-grid-content image-collapse-grid-content"
6006          data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_3">
6007          <div class="font-light p1 js-image-collapse-grid-text pt-[40px]">
6008            Martin Murray, OBE, aged 59, has been a Director of the Company (and its Finance Director) since April 2021. His current term of office commenced on 9th May 2024 and will expire at the conclusion of the Company’s 2027 annual general meeting.  He is also a Director of John Swire &amp; Sons (H.K.) Limited and Cathay Pacific Airways Limited. He was Chief Financial Officer of Cathay Pacific Airways Limited and before that Deputy Finance Director of the Company. He joined the Swire group in 1995 and has worked with the group in the Hong Kong SAR, the USA, Singapore and Australia. He is a member of the Institute of Chartered Accountants of Scotland and the Hong Kong Institute of Certified Public Accountants and a council member of the Hong Kong Management Association. He is responsible for the Group’s sustainability strategy and the sustainable development function and is an Asia Pacific Chapter Member of the Accounting for Sustainability (A4S) CFO Leadership Network and a council member of the World Business Council for Sustainable Development.
6009          </div>
6010        </div>
6011          </div>
6012  </div>
6013
6014  <div data-aos="fade-up" class="lg:hidden swiper js-image-collapse-swiper container mx-auto">
6015    <!-- Additional required wrapper -->
6016    <div class="swiper-wrapper">
6017      <!-- Slides -->
6018              
6019        <div class="swiper-slide">
6020          <div class="flex flex-col max-w-[400px] mx-auto sm:px-0 px-12">
6021                          <img class="object-cover "
6022                src="https://www.swirepacific.com/storage/media/89754/bradley.png"
6023                alt="Guy Bradley, JP Image" />
6024            
6025            
6026            
6027            <div
6028              class="active collapse-group collapsed flex items-center text-left border-b border-gray-400 pl-2 pt-[18px] pb-3 pr-2 font-normal"
6029              data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_0">
6030              <span class="mr-auto pr-3 font-normal text-base">Guy Bradley, JP</span>
6031              
6032            </div>
6033            
6034          </div>
6035          <div class="mx-auto" data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_0">
6036            <div class="js-mobile-image-collapse-grid-text p2 pt-[25px] break-words">
6037              Guy Bradley, JP, aged 60, has been a Director of the Company and its Chairman since August 2021. His current term of office commenced on 15th May 2025 and will expire at the conclusion of the Company’s 2028 annual general meeting. He is also Chairman of John Swire &amp; Sons (H.K.) Limited, Swire Properties Limited, Cathay Pacific Airways Limited, Swire Coca-Cola Limited and Hong Kong Aircraft Engineering Company Limited. He was a Director of the Company from January 2015 to May 2017. He joined the Swire group in 1987 and has worked with the group in the Hong Kong SAR, Papua New Guinea, Japan, the USA, Vietnam, the Chinese Mainland, the Taiwan region and the Middle East. He is a chartered surveyor, a fellow of the Royal Institution of Chartered Surveyors and a member of the Hong Kong Institute of Surveyors. He is also a member of the Chief Executive’s Council of Advisers and the Hong Kong-Europe Business Council, a General Committee member of the Hong Kong General Chamber of Commerce, a special counsellor of Our Hong Kong Foundation, and Vice-President of the Real Estate Developers Association of Hong Kong.
6038            </div>
6039          </div>
6040        </div>
6041              
6042        <div class="swiper-slide">
6043          <div class="flex flex-col max-w-[400px] mx-auto sm:px-0 px-12">
6044                          <img class="object-cover "
6045                src="https://www.swirepacific.com/storage/media/89755/cogman.png"
6046                alt="David Cogman Image" />
6047            
6048            
6049            
6050            <div
6051              class="active collapse-group collapsed flex items-center text-left border-b border-gray-400 pl-2 pt-[18px] pb-3 pr-2 font-normal"
6052              data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_1">
6053              <span class="mr-auto pr-3 font-normal text-base">David Cogman</span>
6054              
6055            </div>
6056            
6057          </div>
6058          <div class="mx-auto" data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_1">
6059            <div class="js-mobile-image-collapse-grid-text p2 pt-[25px] break-words">
6060              David Cogman, aged 52, has been a Director of the Company since August 2017. His current term of office commenced on 9th May 2024 and will expire at the conclusion of the Company’s 2027 annual general meeting. He is also a Director of John Swire &amp; Sons (H.K.) Limited and Swire Properties Limited. He joined McKinsey &amp; Company in 1997 and was a partner in McKinsey’s Hong Kong office. He joined the Swire group in 2017. He is Chairman of the Board of Governors of the Hong Kong Philharmonic Orchestra and a member of the M+ Business and Finance Committee of M Plus Museum Limited.
6061            </div>
6062          </div>
6063        </div>
6064              
6065        <div class="swiper-slide">
6066          <div class="flex flex-col max-w-[400px] mx-auto sm:px-0 px-12">
6067                          <img class="object-cover "
6068                src="https://www.swirepacific.com/storage/media/89756/murray.png"
6069                alt="Martin Murray, OBE Image" />
6070            
6071            
6072            
6073            <div
6074              class="active collapse-group collapsed flex items-center text-left border-b border-gray-400 pl-2 pt-[18px] pb-3 pr-2 font-normal"
6075              data-target="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_3">
6076              <span class="mr-auto pr-3 font-normal text-base">Martin Murray, OBE</span>
6077              
6078            </div>
6079            
6080          </div>
6081          <div class="mx-auto" data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_3">
6082            <div class="js-mobile-image-collapse-grid-text p2 pt-[25px] break-words">
6083              Martin Murray, OBE, aged 59, has been a Director of the Company (and its Finance Director) since April 2021. His current term of office commenced on 9th May 2024 and will expire at the conclusion of the Company’s 2027 annual general meeting.  He is also a Director of John Swire &amp; Sons (H.K.) Limited and Cathay Pacific Airways Limited. He was Chief Financial Officer of Cathay Pacific Airways Limited and before that Deputy Finance Director of the Company. He joined the Swire group in 1995 and has worked with the group in the Hong Kong SAR, the USA, Singapore and Australia. He is a member of the Institute of Chartered Accountants of Scotland and the Hong Kong Institute of Certified Public Accountants and a council member of the Hong Kong Management Association. He is responsible for the Group’s sustainability strategy and the sustainable development function and is an Asia Pacific Chapter Member of the Accounting for Sustainability (A4S) CFO Leadership Network and a council member of the World Business Council for Sustainable Development.
6084            </div>
6085          </div>
6086        </div>
6087      
6088    </div>
6089  </div>
6090
6091  <div
6092    class="swiper-pagination js-image-collapse-swiper-pagination image-collapse-swiper-pagination block lg:hidden mt-4 lg:mt-0">
6093  </div>
6094  
6095  <!-- content -->
6096  <div class="">
6097          <div class="js-image-collapse-grid-content image-collapse-grid-content"
6098        data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_0">
6099        <div class="font-light js-image-collapse-grid-text pt-[25px]">
6100          Guy Bradley, JP, aged 60, has been a Director of the Company and its Chairman since August 2021. His current term of office commenced on 15th May 2025 and will expire at the conclusion of the Company’s 2028 annual general meeting. He is also Chairman of John Swire &amp; Sons (H.K.) Limited, Swire Properties Limited, Cathay Pacific Airways Limited, Swire Coca-Cola Limited and Hong Kong Aircraft Engineering Company Limited. He was a Director of the Company from January 2015 to May 2017. He joined the Swire group in 1987 and has worked with the group in the Hong Kong SAR, Papua New Guinea, Japan, the USA, Vietnam, the Chinese Mainland, the Taiwan regi
6100on and the Middle East. He is a chartered surveyor, a fellow of the Royal Institution of Chartered Surveyors and a member of the Hong Kong Institute of Surveyors. He is also a member of the Chief Executive’s Council of Advisers and the Hong Kong-Europe Business Council, a General Committee member of the Hong Kong General Chamber of Commerce, a special counsellor of Our Hong Kong Foundation, and Vice-President of the Real Estate Developers Association of Hong Kong.
6101        </div>
6102      </div>
6103          <div class="js-image-collapse-grid-content image-collapse-grid-content"
6104        data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_1">
6105        <div class="font-light js-image-collapse-grid-text pt-[25px]">
6106          David Cogman, aged 52, has been a Director of the Company since August 2017. His current term of office commenced on 9th May 2024 and will expire at the conclusion of the Company’s 2027 annual general meeting. He is also a Director of John Swire &amp; Sons (H.K.) Limited and Swire Properties Limited. He joined McKinsey &amp; Company in 1997 and was a partner in McKinsey’s Hong Kong office. He joined the Swire group in 2017. He is Chairman of the Board of Governors of the Hong Kong Philharmonic Orchestra and a member of the M+ Business and Finance Committee of M Plus Museum Limited.
6107        </div>
6108      </div>
6109          <div class="js-image-collapse-grid-content image-collapse-grid-content"
6110        data-id="collapseuid-7fdc775e-cdb7-41a9-97f9-740415295cb0array_item_3">
6111        <div class="font-light js-image-collapse-grid-text pt-[25px]">
6112          Martin Murray, OBE, aged 59, has been a Director of the Company (and its Finance Director) since April 2021. His current term of office commenced on 9th May 2024 and will expire at the conclusion of the Company’s 2027 annual general meeting.  He is also a Director of John Swire &amp; Sons (H.K.) Limited and Cathay Pacific Airways Limited. He was Chief Financial Officer of Cathay Pacific Airways Limited and before that Deputy Finance Director of the Company. He joined the Swire group in 1995 and has worked with the group in the Hong Kong SAR, the USA, Singapore and Australia. He is a member of the Institute of Chartered Accountants of Scotland and the Hong Kong Institute of Certified Public Accountants and a council member of the Hong Kong Management Association. He is responsible for the Group’s sustainability strategy and the sustainable development function and is an Asia Pacific Chapter Member of the Accounting for Sustainability (A4S) CFO Leadership Network and a council member of the World Business Council for Sustainable Development.
6113        </div>
6114      </div>
6115      </div>
6116
6117      <div class="flex justify-center mt-[60px] lg:mt-[90px]">
6118      <a data-aos="fade-up"
6119        class="mx-auto inline-block min-w-[190px] rounded-lg bg-transparent px-[54px] py-[15px] text-center font-normal text-gray-400 outline outline-1 outline-[#D7D7D7] transition-all duration-300 ease-out hover:text-[#01477B] hover:outline-[2.5px] xl:text-lg"
6120        href="https://www.swirepacific.com/en/corporate-governance/directors-and-officers"
6121        aria-label="Read more about Read More">
6122        Read More
6123      </a>
6124    </div>
6125  </div>
6126  
6127
6128    
6129
6130  <div class="lg:section-pt-[100px] section-pt-[60px]">
6131</div>  
6132
6133  </div>
6134  <footer>
6135  <div class="relative print:hidden">
6136    <div class="relative z-[10] w-full bg-white">
6137      <div class="px-[20px] pt-[51px] pb-[30px] sm:px-[40px] lg:px-[80px] xl:px-[110px] 2xl:px-[160px]">
6138        <div class="mb-8 flex flex-col-reverse lg:flex-row-reverse gap-10 lg:justify-between">
6139
6140          
6141          <div class=" flex lg:mb-0 flex-row items-center lg:self-end lg:right-0 bottom-0">
6142            <div class="p2 text-gray-400 mr-[13px] whitespace-nowrap">Follow Us</div>
6143            <div class="flex items-center">
6144              
6145              <a class="facebook-ga mr-1 p-[14px] share-facebook-icon footer-facebook"
6146                href="https://www.facebook.com/SwirePacific" target="_blank"
6147                aria-label="Click to visit https://www.facebook.com/SwirePacific">
6148                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6149  <path
6150    d="M18.0008 2H15.0008C13.6747 2 12.4029 2.52678 11.4652 3.46447C10.5276 4.40215 10.0008 5.67392 10.0008 7V10H7.00078V14H10.0008V22H14.0008V14H17.0008L18.0008 10H14.0008V7C14.0008 6.73478 14.1061 6.48043 14.2937 6.29289C14.4812 6.10536 14.7356 6 15.0008 6H18.0008V2Z"
6151    stroke="#01477B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
6152</svg>              </a>
6153              <a href="https://www.linkedin.com/company/swirepacific" target="_blank"
6154                class="linkedin-ga share-linkedin-icon footer-linkedin p-[14px]"
6155                aria-label="Click to visit https://www.linkedin.com/company/swirepacific">
6156                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6157  <path
6158    d="M13.1512 10.2607V8.50659H9.03549C9.09044 9.66852 9.03549 20.8856 9.03549 20.8856H13.1512V13.9723C13.1512 13.6015 13.179 13.2331 13.2876 12.9686C13.5855 12.2291 14.2618 11.4637 15.3999 11.4637C16.8889 11.4637 17.4844 12.5991 17.4844 14.2629V20.8859H21.5995V13.7872C21.5995 9.98465 19.5693 8.21594 16.8608 8.21561C14.6746 8.21561 13.6974 9.41892 
615813.1512 10.2607ZM13.1512 10.2607C13.1433 10.2743 13.1324 10.2882 13.1244 10.3011H13.1512V10.2607ZM4.5644 2.53906C3.25586 2.53906 2.39961 3.46808 2.39961 4.68978C2.39961 5.88517 3.23063 6.84249 4.51363 6.84249H4.53948C5.87293 6.84249 6.70303 5.88517 6.70303 4.68978C6.67811 3.46808 5.87324 2.53906 4.5644 2.53906ZM2.64358 20.8856H6.75865V8.50692H2.64358V20.8856Z"
6159    stroke="#01477B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
6160</svg>              </a>
6161            </div>
6162
6163            <!-- back to top -->
6164            <div class="lg:hidden block ml-auto z-[12] footer-arrow ">
6165              <a class="js-back-to-top-button" href="javascript:;" aria-label="Back to top">
6166                <svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
6167                  <path
6168                    d="M24.9998 46.4999C36.5058 46.4999 45.8332 37.1725 45.8332 25.6666C45.8332 14.1607 36.5058 4.83325 24.9998 4.83325C13.4939 4.83325 4.1665 14.1607 4.1665 25.6666C4.1665 37.1725 13.4939 46.4999 24.9998 46.4999Z"
6169                    stroke="#063E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6170                  <path d="M33.3332 25.6666L24.9998 17.3333L16.6665 25.6666" stroke="#063E68" stroke-width="2"
6171                    stroke-linecap="round" stroke-linejoin="round" />
6172                  <path d="M25 33.9999V17.3333" stroke="#063E68" stroke-width="2" stroke-linecap="round"
6173                    stroke-linejoin="round" />
6174                </svg>
6175              </a>
6176            </div>
6177
6178
6179          </div>
6180
6181          <!-- gray line -->
6182          <div class="block lg:hidden h-px w-full bg-gray-400 opacity-50"></div>
6183
6184          
6185          <div class="font-light text-gray-400 basis-1/2">
6186            <div class="grid lg:grid-flow-col lg:grid-rows-3 lg:gap-5 ga
6186p-4">
6187
6188                            <a class="text-start" href="https://www.swirepacific.com/en/about-us"
6189                target="_self"
6190                aria-label="Read more about About Us">
6191                About Us
6192              </a>
6193                            <a class="text-start" href="https://www.swirepacific.com/en/investor-relations"
6194                target="_self"
6195                aria-label="Read more about Investor Relations">
6196                Investor Relations
6197              </a>
6198                            <a class="text-start" href="https://www.swirepacific.com/en/corporate-governance"
6199                target="_self"
6200                aria-label="Read more about Corporate Governance">
6201                Corporate Governance
6202              </a>
6203                            <a class="text-start" href="https://www.swirepacific.com/en/sustainability"
6204                target="_self"
6205                aria-label="Read more about Sustainability">
6206                Sustainability
6207              </a>
6208                            <a class="text-start" href="https://www.swirepacific.com/en/news-hub"
6209                target="_self"
6210                aria-label="Read more about News Hub">
6211                News Hub
6212              </a>
6213                            <a class="text-start" href="https://www.swirepacific.com/en/career"
6214                target="_self"
6215                aria-label="Read more about Career">
6216                Career
6217              </a>
6218                            <a class="text-start" href="https://www.swirepacific.com/en/contact-us"
6219                target="_self"
6220                aria-label="Read more about Contact Us">
6221                Contact Us
6222              </a>
6223                            <a class="text-start" href="https://www.swirepacific.com/en/sitemap"
6224                target="_self"
6225                aria-label="Read more about Sitemap">
6226                Sitemap
6227              </a>
6228                            <a class="text-start" href="https://www.swire.com/en/global/home.php"
6229                target="_blank"
6230                aria-label="Read more about Swire Group">
6231                Swire Group
6232              </a>
6233              
6234            </div>
6235          </div>
6236
6237
6238
6239          
6240          <div class=" flex lg:mb-0">
6241            <div class="w-full sm:w-auto lg:mr-auto">
6242              <img class="h-[30.75px] w-auto"
6243                src="/images/logo.png"
6244                alt="Swire Pacific Group Logo" />
6245              
6246            </div>
6247          </div>
6248
6249        </div>
6250
6251        <!-- gray line -->
6252        <div class="hidden lg:block h-px w-full bg-gray-400 opacity-50"></div>
6253
6254        <div class="mt-6">
6255          <div class="flex w-full flex-col-reverse xl:flex-row xl:justify-end xl:gap-4">
6256
6257
6258            <div class="text-sm font-light text-gray-400 xl:pr-[24px] xl:mt-0 mt-2">
6259              Copyright © 2026 Swire Pacific Limited. All rights reserved.
6260            </div>
6261
6262            <div class="flex-wrap flex gap-x-4 gap-y-2">
6263                            <div class="block text-sm font-light text-gray-400">
6264                <a href="https://www.swirepacific.com/en/disclaimer"
6265                  target="_self"
6266                  aria-label="Read more about Disclaimer">
6267                  Disclaimer
6268                </a>
6269              </div>
6270                            <div class="block text-sm font-light text-gray-400">
6271                <a href="https://www.swirepacific.com/en/privacy"
6272                  target="_self"
6273                  aria-label="Read more about Privacy Statement">
6274                  Privacy Statement
6275                </a>
6276              </div>
6277                            <div class="block text-sm font-light text-gray-400">
6278                <a href="https://www.swirepacific.com/en/cookie"
6279                  target="_self"
6280                  aria-label="Read more about Cookie Policy">
6281                  Cookie Policy
6282                </a>
6283              </div>
6284                            <div class="block text-sm font-light text-gray-400">
6285                <a href="https://www.swirepacific.com/en/accessibility"
6286                  target="_self"
6287                  aria-label="Read more about Accessibility">
6288                  Accessibility
6289                </a>
6290              </div>
6291              
6292              
6293            </div>
6294          </div>
6295        </div>
6296      </div>
6297    </div>
6298    <!-- back to top -->
6299    <div
6300      class="hidden lg:block z-[12] bottom-[85px] lg:bottom-0 lg:top-[35px] footer-arrow absolute right-5 sm:right-[30px] lg:right-[15px] xl:right-[35px] 2xl:right-[57px]">
6301      <a class="js-back-to-top-button" href="javascript:;" aria-label="Back to top">
6302        <svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
6303          <path
6304            d="M24.9998 46.4999C36.5058 46.4999 45.8332 37.1725 45.8332 25.6666C45.8332 14.1607 36.5058 4.83325 24.9998 4.83325C13.4939 4.83325 4.1665 14.1607 4.1665 25.6666C4.1665 37.1725 13.4939 46.4999 24.9998 46.4999Z"
6305            stroke="#063E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6306          <path d="M33.3332 25.6666L24.9998 17.3333L16.6665 25.6666" stroke="#063E68" stroke-width="2"
6307            stroke-linecap="round" stroke-linejoin="round" />
6308          <path d="M25 33.9999V17.3333" stroke="#063E68" stroke-width="2" stroke-linecap="round"
6309            stroke-linejoin="round" />
6310        </svg>
6311      </a>
6312    </div>
6313  </div>
6314</footer>
6314<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=4&cb=1173242279" async></script>
6314</body>
6315
6316</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.