PageSourceSearch

https://totalenergies.ca/en/contact-us-0

html totalenergies.ca collected 2026-10-08 15:28:52 UTC 210,003 bytes, 4,195 lines download raw bytes

1
2
3  
4
5<!DOCTYPE html>
6<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#">
7  <head>
8    <meta charset="utf-8" />
9<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style>
10</noscript><meta name="description" content="Get in touch with TotalEnergies Marketing Canada Inc." />
11<meta name="keywords" content="TotalEnergies Canada, contact, engine oil" />
12<link rel="canonical" href="https://totalenergies.ca/en/contact-us-0" />
13<meta property="og:site_name" content="TotalEnergies Canada" />
14<meta property="og:type" content="website" />
15<meta property="og:url" content="https://totalenergies.ca/en/contact-us-0" />
16<meta property="og:title" content="Contact us | TotalEnergies" />
17<meta property="og:description" content="Get in touch with TotalEnergies Marketing Canada Inc." />
18<meta name="google-site-verification" content="s8QJjXOVYqFu5IRUzw5e2RJY24ZEqQ_5rVdiVEW9gA4" />
19<link rel="alternate" hreflang="x-default" href="https://competition.totalenergies.com/en/totalenergies-front-row-sustainable-energy-solutions" />
20<link rel="hreflang_per_language" href="https://totalenergies.ca/fr/partenariats/totalenergies-en-1ere-ligne-sur-les-nouvelles-energies" />
21<meta name="MobileOptimized" content="width" />
22<meta name="HandheldFriendly" content="true" />
23<meta name="viewport" content="width=device-width, initial-scale=1.0" />
24<link rel="preconnect" href="https://challenges.cloudflare.com" />
25<style>.color-variables {
26  --color-light-1: #285AFF;
27  --color-neutral-white: #FFFFFF;
28  --color-dark-1: #80CDFF;
29  --color-dark-2: #92EAEA;
30  --color-dark-3: #72EAC5;
31  --color-dark-4: #BCF453;
32  --color-dark-5: #FFE74F;
33  --color-error: #E71731;
34  --color-error-light: #FBD1D6;
35  --color-neutral-grey-dark: #374649;
36  --color-neutral-grey-light: #B7CBD3;
37  --color-neutral-grey-medium: #69777D;
38  --color-neutral-grey-ultra-dark: #222B2D;
39  --color-neutral-grey-ultra-light: #F5F9FB;
40  --color-light-2: #D43900;
41  --color-primary: #E70000;
42  --color-success: #00884A;
43  --color-success-light: #B3DBC9;
44}</style>
45<link rel="preconnect" href="https://dxm.content-center.totalenergies.com" />
46<script type="application/ld+json">{
47    "@context": "https://schema.org",
48    "@type": "BreadcrumbList",
49    "itemListElement": [
50        {
51            "@type": "ListItem",
52            "position": 1,
53            "name": "Home",
54            "item": "https://totalenergies.ca/en"
55        },
56        {
57            "@type": "ListItem",
58            "position": 2,
59            "name": "Contact us"
60        }
61    ]
62}</script>
62
63<link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" />
64<script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script>
64
65
66    <title>Contact us | TotalEnergies</title>
67    <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4391/files/css/css_8ZY46v_aYs4_kJ-d4DdJTbsbsgg7dxCMlW3MSD7rGZI.css?delta=0&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyVVFFupTAMvBAhR0ImMTzvS2yUmLbcfg1Fqrb0LelXcGYc2cPYEKMK8Obh_OinIqwdsNIo6s-zn6TkblxVsUxpG_SBGf2YJDzdO44_opO9Ux2vTCovwCL29k9gydW9QaIISsIXAvGyqjMQL5ACpXfieAVEIbn6pMUl4mcXYNHwAD9CxS5IQR8kL8JohfXfkp37t9V7egGOxHMLEyGGsubRBdPESPc5-GExWzcZeb2n7yU7TPbN6hKMmO5zHlYVljZeU59k3TWwjh_rij0q9-wEPK8wY6MOGYgPqiki2tLdVwbDG82fZrzNsvsgZjUMbfxFFmqgHaLUBh6Fh1PziDNrU_hNgsKYGoahIhRLGaFBQlNBOELZfqd8Nb-GhlHYywYboc7Ofax9LOsCqT_Drm5VMX8OueIAMRMPFVXNtNWfoW4Ja3cOtz_PHv7Ax-XyqKWSLZ7vyDlgfcR9BdVeZZ7Ta1rGWs26L3FZdvNcqzr2zxkMIdEuC0Ucvral_y_a04R_AaqtVNY" />
68<link rel="stylesheet" media="all" href="/sites/g/files/wompnd4391/files/css/css_8hb9UNNOnO4hCFYk6c-bsckdaldjkM9HUbC71FIik-s.css?delta=1&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyVVFFupTAMvBAhR0ImMTzvS2yUmLbcfg1Fqrb0LelXcGYc2cPYEKMK8Obh_OinIqwdsNIo6s-zn6TkblxVsUxpG_SBGf2YJDzdO44_opO9Ux2vTCovwCL29k9gydW9QaIISsIXAvGyqjMQL5ACpXfieAVEIbn6pMUl4mcXYNHwAD9CxS5IQR8kL8JohfXfkp37t9V7egGOxHMLEyGGsubRBdPESPc5-GExWzcZeb2n7yU7TPbN6hKMmO5zHlYVljZeU59k3TWwjh_rij0q9-wEPK8wY6MOGYgPqiki2tLdVwbDG82fZrzNsvsgZjUMbfxFFmqgHaLUBh6Fh1PziDNrU_hNgsKYGoahIhRLGaFBQlNBOELZfqd8Nb-GhlHYywYboc7Ofax9LOsCqT_Drm5VMX8OueIAMRMPFVXNtNWfoW4Ja3cOtz_PHv7Ax-XyqKWSLZ7vyDlgfcR9BdVeZZ7Ta1rGWs26L3FZdvNcqzr2zxkMIdEuC0Ucvral_y_a04R_AaqtVNY" />
69<link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?tmj1fl" />
70<link rel="stylesheet" media="all" href="/sites/g/files/wompnd4391/files/css/css_m-9MRw_Egj8afr_lD-sxFLbcWm0IhOqM_VjilTLaLk8.css?delta=3&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyVVFFupTAMvBAhR0ImMTzvS2yUmLbcfg1Fqrb0LelXcGYc2cPYEKMK8Obh_OinIqwdsNIo6s-zn6TkblxVsUxpG_SBGf2YJDzdO44_opO9Ux2vTCovwCL29k9gydW9QaIISsIXAvGyqjMQL5ACpXfieAVEIbn6pMUl4mcXYNHwAD9CxS5IQR8kL8JohfXfkp37t9V7egGOxHMLEyGGsubRBdPESPc5-GExWzcZeb2n7yU7TPbN6hKMmO5zHlYVljZeU59k3TWwjh_rij0q9-wEPK8wY6MOGYgPqiki2tLdVwbDG82fZrzNsvsgZjUMbfxFFmqgHaLUBh6Fh1PziDNrU_hNgsKYGoahIhRLGaFBQlNBOELZfqd8Nb-GhlHYywYboc7Ofax9LOsCqT_Drm5VMX8OueIAMRMPFVXNtNWfoW4Ja3cOtz_PHv7Ax-XyqKWSLZ7vyDlgfcR9BdVeZZ7Ta1rGWs26L3FZdvNcqzr2zxkMIdEuC0Ucvral_y_a04R_AaqtVNY" />
71
72    
73  </head>
74  <body class="color-variables color-variation-default path-node page-node-type-standard-page tw:bg-white tw:text-base tw:antialiased tw:text-dark-text tw:overflow-y-auto">
75              <a href="#main-content" class="visually-hidden focusable skip-link bfly-skip-link tw:top-2.5 tw:bg-primary tw:text-white tw:py-2 tw:px-5 tw:rounded-large tw:left-1/2 tw:-translate-x-1/2 tw:font-bolder tw:outline-primary tw:outline tw:outline-2 tw:underline tw:focus-visible:z-max">
76        Skip to main content
77      </a>
78                  
79
80
81
82
83<div class="block block-block-content block-block-contentb84c4be5-fd0a-42dc-a16f-4fc9b702c57c popin" id="stay-connected-with-totalenergies-canada" data-component-id="butterfly_theme:popin">
84  <div class="popin__inner tw:fixed tw:inset-0 tw:z-40 tw:flex tw:p-6 popin--auto-open" id="popin-block-contentb84c4be5-fd0a-42dc-a16f-4fc9b702c57c" role="dialog" aria-labelledby="popin-title-stay-connected-with-totalenergies-canada" aria-hidden="true">
85    <div class="popin-overlay tw:fixed tw:inset-0 tw:bg-grey-ultra-dark tw:opacity-80" data-a11y-dialog-hide></div>
86    <div class="popin__content tw:w-full tw:max-h-full tw:z-20 tw:relative tw:bg-white tw:m-auto tw:rounded-large tw:overflow-hidden tw:flex tw:flex-col" role="document">
87      <div class="popin__close-button tw:absolute tw:w-10 tw:right-4 tw:top-4 tw:rtl:left-4 tw:rtl:right-auto">
88        
89
90
91
92  
93<button data-a11y-dialog-hide="" aria-label="Close dialog" class="button button--icon button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-1 tw:text-xs tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4  tw:py-2 tw:px-3 button--with-dark-text tw:fixed tw:z-50">
94      
95
96
97
98                    
99  <span  aria-hidden="true" class="icon icon--close icon--small">
100    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
101
102  </span>
103
104
105        </button>
106
107      </div>
108                  
109            <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><div class="media media--type-wedia-image media--view-mode-popin">
110  
111  
112            <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item">
113
114
115
116<figure role="figure" aria-label="TotalEnergies Canada" title="TotalEnergies Canada">
117  <picture>
118                <source
119         srcset="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/transform/xysh7dg731tahn57bu5qsho8ce/subscribe-now-newsletter.webp 1x"          title="TotalEnergies Canada"          alt="Subscribe now newsletter"          width="518"          height="240"          media="all and (min-width: 440px)"               />
120          <source
121         srcset="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/transform/xysh7dg731tahn57bu5qsho8ce/subscribe-now-newsletter.webp 1x"          title="TotalEnergies Canada"          alt="Subscribe now newsletter"          width="440"          height="226"                       />
122      
123    <img
124      src="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/transform/xysh7dg731tahn57bu5qsho8ce/subscribe-now-newsletter.webp"
125      alt="Subscribe now newsletter"
126            width="440"
127      height="226"
128      loading="lazy">
129  </picture>
130  </figure>
131</div>
132      
133</div>
134</div>
135      
136        
137      <div class="tw:flex tw:flex-col tw:gap-6 tw:p-6 tw:md:px-10 tw:overflow-y-auto popin__content--inner">
138        <div class="tw:flex tw:flex-col tw:gap-2">
139          
140
141
142
143<h2 aria-level="1" role="heading" class="popin__title tw:text-xl tw:font-light tw:tracking-xs tw:lg:text-xl-desktop" id="popin-title-stay-connected-with-totalenergies-canada">
144            Stay Connected with TotalEnergies Canada
145      </h2>
146
147
148                      <div class="popin__description tw:tracking-xs">
149                  
150            <div class="rich-text-field rich-text-field-format--basic field field--name-field-description field--type-text-long field--label-hidden field__item" data-muted="false"><p><span>Get the latest news, industry insights, product updates, expert tips, and exclusive contests delivered straight to your inbox.</span></p></div>
151      
152              </div>
153                  </div>
154
155        
156                  <div class="popin__cta-wrapper tw:gap-4 tw:flex tw:flex-col tw:md:flex-row">
157                          <div class="popin__cta popin__cta--primary">
158                      
159
160
161
162  
163<a class="button button--primary button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:text-base tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4  tw:py-2 tw:px-6" href="/en/subscribe-newsletter">
164        <span>Subscribe now</span>
165      </a>
166
167                </div>
168                                  </div>
169              </div>
170    </div>
171  </div>
172</div>
173
174        
175      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
176    <div class="layout-container tw:flex tw:flex-col tw:lg:min-h-screen">
177
178  
179
180  <header class="main-header tw:flex tw:items-center tw:flex-col tw:justify-center tw:border-b tw:border-solid tw:border-component-grey-ultra-light tw:z-30 tw:relative tw:top-0 tw:left-0 tw:right-0 tw:bg-component-white tw:w-full" role="banner">
181  <div class="tw:container tw:flex tw:justify-between tw:w-full tw:bg-component-white">
182            <div>
183    
184<div id="block-butterfly-theme-site-branding" data-component-id="butterfly_theme:branding" class="site-branding block block-system block-system-branding-block">
185  
186          
187    <div class="site-branding__inner tw:flex tw:lg:gap-4 tw:md:gap-2 tw:gap-4 tw:items-center">
188          <a href="/en" aria-label="TotalEnergies Canada - Go to the homepage" rel="home"  class="site-branding__logo branging-logo">
189        <img src="/themes/custom/butterfly_theme/logo.svg?v=1.2" alt="TotalEnergies Canada" width="129" height="102" loading="eager" fetchpriority="high"/>
190      </a>
191        <div class="branding-text tw:header-font tw:lg:text-sm tw:inline-block tw:text-xxs tw:font-medium tw:text-component-primary tw:transition-all tw:duration-300 tw:ease-in-out">
192              <div class="site-slogan ">
193          Canada
194        </div>
195          </div>
196  </div>
197</div>
198
199
200  </div>
201
202                      <div class="tw:flex ">
203                  <div class="tw:lg:hidden tw:leading-none tw:flex tw:items-center tw:gap-4">
204            
205
206  
207  
208<div  role="search">
209  <button  class="js-search-button js-header-search-button search-button-header" aria-expanded="false">
210    
211
212
213
214                    
215  <span  aria-hidden="true" class="icon icon--search tw:text-component-primary">
216    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg>
217
218  </span>
219
220
221    <span class="tw:sr-only">Search</span>
222  </button>
223</div>
224
225            <button type="button" aria-expanded="false" class="hamburger tw:relative tw:cursor-pointer tw:w-6 tw:h-6 tw:rotate-0 tw:transition-transform tw:duration-300 tw:ease-in-out" aria-label="Main menu">
226              <span></span>
227              <span></span>
228              <span></span>
229              <span></span>
230            </button>
231          </div>
232                <div class="main-menu__region--container tw:lg:block tw:hidden tw:lg:static tw:absolute tw:top-full tw:left-0 tw:right-0 tw:bottom-0 tw:lg:w-auto tw:w-full tw:lg:h-auto tw:h-screen tw:bg-component-white">
233          <div class="main-menu__region--wrapper tw:flex tw:lg:overflow-x-visible tw:overflow-x-hidden tw:max-lg:overflow-y-auto tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:pt-1 tw:lg:flex-col-reverse tw:flex-col tw:lg:gap-4 tw:lg:pl-4 tw:max-lg:px-6 tw:h-auto">
234            
235  <div class="region region--main-navigation tw:flex tw:lg:justify-end primary-region__menu--container">
236    <nav class="tw:w-full" role="navigation" aria-label="Main menu" id="block-butterfly-theme-mainnavigation">
237          
238        
239        
240    
241        
242          <div class="primary-menu__container">
243    
244    
245    
246      <div class="menu__item-go-back tw:hidden menu__back-button-1">
247                      </div>
248
249      <ul  data-region="main_navigation" data-component-id="butterfly_theme:main-menu-navigation" class="menu menu--level-1 main-menu__primary-level tw:flex tw:lg:flex-row tw:flex-col tw:heading-font tw:lg:items-center tw:lg:flex-wrap tw:lg:gap-x-6 tw:lg:gap-y-0.5 tw:lg:justify-end" data-level="1">
250
251        
252                                        
253                                        
254          
255          
256          <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children">
257                        
258                                    
259            
260            
261            
262                                                
263            <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1">
264                            
265                                              
266
267
268  
269        
270<button  type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover">
271  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
272    
273          Discover TotalEnergies Canada
274    
275                        
276
277  
278
279                    
280  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
281    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
282
283  </span>
284
285
286            
287      </span>
288  </button>
289
290              
291                          </div>
292
293                                  
294    
295        
296    
297          <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full">            <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4">
298              <div class="main-menu__primary-level-1--container tw:relative tw:lg:container">
299            <div class="tw:relative tw:h-4 tw:lg:block tw:hidden">
300              <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50">
301                
302
303
304
305                    
306  <span  aria-hidden="true" class="icon icon--close tw:text-component-primary">
307    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
308
309  </span>
310
311
312                <span class="visually-hidden">Close</span>
313              </button>
314            </div>
315            <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6">
316    
317    
318      <div class="menu__item-go-back tw:hidden menu__back-button-2">
319                  <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
320            
321
322  
323
324                    
325  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
326    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
327
328  </span>
329
330
331            Back
332          </button>
333                                    
334                      <a href="/en/total-energies-marketing" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4" data-drupal-link-system-path="node/351">  Discover TotalEnergies Canada </a>
335          
336              </div>
337
338      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2">
339
340        
341                                        
342                                        
343          
344          
345          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
346                        
347                                    
348            
349            
350            
351                                                
352            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
353                            
354                              
355                
356                <a href="/en/total-energies-marketing/totalenergies-global-integrated-energy-company" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/926">                  <span> Discover TotalEnergies Group  </span>
357                                  </a>
358              
359                          </div>
360
361            
362          </li>
363                                        
364                                        
365          
366          
367          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
368                        
369                                    
370            
371            
372            
373                                                
374            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
375                            
376                              
377                
378                <a href="https://totalenergies.com/group/identity/five-strong-values-embedded-our-dna" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">
378                  <span> Our values </span>
379                                  </a>
380              
381                          </div>
382
383            
384          </li>
385                                        
386                                        
387          
388          
389          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
390                        
391                                    
392            
393            
394            
395                                                
396            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
397                            
398                              
399                
400                <a href="/en/sustainability/people-well-being/health-and-safety" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/461">                  <span> Safety culture </span>
401                                  </a>
402              
403                          </div>
404
405            
406          </li>
407                                        
408                                        
409          
410          
411          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
412                        
413                                    
414            
415            
416            
417                                                
418            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
419                            
420                              
421                
422                <a href="/en/sustainability/environment" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/941">                  <span> Environment </span>
423                                  </a>
424              
425                          </div>
426
427            
428          </li>
429                                        
430                                        
431          
432          
433          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
434                        
435                                    
436            
437            
438            
439                                                
440            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
441                            
442                              
443                
444                <a href="https://jobs.totalenergies.com/en_US/careers/SearchJobs/?3834=%5B41641%5D&amp;3834_format=3639&amp;listFilterMode=1&amp;jobRecordsPerPage=20&amp;#jobs" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">                  <span> Careers </span>
445                                  </a>
446              
447                          </div>
448
449            
450          </li>
451                                        
452                                        
453          
454          
455          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
456                        
457                                    
458            
459            
460            
461                                                
462            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
463                            
464                              
465                
466                <a href="/en/discover-totalenergies/suppliers" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/881">                  <span> Suppliers </span>
467                                  </a>
468              
469                          </div>
470
471            
472          </li>
473              </ul>
474
475    
476                </div>
477          </div>
478        </div>
479      </div>
480    
481    
482    
483            
484          </li>
485                                        
486                                        
487          
488          
489          <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children">
490                        
491                                    
492            
493            
494            
495                                                
496            <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1">
497                            
498                                              
499
500
501  
502        
503<button  type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover">
504  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
505    
506          Lubricants
507    
508                        
509
510  
511
512                    
513  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
514    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
515
516  </span>
517
518
519            
520      </span>
521  </button>
522
523              
524                          </div>
525
526                                  
527    
528        
529    
530          <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full">            <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4">
531              <div class="main-menu__primary-level-1--container tw:relative tw:lg:container">
532            <div class="tw:relative tw:h-4 tw:lg:block tw:hidden">
533              <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50">
534                
535
536
537
538                    
539  <span  aria-hidden="true" class="icon icon--close tw:text-component-primary">
540    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
541
542  </span>
543
544
545                <span class="visually-hidden">Close</span>
546              </button>
547            </div>
548            <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6">
549    
550    
551      <div class="menu__item-go-back tw:hidden menu__back-button-2">
552                  <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
553            
554
555  
556
557                    
558  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
559    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
560
561  </span>
562
563
564            Back
565          </button>
566                                    
567                      <a href="/en/our-lubricants" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4" data-drupal-link-system-path="node/361">  Lubricants </a>
568          
569              </div>
570
571      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2">
572
573        
574                                        
575                                        
576          
577          
578          <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
579                        
580                                    
581            
582            
583            
584                                                
585            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2">
586                            
587                              
588                
589                <a href="/en/lubricants/quartz-engine-oils" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/371">                  <span> Quartz | Light vehicles Engine oils </span>
590                                  </a>
591              
592                                              
593
594
595  
596        
597<button  type="button" aria-label="Quartz | Light vehicles Engine oils" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6">
598  <span class="">
599    
600                        
601
602  
603
604                    
605  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
606    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
607
608  </span>
609
610
611            
612    
613      </span>
614  </button>
615
616                          </div>
617
618                                  
619    
620        
621    
622    
623          <div  class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0">
624    
625      <div class="menu__item-go-back tw:hidden menu__back-button-3">
626                  <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
627            
628
629  
630
631                    
632  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
633    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
634
635  </span>
636
637
638            Back
639          </button>
640                                    
641                      <a href="/en/lubricants/quartz-engine-oils" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/371">  Quartz | Light vehicles Engine oils </a>
642          
643              </div>
644
645      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3">
646
647        
648                                        
649                                        
650          
651          
652          <li class="menu__item menu__item--nolink menu__item--level-3 menu__item--has-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5">
653                        
654                                    
655            
656            
657                                      
658                                                
659            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
660                            
661                              
662
663
664  
665        
666<button  type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-3 menu__link--has-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4">
667  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
668                          
669              
670    
671          Engine Oil Tips
672    
673                        
674
675  
676
677                    
678  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
679    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
680
681  </span>
682
683
684            
685      </span>
686  </button>
687
688              
689                          </div>
690
691                                  
692    
693        
694    
695    
696          <div  class="main-menu__level-wrapper main-menu__level-4 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:max-lg:absolute tw:max-lg:top-0 tw:max-lg:w-full tw:max-lg:ltr:right-0 tw:max-lg:rtl:left-0 tw:max-lg:z-40">
697    
698      <div class="menu__item-go-back tw:hidden menu__back-button-4">
699                  <button type="button" data-id="4" class="go-back__button go-back__button-4 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
700            
701
702  
703
704                    
705  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
706    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
707
708  </span>
709
710
711            Back
712          </button>
713                                    
714                      <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden">                 
715               Engine Oil Tips </span>
716          
717              </div>
718
719      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 tw:heading-font tw:lg:flex tw:lg:flex-col tw:lg:gap-4" data-level="4">
720
721        
722                                        
723                                        
724          
725          
726          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
727                        
728                                    
729            
730            
731                                      
732                                                
733            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
734                            
735                              
736                
737                <a href="/en/quartz/engine-oil-tips/hybrid-engine-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/691">                  <span>                
738               Is engine oil required in hybrid cars? </span>
739                                  </a>
740              
741                          </div>
742
743            
744          </li>
745                                        
746                                        
747          
748          
749          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
750                        
751                                    
752            
753            
754                                      
755                                                
756            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
757                            
758                              
759                
760                <a href="/en/lubricants/quartz-light-vehicles-engine-oils/engine-oil-tips/do-electric-cars-need-engine-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/701">                  <span>                
761               Is engine oil required in an electric vehicle? </span>
762                                  </a>
763              
764                          </div>
765
766            
767          </li>
768                                        
769                                        
770          
771          
772          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
773                        
774                                    
775            
776            
777                                      
778                                                
779            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
780                            
781                              
782                
783                <a href="/en/node/296" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/296">                  <span>                
784               Why choose a fully synthetic engine oil? </span>
785                                  </a>
786              
787                          </div>
788
789            
790          </li>
791                                        
792                                        
793          
794          
795          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
796                        
797                                    
798            
799            
800                                      
801                                                
802            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
803                            
804                              
805                
806                <a href="/en/node/726" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/726">                  <span>                
807               What is the composition of motor oil? </span>
808                                  </a>
809              
810                          </div>
811
812            
813          </li>
814                                        
815                                        
816          
817          
818          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
819                        
820                                    
821            
822            
823                                      
824                                                
825            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
826                            
827                              
828                
829                <a href="/en/lubricants/quartz/engine-oil-tips/choose-your-motor-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/716">                  <span>                
830               How to choose a motor oil? </span>
831                                  </a>
832              
833                          </div>
834
835            
836          </li>
837                                        
838                                        
839          
840          
841          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
842                        
843                                    
844            
845            
846                                      
847                                                
848            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
849                            
850                              
851                
852                <a href="/en/node/746" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/746">                  <span>                
853               Role and benefits of motor oil </span>
854                                  </a>
855              
856                          </div>
857
858            
859          </li>
860                                        
861                                        
862          
863          
864          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
865                        
866                                    
867            
868            
869                                      
870                                                
871            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
872                            
873                              
874                
875                <a href="/en/quartz/role-and-benefits-engine-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/731">
875                  <span>                
876               What is motor oil used for and what are its benefits? </span>
877                                  </a>
878              
879                          </div>
880
881            
882          </li>
883              </ul>
884
885          </div>
886    
887    
888    
889    
890            
891          </li>
892                                        
893                                        
894          
895          
896          <li class="menu__item menu__item--link menu__item--level-3 menu__item--has-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5">
897                        
898                                    
899            
900            
901                                      
902                                                
903            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
904                            
905                              
906                
907                <a href="/en/lubricants/quartz-engine-oils/fully-synthetic-engine-oil" class="menu__link menu__link--link menu__link--level-3 menu__link--has-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/391">                  <span>                
908               Our fully synthetic Quartz engine oils               
909
910  
911
912                    
913  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
914    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
915
916  </span>
917
918
919            </span>
920                                  </a>
921              
922                          </div>
923
924                                  
925    
926        
927    
928    
929          <div  class="main-menu__level-wrapper main-menu__level-4 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:max-lg:absolute tw:max-lg:top-0 tw:max-lg:w-full tw:max-lg:ltr:right-0 tw:max-lg:rtl:left-0 tw:max-lg:z-40">
930    
931      <div class="menu__item-go-back tw:hidden menu__back-button-4">
932                  <button type="button" data-id="4" class="go-back__button go-back__button-4 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
933            
934
935  
936
937                    
938  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
939    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
940
941  </span>
942
943
944            Back
945          </button>
946                                    
947                      <a href="/en/lubricants/quartz-engine-oils/fully-synthetic-engine-oil" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/391">                 
948               Our fully synthetic Quartz engine oils </a>
949          
950              </div>
951
952      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 tw:heading-font tw:lg:flex tw:lg:flex-col tw:lg:gap-4" data-level="4">
953
954        
955                                        
956                                        
957          
958          
959          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
960                        
961                                    
962            
963            
964                                      
965                                                
966            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
967                            
968                              
969                
970                <a href="/en/lubricants/quartz-engine-oils/quartz-ineo-xtra-efficiency-0W-12" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/906">                  <span>                
971               TotalEnergies launches Quartz Ineo Xtra Efficiency 0W-12  </span>
972                                  </a>
973              
974                          </div>
975
976            
977          </li>
978              </ul>
979
980          </div>
981    
982    
983    
984    
985            
986          </li>
987                                        
988                                        
989          
990          
991          <li class="menu__item menu__item--nolink menu__item--level-3 menu__item--has-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5">
992                        
993                                    
994            
995            
996                                      
997                                                
998            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
999                            
1000                              
1001
1002
1003  
1004        
1005<button  type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-3 menu__link--has-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4">
1006  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
1007                          
1008              
1009    
1010          Engine Oil Standards
1011    
1012                        
1013
1014  
1015
1016                    
1017  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
1018    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
1019
1020  </span>
1021
1022
1023            
1024      </span>
1025  </button>
1026
1027              
1028                          </div>
1029
1030                                  
1031    
1032        
1033    
1034    
1035          <div  class="main-menu__level-wrapper main-menu__level-4 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:max-lg:absolute tw:max-lg:top-0 tw:max-lg:w-full tw:max-lg:ltr:right-0 tw:max-lg:rtl:left-0 tw:max-lg:z-40">
1036    
1037      <div class="menu__item-go-back tw:hidden menu__back-button-4">
1038                  <button type="button" data-id="4" class="go-back__button go-back__button-4 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
1039            
1040
1041  
1042
1043                    
1044  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
1045    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
1046
1047  </span>
1048
1049
1050            Back
1051          </button>
1052                                    
1053                      <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden">                 
1054               Engine Oil Standards </span>
1055          
1056              </div>
1057
1058      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 tw:heading-font tw:lg:flex tw:lg:flex-col tw:lg:gap-4" data-level="4">
1059
1060        
1061                                        
1062                                        
1063          
1064          
1065          <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0">
1066                        
1067                                    
1068            
1069            
1070                                      
1071                                                
1072            <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4">
1073                            
1074                              
1075                
1076                <a href="/en/our-lubricants/the-new-standard-in-engine-lubricants" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/911">                  <span>                
1077               API SQ / ILSAC GF-7 – The new standard in engine lubricants </span>
1078                                  </a>
1079              
1080                          </div>
1081
1082            
1083          </li>
1084              </ul>
1085
1086          </div>
1087    
1088    
1089    
1090    
1091            
1092          </li>
1093              </ul>
1094
1095          </div>
1096    
1097    
1098    
1099    
1100            
1101          </li>
1102                                        
1103                                        
1104          
1105          
1106          <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1107                        
1108                                    
1109            
1110            
1111            
1112                                                
1113            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2">
1114                            
1115                              
1116                
1117                <a href="/en/lubricants/heavy-duty-motor-oils" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/381">                  <span> Rubia | Heavy Duty Engine oils </span>
1118                                  </a>
1119              
1120                                              
1121
1122
1123  
1124        
1125<button  type="button" aria-label="Rubia | Heavy Duty Engine oils" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6">
1126  <span class="">
1127    
1128                        
1129
1130  
1131
1132                    
1133  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
1134    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
1135
1136  </span>
1137
1138
1139            
1140    
1141      </span>
1142  </button>
1143
1144                          </div>
1145
1146                                  
1147    
1148        
1149    
1150    
1151          <div  class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0">
1152    
1153      <div class="menu__item-go-back tw:hidden menu__back-button-3">
1154                  <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
1155            
1156
1157  
1158
1159                    
1160  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
1161    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
1162
1163  </span>
1164
1165
1166            Back
1167          </button>
1168                                    
1169                      <a href="/en/lubricants/heavy-duty-motor-oils" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/381">  Rubia | Heavy Duty Engine oils </a>
1170          
1171              </div>
1172
1173      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3">
1174
1175        
1176                                        
1177                                        
1178          
1179          
1180          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1181                        
1182                                    
1183            
1184            
1185                                      
1186                                                
1187            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1188                            
1189                              
1190                
1191                <a href="/en/lubricants/rubia-heavy-duty-engine-oils/our-heavy-duty-engine-oil-range" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/661">                  <span>                
1192               Rubia Optima | Engine oils for transport </span>
1193                                  </a>
1194              
1195                          </div>
1196
1197            
1198          </li>
1199                                        
1200                                        
1201          
1202          
1203          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1204                        
1205                                    
1206            
1207            
1208                                      
1209                                                
1210            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1211                            
1212                              
1213                
1214                <a href="/en/lubricants/heavy-duty-motor-oils/evolution-mineral-synthetic-technology-oil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/856">                  <span>                
1215               The evolution from mineral to synthetic oil is here </span>
1216                                  </a>
1217              
1218                          </div>
1219
1220            
1221          </li>
1222              </ul>
1223
1224          </div>
1225    
1226    
1227    
1228    
1229            
1230          </li>
1231                                        
1232                                        
1233          
1234          
1235          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1236                        
1237                                    
1238            
1239            
1240            
1241                                                
1242            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1243                            
1244                              
1245                
1246                <a href="/en/lubricants/heavy-duty-motor-oils/agriculture" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/306">                  <span> Lubricants for agriculture </span>
1247                                  </a>
1248              
1249                          </div>
1250
1251            
1252          </li>
1253                                        
1254                                        
1255          
1256          
1257          <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1258                        
1259                                    
1260            
1261            
1262            
1263                                                
1264            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2">
1265                            
1266                              
1267
1268
1269
1270      
1271<button  type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">
1272  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
1273    
1274          Industrial lubricants
1275    
1276      </span>
1277  </button>
1278
1279              
1280                                              
1281
1282
1283  
1284        
1285<button  type="button" aria-label="Industrial lubricants" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6">
1286  <span class="">
1287    
1288                        
1289
1290  
1291
1292                    
1293  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
1294    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
1295
1296  </span>
1297
1298
1299            
1300    
1301      </span>
1302  </button>
1303
1304                          </div>
1305
1306                                  
1307    
1308        
1309    
1310    
1311          <div  class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0">
1312    
1313      <div class="menu__item-go-back tw:hidden menu__back-button-3">
1314                  <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
1315            
1316
1317  
1318
1319                    
1320  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
1321    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
1322
1323  </span>
1324
1325
1326            Back
1327          </button>
1328                                    
1329                      <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden">  Industrial lubricants </span>
1330          
1331              </div>
1332
1333      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3">
1334
1335        
1336                                        
1337                                        
1338          
1339          
1340          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1341                        
1342                                    
1343            
1344            
1345                                      
1346                                                
1347            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1348                            
1349                              
1350                
1351                <a href="/en/lubricants/industrial-lubricants/food-grade" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/266">
1351                  <span>                
1352               Lubricants for Food Processing </span>
1353                                  </a>
1354              
1355                          </div>
1356
1357            
1358          </li>
1359                                        
1360                                        
1361          
1362          
1363          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1364                        
1365                                    
1366            
1367            
1368                                      
1369                                                
1370            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1371                            
1372                              
1373                
1374                <a href="/en/lubricants/industrial-lubricants/cement-industry" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/441">                  <span>                
1375               Lubricants for Cement Industry </span>
1376                                  </a>
1377              
1378                          </div>
1379
1380            
1381          </li>
1382                                        
1383                                        
1384          
1385          
1386          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1387                        
1388                                    
1389            
1390            
1391                                      
1392                                                
1393            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1394                            
1395                              
1396                
1397                <a href="/en/industrial-sector/services-industrial-sector" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/501">                  <span>                
1398               Services for Industrial partners </span>
1399                                  </a>
1400              
1401                          </div>
1402
1403            
1404          </li>
1405              </ul>
1406
1407          </div>
1408    
1409    
1410    
1411    
1412            
1413          </li>
1414                                        
1415                                        
1416          
1417          
1418          <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1419                        
1420                                    
1421            
1422            
1423            
1424                                                
1425            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2">
1426                            
1427                              
1428
1429
1430
1431      
1432<button  type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">
1433  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
1434    
1435          Transmission Fluids
1436    
1437      </span>
1438  </button>
1439
1440              
1441                                              
1442
1443
1444  
1445        
1446<button  type="button" aria-label="Transmission Fluids" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6">
1447  <span class="">
1448    
1449                        
1450
1451  
1452
1453                    
1454  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
1455    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
1456
1457  </span>
1458
1459
1460            
1461    
1462      </span>
1463  </button>
1464
1465                          </div>
1466
1467                                  
1468    
1469        
1470    
1471    
1472          <div  class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0">
1473    
1474      <div class="menu__item-go-back tw:hidden menu__back-button-3">
1475                  <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
1476            
1477
1478  
1479
1480                    
1481  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
1482    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
1483
1484  </span>
1485
1486
1487            Back
1488          </button>
1489                                    
1490                      <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden">  Transmission Fluids </span>
1491          
1492              </div>
1493
1494      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3">
1495
1496        
1497                                        
1498                                        
1499          
1500          
1501          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1502                        
1503                                    
1504            
1505            
1506                                      
1507                                                
1508            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1509                            
1510                              
1511                
1512                <a href="/en/our-lubricants/fluidsyn-atf-cvt-new-product" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/806">                  <span>                
1513               Fluidsyn ATF/CVT </span>
1514                                  </a>
1515              
1516                          </div>
1517
1518            
1519          </li>
1520                                        
1521                                        
1522          
1523          
1524          <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0">
1525                        
1526                                    
1527            
1528            
1529                                      
1530                                                
1531            <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3">
1532                            
1533                              
1534                
1535                <a href="/en/quartz-ev-fluid-range" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/891">                  <span>                
1536               Quartz EV Fluid range </span>
1537                                  </a>
1538              
1539                          </div>
1540
1541            
1542          </li>
1543              </ul>
1544
1545          </div>
1546    
1547    
1548    
1549    
1550            
1551          </li>
1552                                        
1553                                        
1554          
1555          
1556          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1557                        
1558                                    
1559            
1560            
1561            
1562                                                
1563            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1564                            
1565                              
1566                
1567                <a href="/en/our-products/Oil-diagnosis-labservices" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/666">
1567                  <span> LabServices | Oil Analysis </span>
1568                                  </a>
1569              
1570                          </div>
1571
1572            
1573          </li>
1574                                        
1575                                        
1576          
1577          
1578          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1579                        
1580                                    
1581            
1582            
1583            
1584                                                
1585            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1586                            
1587                              
1588                
1589                <a href="https://lubricants.catalog.totalenergies.com/catalog-ca/en_CA" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">                  <span> Lubricants Catalog </span>
1590                                  </a>
1591              
1592                          </div>
1593
1594            
1595          </li>
1596                                        
1597                                        
1598          
1599          
1600          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1601                        
1602                                    
1603            
1604            
1605            
1606                                                
1607            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1608                            
1609                              
1610                
1611                <a href="https://totalenergies.ca/en/lubconsult" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">                  <span> LubConsult recommendation </span>
1612                                  </a>
1613              
1614                          </div>
1615
1616            
1617          </li>
1618              </ul>
1619
1620    
1621                </div>
1622          </div>
1623        </div>
1624      </div>
1625    
1626    
1627    
1628            
1629          </li>
1630                                        
1631                                        
1632          
1633          
1634          <li class="menu__item menu__item--link menu__item--level-1 menu__item--no-children">
1635                        
1636                                    
1637            
1638            
1639            
1640                                                
1641            <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1">
1642                            
1643                              
1644                
1645                <a href="/en/quartz-auto-services-centres" class="menu__link menu__link--link menu__link--level-1 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover" data-drupal-link-system-path="node/591">                  <span> TotalEnergies Quartz Auto Services </span>
1646                                  </a>
1647              
1648                          </div>
1649
1650            
1651          </li>
1652                                        
1653                                        
1654          
1655          
1656          <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children">
1657                        
1658                                    
1659            
1660            
1661            
1662                                                
1663            <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1">
1664                            
1665                                              
1666
1667
1668  
1669        
1670<button  type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover">
1671  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
1672    
1673          Partnerships
1674    
1675                        
1676
1677  
1678
1679                    
1680  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
1681    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
1682
1683  </span>
1684
1685
1686            
1687      </span>
1688  </button>
1689
1690              
1691                          </div>
1692
1693                                  
1694    
1695        
1696    
1697          <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full">            <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4">
1698              <div class="main-menu__primary-level-1--container tw:relative tw:lg:container">
1699            <div class="tw:relative tw:h-4 tw:lg:block tw:hidden">
1700              <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50">
1701                
1702
1703
1704
1705                    
1706  <span  aria-hidden="true" class="icon icon--close tw:text-component-primary">
1707    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
1708
1709  </span>
1710
1711
1712                <span class="visually-hidden">Close</span>
1713              </button>
1714            </div>
1715            <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6">
1716    
1717    
1718      <div class="menu__item-go-back tw:hidden menu__back-button-2">
1719                  <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
1720            
1721
1722  
1723
1724                    
1725  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
1726    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
1727
1728  </span>
1729
1730
1731            Back
1732          </button>
1733                                    
1734                      <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4">  Partnerships </span>
1735          
1736              </div>
1737
1738      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2">
1739
1740        
1741                                        
1742                                        
1743          
1744          
1745          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1746                        
1747                                    
1748            
1749            
1750            
1751                                                
1752            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1753                            
1754                              
1755                
1756                <a href="/en/partnership/canadian-hockey-league" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/946">                  <span> TotalEnergies, Proud Partner of the Canadian Hockey League </span>
1757                                  </a>
1758              
1759                          </div>
1760
1761            
1762          </li>
1763                                        
1764                                        
1765          
1766          
1767          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1768                        
1769                                    
1770            
1771            
1772            
1773                                                
1774            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1775                            
1776                              
1777                
1778                <a href="/en/partnership/straight-pipes" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/821">                  <span> TotalEnergies Quartz Engine Oil – Proud Partner of The Straight Pipes </span>
1779                                  </a>
1780              
1781                          </div>
1782
1783            
1784          </li>
1785                                        
1786                                        
1787          
1788          
1789          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1790                        
1791                                    
1792            
1793            
1794            
1795                                                
1796            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1797                            
1798                              
1799                
1800                <a href="/en/partnership/totalenergies-partners-again-with-guide-de-l-auto-tv" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/866">                  <span> Guide de l’auto TV </span>
1801                                  </a>
1802              
1803                          </div>
1804
1805            
1806          </li>
1807                                        
1808                                        
1809          
1810          
1811          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1812                        
1813                                    
1814            
1815            
1816            
1817                                                
1818            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1819                            
1820                              
1821                
1822                <a href="/en/partnership/straight-pipes" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/821">                  <span> Straight Pipes </span>
1823                                  </a>
1824              
1825                          </div>
1826
1827            
1828          </li>
1829                                        
1830                                        
1831          
1832          
1833          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1834                        
1835                                    
1836            
1837            
1838            
1839                                                
1840            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1841                            
1842                              
1843                
1844                <a href="/en/partenarships/totalenergies-front-row-sustainable-energy-solutions" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/646">                  <span> TotalEnergies on the front row of sustainable energy solutions </span>
1845                                  </a>
1846              
1847                          </div>
1848
1849            
1850          </li>
1851                                        
1852                                        
1853          
1854          
1855          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1856                        
1857                                    
1858            
1859            
1860            
1861                                                
1862            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1863                            
1864                              
1865                
1866                <a href="/en/about-us/partnerships/ultramar" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/256">                  <span> TotalEnergies available at Ultramar </span>
1867                                  </a>
1868              
1869                          </div>
1870
1871            
1872          </li>
1873              </ul>
1874
1875    
1876                </div>
1877          </div>
1878        </div>
1879      </div>
1880    
1881    
1882    
1883            
1884          </li>
1885                                        
1886                                        
1887          
1888          
1889          <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children">
1890                        
1891                                    
1892            
1893            
1894            
1895                                                
1896            <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1">
1897                            
1898                                              
1899
1900
1901  
1902        
1903<button  type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover">
1904  <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right">
1905    
1906          Contest
1907    
1908                        
1909
1910  
1911
1912                    
1913  <span  aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180">
1914    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
1915
1916  </span>
1917
1918
1919            
1920      </span>
1921  </button>
1922
1923              
1924                          </div>
1925
1926                                  
1927    
1928        
1929    
1930          <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full">            <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4">
1931              <div class="main-menu__primary-level-1--container tw:relative tw:lg:container">
1932            <div class="tw:relative tw:h-4 tw:lg:block tw:hidden">
1933              <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50">
1934                
1935
1936
1937
1938                    
1939  <span  aria-hidden="true" class="icon icon--close tw:text-component-primary">
1940    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
1941
1942  </span>
1943
1944
1945                <span class="visually-hidden">Close</span>
1946              </button>
1947            </div>
1948            <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6">
1949    
1950    
1951      <div class="menu__item-go-back tw:hidden menu__back-button-2">
1952                  <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text">
1953            
1954
1955  
1956
1957                    
1958  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
1959    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
1960
1961  </span>
1962
1963
1964            Back
1965          </button>
1966                                    
1967                      <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4">  Contest </span>
1968          
1969              </div>
1970
1971      <ul  data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2">
1972
1973        
1974                                        
1975                                        
1976          
1977          
1978          <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear">
1979                        
1980                                    
1981            
1982            
1983            
1984                                                
1985            <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2">
1986                            
1987                              
1988                
1989                <a href="/en/win-2-tickets-2027-memorial-cup" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/961">                  <span> Memorial Cup 2027 </span>
1990                                  </a>
1991              
1992                          </div>
1993
1994            
1995          </li>
1996              </ul>
1997
1998    
1999                </div>
2000          </div>
2001        </div>
2002      </div>
2003    
2004    
2005    
2006            
2007          </li>
2008              </ul>
2009
2010    
2011    
2012          </div>
2013    
2014    
2015
2016
2017
2018  </nav>
2019
2020
2021    
2022
2023  
2024  
2025<div  class="tw:lg:block tw:hidden" role="search">
2026  <button  class="js-search-button js-header-search-button search-button-main-menu tw:ltr:ml-6 tw:rtl:mr-6 tw:lg:inline-flex tw:hidden" aria-expanded="false">
2027    
2028
2029
2030
2031                    
2032  <span  aria-hidden="true" class="icon icon--search tw:text-component-dark-text">
2033    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg>
2034
2035  </span>
2036
2037
2038    <span class="tw:sr-only">Search</span>
2039  </button>
2040</div>
2041
2042  </div>
2043
2044            
2045  
2046  <div class="region region--secondary-navigation tw:flex tw:xl:gap-6 tw:lg:gap-4 tw:flex-wrap tw:lg:flex-row tw:lg:items-center tw:lg:justify-end secondary-region__menu--container tw:transition-opacity tw:duration-300 tw:ease-linear tw:opacity-100 not-landing tw:lg:pt-3 tw:flex-col tw:max-lg:before:content-[&quot;&quot;] tw:max-lg:before:h-px tw:max-lg:before:bg-grey-light tw:max-lg:before:my-5 tw:max-lg:before:-mx-2.5">
2047    <nav role="navigation"  id="block-butterfly-theme-external-menu" class="main-menu__pipe">
2048          
2049        
2050      
2051  
2052      <div class="menu__item--button menu__item--go-back tw:hidden external__back-button-1">
2053              </div>
2054
2055      <ul  data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw:flex tw:lg:items-center tw:xl:gap-6 tw:lg:gap-4 tw:lg:flex-row tw:flex-col tw:w-full">
2056        
2057        
2058                                
2059          
2060                    
2061          <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children external-menu__dropdown--toggler tw:lg:py-0 tw:py-4 tw:cursor-pointer tw:lg:relative">
2062                        
2063            
2064            
2065                        <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text">
2066                                                        
2067            
2068                          <a href="/en/node/246" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover external-menu__trigger tw:max-lg:w-full tw:max-lg:justify-between tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/246">                                                
2069
2070  
2071
2072                    
2073  <span  aria-hidden="true" class="icon icon--chevron-down tw:text-component-primary external-menu__dropdown--icon tw:transition-transform tw:duration-300 tw:ease-linear tw:ltr:max-lg:-rotate-90 tw:rtl:max-lg:rotate-90 tw:lg:inline-block">
2074    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 6 4 4 4-4"/></svg>
2075
2076  </span>
2077
2078
2079                
2080                            Lastest News 
2081            </a>
2082            
2083                        </div>
2084            
2085                                
2086      <div class="external-menu__level-2 tw:header-font tw:max-lg:invisible tw:max-lg:left-full tw:absolute tw:lg:left-1/2 tw:top-0 tw:w-full tw:h-screen tw:lg:-translate-x-1/2 tw:z-50 tw:bg-component-white tw:lg:p-4 tw:px-6 tw:max-lg:pt-1 tw:max-lg:pb-52 tw:lg:shadow-md tw:lg:text-sm tw:text-base tw:font-bold tw:overflow-y-auto tw:lg:hidden tw:lg:rounded-lg tw:text-component-dark-text">
2087  
2088      <div class="menu__item--button menu__item--go-back tw:hidden external__back-button-2">
2089                  <button type="button" class="external-menu__go-back tw:heading-font tw:lg:hidden tw:flex tw:items-center tw:tracking-xs tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold">
2090            
2091
2092  
2093
2094                    
2095  <span  aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon">
2096    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg>
2097
2098  </span>
2099
2100
2101            Back
2102          </button>
2103              </div>
2104
2105      <ul  data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-2 tw:max-lg:py-4">
2106        
2107        
2108                                
2109          
2110                    
2111          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2112                        
2113            
2114            
2115            
2116            
2117                          <a href="https://totalenergies.ca/en/news/tire-change-season-winter-ready-vehicle" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded">                            Tire change season: the perfect time to get your vehicle winter-ready
2118            </a>
2119            
2120            
2121            
2122          </li>
2123        
2124                                
2125          
2126                    
2127          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2128                        
2129            
2130            
2131            
2132            
2133                          <a href="/en/news/totalenergies-immersive-experience-at-2026-memorial
2133-cup" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/951">                            The 2026 Memorial Cup: an immersive experience through our partnership
2134            </a>
2135            
2136            
2137            
2138          </li>
2139        
2140                                
2141          
2142                    
2143          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2144                        
2145            
2146            
2147            
2148            
2149                          <a href="/en/news/totalergies-partners-with-canadian-hockey-league-for-this-season" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/931">                            A Strong Alliance for Canadian Hockey
2150            </a>
2151            
2152            
2153            
2154          </li>
2155        
2156                                
2157          
2158                    
2159          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2160                        
2161            
2162            
2163            
2164            
2165                          <a href="/en/news/totalenergies-canada-launches-labservices-let-your-oil-do-talking" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/871">                            TotalEnergies Canada launches of LabServices: Let your oil do the talking
2166            </a>
2167            
2168            
2169            
2170          </li>
2171        
2172                                
2173          
2174                    
2175          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2176                        
2177            
2178            
2179            
2180            
2181                          <a href="/en/news/next-generation-transmission-fluid-fluidsyn-atfcvt-our-new-versatile-product" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/841">                            The next generation of transmission fluid:  Fluidsyn ATF/CVT, our new versatile product
2182            </a>
2183            
2184            
2185            
2186          </li>
2187        
2188                                
2189          
2190                    
2191          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2192                        
2193            
2194            
2195            
2196            
2197                          <a href="/en/news/totalenergies-and-wajax-join-forces-better-serve-industry-across-canada" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/826">                            TotalEnergies and Wajax join forces to better serve the industry across Canada
2198            </a>
2199            
2200            
2201            
2202          </li>
2203        
2204                                
2205          
2206                    
2207          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2208                        
2209            
2210            
2211            
2212            
2213                          <a href="/en/news/expansion-totalenergies-marketing-canada-inc-opens-new-quartz-auto-services-centre-waterloo" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/816">                            Expansion: TotalEnergies Marketing Canada Inc. Opens New Quartz Auto Services Centre in Waterloo
2214            </a>
2215            
2216            
2217            
2218          </li>
2219        
2220                                
2221          
2222                    
2223          <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative">
2224                        
2225            
2226            
2227            
2228            
2229                          <a href="/en/node/246" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/246">                            Lastest News
2230            </a>
2231            
2232            
2233            
2234          </li>
2235              </ul>
2236
2237          </div>
2238    
2239  
2240            
2241          </li>
2242        
2243                                
2244          
2245                    
2246          <li class="menu__item menu__item--link menu__item--level-1 tw:lg:py-0 tw:py-4">
2247                        
2248            
2249            
2250                        <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text">
2251                                                        
2252            
2253                          <a href="https://jobs.totalenergies.com/en_US/careers/SearchJobs/?3834=%5B41641%5D&amp;3834_format=3639&amp;listFilterMode=1&amp;jobRecordsPerPage=20&amp;#jobs" class="menu__link menu__link--link menu__link--level-1 tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded">                                                
2254                
2255                            Careers
2256            </a>
2257            
2258                        </div>
2259            
2260            
2261          </li>
2262        
2263                                
2264          
2265                    
2266          <li class="menu__item menu__item--link menu__item--level-1 menu__item--active-trail tw:lg:py-0 tw:py-4">
2267                        
2268            
2269            
2270                        <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text">
2271                                                        
2272            
2273                          <a href="/en/contact-us-0" class="menu__link menu__link--link menu__link--level-1 menu__link--active-trail tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded is-active" data-drupal-link-system-path="node/776" aria-current="page">                                                
2274                
2275                            Contact us
2276            </a>
2277            
2278                        </div>
2279            
2280            
2281          </li>
2282        
2283                                
2284          
2285                    
2286          <li class="menu__item menu__item--link menu__item--level-1 tw:lg:py-0 tw:py-4">
2287                        
2288            
2289            
2290                        <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text">
2291                                                        
2292            
2293                          <a href="/en/subscribe-newsletter" class="menu__link menu__link--link menu__link--level-1 tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/971">                                                
2294                
2295                            Subscribe Now
2296            </a>
2297            
2298                        </div>
2299            
2300            
2301          </li>
2302              </ul>
2303
2304    
2305  
2306
2307
2308
2309  </nav>
2310
2311
2312
2313<nav class="language-switcher-language-url block block-language block-language-blocklanguage-content main-menu__pipe" id="block-butterfly-theme-languageswitchercontent" role="navigation" aria-label="Language selector">
2314  
2315          
2316      
2317
2318
2319<div class="language-menu tw:relative">
2320  <button type="button" aria-label="Change site language: (En) English selected" aria-expanded="false" data-current-lang="en" class="language-toggle tw:items-center tw:gap-1 tw:text-font tw:text-s tw:text-component-primary tw:font-bold tw:hover:underline tw:lg:flex tw:hidden">En   
2321
2322  
2323
2324                    
2325  <span  aria-hidden="true" class="icon icon--chevron-down tw:text-component-primary language-menu-icon tw:transition-transform tw:duration-300 tw:ease-linear">
2326    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 6 4 4 4-4"/></svg>
2327
2328  </span>
2329
2330
2331</button>
2332  <div class="language-menu-content tw:lg:hidden tw:block tw:lg:bg-component-white tw:lg:rounded-large tw:lg:overflow-hidden tw:lg:shadow-md tw:lg:absolute tw:lg:left-1/2 tw:lg:-translate-x-1/2 tw:max-lg:left-auto tw:max-lg:right-0">
2333    
2334<ul class="links"><li data-drupal-language="en" data-drupal-link-system-path="node/776" class="language-item tw:heading-font tw:text-base tw:lg:font-light tw:font-bold tw:text-component-dark-text tw:text-center tw:cursor-pointer is-active" aria-current="page">
2334<a href="/en/contact-us-0" class="language-link is-active" aria-label="En - English" aria-current="page" lang="en" hreflang="en" data-drupal-link-system-path="node/776">En</a></li><li data-drupal-language="fr" data-drupal-link-system-path="node/781" class="language-item tw:heading-font tw:text-base tw:lg:font-light tw:font-bold tw:text-component-dark-text tw:text-center tw:cursor-pointer"><a href="/fr/contactez-nous" class="language-link" aria-label="Fr - Français" aria-current="false" lang="fr" hreflang="fr" data-drupal-link-system-path="node/781">Fr</a></li></ul>
2335  </div>
2336</div>
2337
2338  </nav>
2339
2340
2341<div id="block-butterfly-theme-top-right-link-block" class="block block-te-block block-top-right-link-block tw:lg:py-0 tw:py-4">
2342  
2343          
2344      <div  class="block-content tw:text-component-dark-text tw:lg:text-component-primary tw:lg:text-s tw:text-base tw:font-bold main-menu__top-right--click tw:lg:header-font tw:heading-font tw:hover:underline tw:max-lg:tracking-xs">
2345      <a href="https://totalenergies.com/">TotalEnergies.com</a>
2346    </div>
2347  </div>
2348
2349  </div>
2350
2351          </div>
2352        </div>
2353      </div>
2354              <div class="te-search-form tw:absolute tw:-z-40 tw:bg-component-white tw:left-0 tw:right-0 visually-hidden" aria-hidden="true">
2355  
2356
2357  
2358<form class="search-form tw:container tw:flex tw:items-center tw:rtl:flex-row-reverse" id="search-form" novalidate data-drupal-selector="search-form" action="/en/contact-us-0" method="get" accept-charset="UTF-8" data-component-id="butterfly_theme:search-bar">
2359  
2360
2361  
2362<div class="tw:relative tw:flex-1 js-form-item form-item js-form-type-textfield form-item-global-search js-form-item-global-search form-no-label">
2363        
2364<input aria-label="Search..." id="search-form-search-input" data-drupal-selector="edit-global-search" type="text" name="global_search" value="" maxlength="128" placeholder="Search..." class="form-text global-search-input tw:transition-opacity tw:w-full tw:border tw:rounded-large tw:h-12 tw:md:h-16 tw:md:px-6 tw:px-4 tw:md:py-4 tw:py-2 tw:leading-6" />
2365
2366      <p class="form-item--error-message tw:hidden tw:text-error tw:text-xxs tw:font-light tw:px-4 tw:py-0.5 tw:mt-1" role="alert">
2367    
2368  </p>
2369  
2370  <button  class="js-search-submit--search tw:absolute tw:ltr:right-4 tw:ltr:md:right-6 tw:rtl:left-4 tw:rtl:md:left-6 tw:top-2 tw:md:top-4 tw:flex tw:items-center tw:justify-center tw:w-8 tw:h-8 tw:rounded-full tw:text-white-text tw:bg-primary tw:border tw:border-solid tw:hover:text-primary tw:hover:bg-white-text tw:hover:border-primary tw:focus-visible:text-primary tw:focus-visible:bg-white-text tw:focus-visible:border-primary tw:focus-visible:outline tw:focus-visible:outline-primary tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4" type="submit">
2371    
2372
2373
2374
2375                    
2376  <span  aria-hidden="true" class="icon icon--search icon--small">
2377    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg>
2378
2379  </span>
2380
2381
2382    <span class="tw:sr-only">Launch search</span>
2383  </button>
2384</div>
2385
2386
2387
2388
2389
2390
2391
2392  
2393<button class="tw:hidden button js-form-submit form-submit button--primary button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:text-base tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4  tw:py-2 tw:px-6 tw:mt-0" id="search-form-search-submit" data-drupal-selector="edit-submit" type="submit" name="op" value="Search" data-component-id="butterfly_theme:button">
2394          Search
2395    </button>
2396    
2397  
2398
2399
2400
2401<div class="tw:relative webform-input__wrapper">
2402    <input autocomplete="off" data-drupal-selector="form-wkkrjhfdeuqsswljw1nuximj7fk-kfguh2ut0-c72sy" type="hidden" name="form_build_id" value="form-WkkrjhfdeUQsSwljw1NuXimJ7Fk_kfgUH2uT0-C72SY" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" />
2403  
2404</div>
2405
2406
2407
2408          
2409
2410<div class="tw:relative webform-input__wrapper">
2411    <input data-drupal-selector="edit-search-form" type="hidden" name="form_id" value="search_form" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
2412  
2413</div>
2414
2415
2416  <button  class="js-search-close-button search-close-button tw:w-8 tw:h-8 tw:flex tw:items-center tw:justify-center tw:text-component-primary tw:bg-transparent tw:hover:text-white-text tw:hover:bg-component-primary tw:hover:border-component-primary tw:hover:border tw:hover:border-solid tw:focus-visible:rounded-full tw:focus-visible:text-white-text tw:focus-visible:bg-component-primary tw:focus-visible:border-component-primary" type="button">
2417    
2418
2419
2420
2421                    
2422  <span  aria-hidden="true" class="icon icon--close">
2423    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
2424
2425  </span>
2426
2427
2428    <span class="tw:sr-only">Close</span>
2429  </button>
2430</form>
2431
2432
2433</div>
2434
2435            </div>
2436</header>
2437
2438
2439    <div class="tw:bg-component-white">
2440    
2441
2442<div id="block-butterfly-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block tw:container tw:lg:my-6 tw:my-4">
2443  
2444    
2445      <div  class="block_content tw:-mt-1.5">
2446      
2447
2448  <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
2449    <span id="system-breadcrumb" class="visually-hidden">Breadcrumb</span>
2450    <div class="breadcrumb__content tw:relative">
2451      <button type="button" class="breadcrumb-show-more tw:hidden tw:absolute tw:top-0 tw:left-0">... <span class="tw:inline-block tw:align-middle tw:mx-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
2452</span></button>
2453      <ol class="breadcrumb__list tw:inline-block tw:w-full">
2454                              
2455  
2456
2457<li class="breadcrumb-item tw:inline tw:text-sm tw:py-0.5" data-index="0">
2458      <a href="/en" title="Home"  class="tw:inline tw:text-font tw:md:text-component-primary tw:text-component-dark-text tw:font-light">
2459      
2460
2461  <span class="breadcrumb-text-content tw:md:hidden tw:inline">Home</span>
2462  <span aria-hidden="true" class="breadcrumb-icon-first tw:md:inline-block tw:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2 6 6-4.667L14 6v7.333a1.334 1.334 0 0 1-1.333 1.334H3.333A1.334 1.334 0 0 1 2 13.333V6Z"/></svg>
2463</span>
2464  <span aria-hidden="true" class="tw:inline-block tw:align-baseline tw:mx-2 tw:w-4 tw:h-4 tw:leading-none tw:rtl:rotate-180">
2465    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg>
2466
2467  </span>
2468
2469    </a>
2470  </li>
2471
2472                                        
2473  
2474
2475<li class="breadcrumb-item tw:inline tw:text-sm tw:py-0.5" data-index="1">
2476      <span  class="tw:inline tw:text-font tw:text-component-dark-text tw:font-bold">
2477        
2478
2479  <span class="breadcrumb-text-content tw:align-middle">Contact us</span>
2480
2481    </span>
2482  </li>
2483
2484                        </ol>
2485    </div>
2486  </nav>
2487
2488
2489    </div>
2490  </div>
2491
2492  </div>
2493
2494
2495    <div>
2496    <div data-drupal-messages-fallback class="hidden"></div>
2497
2498  </div>
2499
2500
2501  
2502
2503  <main role="main" class="tw:flex-auto" dir=ltr>
2504    <a id="main-content" tabindex="-1"></a>
2505    <div class="layout-content">
2506          <div id="block-butterfly-theme-page-title" class="tw:container block block-core block-page-title-block">
2507            
2508
2509
2510  
2511<h1 class="text-color-gradient text-color-gradient-red tw:mt-6 tw:mb-6">
2512            Contact us
2513      </h1>
2514
2515      </div>
2516
2517<div id="block-butterfly-theme-content" class="block block-system block-system-main-block">
2518  
2519          
2520      <div  class="block-content">
2521      <article>
2522
2523  
2524    
2525
2526      
2527
2528
2529  
2530
2531<section id="section" data-component-id="butterfly_theme:onecol-section" class="layout layout--onecol section tw:py-10 tw:md:py-12">
2532        <div  class="layout__region layout__region--content tw:container tw:grid tw:gap-6">
2533      <div class="section__row tw:grid tw:grid-cols-12 tw:gap-6 ">
2534
2535<div class="tw:col-span-12 tw:md:col-span-12 block tw:text-dark-text block-layout-builder block-inline-blockrich-text tw:py-2.5" id="contact-us" style="--bg-style-color: #FFFFFF; --thead-background-color: #285AFF; --thead-text-color: var(--color-white-text);">
2536  
2537          
2538      <div  class="block-content">
2539      
2540<div class="rich-text-field rich-text-field-format--comprehensive field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items" data-muted="false">
2541      <div class="field__item">
2542      
2543                <h3><strong>GET IN TOUCH WITH US</strong></h3>
2544
2545<p>TotalEnergies Marketing Canada Inc.<br>
2546220 Lafleur ave.<br>
2547LaSalle, QC<br>
2548H8R 4C9<br>
2549<br>
2550Toll free: +1 800 463-3955</p>
2551
2552<p>&nbsp;</p>
2553
2554<h4>Please fill in the following fields to receive information</h4>
2555              </div>
2556  </div>
2557
2558    </div>
2559  </div>
2560</div>
2561<div class="section__row tw:grid tw:grid-cols-12 tw:gap-6 ">
2562
2563
2564<div class="tw:col-span-12 tw:md:col-span-12 block block-layout-builder block-inline-blockwebform tw:grid tw:grid-cols-12 tw:gap-x-6 webform" id="website-page-description-page-6" data-component-id="butterfly_theme:block-webform">
2565  
2566  
2567  <div  class="block-content tw:lg:col-span-6 tw:lg:col-start-4 tw:md:col-span-8 tw:md:col-start-3 tw:col-span-12 tw:mt-6 tw:lg:mb-20 tw:mb-10">
2568    <div class="webform__title tw:mb-4">
2569          
2570      </div>
2571    <div class="webform__description">
2572          
2573      </div>
2574    <div class="webform__content">
2575          
2576            <div class="field field--name-field-webform field--type-webform field--label-hidden field__item"><div id="webform-submission-6-block-content-2381-form-ajax-content" tabindex="-1"><div id="webform-submission-6-block-content-2381-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="throbber"><form class="webform-submission-form webform-submission-add-form webform-submission-_-form webform-submission-_-add-form webform-submission-_-block_content-2381-form webform-submission-_-block_content-2381-add-form webform-submission-6-block-content-2381-add-form webform-submission-6-form js-webform-details-toggle webform-details-toggle antibot tw:relative" data-drupal-selector="webform-submission-6-block-content-2381-add-form" data-action="/en/contact-us-0" action="/antibot" method="post" id="webform-submission-6-block-content-2381-add-form" accept-charset="UTF-8">
2577  
2578  <noscript>
2579  <div class="antibot-no-js antibot-message antibot-message-warning">You must have JavaScript enabled to use this form.</div>
2580</noscript>
2581
2582  
2583  
2584<fieldset data-drupal-selector="edit-prefix" id="edit-prefix--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-hidden-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper tw:mb-6">
2585  
2586    <legend id="edit-prefix--wrapper-legend">
2587    <span class="visually-hidden fieldset-legend tw:mb-4 tw:inline-block">
2588      Civility
2589          </span>
2590  </legend>
2591  <div class="fieldset-wrapper">
2592                <div id="edit-prefix" class="js-webform-radios webform-options-display-one-column webform-scale__radios" data-component-id="butterfly_theme:radios">
2593  
2594
2595
2596  
2597
2598<div class="js-webform-type-radio webform-type-radio js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-prefix js-form-item-prefix tw:relative tw:mb-6">
2599            <div class="form-element__wrapper tw:relative">
2600    
2601    
2602
2603<input data-drupal-selector="edit-prefix-miss" type="radio" id="edit-prefix-miss" name="prefix" value="Miss" class="form-radio tw:appearance-none tw:ltr:mr-2 tw:rtl:ml-2 tw:relative tw:rounded-full tw:transition-colors tw:cursor-pointer tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" />
2604
2605
2606        
2607              
2608<label for="edit-prefix-miss" data-component-id="butterfly_theme:form-element-label" class="option tw:cursor-pointer">
2609    <span title="Miss">Miss </span>
2610        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2611  </label>
2612
2613              </div>
2614
2615          </div>
2616
2617  
2618
2619
2620  
2621
2622<div class="js-webform-type-radio webform-type-radio js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-prefix js-form-item-prefix tw:relative tw:mb-6">
2623            <div class="form-element__wrapper tw:relative">
2624    
2625    
2626
2627<input data-drupal-selector="edit-prefix-mr" type="radio" id="edit-prefix-mr" name="prefix" value="Mr" class="form-radio tw:appearance-none tw:ltr:mr-2 tw:rtl:ml-2 tw:relative tw:rounded-full tw:transition-colors tw:cursor-pointer tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" />
2628
2629
2630        
2631              
2632<label for="edit-prefix-mr" data-component-id="butterfly_theme:form-element-label" class="option tw:cursor-pointer">
2633    <span title="Mr">Mr </span>
2634        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2635  </label>
2636
2637              </div>
2638
2639          </div>
2640</div>
2641
2642
2643          </div>
2644</fieldset>
2645
2646      
2647
2648
2649  
2650
2651<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-firstname js-form-item-firstname tw:relative tw:mb-6">
2652            <div class="form-element__wrapper tw:relative">
2653                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2654              
2655<label for="edit-firstname" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2656    <span title="First name">First name </span>
2657        <sup class="tw:text-xxs tw:align-sub">*</sup>
2658  </label>
2659
2660              </div>
2661          
2662    
2663
2664          
2665
2666<div class="tw:relative webform-input__wrapper">
2667    <input data-drupal-selector="edit-firstname" data-msg-maxlength="First name field has a maximum length of 255." data-msg-required="First name field is required." type="text" id="edit-firstname" name="firstname" value="" maxlength="255" class="form-text required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="" />
2668  
2669</div>
2670
2671
2672            </div>
2673
2674          </div>
2675
2676      
2677
2678
2679  
2680
2681<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-lastname js-form-item-lastname tw:relative tw:mb-6">
2682            <div class="form-element__wrapper tw:relative">
2683                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2684              
2685<label for="edit-lastname" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2686    <span title="Last name">Last name </span>
2687        <sup class="tw:text-xxs tw:align-sub">*</sup>
2688  </label>
2689
2690              </div>
2691          
2692    
2693
2694          
2695
2696<div class="tw:relative webform-input__wrapper">
2697    <input data-drupal-selector="edit-lastname" data-msg-maxlength="Last name field has a maximum length of 255." data-msg-required="Last name field is required." type="text" id="edit-lastname" name="lastname" value="" maxlength="255" class="form-text required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="" />
2698  
2699</div>
2700
2701
2702            </div>
2703
2704          </div>
2705
2706      
2707
2708
2709  
2710
2711<div class="webform-element--title-inline js-webform-type-select webform-type-select js-form-item form-item webform-item js-form-type-select form-type-select form-item-you-are js-form-item-you-are tw:relative tw:mb-6">
2712            <div class="form-element__wrapper tw:relative">
2713                  <div  class="tw:mb-2 tw:ml-4 tw:text-sm tw:font-light tw:text-font tw:ltr:left-4 tw:rtl:mr-4">
2714              
2715<label for="edit-you-are" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2716    <span title="You are">You are </span>
2717        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2718  </label>
2719
2720              </div>
2721          
2722    
2723
2724
2725<div class="webform-select-wrapper tw:relative"><select data-drupal-selector="edit-you-are" id="edit-you-are" name="you_are" class="form-select webform-select tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:appearance-none tw:relative tw:text-sm tw:max-lg:pr-6 tw:max-lg:p-4 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:select"><option value="" selected="selected">- None - </option><option value="TC">Total customer </option><option value="TE">Total employee </option><option value="TP">Total partner </option><option value="C">Candidate </option><option value="O">Other </option></select><span  aria-hidden="true" class="icon icon--chevron-down tw:text-primary webform-select__icon tw:z-[1] tw:ease-linear tw:inline-block tw:absolute tw:ltr:right-4 tw:rtl:left-4 tw:pointer-events-none tw:h-6 t
2725w:top-4 tw:lg:bottom-4 tw:lg:top-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg></span></div>
2726
2727            </div>
2728
2729          </div>
2730
2731      
2732
2733
2734  
2735
2736<div class="webform-element--title-inline js-webform-type-email webform-type-email js-form-item form-item webform-item js-form-type-email form-type-email form-item-email js-form-item-email tw:relative tw:mb-6">
2737            <div class="form-element__wrapper tw:relative">
2738                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2739              
2740<label for="edit-email" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2741    <span title="Email">Email </span>
2742        <sup class="tw:text-xxs tw:align-sub">*</sup>
2743  </label>
2744
2745              </div>
2746          
2747    
2748
2749          
2750
2751<div class="tw:relative webform-input__wrapper">
2752    <input pattern="[^@\s]+@[^@.\s]+(\.[^@.\s]+)+" data-drupal-selector="edit-email" data-msg-email="Email does not contain a valid email." data-msg-maxlength="Email field has a maximum length of 254." data-msg-required="Email field is required." data-msg-pattern="Email does not contain a valid email." type="email" id="edit-email" name="email" value="" maxlength="254" class="form-email required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="email" />
2753  
2754</div>
2755
2756
2757            </div>
2758
2759          </div>
2760
2761      
2762
2763
2764  
2765
2766<div class="webform-element--title-inline js-webform-type-textarea webform-type-textarea js-form-item form-item webform-item js-form-type-textarea form-type-textarea form-item-address js-form-item-address tw:relative tw:mb-6">
2767            <div class="form-element__wrapper tw:relative">
2768                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2769              
2770<label for="edit-address" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2771    <span title="Address">Address </span>
2772        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2773  </label>
2774
2775              </div>
2776          
2777    
2778
2779
2780<div class="textarea">
2781  <div class="tw:relative tw:flex tw:flex-col">
2782    <div class="textarea__icon tw:absolute tw:rounded-lg tw:ltr:right-0.5 tw:rtl:left-0.5 tw:rtl:rotate-90 tw:pointer-events-none ">
2783      
2784
2785
2786
2787                    
2788  <span  aria-hidden="true" class="icon icon--pull-tab tw:text-primary">
2789    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a-1)"><path fill="currentColor" fill-rule="evenodd" d="M22.85 8.063 8 22.912l.707.707 14.85-14.85-.708-.706ZM12.464 22.912 23.07 12.305l.707.707L13.172 23.62l-.707-.707Zm4.242 0 6.364-6.364.707.707-6.364 6.364-.707-.707Z" clip-rule="evenodd"/></g><defs><clipPath id="a-1"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg>
2790
2791  </span>
2792
2793
2794    </div>
2795    <textarea data-drupal-selector="edit-address" id="edit-address" name="address" rows="5" cols="60" class="form-textarea resize-vertical tw:w-full tw:border tw:border-neutral-grey-dark tw:bg-neutral-white tw:rounded-lg tw:relative tw:pt-6 tw:px-4 tw:pb-2 tw:text-base tw:font-light tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:textarea"></textarea>
2796  </div>
2797</div>
2798
2799
2800            </div>
2801
2802          </div>
2803
2804      
2805
2806
2807  
2808
2809<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-zip js-form-item-zip tw:relative tw:mb-6">
2810            <div class="form-element__wrapper tw:relative">
2811                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2812              
2813<label for="edit-zip" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2814    <span title="Postcode">Postcode </span>
2815        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2816  </label>
2817
2818              </div>
2819          
2820    
2821
2822          
2823
2824<div class="tw:relative webform-input__wrapper">
2825    <input data-drupal-selector="edit-zip" data-msg-maxlength="Postcode field has a maximum length of 255." t
2825ype="text" id="edit-zip" name="zip" value="" maxlength="255" class="form-text tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input" autocomplete="postal-code" />
2826  
2827</div>
2828
2829
2830            </div>
2831
2832          </div>
2833
2834      
2835
2836
2837  
2838
2839<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-city js-form-item-city tw:relative tw:mb-6">
2840            <div class="form-element__wrapper tw:relative">
2841                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2842              
2843<label for="edit-city" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2844    <span title="City">City </span>
2845        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2846  </label>
2847
2848              </div>
2849          
2850    
2851
2852          
2853
2854<div class="tw:relative webform-input__wrapper">
2855    <input data-drupal-selector="edit-city" data-msg-maxlength="City field has a maximum length of 255." type="text" id="edit-city" name="city" value="" maxlength="255" class="form-text tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input" autocomplete="address-level2" />
2856  
2857</div>
2858
2859
2860            </div>
2861
2862          </div>
2863
2864      
2865
2866
2867  
2868
2869<div class="webform-element--title-inline js-webform-type-select webform-type-select js-form-item form-item webform-item js-form-type-select form-type-select form-item-country js-form-item-country tw:relative tw:mb-6">
2870            <div class="form-element__wrapper tw:relative">
2871                  <div  class="tw:mb-2 tw:ml-4 tw:text-sm tw:font-light tw:text-font tw:ltr:left-4 tw:rtl:mr-4">
2872              
2873<label for="edit-country" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2874    <span title="Country">Country </span>
2875        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2876  </label>
2877
2878              </div>
2879          
2880    
2881
2882
2883<div class="webform-select-wrapper tw:relative"><select data-drupal-selector="edit-country" id="edit-country" name="country" class="form-select webform-select tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:appearance-none tw:relative tw:text-sm tw:max-lg:pr-6 tw:max-lg:p-4 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:select"><option value="" selected="selected">- None - </option></select><span  aria-hidden="true" class="icon icon--chevron-down tw:text-primary webform-select__icon tw:z-[1] tw:ease-linear tw:inline-block tw:absolute tw:ltr:right-4 tw:rtl:left-4 tw:pointer-events-none tw:h-6 t
2883w:top-4 tw:lg:bottom-4 tw:lg:top-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg></span></div>
2884
2885            </div>
2886
2887          </div>
2888
2889      
2890
2891
2892  
2893
2894<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-phone-number js-form-item-phone-number tw:relative tw:mb-6">
2895            <div class="form-element__wrapper tw:relative">
2896                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2897              
2898<label for="edit-phone-number" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2899    <span title="Phone number">Phone number </span>
2900        <sup class="tw:text-xxs tw:align-sub sup-text">*</sup>
2901  </label>
2902
2903              </div>
2904          
2905    
2906
2907          
2908
2909<div class="tw:relative webform-input__wrapper">
2910    <input data-drupal-selector="edit-phone-number" data-msg-maxlength="Phone number field has a maximum length of 255." type="text" id="edit-phone-number" name="phone_number" value="" maxlength="255" class="form-text tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input" autocomplete="" />
2911  
2912</div>
2913
2914
2915            </div>
2916
2917          </div>
2918
2919      
2920
2921
2922  
2923
2924<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-subject js-form-item-subject tw:relative tw:mb-6">
2925            <div class="form-element__wrapper tw:relative">
2926                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2927              
2928<label for="edit-subject" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2929    <span title="Subject">Subject </span>
2930        <sup class="tw:text-xxs tw:align-sub">*</sup>
2931  </label>
2932
2933              </div>
2934          
2935    
2936
2937          
2938
2939<div class="tw:relative webform-input__wrapper">
2940    <input data-drupal-selector="edit-subject" data-msg-maxlength="Subject field has a maximum length of 255." data-msg-required="Subject field is required." type="text" id="edit-subject" name="subject" value="" maxlength="255" class="form-text required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="" />
2941  
2942</div>
2943
2944
2945            </div>
2946
2947          </div>
2948
2949      
2950
2951
2952  
2953
2954<div class="webform-element--title-inline js-webform-type-textarea webform-type-textarea js-form-item form-item webform-item js-form-type-textarea form-type-textarea form-item-your-message js-form-item-your-message tw:relative tw:mb-6">
2955            <div class="form-element__wrapper tw:relative">
2956                  <div  class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4">
2957              
2958<label for="edit-your-message" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2">
2959    <span title="Your message">Your message </span>
2960        <sup class="tw:text-xxs tw:align-sub">*</sup>
2961  </label>
2962
2963              </div>
2964          
2965    
2966
2967
2968<div class="textarea">
2969  <div class="tw:relative tw:flex tw:flex-col">
2970    <div class="textarea__icon tw:absolute tw:rounded-lg tw:ltr:right-0.5 tw:rtl:left-0.5 tw:rtl:rotate-90 tw:pointer-events-none ">
2971      
2972
2973
2974
2975                    
2976  <span  aria-hidden="true" class="icon icon--pull-tab tw:text-primary">
2977    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a-2)">
2977<path fill="currentColor" fill-rule="evenodd" d="M22.85 8.063 8 22.912l.707.707 14.85-14.85-.708-.706ZM12.464 22.912 23.07 12.305l.707.707L13.172 23.62l-.707-.707Zm4.242 0 6.364-6.364.707.707-6.364 6.364-.707-.707Z" clip-rule="evenodd"/></g><defs><clipPath id="a-2"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg>
2978
2979  </span>
2980
2981
2982    </div>
2983    <textarea data-drupal-selector="edit-your-message" data-msg-required="Your message field is required." id="edit-your-message" name="your_message" rows="5" cols="60" class="form-textarea required resize-vertical tw:w-full tw:border tw:border-neutral-grey-dark tw:bg-neutral-white tw:rounded-lg tw:relative tw:pt-6 tw:px-4 tw:pb-2 tw:text-base tw:font-light tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:textarea"></textarea>
2984  </div>
2985</div>
2986
2987
2988            </div>
2989
2990          </div>
2991
2992  
2993  
2994<fieldset data-drupal-selector="edit-fieldset-first-name" id="edit-fieldset-first-name" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper tw:mb-6">
2995  
2996    <legend>
2997    <span class="fieldset-legend tw:mb-4 tw:inline-block">
2998      First name
2999          </span>
3000  </legend>
3001  <div class="fieldset-wrapper">
3002                
3003          </div>
3004</fieldset>
3005
3006
3007                      <div  data-drupal-selector="edit-captcha" class="captcha captcha-type-challenge--turnstile" data-nosnippet>
3008                    <div class="captcha__element">
3009            
3010
3011          
3012
3013<div class="tw:relative webform-input__wrapper">
3014    <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="8731" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
3015  
3016</div>
3017
3018
3019
3020          
3021
3022<div class="tw:relative webform-input__wrapper">
3023    <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="oEPAoeBeioSp1N_b45WedsIvvn6sWj6PB-KD3rxPfrQ" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
3024  
3025</div>
3026
3027
3028
3029          
3030
3031<div class="tw:relative webform-input__wrapper">
3032    <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="Turnstile no captcha" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
3033  
3034</div>
3035
3036<div class="cf-turnstile" data-sitekey="0x4AAAAAAB6g_AMxyofcEXGM" data-theme="light" data-size="flexible" data-language="en" data-retry="auto" interval="8000" data-appearance="always"></div>
3037
3038          
3039
3040<div class="tw:relative webform-input__wrapper">
3041    <input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
3042  
3043</div>
3044
3045
3046          </div>
3047                            </div>
3048            
3049
3050
3051
3052<div class="tw:relative webform-input__wrapper">
3053    <input autocomplete="off" data-drupal-selector="form-kkexote0mji1ty02gx8kv9ls3nid0yzimdeqihevwvw" type="hidden" name="form_build_id" value="form-KkEXOte0MJi1Ty02gx8kV9ls3nID0yzimDEqihEVWVw" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" />
3054  
3055</div>
3056
3057
3058
3059          
3060
3061<div class="tw:relative webform-input__wrapper">
3062    <input data-drupal-selector="edit-webform-submission-6-block-content-2381-add-form" type="hidden" name="form_id" value="webform_submission_6_block_content_2381_add_form" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
3063  
3064</div>
3065
3066
3067
3068          
3069
3070<div class="tw:relative webform-input__wrapper">
3071    <input data-drupal-selector="edit-antibot-key" type="hidden" name="antibot_key" value="" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" />
3072  
3073</div>
3074
3075<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><div class="tw:flex tw:gap-4">
3076  
3077
3078
3079
3080
3081
3082
3083  
3084<button class="webform-button--submit button button--primary js-form-submit form-submit button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:text-base tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4  tw:py-2 tw:px-6 tw:mt-0" onclick="utag.link({event_attr1:&#039;Contact us::submitted&#039;,event_attr2:&#039;action&#039;})" data-drupal-selector="edit-submit" data-disable-refocus="true" type="submit" id="edit-submit" name="op" value="Submit" data-component-id="butterfly_theme:button">
3085          Submit
3086    </button>
3087    
3088  
3089</div>
3090</div>
3091
3092
3093  
3094</form>
3095</div></div></div>
3096      
3097      </div>
3098  </div>
3099  </div>
3100</div>
3101
3102    </div>
3103  </section>
3104
3105
3106</article>
3107
3108    </div>
3109  </div>
3110
3111
3112    </div>
3113  </main>
3114
3115      
3116<footer class="butterfly-main-footer main-footer tw:bg-component-bg tw:text-component-text" role="contentinfo" dir="ltr">
3117  <div class="tw:container">
3118      <div>
3119    
3120
3121<div id="block-butterfly-theme-socialfollow" class="block block-te-block block-social-follow-block">
3122  
3123          
3124      <div  class="block-content tw:flex tw:flex-col tw:items-center tw:justify-between tw:max-md:flex-wrap tw:gap-y-6 tw:gap-x-10 tw:w-full tw:lg:py-10 tw:py-6 tw:heading-font tw:lg:text-xl tw:text-lg tw:font-light tw:tracking-xs tw:container tw:border-b tw:border-grey-light tw:text-center">
3125      
3126
3127    <p id="social_follow">Follow us on Social Media</p>
3128    <ul  aria-labelledby="social_follow"  class="tw:flex tw:items-center tw:max-md:flex-wrap tw:gap-6 tw:justify-center">
3129          <li>
3130        <a href="https://www.linkedin.com/company/totalenergies/posts/?feedView=all" aria-label="LinkedIn" target="_blank" rel="nofollow" class="tw:transition-all tw:duration-300 tw:ease-in-out tw:relative tw:inline-block tw:before:content-[''] t
3130w:before:absolute tw:before:-inset-0.5 tw:hover:before:border-primary tw:hover:before:border-2 tw:before:rounded-full">
3131          
3132
3133
3134
3135                    
3136  <span  aria-hidden="true" class="icon icon--linkedin tw:text-black">
3137    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#0073B1" d="M21 4.324v15.353A1.323 1.323 0 0 1 19.677 21H4.324A1.323 1.323 0 0 1 3 19.677V4.324A1.324 1.324 0 0 1 4.324 3h15.353A1.323 1.323 0 0 1 21 4.324ZM8.294 9.882H5.647v8.47h2.647v-8.47Zm.238-2.911a1.525 1.525 0 0 0-1.514-1.536h-.047a1.535 1.535 0 0 0 0 3.07 1.525 1.525 0 0 0 1.561-1.487v-.047Zm9.82 6.236c0-2.546-1.62-3.536-3.229-3.536a3.017 3.017 0 0 0-2.678 1.366h-.074V9.882H9.882v8.47h2.647v-4.504a1.757 1.757 0 0 1 1.589-1.896h.1c.842 0 1.467.53 1.467 1.864v4.537h2.647l.02-5.146Z"/></svg>
3138
3139  </span>
3140
3141
3142        </a>
3143      </li>
3144          <li>
3145        <a href="https://www.instagram.com/totalenergies_ca" aria-label="Instagram" target="_blank" rel="nofollow" class="tw:transition-all tw:duration-300 tw:ease-in-out tw:relative tw:inline-block tw:before:content-[''] tw:before:absolute tw:before:-inset-0.5 tw:hover:before:border-primary tw:hover:before:border-2 tw:before:rounded-full">
3146          
3147
3148
3149
3150                    
3151  <span  aria-hidden="true" class="icon icon--instagram tw:text-black">
3152    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 3c-2.444 0-2.75.01-3.71.054-.959.044-1.613.196-2.186.419-.6.225-1.144.58-1.594 1.038-.457.45-.812.993-1.038 1.593-.221.573-.374 1.228-.418 2.186C3.011 9.25 3 9.555 3 12c0 2.445.01 2.75.054 3.71.044.959.196 1.613.419 2.186.225.6.58 1.144 1.038 1.594.45.458.993.812 1.593 1.038.573.222 1.227.374 2.186.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054c.959-.044 1.613-.196 2.186-.419.6-.225 1.144-.58 1.594-1.038.458-.45.812-.993 1.038-1.593.222-.573.374-1.227.418-2.186.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71c-.044-.959-.196-1.613-.419-2.186A4.413 4.413 0 0 0 19.49 4.51a4.415 4.415 0 0 0-1.593-1.038c-.573-.221-1.228-.374-2.186-.418C14.75 3.011 14.445 3 12 3Zm0 1.622c2.403 0 2.688.009 3.637.052.877.04 1.354.186 1.671.31.42.163.72.358 1.035.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638 0 2.403-.009 2.688-.052 3.637-.04.877-.186 1.354-.31 1.671-.144.391-.374.745-.673 1.035-.29.299-.644.529-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.009-3.637-.052c-.877-.04-1.354-.186-1.671-.31a2.787 2.787 0 0 1-1.035-.673 2.789 2.789 0 0 1-.673-1.035c-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638 0-2.403.009-2.688.052-3.637.04-.877.186-1.354.31-1.671.163-.42.358-.72.673-1.035.29-.299.644-.529 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12 15.003a3.003 3.003 0 1 1 0-6.006 3.003 3.003 0 0 1 0 6.006Zm0-7.629a4.626 4.626 0 1 0 0 9.252 4.626 4.626 0 0 0 0-9.252Zm5.972-.084a1.093 1.093 0 1 1-2.187 0 1.093 1.093 0 0 1 2.187 0Z" clip-rule="evenodd"/></svg>
3153
3154  </span>
3155
3156
3157        </a>
3158      </li>
3159      </ul>
3160
3161    </div>
3162  </div>
3163
3164<nav role="navigation"  id="block-butterfly-theme-footermainmenu">
3165    
3166  
3167
3168        
3169
3170
3171
3172                <ul  data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu menu--level-1 butterfly-main-footer-menu">
3173            
3174                          
3175        
3176        
3177        
3178        <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children">
3179                                                            
3180          
3181          
3182          
3183          
3184          
3185                                
3186          
3187                                                                                                                                              
3188                                <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible">
3189          
3190                      <button  data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" >
3191          
3192                                  
3193
3194  
3195
3196                    
3197  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3198    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3199
3200  </span>
3201
3202
3203          
3204          
3205                      </button>
3206            <a href="/en/our-lubricants" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/361">Lubricants</a>
3207          
3208                      </div>
3209          
3210                                                                                      
3211                      <div  data-target="footer" aria-controls="accordion-footer-1" id="accordion-footer-1-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" >
3212          
3213                                  
3214
3215  
3216
3217                    
3218  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3219    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3220
3221  </span>
3222
3223
3224          
3225          
3226          <a href="/en/our-lubricants" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/361">                        Lubricants
3227          </a>
3228
3229                      </div>
3230                    
3231                                                
3232            
3233            <div  class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-1" >
3234                              <ul  data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu menu--level-2 tw:py-0 butterfly-main-footer-menu-2" aria-labelledby="accordion-footer-1-id">
3235            
3236                          
3237        
3238        
3239        
3240        <li class="menu__item menu__item--link menu__item--level-2">
3241                                                            
3242          
3243          
3244          
3245          
3246          
3247          
3248          
3249                                                                                                  
3250                    
3251          
3252          
3253                      <a href="/en/lubricants/quartz-engine-oils" onclick="utag.link({event_attr1:&#039;La gamme Quartz&#039;,event_attr2:&#039;navigation&#039;});" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/371">                        Quartz | Light vehicles Engine oils
3254          </a>
3255                      
3256          
3257                                                                                      
3258          
3259          
3260          <a href="/en/lubricants/quartz-engine-oils" onclick="utag.link({event_attr1:&#039;La gamme Quartz&#039;,event_attr2:&#039;navigation&#039;});" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/371">                        Quartz | Light vehicles Engine oils
3261          </a>
3262
3263                    
3264                  </li>
3265      
3266                          
3267        
3268        
3269        
3270        <li class="menu__item menu__item--link menu__item--level-2">
3271                                                            
3272          
3273          
3274          
3275          
3276          
3277          
3278          
3279                                                                                                  
3280                    
3281          
3282          
3283                      <a href="/en/lubricants/heavy-duty-motor-oils" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/381">                        Rubia | Heavy Duty Engine oils
3284          </a>
3285                      
3286          
3287                                                                                      
3288          
3289          
3290          <a href="/en/lubricants/heavy-duty-motor-oils" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/381">                        Rubia | Heavy Duty Engine oils
3291          </a>
3292
3293                    
3294                  </li>
3295      
3296                          
3297        
3298        
3299        
3300        <li class="menu__item menu__item--link menu__item--level-2">
3301                                                            
3302          
3303          
3304          
3305          
3306          
3307          
3308          
3309                                                                                                  
3310                    
3311          
3312          
3313                      <a href="/en/lubricants/heavy-duty-motor-oils/agriculture" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/306">                        Agriculture
3314          </a>
3315                      
3316          
3317                                                                                      
3318          
3319          
3320          <a href="/en/lubricants/heavy-duty-motor-oils/agriculture" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/306">                        Agriculture
3321          </a>
3322
3323                    
3324                  </li>
3325      
3326                          
3327        
3328        
3329        
3330        <li class="menu__item menu__item--nolink menu__item--level-2">
3331                                                            
3332          
3333          
3334          
3335          
3336          
3337          
3338          
3339                                                                                                  
3340                    
3341          
3342          
3343                      <span class="menu__link menu__link--nolink menu__link--level-2 tw:lg:hidden">                        Industry
3344          </span>
3345                      
3346          
3347                                                                                      
3348          
3349          
3350          <span class="menu__link menu__link--nolink menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible">                        Industry
3351          </span>
3352
3353                    
3354                  </li>
3355          </ul>
3356  
3357            </div>
3358                  </li>
3359      
3360                          
3361        
3362        
3363        
3364        <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children">
3365                                                            
3366          
3367          
3368          
3369          
3370          
3371                                
3372          
3373                                                                                                                                              
3374                                <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible">
3375          
3376                      <button  data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" >
3377          
3378                                  
3379
3380  
3381
3382                    
3383  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3384    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3385
3386  </span>
3387
3388
3389          
3390          
3391                      </button>
3392            <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden">Partnerships</span>
3393          
3394                      </div>
3395          
3396                                                                                      
3397                      <div  data-target="footer" aria-controls="accordion-footer-2" id="accordion-footer-2-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" >
3398          
3399          
3400          <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible">                                      
3401
3402  
3403
3404                    
3405  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3406    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3407
3408  </span>
3409
3410
3411          
3412                        Partnerships
3413          </span>
3414
3415                      </div>
3416                    
3417                      
3418            
3419            <div  class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-2" >
3420                              <ul  data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-2-id">
3421            
3422                          
3423        
3424        
3425        
3426        <li class="menu__item menu__item--link menu__item--level-2">
3427                                                            
3428          
3429          
3430          
3431          
3432          
3433          
3434          
3435                                                                                                  
3436                    
3437          
3438          
3439                      <a href="/en/partnership/canadian-hockey-league" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/946">                        Canadian Hockey League
3440          </a>
3441                      
3442          
3443                                                                                      
3444          
3445          
3446          <a href="/en/partnership/canadian-hockey-league" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/946">                        Canadian Hockey League
3447          </a>
3448
3449                    
3450                  </li>
3451      
3452                          
3453        
3454        
3455        
3456        <li class="menu__item menu__item--link menu__item--level-2">
3457                                                            
3458          
3459          
3460          
3461          
3462          
3463          
3464          
3465                                                                                                  
3466                    
3467          
3468          
3469                      <a href="/en/partenarships/totalenergies-front-row-sustainable-energy-solutions" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/646">                        Sustainable motorsport
3470          </a>
3471                      
3472          
3473                                                                                      
3474          
3475          
3476          <a href="/en/partenarships/totalenergies-front-row-sustainable-energy-solutions" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/646">                        Sustainable motorsport
3477          </a>
3478
3479                    
3480                  </li>
3481      
3482                          
3483        
3484        
3485        
3486        <li class="menu__item menu__item--link menu__item--level-2">
3487                                                            
3488          
3489          
3490          
3491          
3492          
3493          
3494          
3495                                                                                                  
3496                    
3497          
3498          
3499                      <a href="/node/866%20" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden">                        The Straight Pipes
3500          </a>
3501                      
3502          
3503                                                                                      
3504          
3505          
3506          <a href="/node/866%20" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible">                        The Straight Pipes
3507          </a>
3508
3509                    
3510                  </li>
3511      
3512                          
3513        
3514        
3515        
3516        <li class="menu__item menu__item--link menu__item--level-2">
3517                                                            
3518          
3519          
3520          
3521          
3522          
3523          
3524          
3525                                                                                                  
3526                    
3527          
3528          
3529                      <a href="/en/about-us/partnerships/ultramar" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/256">                        Ultramar
3530          </a>
3531                      
3532          
3533                                                                                      
3534          
3535          
3536          <a href="/en/about-us/partnerships/ultramar" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/256">                        Ultramar
3537          </a>
3538
3539                    
3540                  </li>
3541          </ul>
3542  
3543            </div>
3544                  </li>
3545      
3546                          
3547        
3548        
3549        
3550        <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children">
3551                                                            
3552          
3553          
3554          
3555          
3556          
3557                                
3558          
3559                                                                                                                                              
3560                                <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible">
3561          
3562                      <button  data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" >
3563          
3564                                  
3565
3566  
3567
3568                    
3569  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3570    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3571
3572  </span>
3573
3574
3575          
3576          
3577                      </button>
3578            <a href="/en/news" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/241">News</a>
3579          
3580                      </div>
3581          
3582                                                                                      
3583                      <div  data-target="footer" aria-controls="accordion-footer-3" id="accordion-footer-3-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" >
3584          
3585                                  
3586
3587  
3588
3589                    
3590  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3591    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3592
3593  </span>
3594
3595
3596          
3597          
3598          <a href="/en/news" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/241">                        News
3599          </a>
3600
3601                      </div>
3602                    
3603                      
3604            
3605            <div  class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-3" >
3606                              <ul  data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-3-id">
3607            
3608                          
3609        
3610        
3611        
3612        <li class="menu__item menu__item--link menu__item--level-2">
3613                                                            
3614          
3615          
3616          
3617          
3618          
3619          
3620          
3621                                                                                                  
3622                    
3623          
3624          
3625                      <a href="/en/news/totalenergies-immersive-experience-at-2026-memorial
3625-cup" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/951">                        Memorial Cup 2026
3626          </a>
3627                      
3628          
3629                                                                                      
3630          
3631          
3632          <a href="/en/news/totalenergies-immersive-experience-at-2026-memorial-cup" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/951">                        Memorial Cup 2026
3633          </a>
3634
3635                    
3636                  </li>
3637          </ul>
3638  
3639            </div>
3640                  </li>
3641      
3642                          
3643        
3644        
3645        
3646        <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children">
3647                                                            
3648          
3649          
3650          
3651          
3652          
3653                                
3654          
3655                                                                                                                                              
3656                                <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible">
3657          
3658                      <button  data-target="footer" aria-expanded="false" aria-controls="accordion-footer-4" id="accordion-footer-4-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" >
3659          
3660                                  
3661
3662  
3663
3664                    
3665  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3666    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3667
3668  </span>
3669
3670
3671          
3672          
3673                      </button>
3674            <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden">Our Services</span>
3675          
3676                      </div>
3677          
3678                                                                                      
3679                      <div  data-target="footer" aria-controls="accordion-footer-4" id="accordion-footer-4-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" >
3680          
3681          
3682          <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible">                                      
3683
3684  
3685
3686                    
3687  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3688    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3689
3690  </span>
3691
3692
3693          
3694                        Our Services
3695          </span>
3696
3697                      </div>
3698                    
3699                      
3700            
3701            <div  class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-4" >
3702                              <ul  data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-4-id">
3703            
3704                          
3705        
3706        
3707        
3708        <li class="menu__item menu__item--link menu__item--level-2">
3709                                                            
3710          
3711          
3712          
3713          
3714          
3715          
3716          
3717                                                                                                  
3718                    
3719          
3720          
3721                      <a href="/en/node/671" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/671">                        Lab Services
3722          </a>
3723                      
3724          
3725                                                                                      
3726          
3727          
3728          <a href="/en/node/671" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/671">                        Lab Services
3729          </a>
3730
3731                    
3732                  </li>
3733      
3734                          
3735        
3736        
3737        
3738        <li class="menu__item menu__item--link menu__item--level-2">
3739                                                            
3740          
3741          
3742          
3743          
3744          
3745          
3746          
3747                                                                                                  
3748                    
3749          
3750          
3751                      <a href="/en/quartz-auto-services-centres" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/591">                        Quartz Auto Services
3752          </a>
3753                      
3754          
3755                                                                                      
3756          
3757          
3758          <a href="/en/quartz-auto-services-centres" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/591">                        Quartz Auto Services
3759          </a>
3760
3761                    
3762                  </li>
3763      
3764                          
3765        
3766        
3767        
3768        <li class="menu__item menu__item--link menu__item--level-2">
3769                                                            
3770          
3771          
3772          
3773          
3774          
3775          
3776          
3777                                                                                                  
3778                    
3779          
3780          
3781                      <a href="/en/lubconsult-recommandation" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/601">                        LubConsult
3782          </a>
3783                      
3784          
3785                                                                                      
3786          
3787          
3788          <a href="/en/lubconsult-recommandation" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/601">                        LubConsult
3789          </a>
3790
3791                    
3792                  </li>
3793          </ul>
3794  
3795            </div>
3796                  </li>
3797      
3798                          
3799        
3800        
3801        
3802        <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children">
3803                                                            
3804          
3805          
3806          
3807          
3808          
3809                                
3810          
3811                                                                                                                                              
3812                                <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible">
3813          
3814                      <button  data-target="footer" aria-expanded="false" aria-controls="accordion-footer-5" id="accordion-footer-5-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" >
3815          
3816                                  
3817
3818  
3819
3820                    
3821  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3822    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3823
3824  </span>
3825
3826
3827          
3828          
3829                      </button>
3830            <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden">Motor oil guides</span>
3831          
3832                      </div>
3833          
3834                                                                                      
3835                      <div  data-target="footer" aria-controls="accordion-footer-5" id="accordion-footer-5-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" >
3836          
3837          
3838          <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible">                                      
3839
3840  
3841
3842                    
3843  <span  aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon">
3844    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg>
3845
3846  </span>
3847
3848
3849          
3850                        Motor oil guides
3851          </span>
3852
3853                      </div>
3854                    
3855                      
3856            
3857            <div  class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-5" >
3858                              <ul  data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-5-id">
3859            
3860                          
3861        
3862        
3863        
3864        <li class="menu__item menu__item--link menu__item--level-2">
3865                                                            
3866          
3867          
3868          
3869          
3870          
3871          
3872          
3873                                                                                                  
3874                    
3875          
3876          
3877                      <a href="/en/quartz/engine-oil-tips/hybrid-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/691">                        Is engine oil required in hybrid cars?
3878          </a>
3879                      
3880          
3881                                                                                      
3882          
3883          
3884          <a href="/en/quartz/engine-oil-tips/hybrid-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/691">                        Is engine oil required in hybrid cars?
3885          </a>
3886
3887                    
3888                  </li>
3889      
3890                          
3891        
3892        
3893        
3894        <li class="menu__item menu__item--link menu__item--level-2">
3895                                                            
3896          
3897          
3898          
3899          
3900          
3901          
3902          
3903                                                                                                  
3904                    
3905          
3906          
3907                      <a href="/en/quartz/role-and-benefits-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/731">                        What is motor oil used for and what are its benefits?
3908          </a>
3909                      
3910          
3911                                                                                      
3912          
3913          
3914          <a href="/en/quartz/role-and-benefits-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/731">                        What is motor oil used for and what are its benefits?
3915          </a>
3916
3917                    
3918                  </li>
3919      
3920                          
3921        
3922        
3923        
3924        <li class="menu__item menu__item--link menu__item--level-2">
3925                                                            
3926          
3927          
3928          
3929          
3930          
3931          
3932          
3933                                                                                                  
3934                    
3935          
3936          
3937                      <a href="/en/lubricants/quartz/engine-oil-tips/choose-your-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/716">                        How to choose a motor oil?
3938          </a>
3939                      
3940          
3941                                                                                      
3942          
3943          
3944          <a href="/en/lubricants/quartz/engine-oil-tips/choose-your-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/716">                        How to choose a motor oil?
3945          </a>
3946
3947                    
3948                  </li>
3949      
3950                          
3951        
3952        
3953        
3954        <li class="menu__item menu__item--link menu__item--level-2">
3955                                                            
3956          
3957          
3958          
3959          
3960          
3961          
3962          
3963                                                                                                  
3964                    
3965          
3966          
3967                      <a href="/en/lubricants/quartz/engine-oil-tips/composition-of-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/721">                        What is the composition of motor oil?
3968          </a>
3969                      
3970          
3971                                                                                      
3972          
3973          
3974          <a href="/en/lubricants/quartz/engine-oil-tips/composition-of-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/721">                        What is the composition of motor oil?
3975          </a>
3976
3977                    
3978                  </li>
3979      
3980                          
3981        
3982        
3983        
3984        <li class="menu__item menu__item--link menu__item--level-2">
3985                                                            
3986          
3987          
3988          
3989          
3990          
3991          
3992          
3993                                                                                                  
3994                    
3995          
3996          
3997                      <a href="/en/lubricants/quartz-light-vehicles-engine-oils/engine-oil-tips/do-electric-cars-need-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/701">                        Is engine oil required in an electric vehicle?
3998          </a>
3999                      
4000          
4001                                                                                      
4002          
4003          
4004          <a href="/en/lubricants/quartz-light-vehicles-engine-oils/engine-oil-tips/do-electric-cars-need-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/701">                        Is engine oil required in an electric vehicle?
4005          </a>
4006
4007                    
4008                  </li>
4009      
4010                          
4011        
4012        
4013        
4014        <li class="menu__item menu__item--link menu__item--level-2">
4015                                                            
4016          
4017          
4018          
4019          
4020          
4021          
4022          
4023                                                                                                  
4024                    
4025          
4026          
4027                      <a href="/en/node/746" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/746">                        What is motor oil used for and what are its benefits?
4028          </a>
4029                      
4030          
4031                                                                                      
4032          
4033          
4034          <a href="/en/node/746" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/746">                        What is motor oil used for and what are its benefits?
4035          </a>
4036
4037                    
4038                  </li>
4039      
4040                          
4041        
4042        
4043        
4044        <li class="menu__item menu__item--link menu__item--level-2">
4045                                                            
4046          
4047          
4048          
4049          
4050          
4051          
4052          
4053                                                                                                  
4054                    
4055          
4056          
4057                      <a href="/en/lubricants/quartz-engine-oil/synthetic-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/301">                        Why choose 100% synthetic oil?
4058          </a>
4059                      
4060          
4061                                                                                      
4062          
4063          
4064          <a href="/en/lubricants/quartz-engine-oil/synthetic-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/301">                        Why choose 100% synthetic oil?
4065          </a>
4066
4067                    
4068                  </li>
4069          </ul>
4070  
4071            </div>
4072                  </li>
4073          </ul>
4074  
4075
4076
4077
4078  </nav>
4079
4080  </div>
4081
4082      <div class="region region--footer-secondary tw:py-10">
4083    
4084<nav role="navigation"  id="block-butterfly-theme-footer">
4085    
4086  
4087
4088        
4089            <ul  data-region="footer_secondary" data-component-id="butterfly_theme:secondary-menu-footer" class="menu menu--level-1 secondary-menu-footer tw:flex tw:flex-wrap tw:items-center tw:justify-center tw:gap-x-4 tw:gap-y-5 tw:text-sm tw:font-bold">
4090            
4091                          
4092        
4093        
4094        <li class="menu__item menu__item--link menu__item--level-1">
4095                    
4096          <a href="https://totalenergies.ca/en/contact" class="menu__link menu__link--link menu__link--level-1">Contact</a>
4097
4098          
4099        </li>
4100      
4101                          
4102        
4103        
4104        <li class="menu__item menu__item--link menu__item--level-1">
4105                    
4106          <a href="/en/general-terms-and-conditions-of-use" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/511">Legal</a>
4107
4108          
4109        </li>
4110      
4111                          
4112        
4113        
4114        <li class="menu__item menu__item--link menu__item--level-1">
4115                    
4116          <a href="/en/personal-data-and-cookies-charter" title="Cookie and privacy" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/751">Personal Data Charter, Cookies and Tracers</a>
4117
4118          
4119        </li>
4120      
4121                          
4122        
4123        
4124        <li class="menu__item menu__item--link menu__item--level-1">
4125                    
4126          <a href="/en/accessibility-partial-compliance" title="Legal" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/536">Accessibility: Partial compliance</a>
4127
4128          
4129        </li>
4130      
4131                          
4132        
4133        
4134        <li class="menu__item menu__item--link menu__item--level-1">
4135                    
4136          <a href="/en/sitemap.xml" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="sitemap.xml">Site Map</a>
4137
4138          
4139        </li>
4140      
4141                          
4142        
4143        
4144        <li class="menu__item menu__item--link menu__item--level-1">
4145                    
4146          <a href="/en/node/711" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/711">
4146Joint Report on Child Labour</a>
4147
4148          
4149        </li>
4150      
4151                          
4152        
4153        
4154        <li class="menu__item menu__item--button menu__item--level-1">
4155                    
4156          <button class="hover:tw-underline menu__link menu__link--button menu__link--level-1" aria-haspopup="true" onclick="utag.gdpr.showConsentPreferences();return false;" type="button">Cookies</button>
4157
4158          
4159        </li>
4160      
4161    </ul>
4162  
4163
4164
4165
4166  </nav>
4167
4168    <p class="copyright tw:font-bold tw:text-sm tw:text-center tw:py-5 tw:pb-0">TotalEnergies 2026</p>
4169  </div>
4170
4171  </div>
4172</footer>
4173
4174  
4175  
4176</div>
4177  </div>
4178
4179    
4180    
4180<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"en\/","currentPath":"node\/776","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","logo_url":"\/themes\/custom\/butterfly_theme\/logo.svg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyVle2WoyAMhm9I9JI8EVKbKR8OBGfcq59Q7c7Zalf6S-R9AjExCRjDAfzSwbZoLzF4bsAzDYG77dleQnTNkJkxXuzS8xUddqB1iIaC3ymDDfqmvnA4tLvIDUn5wEEl8Enh_oANyZ44vBBjEMeOxOiSmsGSAT7yjfyUWYmIOynNoyKjDJo87UQGsl_kzV4IDFalG03Kkr81GibWV-gGSNhoSyjeksH-16f-4zNjXDo9t-uqpUs1umnn_ATFT9865GswjeQKOx3cFHwxa58-Q6l_k3aOR_CG_FhDIhgdsxveYZWWNAv0lg0xVriO3yUwkjSHPp_jlxBko4aLTqGVtWdlYUB7bnMV12vOLlxVsEnCVkGVIqjElIpydzinLfgxw4iVYXVA_o5WB_jXwsNM41rf51bFoOzWwLKvg1Qz6rrDpzBRBXaPYKrgSF8Vy__5Bqqk0ZA-N0gIUUwGqIj0g62MmoQreANxeS-fSYpFV3xq-UqQIl9JE_MEtn1sqoiJ_uCqkV8r-9Es761MwNKYH4bba2NhCZl7Q0mHufTMNfdNWpJ0kbV9M_ZgHPk-IbPUX-q2V14spiLrGxoZUrHLDGO_rsVmBq_R9PeLhNq6arc9-5QHR_e7YbDlGmng2dFn93fVQ1q8bjhHn5isjJnHqoUP-D4UIjoJfPN02co_b67To38aH3uspCXRwalbo2sNlsmY2gTzOcRhHO1rzGFK0kBe6mEqTqaX-vZDPcv3v-AR-sOx2f1XLeP5B_himLs","theme":"butterfly_theme","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/en\/contact-us-0?ajax_form=1":true},"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"force_html5_validation":false,"messages":{"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"tealiumiq":{"tealiumiq":{"utagurl":"https:\/\/tags.tiqcdn.com\/utag\/totalms\/canada-total\/prod\/utag.js","async":true,"utagData":{"language":"2","page_name":"contact-us-0","
4180site_name":"536947","site_type":"TEWF","env_type":"PROD"}}},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"extTitleNoOverride":true,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":true,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"","extUseFontAwesome":false,"extIconPlacement":"after","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":[],"extExcludeNoreferrer":""}},"antibot":{"forms":{"webform-submission-6-block-content-2381-add-form":{"id":"webform-submission-6-block-content-2381-add-form","key":"ArBJ43vYieKAmZNQq5RybAq8Rvdr67QaFf5RIHSosBL"}}},"ajax":{"edit-submit":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"throbber","message":""},"disable-refocus":true,"url":"\/en\/contact-us-0?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Submit"}}},"language_code":"en","user":{"uid":0,"permissionsHash":"3e4135c2a50461d172aba727fb9eebb22463d2ee29bf8e178aa9a225eccf692a"}}</script>
vendor: 1 bytes, line 4180
4180
4181<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 4181
4181
4182<script src="/sites/g/files/wompnd4391/files/js/js_z5DVKGE4t1WXlj8tlsvtuWrI3vDEtuLk6jo9P8rNU9o.js?scope=footer&amp;delta=1&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
vendor: 1 bytes, line 4182
4182
4183<script src="https://static.addtoany.com/menu/page.js" defer></script>
vendor: 1 bytes, line 4183
4183
4184<script src="/sites/g/files/wompnd4391/files/js/js_Z3e82fY1zgZxHVy0hp6tRPryLdyz2AQwG-0gtoFcr3c.js?scope=footer&amp;delta=3&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
vendor: 1 bytes, line 4184
4184
4185<script src="/themes/custom/butterfly_theme/dist/js/accordion.min.js?v=10.7.1" defer></script>
vendor: 1 bytes, line 4185
4185
4186<script src="/themes/custom/butterfly_theme/dist/js/form-validation.min.js?v=1.0.2" async></script>
vendor: 1 bytes, line 4186
4186
4187<script src="/libraries/duetds--date-picker/dist/duet/duet.js?tmj1fl" defer></script>
vendor: 1 bytes, line 4187
4187
4188<script src="/libraries/duetds--date-picker/dist/duet/duet.esm.js?tmj1fl" defer type="module"></script>
vendor: 1 bytes, line 4188
4188
4189<script src="/sites/g/files/wompnd4391/files/js/js_x8GbTt2buS_SPCdHyfLvk5rrs7l892tpBr72A18NDOw.js?scope=footer&amp;delta=8&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
vendor: 1 bytes, line 4189
4189
4190<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback&amp;render=explicit" defer async></script>
vendor: 1 bytes, line 4190
4190
4191<script src="/sites/g/files/wompnd4391/files/js/js_dWFBDH-DuFKe8Tmdk7oVBzkEFlWiCnS25AKhtEOO3bg.js?scope=footer&amp;delta=10&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
4191
4192
4193  
4193<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"d40fce41d71a408599e5c86f89914cd9","spa":2}' crossorigin="anonymous"></script>
4193
4194</body>
4195</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.