PageSourceSearch

https://www.archroma.com/about

html archroma.com collected 2026-10-01 13:52:46 UTC 327,839 bytes, 4,164 lines download raw bytes

1    
2            
3    
4    
5                <!DOCTYPE html><html
6lang="en"><head> 
6<script>document.documentElement.classList.add('js')</script>
6 
6<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
6 
6<script type="module" src="https://www.archroma.com/dist/assets/app-D6SW-oPK.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/site.js&#039;}});document.dispatchEvent(e);"></script>
6 <link
7href="https://www.archroma.com/dist/assets/app-DhDPg0uF.css" rel="stylesheet" media="print" onload="this.media=&#039;all&#039;"><link
8rel="preconnect" href="https://fonts.googleapis.com"><link
9rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link
10rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" onload="this.onload=null;this.rel='stylesheet'">
11<noscript><link
12rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"></noscript><meta
13name="viewport" content="width=device-width, initial-scale=1.0"><link
14rel="alternate" type="application/rss+xml" title="News RSS Feed" href="/news/rss"><link
15rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /><link
16rel="icon" type="image/svg+xml" href="/favicon.svg" /><link
17rel="shortcut icon" href="/favicon.ico" /><link
18rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /><meta
19name="apple-mobile-web-app-title" content="Archroma" /><link
20rel="manifest" href="/site.webmanifest" />
21<title>About Archroma | Archroma</title><meta name="generator" content="SEOmatic">
22<meta name="description" content="Learn about Archroma’s global leadership in sustainable specialty chemicals, innovation, and industry transformation for a better future.">
23<meta name="referrer" content="no-referrer-when-downgrade">
24<meta name="robots" content="all">
25<meta content="en" property="og:locale">
26<meta content="Archroma" property="og:site_name">
27<meta content="website" property="og:type">
28<meta content="https://www.archroma.com/about" property="og:url">
29<meta content="About Archroma" property="og:title">
30<meta content="Learn about Archroma’s global leadership in sustainable specialty chemicals, innovation, and industry transformation for a better future." property="og:description">
31<meta content="https://www.archroma.com/uploads/images/_1200x630_crop_center-center_82_none/shutterstock_2374001175.jpg?mtime=1737631538" property="og:image">
32<meta content="1200" property="og:image:width">
33<meta content="630" property="og:image:height">
34<meta content="https://vimeo.com/Archroma" property="og:see_also">
35<meta content="https://www.instagram.com/archromagroup/" property="og:see_also">
36<meta content="https://www.youtube.com/@ArchromaGroup" property="og:see_also">
37<meta content="https://www.linkedin.com/company/archroma/" property="og:see_also">
38<meta content="https://www.facebook.com/ArchromaGroup/" property="og:see_also">
39<meta content="https://x.com/archromagroup" property="og:see_also">
40<meta name="twitter:card" content="summary_large_image">
41<meta name="twitter:creator" content="@">
42<meta name="twitter:title" content="About Archroma">
43<meta name="twitter:description" content="Learn about Archroma’s global leadership in sustainable specialty chemicals, innovation, and industry transformation for a better future.">
44<meta name="twitter:image" content="https://www.archroma.com/uploads/images/_1200x630_crop_center-center_82_none/shutterstock_2374001175.jpg?mtime=1737631538">
45<meta name="twitter:image:width" content="1200">
46<meta name="twitter:image:height" content="630">
47<link href="https://www.archroma.com/about" rel="canonical">
48<link href="https://www.archroma.com/" rel="home">
49<link type="text/plain" href="https://www.archroma.com/humans.txt" rel="author">
50<style>                *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:"Source Sans 3",sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}
50button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}@supports (font-size: clamp(1rem,1vi,1rem)){:root{--fs-body-xs: clamp(.8rem, .12vi + .77rem, .91rem);--fs-body-s: clamp(.89rem, .18vi + .86rem, 1.07rem);--fs-body-base: clamp(1rem, .25vi + .95rem, 1.25rem);--fs-body-m: clamp(1.12rem, .34vi + 1.05rem, 1.46rem);--fs-body-l: clamp(1.25rem, .46vi + 1.16rem, 1.71rem);--fs-body-xl: clamp(1.4rem, .6vi + 1.29rem, 2rem);--fs-h6: clamp(1.57rem, .77vi + 1.42rem, 2.34rem);--fs-h5: clamp(1.76rem, .98vi + 1.57rem, 2.74rem);--fs-h4: clamp(1.97rem, 1.23vi + 1.73rem, 3.21rem);--fs-h3: clamp(2.21rem, 1.54vi + 1.9rem, 3.75rem);--fs-h2: clamp(2.48rem, 1.91vi + 2.09rem, 4.39rem);--fs-h1: clamp(2.77rem, 2.36vi + 2.3rem, 5.14rem)}}@supports not (font-size: clamp(1rem,1vi,1rem)){:root{--fs-body-xs: .8rem;--fs-body-s: .89rem;--fs-body-base: 1rem;--fs-body-m: 1.12rem;--fs-body-l: 1.25rem;--fs-body-xl: 1.4rem;--fs-h6: 1.57rem;--fs-h5: 1.76rem;--fs-h4: 1.97rem;--fs-h3: 2.21rem;--fs-h2: 2.48rem;--fs-h1: 2.77rem}@media screen and (min-width: 1920px){:root{--fs-body-xs: .91rem;--fs-body-s: 1.07rem;--fs-body-base: 1.25rem;--fs-body-m: 1.46rem;--fs-body-l: 1.71rem;--fs-body-xl: 2rem;--fs-h6: 2.34rem;--fs-h5: 2.74rem;--fs-h4: 3.21rem;--fs-h3: 3.75rem;--fs-h2: 4.39rem;--fs-h1: 5.14rem}}}body{font-family:"Source Sans 3",sans-serif;--tw-text-opacity: 1;color:rgb(52 52 52 / var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--dynamic-spacing: clamp(32px, 6vw, 100px)}[x-cloak]{display:none}.x_container{margin-left:auto;margin-right:auto;max-width:1610px;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.x_container{padding-left:2rem;padding-right:2rem}}.x_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:1.25rem;column-gap:1.25rem;row-gap:64px}@media (min-width: 768px){.x_grid{grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem}}@media (min-width: 1280px){.x_grid{grid-template-columns:repeat(24,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem}}.\!x_row,.x_row{padding-top:var(--dynamic-spacing);padding-bottom:var(--dynamic-spacing)}.x_row[data-background=white]+.x_row[data-background=white],.x_row[data-background=solidGrey]+.x_row[data-background=solidGrey]{padding-top:0}.\!x_row[data-background=white]+.\!x_row[data-background=white],.\!x_row[data-background=solidGrey]+.\!x_row[data-background=solidGrey]{padding-top:0}.dynamic-bg[data-background=white]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dynamic-bg[data-background=white] .dynamic-panel-colour,.dynamic-bg[data-background=solidGrey]{--tw-bg-opacity: 1;background-color:rgb(246 246 247 / var(--tw-bg-opacity))}.dynamic-bg[data-background=solidGrey] .dynamic-panel-colour{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dynamic-bg[data-background=greyGradient]{--tw-text-opacity: 1;color:rgb(52 52 52 / var(--tw-text-opacity));background:linear-gradient(180deg,#f6f6f7,#fff)}.dynamic-bg[data-background=greyGradient] .dynamic-panel-colour{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:block}.accessibility-calm-mode-active{filter:saturate(.5)}.accessibility-high-contrast *:not(svg):not(img):not(.no-high-contrast):not(.no-high-contrast *){background:var(--high-contrast-bg-color)!important;color:var(--high-contrast-text-color)!important}.accessibility-high-contrast input:not(.no-high-contrast):not(.no-high-contrast *),.accessibility-high-contrast a:not(.no-high-contrast):not(.no-high-contrast *),.accessibility-high-contrast button:not(.no-high-contrast):not(.no-high-contrast *){border:solid 2px var(--high-contrast-text-color)!important}.accessibility-high-contrast ::-moz-placeholder{color:var(--high-contrast-text-color)!important}.accessibility-high-contrast ::placeholder{color:var(--high-contrast-text-color)!important}.accessibility-no-animations-active *{transition:none!important;animation:none!important}.accessibility-dyslexic-mode-active,.accessibility-dyslexic-mode-active *{font-family:Open-Dyslexic,sans-serif!important}.accessibility-underline-links-active a,.accessibility-underline-links-active a *{text-decoration:underline!important}.accessibility-readable-fonts-active:not(.force-font-family),.accessibility-readable-fonts-active:not(.force-font-family) *:not(.force-font-family){font-family:Open Sans,sans-serif!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;
50--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.hover-green{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow, 0 0 #0000);--tw-ring-offset-width: 0px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.hover-green:hover,.group:hover .hover-green{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px}.hover-blue{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow, 0 0 #0000);--tw-ring-offset-width: 0px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.hover-blue:hover,.group:hover .hover-blue{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(0 174 239 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px}.hover-white{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow, 0 0 #0000);--tw-ring-offset-width: 0px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.hover-white:hover,.group:hover .hover-white{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000}.c_prose{max-width:none;line-height:1.5;font-size:var(--fs-body-base)}.c_prose>*{margin:0}.c_prose>*+*{margin-top:1rem}@media (min-width: 1280px){.c_prose>*+*{margin-top:2rem}}.c_prose h2{text-wrap:balance;line-height:1.15;font-size:var(--fs-h5)}.c_prose h3{text-wrap:balance;line-height:1.15;font-size:var(--fs-h6)}.c_prose h4{line-height:1.25;font-size:var(--fs-body-l)}.c_prose p+h2,.c_prose p+h3,.c_prose p+h4{margin-top:3.5rem}@media (min-width: 1280px){.c_prose p+h2,.c_prose p+h3,.c_prose p+h4{margin-top:5rem}}.c_prose a[href]{--tw-text-opacity: 1;color:rgb(0 114 188 / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:2px}.c_prose a[href]:hover{--tw-text-opacity: 1;color:rgb(0 174 239 / var(--tw-text-opacity))}.c_prose ul>:not([hidden])~:not([hidden]),.c_prose ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.c_prose ul,.c_prose ol{padding-left:1.25rem}.c_prose ul ul,.c_prose ol ol{margin-top:.5rem;padding-left:1.25rem}.c_prose>ul{list-style-type:disc}.c_prose>ul>li>ul{list-style-type:circle}.c_prose>ul>li>ul>li>ul{list-style-type:square}.c_prose>ol{list-style-type:decimal}.c_prose>ol>li>ol{list-style-type:lower-latin}.c_prose>ol>li>ol>li>ol{list-style-type:lower-roman}.c_prose blockquote{border-left-width:4px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));padding-left:1rem;font-style:italic}.c_prose .text-small{line-height:1.5;font-size:var(--fs-body-xs)}.c_prose .text-big{line-height:1.25;font-size:var(--fs-body-l)}.c_prose .table,.c_prose .table table{width:100%}.c_prose .table{overflow-x:auto}.c_prose .table thead{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#0072bc,#0a9fff)}.c_prose .table tbody tr{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(214 214 214 / var(--tw-border-opacity))}.c_prose .table tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(246 246 247 / var(--tw-bg-opacity))}
50.c_prose .table th,.c_prose .table td{min-width:200px;padding-left:1rem;padding-right:1rem;text-align:left;line-height:1.5;font-size:var(--fs-body-s)}.c_prose .table th{padding-top:1rem;padding-bottom:2rem;font-weight:700}.c_prose .table td{padding-top:.5rem;padding-bottom:.5rem}.c_prose .link-button:has(+.link-button){margin-right:1rem}.c_content-builder{display:flex;flex-direction:column}.c_legacy-builder{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.c_range{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.c_range::-webkit-slider-runnable-track{height:.5rem;border-radius:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(-45deg,#00aeef 30%,#01ba72)}.c_range::-webkit-slider-thumb{margin-top:-.75rem;height:2rem;width:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(-45deg,#00aeef 30%,#01ba72)}.c_range--faded::-webkit-slider-runnable-track{background:linear-gradient(-45deg,#2b73e94d,#01ba724d)}.c_range::-moz-range-track{height:.5rem;border-radius:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(-45deg,#00aeef 30%,#01ba72)}.c_range::-moz-range-thumb{height:2rem;width:2rem;border-radius:9999px;border-style:none;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(-45deg,#00aeef 30%,#01ba72)}.c_range--faded::-moz-range-track{background:linear-gradient(-45deg,#2b73e94d,#01ba724d)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-5{left:1.25rem}.left-\[-0\.5em\]{left:-.5em}.left-\[calc\(50\%-1px\)\]{left:calc(50% - 1px)}.left-\[calc\(50\%-6px\)\]{left:calc(50% - 6px)}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-\[-0\.5em\]{top:-.5em}.top-\[calc\(50\%-1px\)\]{top:calc(50% - 1px)}.top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}.top-\[calc\(50\%-9px\)\]{top:calc(50% - 9px)}.isolate{isolation:isolate}.-z-\[1\]{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-\[-1\]{z-index:-1}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[999999999\]{z-index:999999999}.z-\[99\]{z-index:99}.z-\[9\]{z-index:9}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-22{grid-column:span 22 / span 22}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-start-5{grid-column-start:5}.row-start-1{grid-row-start:1}.\!m-0{margin:0!important}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.\!mt-0{margin-top:0!important}.-ml-4{margin-left:-1rem}.-ml-px{margin-left:-1px}.-mt-12{margin-top:-3rem}.-mt-16{margin-top:-4rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.ms-3{margin-inline-start:.75rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}
50.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[3\/5\]{aspect-ratio:3/5}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[5\/1\]{aspect-ratio:5/1}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.\!h-20{height:5rem!important}.\!h-5{height:1.25rem!important}.\!h-auto{height:auto!important}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[10\%\]{height:10%}.h-\[156px\]{height:156px}.h-\[18px\]{height:18px}.h-\[19px\]{height:19px}.h-\[200px\]{height:200px}.h-\[2px\]{height:2px}.h-\[42px\]{height:42px}.h-\[72px\]{height:72px}.h-\[90\%\]{height:90%}.h-\[calc\(100\%\+1em\)\]{height:calc(100% + 1em)}.h-\[calc\(100\%-74px\)\]{height:calc(100% - 74px)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[100\%\]{max-height:100%}.max-h-\[calc\(100dvh-5rem\)\]{max-height:calc(100dvh - 5rem)}.max-h-full{max-height:100%}.min-h-40{min-height:10rem}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.\!w-10{width:2.5rem!important}.\!w-20{width:5rem!important}.\!w-5{width:1.25rem!important}.w-0{width:0px}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[156px\]{width:156px}.w-\[18px\]{width:18px}.w-\[197px\]{width:197px}.w-\[19px\]{width:19px}.w-\[2px\]{width:2px}.w-\[42px\]{width:42px}.w-\[50px\]{width:50px}.w-\[calc\(100\%\+1em\)\]{width:calc(100% + 1em)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-8{min-width:2rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[1022px\]{max-width:1022px}.max-w-\[1024px\]{max-width:1024px}.max-w-\[1040px\]{max-width:1040px}.max-w-\[1243px\]{max-width:1243px}.max-w-\[1382px\]{max-width:1382px}.max-w-\[252px\]{max-width:252px}.max-w-\[40px\]{max-width:40px}.max-w-\[556px\]{max-width:556px}.max-w-\[562px\]{max-width:562px}.max-w-\[75vw\]{max-width:75vw}.max-w-\[80\%\]{max-width:80%}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-1rem\]{--tw-translate-x: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[1rem\]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-1rem\]{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[30\%_auto\]{grid-template-columns:30% auto}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-between{place-content:space-between}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}
50.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-8{row-gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.25rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.rounded{border-radius:.25rem}.rounded-\[0\.5em\]{border-radius:.5em}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[20px\]{border-radius:20px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}
50.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-\[14px\]{border-bottom-left-radius:14px}.rounded-tl-\[14px\]{border-top-left-radius:14px}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-\[1px\]{border-bottom-width:1px}.border-b-\[3px\]{border-bottom-width:3px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-8{border-top-width:8px}.border-solid{border-style:solid}.border-\[\#00ba71\]{--tw-border-opacity: 1;border-color:rgb(0 186 113 / var(--tw-border-opacity))}.border-\[\#D6D6D6\]{--tw-border-opacity: 1;border-color:rgb(214 214 214 / var(--tw-border-opacity))}.border-\[rgba\(0\,0\,0\,0\.1\)\]{border-color:#0000001a}.border-brand-black{--tw-border-opacity: 1;border-color:rgb(52 52 52 / var(--tw-border-opacity))}.border-brand-dark-blue{--tw-border-opacity: 1;border-color:rgb(0 114 188 / var(--tw-border-opacity))}.border-brand-ui-grey{--tw-border-opacity: 1;border-color:rgb(214 214 214 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-neutral-100\/70{border-color:#f5f5f5b3}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.\!border-t-black{--tw-border-opacity: 1 !important;border-top-color:rgb(0 0 0 / var(--tw-border-opacity))!important}.border-b-\[\#33D38A\]{--tw-border-opacity: 1;border-bottom-color:rgb(51 211 138 / var(--tw-border-opacity))}.border-b-transparent{border-bottom-color:transparent}.border-t-transparent{border-top-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-\[\#1500FF\]{--tw-bg-opacity: 1;background-color:rgb(21 0 255 / var(--tw-bg-opacity))}.bg-\[\#FCED1F\]{--tw-bg-opacity: 1;background-color:rgb(252 237 31 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/10{background-color:#0000001a}.bg-black\/35{background-color:#00000059}.bg-black\/50{background-color:#00000080}.bg-brand-black{--tw-bg-opacity: 1;background-color:rgb(52 52 52 / var(--tw-bg-opacity))}.bg-brand-dark-blue{--tw-bg-opacity: 1;background-color:rgb(0 114 188 / var(--tw-bg-opacity))}.bg-brand-grey{--tw-bg-opacity: 1;background-color:rgb(246 246 247 / var(--tw-bg-opacity))}.bg-brand-light-blue{--tw-bg-opacity: 1;background-color:rgb(0 174 239 / var(--tw-bg-opacity))}.bg-brand-ui-grey{--tw-bg-opacity: 1;background-color:rgb(214 214 214 / var(--tw-bg-opacity))}.bg-brand-ui-grey\/25{background-color:#d6d6d640}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/5{background-color:#ffffff0d}.bg-white\/50{background-color:#ffffff80}.bg-opacity-10{--tw-bg-opacity: .1}.bg-opacity-40{--tw-bg-opacity: .4}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-brand-light-blue\/80{--tw-gradient-from: rgb(0 174 239 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 174 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#006489\]\/80{--tw-gradient-to: rgb(0 100 137 / .8) var(--tw-gradient-to-position)}.to-brand-black\/70{--tw-gradient-to: rgb(52 52 52 / .7) var(--tw-gradient-to-position)}.fill-black{fill:#000}.fill-brand-black{fill:#343434}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-32{padding-left:8rem;padding-right:8rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[152px\]{padding-bottom:152px}.pb-\[var\(--dynamic-spacing\)\]{padding-bottom:var(--dynamic-spacing)}.pl-10{padding-left:2.5rem}.pl-16{padding-left:4rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-20{padding-right:5rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-4{padding-top:1rem}.pt-48{padding-top:12rem}.pt-8{padding-top:2rem}.pt-\[204px\]{padding-top:204px}.text-left{text-align:left}.text-center{text-align:center}.font-\[\'Open-Dyslexic\'\]{font-family:Open-Dyslexic}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[1\.5em\]{font-size:1.5em}.text-\[14\.56px\]{font-size:14.56px}.text-\[16px\]{font-size:16px}.text-\[17\.1px\]{font-size:17.1px}.text-\[18px\]{font-size:18px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.\!leading-\[1\.1rem\]{line-height:1.1rem!important}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.5\]{line-height:1.5}.leading-\[1rem\]{line-height:1rem}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.\!text-brand-black{--tw-text-opacity: 1 !important;color:rgb(52 52 52 / var(--tw-text-opacity))!important}.\!text-inherit{color:inherit!important}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.text-\[\#1500FF\]{--tw-text-opacity: 1;color:rgb(21 0 255 / var(--tw-text-opacity))}.text-\[\#FCED1F\]{--tw-text-opacity: 1;color:rgb(252 237 31 / var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-brand-black{--tw-text-opacity: 1;color:rgb(52 52 52 / var(--tw-text-opacity))}.text-brand-dark-blue{--tw-text-opacity: 1;color:rgb(0 114 188 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\!no-underline{text-decoration-line:none!important}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}
50.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_8px_-6px_rgba\(24\,35\,79\,0\.1\)\]{--tw-shadow: 0 6px 8px -6px rgba(24,35,79,.1);--tw-shadow-colored: 0 6px 8px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-brand{--tw-shadow: 0px 6px 8px -6px rgba(24, 39, 75, .12), 0px 8px 16px -6px rgba(24, 39, 75, .08);--tw-shadow-colored: 0px 6px 8px -6px var(--tw-shadow-color), 0px 8px 16px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
50--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-offset-2{outline-offset:2px}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-brand-ui-grey{--tw-ring-opacity: 1;--tw-ring-color: rgb(214 214 214 / var(--tw-ring-opacity))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.drop-shadow-\[0_6px_14px_rgba\(24\,39\,75\,0\.12\)\]{--tw-drop-shadow: drop-shadow(0 6px 14px rgba(24,39,75,.12));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-150{transition-delay:.15s}.delay-300{transition-delay:.3s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.delay-150{animation-delay:.15s}.delay-300{animation-delay:.3s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\@container{container-type:inline-size}.\@container\/bento{container-type:inline-size;container-name:bento}.\@container\/bento-box{container-type:inline-size;container-name:bento-box}.\@container\/cards{container-type:inline-size;container-name:cards}.\@container\/download{container-type:inline-size;container-name:download}.\@container\/images{container-type:inline-size;container-name:images}.\@container\/inlineCards{container-type:inline-size;container-name:inlineCards}.\@container\/panel{container-type:inline-size;container-name:panel}.\@container\/select-grid{container-type:inline-size;container-name:select-grid}.t_h1,.t_h2,.t_h3,.t_h4,.t_h5,.t_h6,.\!t_h6{text-wrap:balance}.t_h1,.t_h2,.t_h3,.t_h4{line-height:1.05}.t_h5,.t_h6,.\!t_h6{line-height:1.15}.t_body-xl,.t_body-l,.\!t_body-l{line-height:1.25}.t_body-m,.t_body-base,.t_body-s,.t_body-xs,.\!t_body-base{line-height:1.5}.t_h1{font-size:var(--fs-h1)}.t_h4{font-size:var(--fs-h4)}.t_h5{font-size:var(--fs-h5)}.\!t_h6{font-size:var(--fs-h6)!important}.t_h6{font-size:var(--fs-h6)}.t_body-xl{font-size:var(--fs-body-xl)}.\!t_body-l{font-size:var(--fs-body-l)!important}.t_body-l{font-size:var(--fs-body-l)}.t_body-m{font-size:var(--fs-body-m)}.\!t_body-base{font-size:var(--fs-body-base)!important}.t_body-base{font-size:var(--fs-body-base)}.t_body-s{font-size:var(--fs-body-s)}.t_body-xs{font-size:var(--fs-body-xs)}.bg-gradient-grey{--tw-text-opacity: 1;color:rgb(52 52 52 / var(--tw-text-opacity));background:linear-gradient(180deg,#f6f6f7,#fff)}.bg-gradient-light-blue{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#00aeef,#6dcff6)}.bg-gradient-dark-blue{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#0072bc,#0a9fff)}.bg-gradient-purple{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#6e21d1,#9452ea)}.bg-gradient-pink{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#e779ac,#ec93bc)}.bg-gradient-bright-green{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#8dc63f,#aae35f)}.bg-gradient-green{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(180deg,#00ba71,#38d58c)}
50.bg-gradient-green-cyan{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:linear-gradient(-45deg,#00aeef 30%,#01ba72)}@media (prefers-reduced-motion: no-preference){.animate-bg-gradient{background-size:200% 200%;animation:gradient 10s ease infinite}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-gradient-clip-text{-webkit-background-clip:text;background-clip:text;color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion: no-preference){@keyframes c_hero-rise{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes c_hero-media-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.c_home-hero [data-reveal]{animation:c_hero-rise .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay, 0s)}.c_home-hero [data-hero-media]{animation:c_hero-media-in 1.4s cubic-bezier(.16,1,.3,1) both}}@media (prefers-reduced-motion: no-preference){.js [data-reveal-section]{opacity:0;transform:translateY(1.5rem);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay, 0s)}.js [data-reveal-section].is-revealed{opacity:1;transform:none}}@media (min-width: 768px){.md\:x_container{margin-left:auto;margin-right:auto;max-width:1610px;padding-left:1.25rem;padding-right:1.25rem}.md\:x_container{padding-left:2rem;padding-right:2rem}}.placeholder\:text-brand-black::-moz-placeholder{--tw-text-opacity: 1;color:rgb(52 52 52 / var(--tw-text-opacity))}.placeholder\:text-brand-black::placeholder{--tw-text-opacity: 1;color:rgb(52 52 52 / var(--tw-text-opacity))}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.placeholder\:text-white\/60::-moz-placeholder{color:#fff9}.placeholder\:text-white\/60::placeholder{color:#fff9}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-2:after{content:var(--tw-content);bottom:-.5rem}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-\[1px\]:after{content:var(--tw-content);top:1px}.after\:z-10:after{content:var(--tw-content);z-index:10}.after\:block:after{content:var(--tw-content);display:block}.after\:h-1:after{content:var(--tw-content);height:.25rem}.after\:h-\[calc\(100\%-1px\)\]:after{content:var(--tw-content);height:calc(100% - 1px)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[1px\]:after{content:var(--tw-content);width:1px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:rounded-xl:after{content:var(--tw-content);border-radius:.75rem}.after\:bg-black:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.after\:bg-gray-300:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.after\:bg-gradient-to-b:after{content:var(--tw-content);background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.after\:from-brand-black\/10:after{content:var(--tw-content);--tw-gradient-from: rgb(52 52 52 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 52 52 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-brand-black\/70:after{content:var(--tw-content);--tw-gradient-to: rgb(52 52 52 / .7) var(--tw-gradient-to-position)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:opacity-100:after{content:var(--tw-content);opacity:1}.last\:border-none:last-child{border-style:none}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow, 0 0 #0000)}.focus-within\:ring-inset:focus-within{--tw-ring-inset: inset}.focus-within\:ring-brand-dark-blue:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 114 188 / var(--tw-ring-opacity))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:rounded-\[8px\]:hover{border-radius:8px}.hover\:bg-brand-grey:hover{--tw-bg-opacity: 1;background-color:rgb(246 246 247 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-brand-dark-blue:hover{--tw-text-opacity: 1;color:rgb(0 114 188 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-10:focus{z-index:10}.focus\:z-\[9999999999\]:focus{z-index:9999999999}.focus\:rounded-lg:focus{border-radius:.5rem}.focus\:border-white\/50:focus{border-color:#ffffff80}.focus\:bg-brand-dark-blue:focus{--tw-bg-opacity: 1;background-color:rgb(0 114 188 / var(--tw-bg-opacity))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.focus\:px-5:focus{padding-left:1.25rem;padding-right:1.25rem}.focus\:py-3:focus{padding-top:.75rem;padding-bottom:.75rem}.focus\:font-bold:focus{font-weight:700}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\:shadow-lg:focus{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
50--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset: inset}.focus\:ring-black:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.focus\:ring-brand-dark-blue:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 114 188 / var(--tw-ring-opacity))}.focus\:ring-brand-light-blue:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 174 239 / var(--tw-ring-opacity))}.focus\:ring-neutral-200\/60:focus{--tw-ring-color: rgb(229 229 229 / .6)}.focus\:ring-white:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-white:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-200:disabled{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.disabled\:text-gray-500:disabled{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group\/nav-item:hover .group-hover\/nav-item\:opacity-100{opacity:1}.group:hover .group-hover\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
50dow, 0 0 #0000)}.group:hover .group-hover\:ring-brand-light-blue{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 174 239 / var(--tw-ring-opacity))}.group\/toggle.--active .group-\[\.--active\]\/toggle\:translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/toggle.--active .group-\[\.--active\]\/toggle\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.group\/toggle.--active .group-\[\.--active\]\/toggle\:opacity-0{opacity:0}.group\/toggle.--active .group-\[\.--active\]\/toggle\:opacity-100{opacity:1}.group\/toggle.--active .group-\[\.--active\]\/toggle\:duration-100{transition-duration:.1s}.group\/toggle.--active .group-\[\.--active\]\/toggle\:duration-200{transition-duration:.2s}.group\/toggle.--active .group-\[\.--active\]\/toggle\:ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.group\/toggle.--active .group-\[\.--active\]\/toggle\:ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.group\/toggle.--active .group-\[\.--active\]\/toggle\:duration-100{animation-duration:.1s}.group\/toggle.--active .group-\[\.--active\]\/toggle\:duration-200{animation-duration:.2s}.group\/toggle.--active .group-\[\.--active\]\/toggle\:ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.group\/toggle.--active .group-\[\.--active\]\/toggle\:ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}@container inlineCards (min-width: 36rem){.\@xl\/inlineCards\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container bento-box (min-width: 320px){.\@\[320px\]\/bento-box\:min-h-\[400px\]{min-height:400px}.\@\[320px\]\/bento-box\:p-8{padding:2rem}.\@\[320px\]\/bento-box\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.\@\[320px\]\/bento-box\:text-2xl{font-size:1.5rem;line-height:2rem}.\@\[320px\]\/bento-box\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@container images (min-width: 450px){.\@\[450px\]\/images\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container select-grid (min-width: 450px){.\@\[450px\]\/select-grid\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 450px){.\@\[450px\]\:p-16{padding:4rem}}@container bento (min-width: 500px){.\@\[500px\]\/bento\:col-span-6{grid-column:span 6 / span 6}.\@\[500px\]\/bento\:basis-\[calc\(50\%_-_10px\)\]{flex-basis:calc(50% - 10px)}}@container select-grid (min-width: 550px){.\@\[550px\]\/select-grid\:gap-5{gap:1.25rem}}@container download (min-width: 600px){.\@\[600px\]\/download\:block{display:block}.\@\[600px\]\/download\:px-4{padding-left:1rem;padding-right:1rem}}@container panel (min-width: 600px){.\@\[600px\]\/panel\:grid{display:grid}.\@\[600px\]\/panel\:aspect-\[6\/1\]{aspect-ratio:6/1}.\@\[600px\]\/panel\:aspect-auto{aspect-ratio:auto}.\@\[600px\]\/panel\:h-full{height:100%}.\@\[600px\]\/panel\:grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.\@\[600px\]\/panel\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.\@\[600px\]\/panel\:rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}}@container (min-width: 600px){.\@\[600px\]\:t_body-base{line-height:1.5;font-size:var(--fs-body-base)}}@container cards (min-width: 700px){.\@\[700px\]\/cards\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container panel (min-width: 700px){.\@\[700px\]\/panel\:p-8{padding:2rem}}@container bento (min-width: 900px){.\@\[900px\]\/bento\:col-span-3{grid-column:span 3 / span 3}.\@\[900px\]\/bento\:col-span-4{grid-column:span 4 / span 4}.\@\[900px\]\/bento\:col-span-8{grid-column:span 8 / span 8}.\@\[900px\]\/bento\:col-span-9{grid-column:span 9 / span 9}.\@\[900px\]\/bento\:block{display:block}.\@\[900px\]\/bento\:basis-\[calc\(25\%_-_15px\)\]{flex-basis:calc(25% - 15px)}.\@\[900px\]\/bento\:basis-\[calc\(33\.333\%_-_13\.34px\)\]{flex-basis:calc(33.333% - 13.34px)}.\@\[900px\]\/bento\:basis-\[calc\(66\.667\%_-_6\.67px\)\]{flex-basis:calc(66.667% - 6.67px)}.\@\[900px\]\/bento\:basis-\[calc\(75\%_-_5px\)\]{flex-basis:calc(75% - 5px)}}@container cards (min-width: 900px){.\@\[900px\]\/cards\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container cards (min-width: 1100px){.\@\[1100px\]\/cards\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container cards (min-width: 1300px){.\@\[1300px\]\/cards\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 1440px){.max-\[1440px\]\:hidden{display:none}}@media not all and (min-width: 768px){.max-md\:\!block{display:block!important}.max-md\:hidden{display:none}}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-\[240px\]{height:240px}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:gap-10{gap:2.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:duration-700{transition-duration:.7s;animation-duration:.7s}}@media (min-width: 768px){.md\:bottom-4{bottom:1rem}.md\:right-4{right:1rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:-mt-\[50px\]{margin-top:-50px}.md\:mb-20{margin-bottom:5rem}.md\:hidden{display:none}.md\:aspect-\[3\/4\]{aspect-ratio:3/4}.md\:aspect-video{aspect-ratio:16 / 9}.md\:h-\[265px\]{height:265px}.md\:w-1\/2{width:50%}.md\:w-48{width:12rem}.md\:w-96{width:24rem}
50.md\:w-\[200px\]{width:200px}.md\:w-auto{width:auto}.md\:max-w-\[460px\]{max-width:460px}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-10{gap:2.5rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:gap-\[50px\]{gap:50px}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-12{row-gap:3rem}.md\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.md\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.md\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.md\:rounded-\[20px\]{border-radius:20px}.md\:p-0{padding:0}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-16{padding:4rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-\[164px\]{padding-bottom:164px}.md\:pr-11{padding-right:2.75rem}.md\:pt-40{padding-top:10rem}.md\:pt-64{padding-top:16rem}.md\:pt-\[264px\]{padding-top:264px}.md\:text-left{text-align:left}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[27\.36px\]{font-size:27.36px}.md\:text-\[37\.36px\]{font-size:37.36px}.md\:text-\[43\.84px\]{font-size:43.84px}.md\:text-\[51\.36px\]{font-size:51.36px}.md\:text-\[52px\]{font-size:52px}.md\:t_h3{text-wrap:balance;line-height:1.05;font-size:var(--fs-h3)}.md\:hover\:w-56:hover{width:14rem}.min-\[768px\]\:flex{display:flex}.min-\[768px\]\:w-auto{width:auto}.min-\[768px\]\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.min-\[768px\]\:justify-end{justify-content:flex-end}}@media (min-width: 1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mb-12{margin-bottom:3rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-video{aspect-ratio:16 / 9}.lg\:h-\[calc\(\(var\(--hero-height\)\/2\)\+160px\)\]{height:calc((var(--hero-height) / 2) + 160px)}.lg\:w-1\/3{width:33.333333%}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1014fr_716fr\]{grid-template-columns:1014fr 716fr}.lg\:grid-cols-\[1fr_450px\]{grid-template-columns:1fr 450px}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-end{justify-content:flex-end}.lg\:gap-12{gap:3rem}.lg\:gap-20{gap:5rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-\[10\%\]{gap:10%}.lg\:space-y-\[var\(--dynamic-spacing\)\]>
50:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--dynamic-spacing) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--dynamic-spacing) * var(--tw-space-y-reverse))}.lg\:p-10{padding:2.5rem}.lg\:p-16{padding:4rem}.lg\:p-20{padding:5rem}.lg\:text-left{text-align:left}}@media (min-width: 1160px){.min-\[1160px\]\:top-24{top:6rem}.min-\[1160px\]\:block{display:block}.min-\[1160px\]\:flex{display:flex}.min-\[1160px\]\:hidden{display:none}.min-\[1160px\]\:h-\[calc\(\(var\(--hero-height\)\/2\)\+175px\)\]{height:calc((var(--hero-height) / 2) + 175px)}.min-\[1160px\]\:h-full{height:100%}.min-\[1160px\]\:w-auto{width:auto}.min-\[1160px\]\:items-start{align-items:flex-start}.min-\[1160px\]\:justify-center{justify-content:center}.min-\[1160px\]\:gap-10{gap:2.5rem}.min-\[1160px\]\:gap-24{gap:6rem}.min-\[1160px\]\:\!border-b-2{border-bottom-width:2px!important}.min-\[1160px\]\:\!border-t-2{border-top-width:2px!important}.min-\[1160px\]\:border-b-8{border-bottom-width:8px}.min-\[1160px\]\:border-t-0{border-top-width:0px}.min-\[1160px\]\:\!border-transparent{border-color:transparent!important}.min-\[1160px\]\:\!border-b-white{--tw-border-opacity: 1 !important;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.min-\[1160px\]\:bg-transparent{background-color:transparent}.min-\[1160px\]\:p-1{padding:.25rem}.min-\[1160px\]\:pb-6{padding-bottom:1.5rem}.min-\[1160px\]\:pt-0{padding-top:0}.min-\[1160px\]\:pt-48{padding-top:12rem}.min-\[1160px\]\:t_h1{text-wrap:balance;line-height:1.05;font-size:var(--fs-h1)}}@media (min-width: 1280px){.xl\:col-span-10{grid-column:span 10 / span 10}.xl\:col-span-13{grid-column:span 13 / span 13}.xl\:col-span-18{grid-column:span 18 / span 18}.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:col-span-22{grid-column:span 22 / span 22}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-5{grid-column:span 5 / span 5}.xl\:col-span-6{grid-column:span 6 / span 6}.xl\:col-span-7{grid-column:span 7 / span 7}.xl\:col-span-8{grid-column:span 8 / span 8}.xl\:col-span-9{grid-column:span 9 / span 9}.xl\:col-start-14{grid-column-start:14}.xl\:col-start-2{grid-column-start:2}.xl\:col-start-5{grid-column-start:5}.xl\:col-start-7{grid-column-start:7}.xl\:col-start-8{grid-column-start:8}.xl\:mt-20{margin-top:5rem}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-full{height:100%}.xl\:w-2\/3{width:66.666667%}.xl\:w-full{width:100%}.xl\:max-w-\[1024px\]{max-width:1024px}.xl\:flex-shrink-0{flex-shrink:0}.xl\:basis-1\/3{flex-basis:33.333333%}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[1fr_500px\]{grid-template-columns:1fr 500px}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:justify-center{justify-content:center}.xl\:gap-5{gap:1.25rem}.xl\:gap-6{gap:1.5rem}.xl\:gap-8{gap:2rem}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:px-20{padding-left:5rem;padding-right:5rem}.xl\:px-32{padding-left:8rem;padding-right:8rem}.xl\:py-12{padding-top:3rem;padding-bottom:3rem}.xl\:pt-10{padding-top:2.5rem}}@media (min-width: 1440px){.min-\[1440px\]\:block{display:block}.min-\[1440px\]\:flex{display:flex}.min-\[1440px\]\:hidden{display:none}.min-\[1440px\]\:h-12{height:3rem}.min-\[1440px\]\:h-20{height:5rem}.min-\[1440px\]\:h-full{height:100%}.min-\[1440px\]\:w-auto{width:auto}.min-\[1440px\]\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.min-\[1440px\]\:justify-center{justify-content:center}.min-\[1440px\]\:gap-4{gap:1rem}.min-\[1440px\]\:\!border-b-2{border-bottom-width:2px!important}.min-\[1440px\]\:\!border-t-2{border-top-width:2px!important}.min-\[1440px\]\:\!border-transparent{border-color:transparent!important}.min-\[1440px\]\:\!border-b-\[\#33D38A\]{--tw-border-opacity: 1 !important;border-bottom-color:rgb(51 211 138 / var(--tw-border-opacity))!important}.min-\[1440px\]\:bg-transparent{background-color:transparent}.min-\[1440px\]\:p-1{padding:.25rem}}@media (min-width: 1536px){.\32xl\:col-span-10{grid-column:span 10 / span 10}.\32xl\:col-span-4{grid-column:span 4 / span 4}.\32xl\:col-span-6{grid-column:span 6 / span 6}.\32xl\:col-span-8{grid-column:span 8 / span 8}.\32xl\:col-start-11{grid-column-start:11}.\32xl\:col-start-16{grid-column-start:16}.\32xl\:col-start-2{grid-column-start:2}.\32xl\:col-start-4{grid-column-start:4}.\32xl\:col-start-6{grid-column-start:6}.\32xl\:hidden{display:none}.\32xl\:grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-\[22\%_auto\]{grid-template-columns:22% auto}.\32xl\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}}.\[\&\.htmx-request\]\:block.htmx-request{display:block}.\[\&\.htmx-request_\+_div\]\:pointer-events-none.htmx-request+div{pointer-events:none}.\[\&\.htmx-request_\+_div\]\:opacity-50.htmx-request+div{opacity:.5}.\[\&_\>iframe\]\:aspect-\[var\(--width\)\/var\(--height\)\]>iframe{aspect-ratio:var(--width)/var(--height)}.\[\&_\>iframe\]\:h-auto>iframe{height:auto}.\[\&_\>iframe\]\:w-full>iframe{width:100%}.\[\&_a\:hover\]\:text-inherit a:hover{color:inherit}.\[\&_a\]\:\!text-white a{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.\[\&_a\]\:text-inherit a{color:inherit}.\[\&_h3\]\:text-\[1\.4em\] h3{font-size:1.4em}.\[\&_h3\]\:font-bold h3{font-weight:700}.\[\&_h3_\+_h4\]\:mt-\[0\.25em\] h3+h4{margin-top:.25em}.\[\&_h4\]\:text-\[1em\] h4{font-size:1em}.\[\&_h4\]\:font-bold h4{font-weight:700}.\[\&_svg\]\:h-10 svg{height:2.5rem}.\[\&_svg\]\:h-3 svg{height:.75rem}.\[\&_svg\]\:w-10 svg{width:2.5rem}.\[\&_svg\]\:w-3 svg{width:.75rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:fill-brand-black svg{fill:#343434}.\[\&_svg\]\:fill-white svg{fill:#fff}.\[\&_svg\]\:object-contain svg{-o-object-fit:contain;object-fit:contain}.\[\&_svg\]\:\!opacity-100 svg{opacity:1!important}.\[\&_svg\]\:opacity-80 svg{opacity:.8}
51
52            </style></head><body>
53<a
54href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999999999] focus:px-5 focus:py-3 focus:rounded-lg focus:bg-brand-dark-blue focus:text-white focus:font-bold focus:shadow-lg">Skip to main content</a>
vendor: 68 bytes, lines 54-56
54<noscript>
55<iframe
56src="https://www.googletagmanager.com/ns.html?id=
56GTM-NT59GZQJ
vendor: 83 bytes, lines 56-58
56"
57height="0" width="0" style="display:none;visibility:hidden"></iframe>
58</noscript>
58<div
59class="fixed flex flex-col gap-2 items-end w-full px-2 pb-2 md:p-0 md:w-auto bottom-0 right-0 md:bottom-4 md:right-4 z-[999999999] pointer-events-none "
60x-data="accessibilityTools({
61calmModeEnabled: 'Calm mode enabled',
62calmModeDisabled: 'Calm mode disabled',
63underlineLinksEnabled: 'Underline links enabled',
64underlineLinksDisabled: 'Underline links disabled',
65readableFontsEnabled: 'Readable fonts enabled',
66readableFontsDisabled: 'Readable fonts disabled',
67dyslexicFontEnabled: 'Dyslexic-friendly font enabled',
68dyslexicFontDisabled: 'Dyslexic-friendly font disabled',
69reducedAnimationsEnabled: 'Reduced animations enabled',
70reducedAnimationsDisabled: 'Reduced animations disabled',
71highContrastEnabled: 'High-contrast mode set to: ',
72highContrastDisabled: 'High-contrast mode disabled',
73textSizeChanged: 'Text size changed to: '
74})"
75x-on:click.outside="open = false"
76x-on:keydown.escape="open = false"
77x-trap="open"><div
78class="w-full max-h-[calc(100dvh-5rem)] overflow-y-auto md:w-96 rounded-md border border-gray-200 bg-white px-6 py-7 shadow-lg pointer-events-auto text-black no-high-contrast"
79id="accessibility-settings-panel"
80x-cloak
81x-show="open"><h4 class="font-bold text-lg mb-4">Accessibility Settings</h4><div
82class="flex flex-col gap-5"><div
83class="border-b-2 border-neutral-200 last:border-none pb-6 last:pb-0" aria-labelledby="text-settings-heading"><h5 class="font-bold mb-3"  id="text-settings-heading">Text</h5><div
84class="flex flex-col gap-4"><div
85class="group/toggle flex gap-4 items-center justify-between" x-bind:class="dyslexicFriendly ? '--active' : ''">
86<span
87class="flex flex-grow flex-col">
88<span
89class="text-sm font-medium leading-6 force-font-family font-['Open-Dyslexic']" id="dyslexic-friendly-label">Use dyslexic-friendly font</span>
90<span
91class="text-sm text-gray-700" id="dyslexic-friendly-description">Applies the Open Dyslexic font, designed to improve readability for individuals with dyslexia.</span>
92</span>
93<button
94type="button"
95class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-300 group-[.--active]/toggle:bg-black transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
96role="switch"
97:aria-checked="dyslexicFriendly.toString()"
98aria-labelledby="dyslexic-friendly-label"
99aria-describedby="dyslexic-friendly-description"
100x-bind:class="dyslexicFriendly ? '--active' : ''"
101x-on:click="dyslexicFriendly = !dyslexicFriendly">
102<span
103class="sr-only">Toggle Use dyslexic-friendly font</span>
104<span
105class="pointer-events-none relative inline-block h-5 w-5 translate-x-0 group-[.--active]/toggle:translate-x-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
106<span
107class="absolute inset-0 flex h-full w-full items-center justify-center opacity-100 transition-opacity duration-200 group-[.--active]/toggle:opacity-0 group-[.--active]/toggle:duration-100 group-[.--active]/toggle:ease-out ease-in" aria-hidden="true">
108<svg
109class="h-3 w-3 text-gray-400" fill="none" viewBox="0 0 12 12">
110<path
111d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
112</svg>
113</span>
114<span
115class="absolute inset-0 flex h-full w-full items-center justify-center opacity-0 transition-opacity duration-100 ease-out group-[.--active]/toggle:opacity-100 group-[.--active]/toggle:duration-200 group-[.--active]/toggle:ease-in" aria-hidden="true">
116<svg
117class="h-3 w-3 text-black" fill="currentColor" viewBox="0 0 12 12">
118<path
119d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" />
120</svg>
121</span>
122</span>
123</button></div><div
124class="group/toggle flex gap-4 items-center justify-between" x-bind:class="readableFonts ? '--active' : ''">
125<span
126class="flex flex-grow flex-col">
127<span
128class="text-sm font-medium leading-6" id="readable-fonts-label">Use readable fonts</span>
129<span
130class="text-sm text-gray-700" id="readable-fonts-description">Applies a more readable font throughout the website, improving readability.</span>
131</span>
132<button
133type="button"
134class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-300 group-[.--active]/toggle:bg-black transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
135role="switch"
136:aria-checked="readableFonts.toString()"
137aria-labelledby="readable-fonts-label"
138aria-describedby="readable-fonts-description"
139x-bind:class="readableFonts ? '--active' : ''"
140x-on:click="readableFonts = !readableFonts">
141<span
142class="sr-only">Toggle Use readable fonts</span>
143<span
144class="pointer-events-none relative inline-block h-5 w-5 translate-x-0 group-[.--active]/toggle:translate-x-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
145<span
146class="absolute inset-0 flex h-full w-full items-center justify-center opacity-100 transition-opacity duration-200 group-[.--active]/toggle:opacity-0 group-[.--active]/toggle:duration-100 group-[.--active]/toggle:ease-out ease-in" aria-hidden="true">
147<svg
148class="h-3 w-3 text-gray-400" fill="none" viewBox="0 0 12 12">
149<path
150d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
151</svg>
152</span>
153<span
154class="absolute inset-0 flex h-full w-full items-center justify-center opacity-0 transition-opacity duration-100 ease-out group-[.--active]/toggle:opacity-100 group-[.--active]/toggle:duration-200 group-[.--active]/toggle:ease-in" aria-hidden="true">
155<svg
156class="h-3 w-3 text-black" fill="currentColor" viewBox="0 0 12 12">
157<path
158d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" />
159</svg>
160</span>
161</span>
162</button></div><div
163class="group/toggle flex gap-4 items-center justify-between" x-bind:class="underlineLinks ? '--active' : ''">
164<span
165class="flex flex-grow flex-col">
166<span
167class="text-sm font-medium leading-6" id="underline-links-label">Underline links</span>
168<span
169class="text-sm text-gray-700" id="underline-links-description">Underlines links throughout the website, making them easier to distinguish.</span>
170</span>
171<button
172type="button"
173class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-300 group-[.--active]/toggle:bg-black transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
174role="switch"
175:aria-checked="underlineLinks.toString()"
176aria-labelledby="underline-links-label"
177aria-describedby="underline-links-description"
178x-bind:class="underlineLinks ? '--active' : ''"
179x-on:click="underlineLinks = !underlineLinks">
180<span
181class="sr-only">Toggle Underline links</span>
182<span
183class="pointer-events-none relative inline-block h-5 w-5 translate-x-0 group-[.--active]/toggle:translate-x-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
184<span
185class="absolute inset-0 flex h-full w-full items-center justify-center opacity-100 transition-opacity duration-200 group-[.--active]/toggle:opacity-0 group-[.--active]/toggle:duration-100 group-[.--active]/toggle:ease-out ease-in" aria-hidden="true">
186<svg
187class="h-3 w-3 text-gray-400" fill="none" viewBox="0 0 12 12">
188<path
189d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
190</svg>
191</span>
192<span
193class="absolute inset-0 flex h-full w-full items-center justify-center opacity-0 transition-opacity duration-100 ease-out group-[.--active]/toggle:opacity-100 group-[.--active]/toggle:duration-200 group-[.--active]/toggle:ease-in" aria-hidden="true">
194<svg
195class="h-3 w-3 text-black" fill="currentColor" viewBox="0 0 12 12">
196<path
197d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" />
198</svg>
199</span>
200</span>
201</button></div><div
202class="flex gap-4 items-center justify-between" >
203<span
204class="flex flex-grow flex-col">
205<span
206class="text-sm font-medium leading-6" id="font-size-label">Adjust text size (<span
207x-text="fontSize"></span>%)</span>
208<span
209class="text-sm text-gray-700" id="font-size-description">Adjusts the font size for improved readability.</span>
210</span>
211<span
212class="isolate inline-flex rounded-md shadow-sm">
213<button
214type="button" class="relative inline-flex items-center rounded-l-md bg-neutral-100 px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 disabled:bg-gray-200 disabled:text-gray-500 disabled:cursor-not-allowed"  x-on:click="fontSize = fontSize - 10"  x-bind:disabled="fontSize <= 50">
215<span
216class="sr-only">Decrease font size</span>
217<svg
218xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 text-black">
219<path
220stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
221</svg>
222</button>
223<button
224type="button" class="relative -ml-px inline-flex items-center bg-neutral-100 px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 disabled:bg-gray-200 disabled:text-gray-500 disabled:cursor-not-allowed" x-on:click="fontSize = 100" x-bind:disabled="fontSize == 100" aria-label="Reset font size">Reset</button>
225<button
226type="button" class="relative -ml-px inline-flex items-center rounded-r-md bg-neutral-100 px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 disabled:bg-gray-200 disabled:text-gray-500 disabled:cursor-not-allowed"  x-on:click="fontSize = fontSize + 10" x-bind:disabled="fontSize >= 300">
227<span
228class="sr-only">Increase font size</span>
229<svg
230xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 text-black">
231<path
232stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
233</svg>
234</button>
235</span></div></div></div><div
236class="border-b-2 border-neutral-200 last:border-none pb-6 last:pb-0" aria-labelledby="visuals-settings-heading"><h5 class="font-bold mb-3"  id="visuals-settings-heading">Visuals</h5><div
237class="flex flex-col gap-4"><div
238class="group/toggle flex gap-4 items-center justify-between" x-bind:class="animations ? '--active' : ''">
239<span
240class="flex flex-grow flex-col">
241<span
242class="text-sm font-medium leading-6" id="animations-label">Use reduced animations</span>
243<span
244class="text-sm text-gray-700" id="animations-description">Reduces animations across the website, reducing distractions and improving focus.</span>
245</span>
246<button
247type="button"
248class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-300 group-[.--active]/toggle:bg-black transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
249role="switch"
250:aria-checked="animations.toString()"
251aria-labelledby="animations-label"
252aria-describedby="animations-description"
253x-bind:class="animations ? '--active' : ''"
254x-on:click="animations = !animations">
255<span
256class="sr-only">Toggle Use reduced animations</span>
257<span
258class="pointer-events-none relative inline-block h-5 w-5 translate-x-0 group-[.--active]/toggle:translate-x-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
259<span
260class="absolute inset-0 flex h-full w-full items-center justify-center opacity-100 transition-opacity duration-200 group-[.--active]/toggle:opacity-0 group-[.--active]/toggle:duration-100 group-[.--active]/toggle:ease-out ease-in" aria-hidden="true">
261<svg
262class="h-3 w-3 text-gray-400" fill="none" viewBox="0 0 12 12">
263<path
264d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
265</svg>
266</span>
267<span
268class="absolute inset-0 flex h-full w-full items-center justify-center opacity-0 transition-opacity duration-100 ease-out group-[.--active]/toggle:opacity-100 group-[.--active]/toggle:duration-200 group-[.--active]/toggle:ease-in" aria-hidden="true">
269<svg
270class="h-3 w-3 text-black" fill="currentColor" viewBox="0 0 12 12">
271<path
272d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" />
273</svg>
274</span>
275</span>
276</button></div><div
277class="group/toggle flex gap-4 items-center justify-between" x-bind:class="calm ? '--active' : ''">
278<span
279class="flex flex-grow flex-col">
280<span
281class="text-sm font-medium leading-6" id="calm-label">Use calm mode</span>
282<span
283class="text-sm text-gray-700" id="calm-description">Reduces the colour saturation throughout the website to create a more soothing visual experience.</span>
284</span>
285<button
286type="button"
287class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-300 group-[.--active]/toggle:bg-black transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
288role="switch"
289:aria-checked="calm.toString()"
290aria-labelledby="calm-label"
291aria-describedby="calm-description"
292x-bind:class="calm ? '--active' : ''"
293x-on:click="calm = !calm">
294<span
295class="sr-only">Toggle Use calm mode</span>
296<span
297class="pointer-events-none relative inline-block h-5 w-5 translate-x-0 group-[.--active]/toggle:translate-x-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
298<span
299class="absolute inset-0 flex h-full w-full items-center justify-center opacity-100 transition-opacity duration-200 group-[.--active]/toggle:opacity-0 group-[.--active]/toggle:duration-100 group-[.--active]/toggle:ease-out ease-in" aria-hidden="true">
300<svg
301class="h-3 w-3 text-gray-400" fill="none" viewBox="0 0 12 12">
302<path
303d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
304</svg>
305</span>
306<span
307class="absolute inset-0 flex h-full w-full items-center justify-center opacity-0 transition-opacity duration-100 ease-out group-[.--active]/toggle:opacity-100 group-[.--active]/toggle:duration-200 group-[.--active]/toggle:ease-in" aria-hidden="true">
308<svg
309class="h-3 w-3 text-black" fill="currentColor" viewBox="0 0 12 12">
310<path
311d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" />
312</svg>
313</span>
314</span>
315</button></div><div
316class="group/toggle flex gap-4 items-center justify-between" x-bind:class="highContrast ? '--active' : ''">
317<span
318class="flex flex-grow flex-col">
319<span
320class="text-sm font-medium leading-6" id="high-contrast-label">Use high-contrast mode</span>
321<span
322class="text-sm text-gray-700" id="high-contrast-description">Increases the contrast of elements on the website, making text and interface elements easier to distinguish.</span>
323</span>
324<button
325type="button"
326class="relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-300 group-[.--active]/toggle:bg-black transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
327role="switch"
328:aria-checked="highContrast.toString()"
329aria-labelledby="high-contrast-label"
330aria-describedby="high-contrast-description"
331x-bind:class="highContrast ? '--active' : ''"
332x-on:click="highContrast = !highContrast">
333<span
334class="sr-only">Toggle Use high-contrast mode</span>
335<span
336class="pointer-events-none relative inline-block h-5 w-5 translate-x-0 group-[.--active]/toggle:translate-x-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
337<span
338class="absolute inset-0 flex h-full w-full items-center justify-center opacity-100 transition-opacity duration-200 group-[.--active]/toggle:opacity-0 group-[.--active]/toggle:duration-100 group-[.--active]/toggle:e
338ase-out ease-in" aria-hidden="true">
339<svg
340class="h-3 w-3 text-gray-400" fill="none" viewBox="0 0 12 12">
341<path
342d="M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
343</svg>
344</span>
345<span
346class="absolute inset-0 flex h-full w-full items-center justify-center opacity-0 transition-opacity duration-100 ease-out group-[.--active]/toggle:opacity-100 group-[.--active]/toggle:duration-200 group-[.--active]/toggle:ease-in" aria-hidden="true">
347<svg
348class="h-3 w-3 text-black" fill="currentColor" viewBox="0 0 12 12">
349<path
350d="M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" />
351</svg>
352</span>
353</span>
354</button></div><div
355class="group/toggle flex flex-col gap-4 items-center justify-between" x-cloak x-show="highContrast"><div
356class="grid grid-cols-8 gap-1 w-full">
357<button
358class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-[#FCED1F]" x-on:click="highContrastColour = 'yellow-blue'" x-bind:class="highContrastColour === 'yellow-blue' ? 'after:opacity-100' : ''">
359<span
360class="text-[1.5em] leading-none font-bold text-[#1500FF]">A</span>
361</button><button
362class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-[#FCED1F]" x-on:click="highContrastColour = 'yellow-black'" x-bind:class="highContrastColour === 'yellow-black' ? 'after:opacity-100' : ''">
363<span
364class="text-[1.5em] leading-none font-bold text-black">A</span>
365</button><button
366class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-black" x-on:click="highContrastColour = 'black-yellow'" x-bind:class="highContrastColour === 'black-yellow' ? 'after:opacity-100' : ''">
367<span
368class="text-[1.5em] leading-none font-bold text-[#FCED1F]">A</span>
369</button><button
370class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-black" x-on:click="highContrastColour = 'black-white'" x-bind:class="highContrastColour === 'black-white' ? 'after:opacity-100' : ''">
371<span
372class="text-[1.5em] leading-none font-bold text-white">A</span>
373</button><button
374class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-[#1500FF]" x-on:click="highContrastColour = 'blue-yellow'" x-bind:class="highContrastColour === 'blue-yellow' ? 'after:opacity-100' : ''">
375<span
376class="text-[1.5em] leading-none font-bold text-[#FCED1F]">A</span>
377</button><button
378class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-[#1500FF]" x-on:click="highContrastColour = 'blue-white'" x-bind:class="highContrastColour === 'blue-white' ? 'after:opacity-100' : ''">
379<span
380class="text-[1.5em] leading-none font-bold text-white">A</span>
381</button><button
382class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-white" x-on:click="highContrastColour = 'white-blue'" x-bind:class="highContrastColour === 'white-blue' ? 'after:opacity-100' : ''">
383<span
384class="text-[1.5em] leading-none font-bold text-[#1500FF]">A</span>
385</button><button
386class="flex relative z-0 justify-center items-center aspect-square w-full rounded border-solid border-2 border-[rgba(0,0,0,0.1)] after:block after:opacity-0 after:absolute after:z-10 after:w-full after:h-1 after:-bottom-2 after:left-0 after:bg-black after:rounded-full bg-white" x-on:click="highContrastColour = 'white-black'" x-bind:class="highContrastColour === 'white-black' ? 'after:opacity-100' : ''">
387<span
388class="text-[1.5em] leading-none font-bold text-black">A</span>
389</button></div></div></div></div><div
390class="border-b-2 border-neutral-200 last:border-none pb-6 last:pb-0"><div
391class="flex flex-col gap-4">
392<a
393href="#" class="underline">View Accessibility Statement</a>
394<a
395href="https://mcmw.abilitynet.org.uk/" class="underline" target="_blank" rel="nofollow">AbilityNet Guides</a></div></div></div></div>
396<button
397class="flex justify-end items-center h-10 w-10 overflow-hidden bg-black rounded-full pointer-events-auto no-high-contrast md:hover:w-56 active:scale-95 transition-all duration-150 ease-in-out outline-offset-2"
398x-on:click="open = !open"
399aria-labelledby="accessibility-settings-label"
400aria-controls="accessibility-settings-panel"
401:aria-expanded="open ? 'true' : 'false'"
402x-bind:class="open ? '!w-10' : ''">
403<span
404id="accessibility-settings-label" class="text-white block w-fit text-nowrap pl-5 pr-2" x-text="open ? 'Close Accessibility Settings' : 'Accessibility Settings'"></span><div
405class="flex relative w-10 h-10 shrink-0 justify-center items-center">
406<svg
407width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-6 text-white" role="presentation" x-cloak x-show="!open">
408<path
409d="M9.99713 5.25C9.46461 5.25 8.94406 5.09605 8.50129 4.80761C8.05852 4.51917 7.71342 4.1092 7.50964 3.62954C7.30585 3.14989 7.25253 2.62209 7.35642 2.11289C7.46031 1.60369 7.71674 1.13596 8.09329 0.768846C8.46983 0.401733 8.94958 0.151726 9.47186 0.0504398C9.99414 -0.0508464 10.5355 0.00113739 11.0275 0.199817C11.5195 0.398497 11.94 0.73495 12.2358 1.16663C12.5317 1.59831 12.6896 2.10582 12.6896 2.625C12.6888 3.32097 12.4049 3.98821 11.9001 4.48033C11.3954 4.97245 10.711 5.24925 9.99713 5.25Z" fill="white"></path>
410<path
411d="M18.4619 5.28743L18.4403 5.29306L18.4201 5.29915C18.372 5.31228 18.324 5.32634 18.2759 5.34087C17.3811 5.59681 13.038
4116 6.79025 9.97933 6.79025C7.1364 6.79025 3.18669 5.759 1.92317 5.40884C1.79742 5.36143 1.669 5.32106 1.53854 5.2879C0.62503 5.05353 0 5.95821 0 6.78509C0 7.604 0.754844 7.994 1.5169 8.27384V8.28696L6.09501 9.68103C6.56282 9.85587 6.68782 10.0345 6.74888 10.1892C6.94745 10.6856 6.78879 11.6685 6.73254 12.0117L6.45368 14.121L4.90601 22.3799C4.9012 22.4024 4.89687 22.4254 4.89302 22.4488L4.88197 22.5084C4.77042 23.2654 5.34064 23.9999 6.4205 23.9999C7.36285 23.9999 7.77874 23.3657 7.95904 22.5027C7.95904 22.5027 9.30526 15.1166 9.97836 15.1166C10.6515 15.1166 12.0381 22.5027 12.0381 22.5027C12.2184 23.3657 12.6343 23.9999 13.5766 23.9999C14.6594 23.9999 15.2296 23.2621 15.1152 22.5027C15.1051 22.4381 15.093 22.3743 15.0786 22.3124L13.5098 14.122L13.2314 12.0126C13.03 10.784 13.192 10.3781 13.2468 10.2829C13.2483 10.2807 13.2495 10.2783 13.2506 10.2759C13.3026 10.1821 13.5391 9.97212 14.0911 9.77009L18.3836 8.30712C18.4099 8.30028 18.4359 8.29214 18.4615 8.28275C19.2307 8.0015 20 7.61243 20 6.78603C20 5.95962 19.3755 5.05353 18.4619 5.28743Z" fill="white"></path>
412</svg>
413<svg
414xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="size-6 text-white" role="presentation" x-cloak x-show="open">
415<path
416stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
417</svg></div>
418</button></div> 
418<script>function accessibilityTools(translations){return{open:false,dyslexicFriendly:Alpine.$persist(false),readableFonts:Alpine.$persist(false),underlineLinks:Alpine.$persist(false),animations:Alpine.$persist(false),calm:Alpine.$persist(false),highContrast:Alpine.$persist(null),highContrastColour:Alpine.$persist('yellow-blue'),fontSize:Alpine.$persist(100),init(){const{calmModeEnabled,calmModeDisabled,underlineLinksEnabled,underlineLinksDisabled,readableFontsEnabled,readableFontsDisabled,dyslexicFontEnabled,dyslexicFontDisabled,reducedAnimationsEnabled,reducedAnimationsDisabled,highContrastEnabled,highContrastDisabled,textSizeChanged}=translations;this.$watch('open',value=>{this.loadDyslexicFont(value)})
419const notifyCalm=(value)=>{this.$dispatch('notify',{content:value?calmModeEnabled:calmModeDisabled,type:'info',key:'accessibility-update'});};this.$watch('calm',value=>{this.setDocumentClass('accessibility-calm-mode-active',value);notifyCalm(value);});const notifyUnderlineLinks=(value)=>{this.$dispatch('notify',{content:value?underlineLinksEnabled:underlineLinksDisabled,type:'info',key:'accessibility-update'});};this.$watch('underlineLinks',value=>{this.setDocumentClass('accessibility-underline-links-active',value);notifyUnderlineLinks(value);});const notifyReadableFonts=(value)=>{this.$dispatch('notify',{content:value?readableFontsEnabled:readableFontsDisabled,type:'info',key:'accessibility-update'});};this.$watch('readableFonts',value=>{if(value){this.dyslexicFriendly=false;}
420this.setDocumentClass('accessibility-readable-fonts-active',value);notifyReadableFonts(value);});const notifyDyslexicFont=(value)=>{this.$dispatch('notify',{content:value?dyslexicFontEnabled:dyslexicFontDisabled,type:'info',key:'accessibility-update'});};this.$watch('dyslexicFriendly',value=>{if(value){this.readableFonts=false;}
421this.setDocumentClass('accessibility-dyslexic-mode-active',value);this.loadDyslexicFont(value);notifyDyslexicFont(value);});const notifyAnimations=(value)=>{this.$dispatch('notify',{content:value?reducedAnimationsEnabled:reducedAnimationsDisabled,type:'info',key:'accessibility-update'});};this.$watch('animations',value=>{this.setDocumentClass('accessibility-no-animations-active',value);notifyAnimations(value);});const highContrastColours={'black-white':{bgColor:'black',textColor:'white'},'black-yellow':{bgColor:'black',textColor:'yellow'},'blue-white':{bgColor:'blue',textColor:'white'},'blue-yellow':{bgColor:'blue',textColor:'yellow'},'yellow-black':{bgColor:'yellow',textColor:'black'},'yellow-blue':{bgColor:'yellow',textColor:'blue'},'white-black':{bgColor:'white',textColor:'black'},'white-blue':{bgColor:'white',textColor:'blue'}};const currentHighContrastColour=highContrastColours[this.highContrastColour];this.setDocumentClass('accessibility-high-contrast',this.highContrast);if(this.highContrast){document.documentElement.style.setProperty('--high-contrast-bg-color',currentHighContrastColour.bgColor);document.documentElement.style.setProperty('--high-contrast-text-color',currentHighContrastColour.textColor);}
422const notifyHighContrast=(value,colour)=>{this.$dispatch('notify',{content:value?highContrastEnabled+colour:highContrastDisabled,type:'info',key:'accessibility-update'});};this.$watch('highContrast',(value)=>{const currentHighContrastColour=highContrastColours[this.highContrastColour];this.setDocumentClass('accessibility-high-contrast',value);if(this.highContrast){document.documentElement.style.setProperty('--high-contrast-bg-color',currentHighContrastColour.bgColor);document.documentElement.style.setProperty('--high-contrast-text-color',currentHighContrastColour.textColor);}else{document.documentElement.style.removeProperty('--high-contrast-bg-color');document.documentElement.style.removeProperty('--high-contrast-text-color');}
423notifyHighContrast(this.highContrast,this.highContrastColour);});this.$watch('highContrastColour',(value)=>{const currentHighContrastColour=highContrastColours[this.highContrastColour];document.documentElement.style.setProperty('--high-contrast-bg-color',currentHighContrastColour.bgColor);document.documentElement.style.setProperty('--high-contrast-text-color',currentHighContrastColour.textColor);notifyHighContrast(this.highContrast,this.highContrastColour);});const notifyFontSize=(value)=>{this.$dispatch('notify',{content:`${textSizeChanged} ${value}%`,type:'info',key:'accessibility-update'});};this.$watch('fontSize',value=>{document.querySelector('html').style.fontSize=value+'%';notifyFontSize(this.fontSize);});},setDocumentClass(className,check){if(check){document.querySelector('html').classList.add(className);}else{document.querySelector('html').classList.remove(className)}},loadDyslexicFont(dyslexicFriendly){if(dyslexicFriendly){if(!document.querySelector('link[href="https://fonts.cdnfonts.com/css/open-dyslexic"]')){var link=document.createElement('link');link.href='https://fonts.cdnfonts.com/css/open-dyslexic';link.rel='stylesheet';document.head.appendChild(link);}}},}}</script>
423<div
424x-data="{
425notifications: [],
426add(e) {
427// Remove existing notification with the same key
428this.notifications = this.notifications.filter(i => i.key !== e.detail.key);// Add new notification
429this.notifications.push({
430id: e.timeStamp,
431key: e.detail.key, // Include key in the notification object
432type: e.detail.type,
433content: e.detail.content,
434});
435},
436remove(notification) {
437this.notifications = this.notifications.filter(i => i.id !== notification.id);
438},
439}"
440@notify.window="add($event)"
441class="fixed bottom-0 left-0 flex w-full max-w-xs flex-col space-y-4 pl-4 pb-4 sm:justify-start z-[1000]"
442role="status"
443aria-live="polite"
444>
445<template
446x-for="notification in notifications" :key="notification.id"><div
447x-data="{
448show: false,
449init() {
450this.$nextTick(() => this.show = true);
451setTimeout(() => this.transitionOut(), 10000);
452},
453transitionOut() {
454this.show = false;
455setTimeout(() => this.remove(this.notification), 500);
456},
457}"
458x-show="show"
459x-transition.duration.500ms
460class="pointer-events-auto relative w-full max-w-sm rounded-md border border-gray-200 bg-white py-4 pl-6 pr-4 shadow-lg"
461><div
462class="flex items-start"><div
463x-show="notification.type === 'info'" class="flex-shrink-0">
464<span
465aria-hidden="true" class="inline-flex h-6 w-6 items-center justify-center rounded-full border-2 border-gray-400 text-xl font-bold text-gray-400">!</span>
466<span
467class="sr-only">Information:</span></div><div
468x-show="notification.type === 'success'" class="flex-shrink-0">
469<span
470aria-hidden="true" class="inline-flex h-6 w-6 items-center justify-center rounded-full border-2 border-green-600 text-lg font-bold text-green-600">&check;</span>
471<span
472class="sr-only">Success:</span></div><div
473x-show="notification.type === 'error'" class="flex-shrink-0">
474<span
475aria-hidden="true" class="inline-flex h-6 w-6 items-center justify-center rounded-full border-2 border-red-600 text-lg font-bold text-red-600">&times;</span>
476<span
477class="sr-only">Error:</span></div><div
478class="ml-3 w-0 flex-1 pt-0.5"><p
479x-text="notification.content" class="text-sm font-medium leading-5 text-gray-900"></p></div><div
480class="ml-4 flex flex-shrink-0">
481<button
482@click="transitionOut()" type="button" class="inline-flex text-gray-400">
483<svg
484aria-hidden class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
485<path
486fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
487</svg>
488<span
489class="sr-only">Close notification</span>
490</button></div></div></div>
491</template></div><div
492class="min-h-screen flex flex-col"><div
493class="flex-1"><nav
494x-data="{
495scrolled: false,
496dropdownOpen: false,
497dropdownContent: null,
498mobileNavOpen: false,
499searchOpen: false,
500onWhiteBg: 0
501}"
502x-init="window.addEventListener('scroll', () => { scrolled = window.scrollY > 0 })"
503@click.away="dropdownOpen = false"
504x-on:keydown.escape.window="mobileNavOpen = false; dropdownOpen = false; searchOpen = false"
505x-trap="mobileNavOpen"
506aria-label="Main"
507class="block fixed w-full h-auto z-10 transition-colors"
508:class="{
509'bg-brand-dark-blue shadow-lg': scrolled || dropdownOpen !== false || onWhiteBg,
510'bg-transparent shadow-none': !scrolled && dropdownOpen !== false
511}"
512><div
513class="block relative w-full h-16 min-[1440px]:h-20 z-10 border-b border-transparent"
514:class="{ 'border-white/10': dropdownOpen }"
515><div
516class="x_container mx-auto grid-cols-[auto_1fr] grid min-[1440px]:grid-cols-[1fr_auto_1fr] gap-4 justify-between items-center w-full h-full"><div
517class="block relative w-auto">
518<a
519href="/"
520class="inline-block relative w-auto h-auto"
521aria-label="Archroma home"
522onclick="    window.dataLayer.push({
523event: 'ui_event',
524category: 'site_header',
525action: 'click',
526label: 'Logo'
527});
528"
529>
530<svg
531class="h-9 min-[1440px]:h-12 w-auto" viewBox="0 0 170 49" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
532<path
533d="M149.616 7.45943C148.236 12.0798 146.876 16.627 145.506 21.2102C146.255 21.488 146.975 21.7397 147.637 22.2191C147.092 22.859 146.567 23.4758 146.024 24.1146C143.463 22.4779 140.809 21.2212 137.65 21.5131C134.135 14.57 130.622 7.62892 127.074 0.619649C127.622 0.496292 128.1 0.365915 128.585 0.28468C130.521 -0.0372513 132.473 -0.0713499 134.42 0.108169C141.298 0.739997 147.748 2.816 153.865 5.97815C155.451 6.79852 156.973 7.72921 158.412 8.79129C158.531 8.87854 158.642 8.97682 158.803 9.1082C158.145 9.88044 157.505 10.6346 156.868 11.3808C155.648 10.6647 154.48 9.95967 153.294 9.28572C152.123 8.61979 150.925 8.00401 149.616 7.45943Z" fill="white"/>
534<path
535d="M107.739 30.9649V40.3099H105.342C105.231 39.968 105.187 27.8419 105.304 27.0105C105.687 27.0105 106.082 27.0044 106.476 27.0115C106.907 27.0195 107.395 26.9172 107.751 27.0877C108.089 27.2502 108.294 27.6995 108.55 28.0274C110.253 30.2117 111.953 32.3981 113.655 34.5834C113.768 34.7268 113.884 34.8672 114.038 35.0577C114.168 34.8933 114.28 34.7589 114.386 34.6195C116.218 32.2175 118.053 29.8196 119.871 27.4076C120.097 27.1077 120.325 26.9824 120.7 27.0014C121.331 27.0325 121.965 27.0105 122.67 27.0105C122.687 27.6453 122.676 28.2571 122.678 28.8668C122.68 29.4676 122.678 30.0683 122.678 30.6701V39.8165C122.732 39.8296 122.748 39.8376 122.764 39.8366C122.777 39.8356 122.793 39.8265 122.802 39.8155C122.825 39.7914 122.848 39.7664 122.865 39.7383C125.255 35.5131 127.644 31.2878 130.045 27.0395H133.083C135.594 31.4202 138.122 35.829 140.68 40.2909C140.525 40.314 140.421 40.343 140.318 40.343C139.418 40.3471 138.517 40.335 137.617 40.3511C137.332 40.3561 137.163 40.2728 137.028 40.0111C136.636 39.2559 136.206 38.5218 135.815 37.7656C135.68 37.5038 135.512 37.4236 135.226 37.4246C132.674 37.4346 130.123 37.4346 127.571 37.4246C127.283 37.4236 127.118 37.5068 126.987 37.7706C126.606 38.5308 126.194 39.276 125.799 40.0291C125.702 40.2137 125.611 40.3521 125.357 40.3511C123.589 40.339 121.821 40.344 120.053 40.341C119.99 40.341 119.927 40.32 119.839 40.3039V30.9499C119.771 31.0421 119.709 31.1163 119.657 31.1966C119.376 31.6298 119.122 32.0821 118.814 32.4953C117.34 34.4761 115.848 36.4448 114.371 38.4235C114.209 38.6411 114.047 38.7715 113.757 38.7504C113.552 38.7354 113.419 38.6712 113.302 38.5067C112.992 38.0725 112.666 37.6492 112.346 37.222C111.096 35.5522 109.843 33.8854 108.598 32.2115C108.312 31.8264 108.051 31.4222 107.739 30.9669V30.9649ZM128.512 34.9916C129.677 35.1019 133.933 35.0467 134.272 34.9153C133.348 33.1663 132.425 31.4212 131.462 29.599C130.458 31.4343 129.501 33.1833 128.512 34.9916Z" fill="white"/>
536<path
537d="M151.049 24.4569C149.762 22.7871 148.115 21.6618 146.207 20.8254C147.458 16.6433 148.706 12.4672 149.978 8.21289C155.078 10.7352 159.776 13.7298 164.009 17.6131C159.643 19.9188 155.354 22.1833 151.049 24.4569Z" fill="white"/>
538<path
539d="M160.035 26.2933C162.72 25.7878 165.351 25.2914 168 24.793C168.081 24.9203 168.159 25.0246 168.22 25.139C169.382 27.3514 169.945 29.7192 169.998 32.2074C170.018 33.1451 169.886 34.0728 169.533 34.9544C169.434 35.2011 169.324 35.4468 169.194 35.6775C168.785 36.4016 168.78 36.4005 167.981 36.209C162.263 34.838 156.545 33.4661 150.827 32.0931C150.699 32.062 150.573 32.0199 150.459 31.9868C150.255 31.1153 150.056 30.2628 149.844 29.3542C153.475 29.0052 157.13 28.6541 160.794 28.3021C160.85 27.8919 160.664 27.5871 160.525 27.2741C160.389 26.9703 160.228 26.6784 160.034 26.2933H160.035Z" fill="white"/>
540<path
541d="M94.6221 40.3412C92.8388 40.3412 91.0555 40.3512 89.2721 40.3331C88.8436 40.3291 88.408 40.2619 87.9895 40.1636C87.2405 39.9871 86.7639 39.4887 86.6007 38.7435C86.4986 38.2752 86.447
5415 37.7868 86.4445 37.3064C86.4295 34.8874 86.4305 32.4684 86.4445 30.0494C86.4475 29.586 86.4986 29.1157 86.5917 28.6614C86.7499 27.8931 87.2255 27.3807 87.9985 27.2021C88.418 27.1059 88.8516 27.0236 89.2802 27.0216C92.8638 27.0076 96.4474 27.0106 100.031 27.0176C100.363 27.0176 100.697 27.0637 101.023 27.1229C102.04 27.3065 102.61 27.8861 102.772 28.9131C102.834 29.3072 102.868 29.7094 102.869 30.1076C102.878 32.5095 102.884 34.9125 102.865 37.3144C102.861 37.8259 102.789 38.3474 102.669 38.8448C102.511 39.5077 102.069 39.9671 101.4 40.1295C100.934 40.2429 100.45 40.3251 99.973 40.3311C98.1897 40.3542 96.4064 40.3402 94.6231 40.3402L94.6221 40.3412ZM99.7477 29.4206H89.5685V37.8108H99.7477V29.4206Z" fill="white"/>
542<path
543d="M34.0703 40.315C33.828 40.3361 33.7028 40.3561 33.5787 40.3561C32.4122 40.3581 31.2447 40.3501 30.0781 40.3631C29.7888 40.3662 29.5785 40.2739 29.3702 40.0773C27.8082 38.599 26.2302 37.1358 24.6731 35.6525C24.4098 35.4008 24.1465 35.3005 23.787 35.3105C23.007 35.3346 22.226 35.3176 21.3709 35.3176C21.3579 36.9934 21.3729 38.6341 21.3619 40.325C20.3335 40.3832 19.3482 40.3561 18.3359 40.3451V27.0557C18.4601 27.0416 18.5863 27.0165 18.7124 27.0165C22.4463 27.0145 26.1801 27.0125 29.9139 27.0195C30.2454 27.0195 30.5798 27.0617 30.9062 27.1218C32.0257 27.3315 32.6565 28.0515 32.7106 29.1948C32.7376 29.7605 32.7206 30.3291 32.7216 30.8958C32.7226 31.5797 32.7296 32.2637 32.7196 32.9477C32.6995 34.2866 32.0807 35.0347 30.749 35.2253C30.0771 35.3216 29.3872 35.2915 28.7064 35.3155C28.5151 35.3226 28.3229 35.3165 28.1316 35.3165C28.1216 35.3486 28.1116 35.3817 28.1016 35.4138C30.0611 37.0225 32.0217 38.6321 34.0693 40.313L34.0703 40.315ZM21.3939 32.9778C21.464 32.9998 21.51 33.0269 21.5561 33.0269C23.9552 33.0269 26.3553 33.037 28.7544 33.0189C29.4413 33.0139 29.7147 32.702 29.7317 32.021C29.7427 31.5707 29.7357 31.1204 29.7347 30.6701C29.7337 29.5729 29.4854 29.3202 28.3809 29.3172C26.2151 29.3132 24.0483 29.3152 21.8825 29.3172C21.7223 29.3172 21.5631 29.3272 21.3949 29.3332V32.9778H21.3939Z" fill="white"/>
544<path
545d="M73.1543 35.3175V40.2558C72.7648 40.3751 70.9595 40.4072 70.1955 40.32C70.0824 39.9699 70.0333 28.0063 70.1455 27.0456C70.2646 27.0335 70.3928 27.0105 70.5199 27.0105C74.2217 27.0094 77.9245 27.0014 81.6263 27.0195C82.119 27.0215 82.6256 27.1027 83.1012 27.2381C83.8572 27.4517 84.2868 28.0063 84.443 28.7725C84.456 28.8377 84.47 28.9049 84.47 28.9711C84.473 30.4213 84.5361 31.8745 84.456 33.3197C84.3949 34.4259 83.7481 35.0437 82.6517 35.2062C82.0288 35.2994 81.39 35.2884 80.7592 35.3155C80.4848 35.3275 80.2085 35.3175 79.9331 35.3175C79.9221 35.3516 79.9111 35.3867 79.9001 35.4208C81.8596 37.0294 83.8202 38.6381 85.8688 40.32C85.6055 40.338 85.4633 40.3551 85.3221 40.3551C84.1876 40.3571 83.0542 40.347 81.9197 40.3621C81.5953 40.3671 81.359 40.2688 81.1237 40.0452C79.5626 38.5639 77.9846 37.1016 76.4246 35.6184C76.1873 35.3927 75.949 35.3034 75.6286 35.3105C74.8295 35.3285 74.0295 35.3165 73.1543 35.3165V35.3175ZM73.1754 33.0038C73.3246 33.0148 73.4377 33.0319 73.5509 33.0319C75.7687 33.0329 77.9876 33.0339 80.2055 33.0299C80.4208 33.0299 80.639 33.0098 80.8503 32.9677C81.2148 32.8955 81.4721 32.6678 81.4851 32.2917C81.5112 31.5436 81.5092 30.7934 81.4811 30.0452C81.4681 29.6962 81.2358 29.4595 80.8844 29.3974C80.607 29.3472 80.3236 29.3131 80.0423 29.3121C77.9245 29.3051 75.8058 29.3081 73.688 29.3091C73.5258 29.3091 73.3636 29.3241 73.1754 29.3332V33.0048V33.0038Z" fill="white"/>
546<path
547d="M49.2368 35.632C49.2257 36.6269 49.3099 37.5937 49.1236 38.5514C48.9414 39.4851 48.3907 40.0748 47.4404 40.2273C46.9658 40.3035 46.4802 40.3486 45.9996 40.3506C43.282 40.3617 40.5645 40.3627 37.847 40.3506C37.3504 40.3486 36.8457 40.3045 36.3581 40.2102C35.53 40.0498 34.9903 39.5413 34.8111 38.7029C34.732 38.3298 34.6669 37.9447 34.6649 37.5656C34.6519 34.9791 34.6559 32.3926 34.6619 29.8071C34.6619 29.5253 34.7039 29.2415 34.747 28.9617C34.9142 27.8856 35.489 27.2939 36.5603 27.1234C36.9699 27.0582 37.3894 27.0221 37.804 27.0201C40.5715 27.011 43.3391 27.012 46.1067 27.0201C46.5052 27.0211 46.9067 27.0582 47.3002 27.1184C48.3756 27.2808 48.9914 27.8605 49.1296 28.9346C49.2328 29.7409 49.2318 30.5593 49.2798 31.4238C48.2184 31.5953 47.2221 31.7568 46.1608 31.9283V29.4942C45.7412 29.3829 38.7131 29.3438 37.828 29.4331C37.7259 29.7901 37.6848 36.8004 37.7789 37.7621C37.7899 37.7752 37.7989 37.7892 37.811 37.8003C37.823 37.8103 37.837 37.8243 37.851 37.8253C37.9832 37.8364 38.1154 37.8534 38.2475 37.8534C40.8149 37.8534 43.3822 37.8504 45.9495 37.8454C45.9946 37.8454 46.0406 37.8153 46.1337 37.7832V34.9881C47.198
5471 35.2098 48.1994 35.4174 49.2338 35.633L49.2368 35.632Z" fill="white"/>
548<path
549d="M64.2634 27.0391H67.3814V40.3255H64.2854V34.7143C63.8919 34.5939 55.6773 34.5498 54.6019 34.6571C54.5708 35.5898 54.5919 36.5325 54.5888 37.4753C54.5848 38.4069 54.5888 39.3396 54.5888 40.3425C53.5575 40.3756 52.5672 40.3506 51.589 40.3576C51.4638 39.9755 51.4157 27.9677 51.5279 27.0521H54.5698C54.6189 28.732 54.5628 30.4259 54.5999 32.1067C54.9834 32.219 63.6296 32.2431 64.2644 32.1318V27.0391H64.2634Z" fill="white"/>
550<path
551d="M120.656 6.20137C122.712 4.49343 125.039 3.54167 127.628 3.0332C130.449 8.60533 133.262 14.1614 136.081 19.7305C135.41 20.0715 134.754 20.4065 134.014 20.7836C129.61 15.9767 125.156 11.1136 120.657 6.20237L120.656 6.20137Z" fill="white"/>
552<path
553d="M0 40.3326C2.54129 35.8366 5.03252 31.4288 7.52775 27.0151C8.45395 27.0151 9.35312 27.0281 10.2523 27.007C10.5397 27 10.6198 27.1785 10.7269 27.3661C11.4148 28.5665 12.1037 29.766 12.7916 30.9665C14.4908 33.9311 16.19 36.8956 17.8892 39.8602C17.9623 39.9886 18.0294 40.121 18.1245 40.2985C17.9883 40.3216 17.8852 40.3536 17.782 40.3536C16.8658 40.3577 15.9487 40.3456 15.0325 40.3627C14.7561 40.3677 14.6179 40.2584 14.4948 40.0247C14.1003 39.2725 13.6737 38.5364 13.2772 37.7842C13.146 37.5355 12.9888 37.4302 12.6954 37.4312C10.1461 37.4432 7.59584 37.4432 5.04654 37.4312C4.73413 37.4292 4.56792 37.5405 4.43274 37.8113C4.08229 38.5113 3.7048 39.1983 3.33632 39.8903C3.25822 40.0367 3.17712 40.1811 3.09301 40.3326H0ZM8.92356 29.6096C7.91025 31.4619 6.95701 33.205 5.97274 35.0052H11.7712C10.822 33.207 9.90183 31.4639 8.92356 29.6096Z" fill="white"/>
554<path
555d="M132.458 22.6146C132.139 23.1261 131.824 23.6295 131.497 24.153C131.184 24.1159 115.933 17.4717 114.857 16.888C114.634 15.3024 116.608 10.6921 117.78 9.77344C118.12 9.93089 131.644 21.7671 132.458 22.6146Z" fill="white"/>
556<path
557d="M147.496 35.336C148.033 34.965 148.521 34.626 149.06 34.2539C154.566 36.1534 160.131 38.073 165.739 40.0065C165.668 40.156 165.623 40.2743 165.558 40.3816C164.112 42.8207 161.886 44.2197 159.27 45.1023C158.971 45.2036 158.773 45.0882 158.556 44.9007C156.074 42.7505 153.587 40.6073 151.101 38.4621C150.028 37.5364 148.955 36.6117 147.883 35.686C147.758 35.5787 147.638 35.4654 147.496 35.337V35.336Z" fill="white"/>
558<path
559d="M146.493 44.7525C145.243 41.4249 144.019 38.1654 142.781 34.8699C144.078 34.4728 145.371 34.1859 146.501 33.4277C146.967 33.7406 147.419 34.0445 147.932 34.3885C147.644 34.543 147.416 34.6733 147.18 34.7877C146.945 34.902 146.7 34.9993 146.389 35.1347C149.375 37.7111 152.309 40.2445 155.307 42.8319C152.46 44.0826 149.521 44.5299 146.493 44.7535V44.7525Z" fill="white"/>
560<path
561d="M145.762 26.9397C147.065 25.8917 148.362 24.8497 149.668 23.7996C150.166 24.1817 150.492 24.6802 150.811 25.2288C152.671 24.2489 154.509 23.2791 156.4 22.2822C157.886 23.931 159.137 25.7342 160.148 27.7781C158.989 27.8915 157.913 27.9998 156.838 28.1031C154.898 28.2896 152.957 28.4761 151.017 28.6557C149.938 28.7549 148.859 28.8442 147.778 28.9254C147.644 28.9355 147.452 28.9134 147.375 28.8272C146.833 28.2194 146.313 27.5906 145.762 26.9387V26.9397Z" fill="white"/>
562<path
563d="M65.9628 48.6331H65.375V45.2221C65.7214 45.0846 65.9467 45.2 66.15 45.477C66.5435 46.0149 66.9601 46.5367 67.3696 47.0626C67.4667 47.187 67.5758 47.3024 67.7711 47.3928V45.199H68.3378V48.607C68.0425 48.7194 67.8282 48.6532 67.6299 48.3772C67.2204 47.8092 66.7798 47.2653 66.3493 46.7134C66.2501 46.5869 66.143 46.4665 65.9638 46.2527V48.6331H65.9628Z" fill="white"/>
564<path
565d="M95.1749 47.4088V45.197H95.7247V48.6081C95.4293 48.7114 95.213 48.6552 95.0107 48.3802C94.5081 47.6958 93.9764 47.0325 93.4217 46.315C93.2545 46.7264 93.3476 47.1047 93.3316 47.471C93.3145 47.8504 93.3276 48.2307 93.3276 48.6311H92.7578V45.2261C93.1093 45.0756 93.3306 45.203 93.5328 45.478C93.9273 46.0159 94.3439 46.5367 94.7534 47.0636C94.8535 47.1921 94.9617 47.3155 95.0658 47.4409C95.1028 47.4299 95.1389 47.4189 95.1759 47.4078L95.1749 47.4088Z" fill="white"/>
566<path
567d="M119.488 45.1426C120.098 45.1727 120.668 45.1476 121.22 45.2389C122.12 45.3874 122.646 46.124 122.594 47.0453C122.547 47.8822 121.923 48.5476 121.07 48.6369C120.724 48.673 120.37 48.655 120.021 48.659C119.857 48.661 119.694 48.659 119.489 48.659V45.1426H119.488ZM120.101 45.7447V48.0789C120.416 48.0789 120.714 48.1141 121 48.0719C121.598 47.9826 121.962 47.526 121.964 46.9249C121.966 46.3167 121.561 45.825 120.96 45.7507C120.687 45.7166 120.405 45.7447 120.1 45.7447H120.101Z" fill="white"/>
568<path
569d="M113.408 45.2167V45.7194H111.514V46.6267H113.183V47.1605H111.512V48.0988H113.425C113.446 48.2895 113.462 48.429 113.474 48.5394C113.339 48.6849 111.713 48.716 110.862 48.6127C110.841 47.4977 110.846 46.3748 110.862 45.2608C111.241 45.1464 112.711 45.1223 113.41 45.2157L113.408 45.2167Z" fill="white"/>
570<path
571d="M77.4103 48.6353H76.8386V47.2214H75.1764V48.6303H74.5977V45.2103H75.1474V46.6092C75.7131 46.6564 76.2348 46.6293 76.8265 46.6283V45.1992H77.3692C77.4724 45.5605 77.5014 47.7613 77.4103 48.6363V48.6353Z" fill="white"/>
572<path
573d="M42.4836 45.728V46.6091H44.1888V47.1681H42.4946V48.1194H44.4351C44.4441 48.3121 44.4502 48.4516 44.4582 48.6262H41.9419C41.8408 48.287 41.8077 46.1143 41.8908 45.2543C42.2383 45.1439 43.8934 45.1259 44.4221 45.2312V45.728C44.1037 45.728 43.7923 45.728 43.4799 45.728C43.1675 45.728 42.8511 45.728 42.4816 45.728H42.4836Z" fill="white"/>
574<path
575d="M57.3301 47.1614V48.1137H59.2836V48.6295H56.7844C56.6662 48.2351 56.6572 45.6601 56.7774 45.1914H59.2326V45.7193H57.3481V46.6275H59.0153V47.1614H57.3301Z" fill="white"/>
576<path
577d="M84.7698 45.1641H85.3515C85.8432 46.292 86.3458 47.4441 86.8665 48.6373H86.2337C86.1215 48.3904 86.0054 48.1365 85.8802 47.8626H84.2321C84.1209 48.0994 83.9968 48.3654 83.8696 48.6373H83.2578C83.7725 47.4541 84.2701 46.3131 84.7698 45.1651V45.1641ZM85.6419 47.2504C85.4376 46.7888 85.2684 46.4074 85.0642 45.9468C84.8098 46.4175 84.6306 46.8028 84.5134 47.2504H85.6409H85.6419Z" fill="white"/>
578<path
579d="M33.418 45.1663C34.1539 45.1663 34.8348 45.1653 35.5157 45.1673C35.6469 45.1673 35.777 45.1823 35.9533 45.1924C35.9643 45.366 35.9743 45.5225 35.9873 45.7343H34.0418V46.6786H35.737V47.2285H34.0328V48.6215H33.419V45.1663H33.418Z" fill="white"/>
580<path
581d="M104.926 45.673C104.801 45.8145 104.693 45.9359 104.57 46.0754C104.173 45.8295 103.785 45.5505 103.315 45.7262C103.079 45.8145 102.834 45.968 102.674 46.1607C102.3 46.6133 102.352 47.3389 102.737 47.7754C103.179 48.2752 103.743 48.2731 104.589 47.7593C104.635 47.7945 104.691 47.8286 104.736 47.8737C104.805 47.943 104.867 48.0203 104.931 48.0925C104.292 48.8602 103.128 48.9505 102.387 48.3012C101.641 47.6479 101.574 46.4306 102.242 45.691C102.911 44.9504 104.118 44.9223 104.925 45.676L104.926 45.673Z" fill="white"/>
582<path
583d="M18.8531 48.1146H20.6674C20.6795 48.3023 20.6885 48.4428 20.6995 48.6224H18.2773V45.1943H18.8531V48.1146Z" fill="white"/>
584<path
585d="M26.6055 45.1895H27.1582V48.6175H26.6055V45.1895Z" fill="white"/>
586</svg></a></div><div
587class="relative gap-4 h-full hidden min-[1440px]:flex"><a
588class="
589group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
590min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
591"
592href="#"            role="button"
593aria-haspopup="true"
594:aria-expanded="dropdownContent == 'textile-effects' && dropdownOpen ? 'true' : 'false'"
595x-on:click.prevent="dropdownOpen && dropdownContent == 'textile-effects' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'textile-effects'; searchOpen = false;"
596:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'textile-effects' && dropdownOpen }"
597onclick="    window.dataLayer.push({
598event: 'ui_event',
599category: 'site_header',
600action: 'click',
601label: 'Textile Effects'
602});
603"
604><div
605class="
606flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
607"><div
608class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
609group-hover/nav-item:opacity-100"></div>
610<span
611class="
612block relative font-bold text-white text-base leading-[1rem]
613">Textile Effects</span>
614<svg
615viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'textile-effects' && dropdownOpen }" aria-hidden="true" focusable="false">
616<path
617opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
618</svg>
619<svg
620viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
621<path
622opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
623</svg></div>
624</a><a
625class="
626group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
627min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
628"
629href="#"            role="button"
630aria-haspopup="true"
631:aria-expanded="dropdownContent == 'packaging-technologies' && dropdownOpen ? 'true' : 'false'"
632x-on:click.prevent="dropdownOpen && dropdownContent == 'packaging-technologies' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'packaging-technologies'; searchOpen = false;"
633:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'packaging-technologies' && dropdownOpen }"
634onclick="    window.dataLayer.push({
635event: 'ui_event',
636category: 'site_header',
637action: 'click',
638label: 'Packaging Technologies'
639});
640"
641><div
642class="
643flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
644"><div
645class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
646group-hover/nav-item:opacity-100"></div>
647<span
648class="
649block relative font-bold text-white text-base leading-[1rem]
650">Packaging Technologies</span>
651<svg
652viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'packaging-technologies' && dropdownOpen }" aria-hidden="true" focusable="false">
653<path
654opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
655</svg>
656<svg
657viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
658<path
659opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
660</svg></div>
661</a><a
662class="
663group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
664min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
665"
666href="#"            role="button"
667aria-haspopup="true"
668:aria-expanded="dropdownContent == 'markets' && dropdownOpen ? 'true' : 'false'"
669x-on:click.prevent="dropdownOpen && dropdownContent == 'markets' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'markets'; searchOpen = false;"
670:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'markets' && dropdownOpen }"
671onclick="    window.dataLayer.push({
672event: 'ui_event',
673category: 'site_header',
674action: 'click',
675label: 'Markets'
676});
677"
678><div
679class="
680flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
681"><div
682class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
683group-hover/nav-item:opacity-100"></div>
684<span
685class="
686block relative font-bold text-white text-base leading-[1rem]
687">Markets</span>
688<svg
689viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'markets' && dropdownOpen }" aria-hidden="true" focusable="false">
690<path
691opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
692</svg>
693<svg
694viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
695<path
696opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
697</svg></div>
698</a><a
699class="
700group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
701min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
702"
703href="#"            role="button"
704aria-haspopup="true"
705:aria-expanded="dropdownContent == 'innovations' && dropdownOpen ? 'true' : 'false'"
706x-on:click.prevent="dropdownOpen && dropdownContent == 'innovations' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'innovations'; searchOpen = false;"
707:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'innovations' && dropdownOpen }"
708onclick="    window.dataLayer.push({
709event: 'ui_event',
710category: 'site_header',
711action: 'click',
712label: 'Innovations'
713});
714"
715><div
716class="
717flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
718"><div
719class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
720group-hover/nav-item:opacity-100"></div>
721<span
722class="
723block relative font-bold text-white text-base leading-[1rem]
724">Innovations</span>
725<svg
726viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'innovations' && dropdownOpen }" aria-hidden="true" focusable="false">
727<path
728opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
729</svg>
730<svg
731viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
732<path
733opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
734</svg></div>
735</a><a
736class="
737group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
738min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
739"
740href="https://www.archroma.com/sustainability"            :class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'sustainability' && dropdownOpen }"
741onclick="    window.dataLayer.push({
742event: 'ui_event',
743category: 'site_header',
744action: 'click',
745label: 'Sustainability'
746});
747"
748><div
749class="
750flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
751"><div
752class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
753group-hover/nav-item:opacity-100"></div>
754<span
755class="
756block relative font-bold text-white text-base leading-[1rem]
757">Sustainability</span></div>
758</a><a
759class="
760group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
761min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
762"
763href="#"            role="button"
764aria-haspopup="true"
765:aria-expanded="dropdownContent == 'about' && dropdownOpen ? 'true' : 'false'"
766x-on:click.prevent="dropdownOpen && dropdownContent == 'about' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'about'; searchOpen = false;"
767:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'about' && dropdownOpen }"
768onclick="    window.dataLayer.push({
769event: 'ui_event',
770category: 'site_header',
771action: 'click',
772label: 'About'
773});
774"
775><div
776class="
777flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
778"><div
779class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
780group-hover/nav-item:opacity-100"></div>
781<span
782class="
783block relative font-bold text-white text-base leading-[1rem]
784">About</span>
785<svg
786viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'about' && dropdownOpen }" aria-hidden="true" focusable="false">
787<path
788opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
789</svg>
790<svg
791viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
792<path
793opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
794</svg></div>
795</a><a
796class="
797group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
798min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
799"
800href="#"            role="button"
801aria-haspopup="true"
802:aria-expanded="dropdownContent == 'latest' && dropdownOpen ? 'true' : 'false'"
803x-on:click.prevent="dropdownOpen && dropdownContent == 'latest' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'latest'; searchOpen = false;"
804:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'latest' && dropdownOpen }"
805onclick="    window.dataLayer.push({
806event: 'ui_event',
807category: 'site_header',
808action: 'click',
809label: 'Latest'
810});
811"
812><div
813class="
814flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
815"><div
816class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
817group-hover/nav-item:opacity-100"></div>
818<span
819class="
820block relative font-bold text-white text-base leading-[1rem]
821">Latest</span>
822<svg
823viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'latest' && dropdownOpen }" aria-hidden="true" focusable="false">
824<path
825opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
826</svg>
827<svg
828viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
829<path
830opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
831</svg></div>
832</a></div><div
833class="flex justify-end items-center gap-1 h-full min-[1440px]:gap-4">
834<button
835type="button"
836class="flex h-full w-12 items-center justify-center border-t-2 border-b-2 border-transparent"
837:class="{ 'border-b-[#33D38A]': searchOpen && dropdownOpen }"
838aria-label="Search"
839:aria-expanded="searchOpen && dropdownOpen ? 'true' : 'false'"
840onclick="    window.dataLayer.push({
841event: 'ui_event',
842category: 'site_header',
843action: 'click',
844label: 'Search'
845});
846"
847x-on:click.prevent="dropdownOpen && searchOpen ? dropdownOpen = false : dropdownOpen = true; searchOpen = true; dropdownContent = null; mobileNavOpen = false;"
848>
849<svg
850viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 w-auto" aria-hidden="true" focusable="false">
851<path
852fill-rule="evenodd" clip-rule="evenodd" d="M13.6229 7.64776C13.6229 10.9481 10.9484 13.6226 7.64802 13.6226C4.34767 13.6226 1.6731 10.9481 1.6731 7.64776C1.6731 4.34744 4.34767 1.67289 7.64802 1.67289C10.9484 1.67289 13.6229 4.34744 13.6229 7.64776ZM12.5521 13.5163C11.2246 14.6272 9.51427 15.2957 7.6479 15.2957C3.42443 15.2957 0 11.8713 0 7.64784C0 3.4244 3.42443 0 7.6479 0C11.8714 0 15.2958 3.4244 15.2958 7.64784C15.2958 9.40202 14.7048 11.0189 13.7115 12.3092L18.7677 17.5849C19.087 17.9181 19.0758 18.4484 18.7425 18.7677C18.4092 19.087 17.8789 19.0758 17.5596 18.7425L12.5521 13.5163Z" fill="white"/>
853</svg>
854</button><div
855class="hidden min-[1440px]:block"><a
856onclick="    window.dataLayer.push({
857event: 'ui_event',
858category: 'site_header',
859action: 'click',
860label: 'Contact us'
861});
862"
863class="inline-flex max-w-full items-center gap-3 rounded-full shrink-0 !no-underline [&amp;_svg]:w-3 [&amp;_svg]:h-3 [&amp;_svg]:object-contain [&amp;_svg]:shrink-0 px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&amp;_svg]:fill-white hover-green"
864href="/contact-us"    >
865<span
866class="text-base truncate font-bold">Contact us</span>
867<svg
868width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
869<path
870d="M6 0.5L4.9425 1.5575L9.1275 5.75H0V7.25H9.1275L4.9425 11.4425L6 12.5L12 6.5L6 0.5Z" fill="currentColor"/>
871</svg></a></div>
872<button
873type="button"
874class="flex h-11 w-11 items-center justify-center min-[1440px]:hidden bg-brand-light-blue rounded-full"
875aria-label="Menu"
876:aria-expanded="mobileNavOpen || dropdownOpen ? 'true' : 'false'"
877x-on:click="
878if (searchOpen && dropdownOpen) {
879dropdownOpen = false;
880} else {
881mobileNavOpen = !mobileNavOpen;
882dropdownContent = null;
883}
884"
885onclick="    window.dataLayer.push({
886event: 'ui_event',
887category: 'site_header',
888action: 'click',
889label: 'Mobile Menu'
890});
891"
892>
893<svg
894viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-auto"
895x-cloak
896x-show="!mobileNavOpen && !dropdownOpen"
897aria-hidden="true" focusable="false"
898>
899<path
900d="M1 7H19M1 13H19M1 1H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
901</svg>
902<svg
903viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-auto"
904x-cloak
905x-show="mobileNavOpen || dropdownOpen"
906aria-hidden="true" focusable="false"
907>
908<path
909d="M1.70703 1.29297L16.707 16.293" stroke="white" stroke-width="2" stroke-linecap="round"/>
910<path
911d="M16.707 1.29297L1.70703 16.293" stroke="white" stroke-width="2" stroke-linecap="round"/>
912</svg></button></div></div></div><div
913class="max-[1440px]:hidden absolute top-0 left-0 w-full pt-20 px-10 rounded-b-3xl bg-brand-dark-blue shadow-lg"
914:class="{ 'max-[1440px]:hidden': !searchOpen }"
915x-cloak
916x-show="dropdownOpen !== false && (dropdownContent !== null || searchOpen !== false)"
917x-trap="dropdownOpen !== false && (dropdownContent !== null || searchOpen !== false) && window.matchMedia('(min-width: 1440px)').matches"x-transition:enter="transition ease-out duration-300"
918x-transition:enter-start="opacity-0 scale-100 translate-y-[-1rem]"
919x-transition:enter-end="opacity-100 scale-100 translate-y-0"x-transition:leave="transition ease-in duration-300"
920x-transition:leave-start="opacity-100 scale-100 translate-y-0"
921x-transition:leave-end="opacity-0 scale-100 translate-y-[-1rem]"
922><div
923class="container mx-auto py-20 grid grid-cols-4 gap-8 max-w-screen-xl"
924x-cloak
925x-show="dropdownContent == 'textile-effects'"
926><a
927class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
927ded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
928href="https://www.archroma.com/textile-effects/"        onclick="    window.dataLayer.push({
929event: 'ui_event',
930category: 'site_header',
931action: 'click',
932label: 'About Textile Effects'
933});
934"
935>
936<span
937class="block w-full relative font-bold text-white text-base">About Textile Effects</span>
938<span
939class="block w-full relative text-white text-sm">From fiber to end article, we play a crucial role throughout the textile supply chain, offering innovative solutions for pretreatment, dyeing, printing and finishing</span>
940</a><a
941class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
942href="https://www.archroma.com/textile-effects/markets"        onclick="    window.dataLayer.push({
943event: 'ui_event',
944category: 'site_header',
945action: 'click',
946label: 'Markets'
947});
948"
949>
950<span
951class="block w-full relative font-bold text-white text-base">Markets</span>
952<span
953class="block w-full relative text-white text-sm">Solutions for diverse markets like casual wear, performance apparel, home textiles and special technical textiles</span>
954</a><a
955class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
956href="https://www.archroma.com/textile-effects/innovations"        onclick="    window.dataLayer.push({
957event: 'ui_event',
958category: 'site_header',
959action: 'click',
960label: 'Innovations'
961});
962"
963>
964<span
965class="block w-full relative font-bold text-white text-base">Innovations</span>
966<span
967class="block w-full relative text-white text-sm">Breakthrough, value-added solutions to meet evolving needs</span>
968</a><a
969class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
970href="https://www.archroma.com/textile-effects/tools"        onclick="    window.dataLayer.push({
971event: 'ui_event',
972category: 'site_header',
973action: 'click',
974label: 'Tools &amp; Services'
975});
976"
977>
978<span
979class="block w-full relative font-bold text-white text-base">Tools &amp; Services</span>
980<span
981class="block w-full relative text-white text-sm">Suite of tools and services</span>
982</a></div><div
983class="container mx-auto py-20 grid grid-cols-4 gap-8 max-w-screen-xl"
984x-cloak
985x-show="dropdownContent == 'packaging-technologies'"
986><a
987class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
988href="https://www.archroma.com/packaging-technologies/"        onclick="    window.dataLayer.push({
989event: 'ui_event',
990category: 'site_header',
991action: 'click',
992label: 'About Packaging Technologies'
993});
994"
995>
996<span
997class="block w-full relative font-bold text-white text-base">About Packaging Technologies</span>
998<span
999class="block w-full relative text-white text-sm">Offers chemistries across a wide range of applications that include highly functional solutions for packaging and materials for wood, paints and construction sectors.</span>
1000</a><a
1001class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1002href="https://www.archroma.com/packaging-technologies/markets"        onclick="    window.dataLayer.push({
1003event: 'ui_event',
1004category: 'site_header',
1005action: 'click',
1006label: 'Markets'
1007});
1008"
1009>
1010<span
1011class="block w-full relative font-bold text-white text-base">Markets</span>
1012<span
1013class="block w-full relative text-white text-sm">Solutions for paper, board, flexible packaging and tape and labels; tissue and towel applications; wood, paints and construction.</span>
1014</a><a
1015class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1016href="https://www.archroma.com/packaging-technologies/packaging-technologies-innovations"        onclick="    window.dataLayer.push({
1017event: 'ui_event',
1018category: 'site_header',
1019action: 'click',
1020label: 'Innovations'
1021});
1022"
1023>
1024<span
1025class="block w-full relative font-bold text-white text-base">Innovations</span>
1026<span
1027class="block w-full relative text-white text-sm">Packaging solutions and thought leadership content.</span>
1028</a><a
1029class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
1029ded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1030href="https://www.archroma.com/packaging-technologies/tools"        onclick="    window.dataLayer.push({
1031event: 'ui_event',
1032category: 'site_header',
1033action: 'click',
1034label: 'Tools &amp; Services'
1035});
1036"
1037>
1038<span
1039class="block w-full relative font-bold text-white text-base">Tools &amp; Services</span>
1040<span
1041class="block w-full relative text-white text-sm">Available tools and services.</span>
1042</a></div><div
1043class="container mx-auto py-20 grid grid-cols-4 gap-8 max-w-screen-xl"
1044x-cloak
1045x-show="dropdownContent == 'innovations'"
1046><a
1047class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1048href="https://www.archroma.com/textile-effects/innovations"        onclick="    window.dataLayer.push({
1049event: 'ui_event',
1050category: 'site_header',
1051action: 'click',
1052label: 'Textile Effects'
1053});
1054"
1055>
1056<span
1057class="block w-full relative font-bold text-white text-base">Textile Effects</span>
1058<span
1059class="block w-full relative text-white text-sm">Breakthrough, value-added solutions to meet evolving needs of the textile industry.</span>
1060</a><a
1061class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1062href="https://www.archroma.com/packaging-technologies/packaging-technologies-innovations"        onclick="    window.dataLayer.push({
1063event: 'ui_event',
1064category: 'site_header',
1065action: 'click',
1066label: 'Packaging Technologies'
1067});
1068"
1069>
1070<span
1071class="block w-full relative font-bold text-white text-base">Packaging Technologies</span>
1072<span
1073class="block w-full relative text-white text-sm">Packaging solutions and thought leadership content.</span>
1074</a></div><div
1075class="container mx-auto py-20 grid grid-cols-4 gap-8 max-w-screen-xl"
1076x-cloak
1077x-show="dropdownContent == 'about'"
1078><a
1079class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1080href="https://www.archroma.com/about"        onclick="    window.dataLayer.push({
1081event: 'ui_event',
1082category: 'site_header',
1083action: 'click',
1084label: 'About Archroma'
1085});
1086"
1087>
1088<span
1089class="block w-full relative font-bold text-white text-base">About Archroma</span>
1090<span
1091class="block w-full relative text-white text-sm">A global provider of specialty chemicals</span>
1092</a><a
1093class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1094href="https://www.archroma.com/careers"        onclick="    window.dataLayer.push({
1095event: 'ui_event',
1096category: 'site_header',
1097action: 'click',
1098label: 'Careers'
1099});
1100"
1101>
1102<span
1103class="block w-full relative font-bold text-white text-base">Careers</span>
1104<span
1105class="block w-full relative text-white text-sm">Help us make a brighter future</span>
1106</a></div><div
1107class="container mx-auto py-20 grid grid-cols-4 gap-8 max-w-screen-xl"
1108x-cloak
1109x-show="dropdownContent == 'latest'"
1110><a
1111class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1112href="https://www.archroma.com/news"        onclick="    window.dataLayer.push({
1113event: 'ui_event',
1114category: 'site_header',
1115action: 'click',
1116label: 'News'
1117});
1118"
1119>
1120<span
1121class="block w-full relative font-bold text-white text-base">News</span>
1122<span
1123class="block w-full relative text-white text-sm">News and views from Archroma</span>
1124</a><a
1125class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1126href="https://www.archroma.com/press-releases"        onclick="    window.dataLayer.push({
1127event: 'ui_event',
1128category: 'site_header',
1129action: 'click',
1130label: 'Press Area'
1131});
1132"
1133>
1134<span
1135class="block w-full relative font-bold text-white text-base">Press Area</span>
1136<span
1137class="block w-full relative text-white text-sm">The latest press releases</span>
1138</a><a
1139class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
1139ded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1140href="https://www.archroma.com/events"        onclick="    window.dataLayer.push({
1141event: 'ui_event',
1142category: 'site_header',
1143action: 'click',
1144label: 'Events'
1145});
1146"
1147>
1148<span
1149class="block w-full relative font-bold text-white text-base">Events</span>
1150<span
1151class="block w-full relative text-white text-sm">Upcoming and past events</span>
1152</a></div><div
1153class="container mx-auto max-w-screen-xl"
1154x-cloak
1155x-show="dropdownContent == 'markets'"
1156><div
1157class="hidden relative w-full lg:grid grid-cols-[30%_auto] 2xl:grid-cols-[22%_auto]" x-data="{ selectedMarket: 'textileEffects' }"><div
1158class="w-full h-full py-9 px-10 border-r border-white/10"><nav
1159class="flex flex-col gap-3">
1160<button
1161class="w-full flex py-2 px-3 items-start rounded-lg hover:bg-white/10 duration-150 border border-transparent focus:border-white/50"
1162:class="selectedMarket == 'textileEffects' ? 'bg-white/5' : ''"
1163@click="
1164selectedMarket = 'textileEffects'
1165window.dataLayer.push({
1166event: 'ui_event',
1167category: 'site_header',
1168action: 'click',
1169label: 'Markets Menu - Tab - Textile Effects'
1170});"
1171>
1172<span
1173class="text-base font-bold leading-none text-left text-white">Textile Effects</span>
1174</button>
1175<button
1176class="w-full flex py-2 px-3 items-start rounded-lg hover:bg-white/10 duration-150 border border-transparent focus:border-white/50"
1177:class="selectedMarket == 'packagingTechnologies' ? 'bg-white/5' : ''"
1178@click="
1179selectedMarket = 'packagingTechnologies'
1180window.dataLayer.push({
1181event: 'ui_event',
1182category: 'site_header',
1183action: 'click',
1184label: 'Markets Menu - Tab - Packaging Technologies'
1185});"
1186>
1187<span
1188class="text-base font-bold leading-none text-left text-white">Packaging Technologies</span>
1189</button>
1190<a
1191href="/markets" onclick="    window.dataLayer.push({
1192event: 'ui_event',
1193category: 'site_header',
1194action: 'click',
1195label: 'Markets Menu - See All'
1196});
1197" class="w-full flex py-2 px-3 items-center justify-between rounded-lg hover:bg-white/10 duration-150 border border-transparent focus:border-white/50">
1198<span
1199class="text-base font-bold leading-none text-left text-white">See All</span>
1200<svg
1201width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1202<path
1203d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z" fill="white"/>
1204</svg>
1205</a></nav></div><div
1206class="w-full py-9 px-10"><div
1207class="grid grid-cols-3 2xl:grid-cols-4 gap-3" x-show="selectedMarket == 'textileEffects'">
1208<a
1209href="https://www.archroma.com/textile-effects/markets/automotive" onclick="    window.dataLayer.push({
1210event: 'ui_event',
1211category: 'site_header',
1212action: 'click',
1213label: 'Markets Menu - Textile Effects - Automotive'
1214});
1215" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1216<span
1217class="text-white text-sm font-bold">Automotive</span>
1218</a>
1219<a
1220href="https://www.archroma.com/textile-effects/markets/industrial-carpets" onclick="    window.dataLayer.push({
1221event: 'ui_event',
1222category: 'site_header',
1223action: 'click',
1224label: 'Markets Menu - Textile Effects - Carpets'
1225});
1226" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1227<span
1228class="text-white text-sm font-bold">Carpets</span>
1229</a>
1230<a
1231href="https://www.archroma.com/textile-effects/markets/casual-wear" onclick="    window.dataLayer.push({
1232event: 'ui_event',
1233category: 'site_header',
1234action: 'click',
1235label: 'Markets Menu - Textile Effects - Casual Wear'
1236});
1237" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1238<span
1239class="text-white text-sm font-bold">Casual Wear</span>
1240</a>
1241<a
1242href="https://www.archroma.com/textile-effects/markets/denim" onclick="    window.dataLayer.push({
1243event: 'ui_event',
1244category: 'site_header',
1245action: 'click',
1246label: 'Markets Menu - Textile Effects - Denim'
1247});
1248" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1249<span
1250class="text-white text-sm font-bold">Denim</span>
1251</a>
1252<a
1253href="https://www.archroma.com/textile-effects/markets/exterior-textiles" onclick="    window.dataLayer.push({
1254event: 'ui_event',
1255category: 'site_header',
1256action: 'click',
1257label: 'Markets Menu - Textile Effects - Exterior Textiles'
1258});
1259" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1260<span
1261class="text-white text-sm font-bold">Exterior Textiles</span>
1262</a>
1263<a
1264href="https://www.archroma.com/textile-effects/markets/formal-wear" onclick="    window.dataLayer.push({
1265event: 'ui_event',
1266category: 'site_header',
1267action: 'click',
1268label: 'Markets Menu - Textile Effects - Formal Wear'
1269});
1270" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1271<span
1272class="text-white text-sm font-bold">Formal Wear</span>
1273</a>
1274<a
1275href="https://www.archroma.com/textile-effects/markets/home-textiles" onclick="    window.dataLayer.push({
1276event: 'ui_event',
1277category: 'site_header',
1278action: 'click',
1279label: 'Markets Menu - Textile Effects - Home Textiles'
1280});
1281" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1282<span
1283class="text-white text-sm font-bold">Home Textiles</span>
1284</a>
1285<a
1286href="https://www.archroma.com/textile-effects/markets/nonwoven" onclick="    window.dataLayer.push({
1287event: 'ui_event',
1288category: 'site_header',
1289action: 'click',
1290label: 'Markets Menu - Textile Effects - Nonwoven'
1291});
1292" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1293<span
1294class="text-white text-sm font-bold">Nonwoven</span>
1295</a>
1296<a
1297href="https://www.archroma.com/textile-effects/markets/performance-wear" onclick="    window.dataLayer.push({
1298event: 'ui_event',
1299category: 'site_header',
1300action: 'click',
1301label: 'Markets Menu - Textile Effects - Performance Wear'
1302});
1303" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1304<span
1305class="text-white text-sm font-bold">Performance Wear</span>
1306</a>
1307<a
1308href="https://www.archroma.com/textile-effects/markets/swimwear" onclick="    window.dataLayer.push({
1309event: 'ui_event',
1310category: 'site_header',
1311action: 'click',
1312label: 'Markets Menu - Textile Effects - Swimwear'
1313});
1314" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1315<span
1316class="text-white text-sm font-bold">Swimwear</span>
1317</a>
1318<a
1319href="https://www.archroma.com/textile-effects/markets/workwear-and-uniforms" onclick="    window.dataLayer.push({
1320event: 'ui_event',
1321category: 'site_header',
1322action: 'click',
1323label: 'Markets Menu - Textile Effects - Workwear and Uniforms'
1324});
1325" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1326<span
1327class="text-white text-sm font-bold">Workwear and Uniforms</span>
1328</a>
1329<a
1330href="https://www.archroma.com/textile-effects/markets/home-care-and-i-i" onclick="    window.dataLayer.push({
1331event: 'ui_event',
1332category: 'site_header',
1333action: 'click',
1334label: 'Markets Menu - Textile Effects - Home Care and I&amp;I'
1335});
1336" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1337<span
1338class="text-white text-sm font-bold">Home Care and I&amp;I</span>
1339</a>
1340<a
1341href="https://www.archroma.com/textile-effects/markets/leather" onclick="    window.dataLayer.push({
1342event: 'ui_event',
1343category: 'site_header',
1344action: 'click',
1345label: 'Markets Menu - Textile Effects - Leather'
1346});
1347" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1348<span
1349class="text-white text-sm font-bold">Leather</span>
1350</a>
1351<a
1352href="https://www.archroma.com/textile-effects/markets/personal-care" onclick="    window.dataLayer.push({
1353event: 'ui_event',
1354category: 'site_header',
1355action: 'click',
1356label: 'Markets Menu - Textile Effects - Personal Care'
1357});
1358" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1359<span
1360class="text-white text-sm font-bold">Personal Care</span>
1361</a>
1362<a
1363href="https://www.archroma.com/textile-effects/markets/plastic-dyes" onclick="    window.dataLayer.push({
1364event: 'ui_event',
1365category: 'site_header',
1366action: 'click',
1367label: 'Markets Menu - Textile Effects - Plastic Dyes'
1368});
1369" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1370<span
1371class="text-white text-sm font-bold">Plastic Dyes</span>
1372</a>
1373<a
1374href="https://www.archroma.com/textile-effects/markets/plastic-dyes-2" onclick="    window.dataLayer.push({
1375event: 'ui_event',
1376category: 'site_header',
1377action: 'click',
1378label: 'Markets Menu - Textile Effects - Plastic Optical Brighteners'
1379});
1380" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1381<span
1382class="text-white text-sm font-bold">Plastic Optical Brighteners</span>
1383</a>
1384<a
1385href="https://www.archroma.com/textile-effects/markets/specialty-additives" onclick="    window.dataLayer.push({
1386event: 'ui_event',
1387category: 'site_header',
1388action: 'click',
1389label: 'Markets Menu - Textile Effects - Specialty Additives'
1390});
1391" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1392<span
1393class="text-white text-sm font-bold">Specialty Additives</span>
1394</a>
1395<a
1396href="https://www.archroma.com/textile-effects/markets/water-coagulants" onclick="    window.dataLayer.push({
1397event: 'ui_event',
1398category: 'site_header',
1399action: 'click',
1400label: 'Markets Menu - Textile Effects - Water Coagulants'
1401});
1402" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1403<span
1404class="text-white text-sm font-bold">Water Coagulants</span>
1405</a></div><div
1406class="grid grid-cols-3 2xl:grid-cols-4 gap-3" x-show="selectedMarket == 'packagingTechnologies'">
1407<a
1408href="https://www.archroma.com/packaging-technologies/markets/packaging" onclick="    window.dataLayer.push({
1409event: 'ui_event',
1410category: 'site_header',
1411action: 'click',
1412label: 'Markets Menu - Packaging Technologies - Packaging'
1413});
1414" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1415<span
1416class="text-white text-sm font-bold">Packaging</span>
1417</a>
1418<a
1419href="https://www.archroma.com/packaging-technologies/markets/tissue-toweling" onclick="    window.dataLayer.push({
1420event: 'ui_event',
1421category: 'site_header',
1422action: 'click',
1423label: 'Markets Menu - Packaging Technologies - Tissue &amp; Toweling Solutions'
1424});
1425" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1426<span
1427class="text-white text-sm font-bold">Tissue &amp; Toweling Solutions</span>
1428</a>
1429<a
1430href="https://www.archroma.com/packaging-technologies/markets/wood" onclick="    window.dataLayer.push({
1431event: 'ui_event',
1432category: 'site_header',
1433action: 'click',
1434label: 'Markets Menu - Packaging Technologies - Wood'
1435});
1436" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1437<span
1438class="text-white text-sm font-bold">Wood</span>
1439</a>
1440<a
1441href="https://www.archroma.com/packaging-technologies/markets/paints-coatings-emulsions" onclick="    window.dataLayer.push({
1442event: 'ui_event',
1443category: 'site_header',
1444action: 'click',
1445label: 'Markets Menu - Packaging Technologies - Paints'
1446});
1447" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1448<span
1449class="text-white text-sm font-bold">Paints</span>
1450</a>
1451<a
1452href="https://www.archroma.com/packaging-technologies/markets/construction-emulsions" onclick="    window.dataLayer.push({
1453event: 'ui_event',
1454category: 'site_header',
1455action: 'click',
1456label: 'Markets Menu - Packaging Technologies - Construction'
1457});
1458" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1459<span
1460class="text-white text-sm font-bold">Construction</span>
1461</a>
1462<a
1463href="https://www.archroma.com/packaging-technologies/markets/water-treatment" onclick="    window.dataLayer.push({
1464event: 'ui_event',
1465category: 'site_header',
1466action: 'click',
1467label: 'Markets Menu - Packaging Technologies - Water'
1468});
1469" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
1470<span
1471class="text-white text-sm font-bold">Water</span>
1472</a></div></div></div><div
1473class="lg:hidden h-full" x-data="{selectedMarket: null }"><div
1474class="w-full border-b border-white/10 px-5 md:px-8 py-4">
1475<button
1476class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
1477x-on:click="
1478dropdownContent = null
1479window.dataLayer.push({
1480event: 'ui_event',
1481category: 'site_header',
1482action: 'click',
1483label: 'Back'
1484});"
1485x-show="selectedMarket == null"
1486>
1487<svg
1488viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
1489<path
1490d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
1491</svg>
1492<span
1493class="text-base truncate font-bold">Back</span>
1494</button>
1495<button
1496class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
1497x-on:click="
1498selectedMarket = null
1499window.dataLayer.push({
1500event: 'ui_event',
1501category: 'site_header',
1502action: 'click',
1503label: 'Back'
1504});"
1505x-show="selectedMarket != null"
1506>
1507<svg
1508viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
1509<path
1510d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
1511</svg>
1512<span
1513class="text-base truncate font-bold">Back</span>
1514</button></div><div
1515class="relative overflow-y-scroll h-[calc(100%-74px)]"><div
1516class="absolute inset-x-0 top-0 flex flex-col max-h-[100%] overflow-y-scroll"
1517x-cloak
1518x-show="selectedMarket == null"
1519x-transition:enter="transition ease-out duration-300 delay-300"
1520x-transition:enter-start="opacity-0 translate-x-[-1rem]"
1521x-transition:enter-end="opacity-100 translate-x-0"
1522x-transition:leave="transition ease-in duration-300"
1523x-transition:leave-start="opacity-100 translate-x-0"
1524x-transition:leave-end="opacity-0 translate-x-[-1rem]"
1525>
1526<button
1527class="
1528group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1160px]:p-1 min-[1160px]:h-full h-16
1529min-[1160px]:!border-t-2 min-[1160px]:!border-b-2 min-[1160px]:!border-transparent
1530"
1531@click="
1532selectedMarket = 'textileEffects'
1533window.dataLayer.push({
1534event: 'ui_event',
1535category: 'site_header',
1536action: 'click',
1537label: 'Markets Menu - Tab - Textile Effects'
1538});"
1539><div
1540class="
1541flex relative items-center gap-2 h-auto w-full min-[1160px]:w-auto justify-between min-[1160px]:justify-center
1542"><div
1543class="hidden min-[1160px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
1544group-hover/nav-item:opacity-100"></div>
1545<span
1546class="
1547block relative font-bold text-white text-base leading-[1rem]
1548">Textile Effects</span><svg
1549viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1160px]:hidden w-4 h-auto">
1550<path
1551opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
1552</svg></div>
1553</button>
1554<button
1555class="
1556group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1160px]:p-1 min-[1160px]:h-full h-16
1557min-[1160px]:!border-t-2 min-[1160px]:!border-b-2 min-[1160px]:!border-transparent
1558"
1559@click="
1560selectedMarket = 'packagingTechnologies'
1561window.dataLayer.push({
1562event: 'ui_event',
1563category: 'site_header',
1564action: 'click',
1565label: 'Markets Menu - Tab - Packaging Technologies'
1566});"
1567><div
1568class="
1569flex relative items-center gap-2 h-auto w-full min-[1160px]:w-auto justify-between min-[1160px]:justify-center
1570"><div
1571class="hidden min-[1160px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
1572group-hover/nav-item:opacity-100"></div>
1573<span
1574class="
1575block relative font-bold text-white text-base leading-[1rem]
1576">Packaging Technologies</span><svg
1577viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1160px]:hidden w-4 h-auto">
1578<path
1579opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
1580</svg></div>
1581</button><div
1582class="p-5">
1583<a
1584class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
1584ded-lg relative bg-white/5 min-[1160px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
1585href="/markets"
1586onclick="    window.dataLayer.push({
1587event: 'ui_event',
1588category: 'site_header',
1589action: 'click',
1590label: 'Markets Menu - See All'
1591});
1592"
1593>
1594<span
1595class="block w-full relative font-bold text-white text-base">See All</span>
1596</a></div></div><div
1597class="absolute inset-x-0 top-0"
1598x-cloak
1599x-show="selectedMarket == 'textileEffects'"
1600x-transition:enter="transition ease-out duration-300 delay-300"
1601x-transition:enter-start="opacity-0 translate-x-[1rem]"
1602x-transition:enter-end="opacity-100 translate-x-0"
1603x-transition:leave="transition ease-in duration-300"
1604x-transition:leave-start="opacity-100 translate-x-0"
1605x-transition:leave-end="opacity-0 translate-x-[1rem]"
1606><div
1607class="flex flex-col gap-3 p-5">
1608<a
1609href="https://www.archroma.com/textile-effects/markets/automotive" onclick="    window.dataLayer.push({
1610event: 'ui_event',
1611category: 'site_header',
1612action: 'click',
1613label: 'Markets Menu - Textile Effects - Automotive'
1614});
1615" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1616<span
1617class="text-white text-sm font-bold">Automotive</span>
1618</a>
1619<a
1620href="https://www.archroma.com/textile-effects/markets/industrial-carpets" onclick="    window.dataLayer.push({
1621event: 'ui_event',
1622category: 'site_header',
1623action: 'click',
1624label: 'Markets Menu - Textile Effects - Carpets'
1625});
1626" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1627<span
1628class="text-white text-sm font-bold">Carpets</span>
1629</a>
1630<a
1631href="https://www.archroma.com/textile-effects/markets/casual-wear" onclick="    window.dataLayer.push({
1632event: 'ui_event',
1633category: 'site_header',
1634action: 'click',
1635label: 'Markets Menu - Textile Effects - Casual Wear'
1636});
1637" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1638<span
1639class="text-white text-sm font-bold">Casual Wear</span>
1640</a>
1641<a
1642href="https://www.archroma.com/textile-effects/markets/denim" onclick="    window.dataLayer.push({
1643event: 'ui_event',
1644category: 'site_header',
1645action: 'click',
1646label: 'Markets Menu - Textile Effects - Denim'
1647});
1648" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1649<span
1650class="text-white text-sm font-bold">Denim</span>
1651</a>
1652<a
1653href="https://www.archroma.com/textile-effects/markets/exterior-textiles" onclick="    window.dataLayer.push({
1654event: 'ui_event',
1655category: 'site_header',
1656action: 'click',
1657label: 'Markets Menu - Textile Effects - Exterior Textiles'
1658});
1659" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1660<span
1661class="text-white text-sm font-bold">Exterior Textiles</span>
1662</a>
1663<a
1664href="https://www.archroma.com/textile-effects/markets/formal-wear" onclick="    window.dataLayer.push({
1665event: 'ui_event',
1666category: 'site_header',
1667action: 'click',
1668label: 'Markets Menu - Textile Effects - Formal Wear'
1669});
1670" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1671<span
1672class="text-white text-sm font-bold">Formal Wear</span>
1673</a>
1674<a
1675href="https://www.archroma.com/textile-effects/markets/home-textiles" onclick="    window.dataLayer.push({
1676event: 'ui_event',
1677category: 'site_header',
1678action: 'click',
1679label: 'Markets Menu - Textile Effects - Home Textiles'
1680});
1681" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1682<span
1683class="text-white text-sm font-bold">Home Textiles</span>
1684</a>
1685<a
1686href="https://www.archroma.com/textile-effects/markets/nonwoven" onclick="    window.dataLayer.push({
1687event: 'ui_event',
1688category: 'site_header',
1689action: 'click',
1690label: 'Markets Menu - Textile Effects - Nonwoven'
1691});
1692" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1693<span
1694class="text-white text-sm font-bold">Nonwoven</span>
1695</a>
1696<a
1697href="https://www.archroma.com/textile-effects/markets/performance-wear" onclick="    window.dataLayer.push({
1698event: 'ui_event',
1699category: 'site_header',
1700action: 'click',
1701label: 'Markets Menu - Textile Effects - Performance Wear'
1702});
1703" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1704<span
1705class="text-white text-sm font-bold">Performance Wear</span>
1706</a>
1707<a
1708href="https://www.archroma.com/textile-effects/markets/swimwear" onclick="    window.dataLayer.push({
1709event: 'ui_event',
1710category: 'site_header',
1711action: 'click',
1712label: 'Markets Menu - Textile Effects - Swimwear'
1713});
1714" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1715<span
1716class="text-white text-sm font-bold">Swimwear</span>
1717</a>
1718<a
1719href="https://www.archroma.com/textile-effects/markets/workwear-and-uniforms" onclick="    window.dataLayer.push({
1720event: 'ui_event',
1721category: 'site_header',
1722action: 'click',
1723label: 'Markets Menu - Textile Effects - Workwear and Uniforms'
1724});
1725" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1726<span
1727class="text-white text-sm font-bold">Workwear and Uniforms</span>
1728</a>
1729<a
1730href="https://www.archroma.com/textile-effects/markets/home-care-and-i-i" onclick="    window.dataLayer.push({
1731event: 'ui_event',
1732category: 'site_header',
1733action: 'click',
1734label: 'Markets Menu - Textile Effects - Home Care and I&amp;I'
1735});
1736" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1737<span
1738class="text-white text-sm font-bold">Home Care and I&amp;I</span>
1739</a>
1740<a
1741href="https://www.archroma.com/textile-effects/markets/leather" onclick="    window.dataLayer.push({
1742event: 'ui_event',
1743category: 'site_header',
1744action: 'click',
1745label: 'Markets Menu - Textile Effects - Leather'
1746});
1747" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1748<span
1749class="text-white text-sm font-bold">Leather</span>
1750</a>
1751<a
1752href="https://www.archroma.com/textile-effects/markets/personal-care" onclick="    window.dataLayer.push({
1753event: 'ui_event',
1754category: 'site_header',
1755action: 'click',
1756label: 'Markets Menu - Textile Effects - Personal Care'
1757});
1758" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1759<span
1760class="text-white text-sm font-bold">Personal Care</span>
1761</a>
1762<a
1763href="https://www.archroma.com/textile-effects/markets/plastic-dyes" onclick="    window.dataLayer.push({
1764event: 'ui_event',
1765category: 'site_header',
1766action: 'click',
1767label: 'Markets Menu - Textile Effects - Plastic Dyes'
1768});
1769" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1770<span
1771class="text-white text-sm font-bold">Plastic Dyes</span>
1772</a>
1773<a
1774href="https://www.archroma.com/textile-effects/markets/plastic-dyes-2" onclick="    window.dataLayer.push({
1775event: 'ui_event',
1776category: 'site_header',
1777action: 'click',
1778label: 'Markets Menu - Textile Effects - Plastic Optical Brighteners'
1779});
1780" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1781<span
1782class="text-white text-sm font-bold">Plastic Optical Brighteners</span>
1783</a>
1784<a
1785href="https://www.archroma.com/textile-effects/markets/specialty-additives" onclick="    window.dataLayer.push({
1786event: 'ui_event',
1787category: 'site_header',
1788action: 'click',
1789label: 'Markets Menu - Textile Effects - Specialty Additives'
1790});
1791" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1792<span
1793class="text-white text-sm font-bold">Specialty Additives</span>
1794</a>
1795<a
1796href="https://www.archroma.com/textile-effects/markets/water-coagulants" onclick="    window.dataLayer.push({
1797event: 'ui_event',
1798category: 'site_header',
1799action: 'click',
1800label: 'Markets Menu - Textile Effects - Water Coagulants'
1801});
1802" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1803<span
1804class="text-white text-sm font-bold">Water Coagulants</span>
1805</a></div></div><div
1806class="absolute inset-x-0 top-0"
1807x-cloak
1808x-show="selectedMarket == 'packagingTechnologies'"
1809x-transition:enter="transition ease-out duration-300 delay-300"
1810x-transition:enter-start="opacity-0 translate-x-[1rem]"
1811x-transition:enter-end="opacity-100 translate-x-0"
1812x-transition:leave="transition ease-in duration-300"
1813x-transition:leave-start="opacity-100 translate-x-0"
1814x-transition:leave-end="opacity-0 translate-x-[1rem]"
1815><div
1816class="flex flex-col gap-3 p-5">
1817<a
1818href="https://www.archroma.com/packaging-technologies/markets/packaging" onclick="    window.dataLayer.push({
1819event: 'ui_event',
1820category: 'site_header',
1821action: 'click',
1822label: 'Markets Menu - Packaging Technologies - Packaging'
1823});
1824" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1825<span
1826class="text-white text-sm font-bold">Packaging</span>
1827</a>
1828<a
1829href="https://www.archroma.com/packaging-technologies/markets/tissue-toweling" onclick="    window.dataLayer.push({
1830event: 'ui_event',
1831category: 'site_header',
1832action: 'click',
1833label: 'Markets Menu - Packaging Technologies - Tissue &amp; Toweling Solutions'
1834});
1835" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1836<span
1837class="text-white text-sm font-bold">Tissue &amp; Toweling Solutions</span>
1838</a>
1839<a
1840href="https://www.archroma.com/packaging-technologies/markets/wood" onclick="    window.dataLayer.push({
1841event: 'ui_event',
1842category: 'site_header',
1843action: 'click',
1844label: 'Markets Menu - Packaging Technologies - Wood'
1845});
1846" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1847<span
1848class="text-white text-sm font-bold">Wood</span>
1849</a>
1850<a
1851href="https://www.archroma.com/packaging-technologies/markets/paints-coatings-emulsions" onclick="    window.dataLayer.push({
1852event: 'ui_event',
1853category: 'site_header',
1854action: 'click',
1855label: 'Markets Menu - Packaging Technologies - Paints'
1856});
1857" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1858<span
1859class="text-white text-sm font-bold">Paints</span>
1860</a>
1861<a
1862href="https://www.archroma.com/packaging-technologies/markets/construction-emulsions" onclick="    window.dataLayer.push({
1863event: 'ui_event',
1864category: 'site_header',
1865action: 'click',
1866label: 'Markets Menu - Packaging Technologies - Construction'
1867});
1868" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1869<span
1870class="text-white text-sm font-bold">Construction</span>
1871</a>
1872<a
1873href="https://www.archroma.com/packaging-technologies/markets/water-treatment" onclick="    window.dataLayer.push({
1874event: 'ui_event',
1875category: 'site_header',
1876action: 'click',
1877label: 'Markets Menu - Packaging Technologies - Water'
1878});
1879" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
1880<span
1881class="text-white text-sm font-bold">Water</span>
1882</a></div></div></div></div></div><div
1883class="container mx-auto py-9 max-w-[556px]"
1884x-cloak
1885x-show="searchOpen"
1886><form
1887action="/search" method="get" class="w-full relative" role="search">
1888<label
1889for="navbarSearch" class="sr-only">Search</label>
1890<input
1891type="search"
1892name="query"
1893id="navbarSearch"
1894class="w-full px-6 py-4 bg-white rounded-[14px] border-0 appearance-none focus:ring-2 focus:ring-brand-light-blue focus:outline-none"
1895placeholder="Search…"
1896value=""
1897>
1898<svg
1899viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="block absolute top-[calc(50%-9px)] right-6 w-[18px] h-[18px] pointer-events-none fill-black" aria-hidden="true" focusable="false">
1900<path
1901fill-rule="evenodd" clip-rule="evenodd" d="M12.906 7.24525C12.906 10.3719 10.3721 12.9057 7.2455 12.9057C4.11885 12.9057 1.58504 10.3719 1.58504 7.24525C1.58504 4.11863 4.11885 1.58484 7.2455 1.58484C10.3721 1.58484 12.906 4.11863 12.906 7.24525ZM11.8915 12.8049C10.6338 13.8574 9.01352 14.4906 7.24538 14.4906C3.2442 14.4906 0 11.2465 0 7.24532C0 3.24417 3.2442 0 7.24538 0C11.2466 0 14.4908 3.24417 14.4908 7.24532C14.4908 8.90718 13.9309 10.4389 12.9899 11.6614L17.7799 16.6593C18.0824 16.9751 18.0718 17.4774 17.756 17.7799C17.4403 18.0824 16.9379 18.0718 16.6354 17.756L11.8915 12.8049Z"/>
1902</svg></form></div></div><div
1903class="fixed min-[1440px]:hidden w-full h-dvh top-0 left-0 bg-brand-dark-blue pt-16"
1904x-cloak
1905x-show="mobileNavOpen"x-transition:enter="transition ease-out duration-300"
1906x-transition:enter-start="opacity-0 scale-100 translate-y-[-1rem]"
1907x-transition:enter-end="opacity-100 scale-100 translate-y-0"x-transition:leave="transition ease-in duration-300"
1908x-transition:leave-start="opacity-100 scale-100 translate-y-0"
1909x-transition:leave-end="opacity-0 scale-100 translate-y-[-1rem]"
1910><div
1911class="h-full w-full flex flex-col justify-between"
1912x-cloak
1913x-show="dropdownContent == null"x-transition:enter="transition ease-out duration-300"
1914x-transition:enter-start="opacity-0 scale-100 translate-x-[-1rem]"
1915x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
1916x-transition:leave-start="opacity-100 scale-100 translate-x-0"
1917x-transition:leave-end="opacity-0 scale-100 translate-x-[-1rem]"
1918><div
1919class="border-t border-white/10 flex flex-col"><a
1920class="
1921group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
1922min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
1923"
1924href="#"            role="button"
1925aria-haspopup="true"
1926:aria-expanded="dropdownContent == 'textile-effects' && dropdownOpen ? 'true' : 'false'"
1927x-on:click.prevent="dropdownOpen && dropdownContent == 'textile-effects' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'textile-effects'; searchOpen = false;"
1928:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'textile-effects' && dropdownOpen }"
1929onclick="    window.dataLayer.push({
1930event: 'ui_event',
1931category: 'site_header',
1932action: 'click',
1933label: 'Textile Effects'
1934});
1935"
1936><div
1937class="
1938flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
1939"><div
1940class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
1941group-hover/nav-item:opacity-100"></div>
1942<span
1943class="
1944block relative font-bold text-white text-base leading-[1rem]
1945">Textile Effects</span>
1946<svg
1947viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'textile-effects' && dropdownOpen }" aria-hidden="true" focusable="false">
1948<path
1949opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
1950</svg>
1951<svg
1952viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
1953<path
1954opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
1955</svg></div>
1956</a><a
1957class="
1958group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
1959min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
1960"
1961href="#"            role="button"
1962aria-haspopup="true"
1963:aria-expanded="dropdownContent == 'packaging-technologies' && dropdownOpen ? 'true' : 'false'"
1964x-on:click.prevent="dropdownOpen && dropdownContent == 'packaging-technologies' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'packaging-technologies'; searchOpen = false;"
1965:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'packaging-technologies' && dropdownOpen }"
1966onclick="    window.dataLayer.push({
1967event: 'ui_event',
1968category: 'site_header',
1969action: 'click',
1970label: 'Packaging Technologies'
1971});
1972"
1973><div
1974class="
1975flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
1976"><div
1977class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
1978group-hover/nav-item:opacity-100"></div>
1979<span
1980class="
1981block relative font-bold text-white text-base leading-[1rem]
1982">Packaging Technologies</span>
1983<svg
1984viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'packaging-technologies' && dropdownOpen }" aria-hidden="true" focusable="false">
1985<path
1986opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
1987</svg>
1988<svg
1989viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
1990<path
1991opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
1992</svg></div>
1993</a><a
1994class="
1995group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
1996min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
1997"
1998href="#"            role="button"
1999aria-haspopup="true"
2000:aria-expanded="dropdownContent == 'markets' && dropdownOpen ? 'true' : 'false'"
2001x-on:click.prevent="dropdownOpen && dropdownContent == 'markets' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'markets'; searchOpen = false;"
2002:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'markets' && dropdownOpen }"
2003onclick="    window.dataLayer.push({
2004event: 'ui_event',
2005category: 'site_header',
2006action: 'click',
2007label: 'Markets'
2008});
2009"
2010><div
2011class="
2012flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
2013"><div
2014class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2015group-hover/nav-item:opacity-100"></div>
2016<span
2017class="
2018block relative font-bold text-white text-base leading-[1rem]
2019">Markets</span>
2020<svg
2021viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'markets' && dropdownOpen }" aria-hidden="true" focusable="false">
2022<path
2023opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
2024</svg>
2025<svg
2026viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
2027<path
2028opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
2029</svg></div>
2030</a><a
2031class="
2032group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
2033min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
2034"
2035href="#"            role="button"
2036aria-haspopup="true"
2037:aria-expanded="dropdownContent == 'innovations' && dropdownOpen ? 'true' : 'false'"
2038x-on:click.prevent="dropdownOpen && dropdownContent == 'innovations' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'innovations'; searchOpen = false;"
2039:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'innovations' && dropdownOpen }"
2040onclick="    window.dataLayer.push({
2041event: 'ui_event',
2042category: 'site_header',
2043action: 'click',
2044label: 'Innovations'
2045});
2046"
2047><div
2048class="
2049flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
2050"><div
2051class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2052group-hover/nav-item:opacity-100"></div>
2053<span
2054class="
2055block relative font-bold text-white text-base leading-[1rem]
2056">Innovations</span>
2057<svg
2058viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'innovations' && dropdownOpen }" aria-hidden="true" focusable="false">
2059<path
2060opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
2061</svg>
2062<svg
2063viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
2064<path
2065opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
2066</svg></div>
2067</a><a
2068class="
2069group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
2070min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
2071"
2072href="https://www.archroma.com/sustainability"            :class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'sustainability' && dropdownOpen }"
2073onclick="    window.dataLayer.push({
2074event: 'ui_event',
2075category: 'site_header',
2076action: 'click',
2077label: 'Sustainability'
2078});
2079"
2080><div
2081class="
2082flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
2083"><div
2084class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2085group-hover/nav-item:opacity-100"></div>
2086<span
2087class="
2088block relative font-bold text-white text-base leading-[1rem]
2089">Sustainability</span></div>
2090</a><a
2091class="
2092group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
2093min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
2094"
2095href="#"            role="button"
2096aria-haspopup="true"
2097:aria-expanded="dropdownContent == 'about' && dropdownOpen ? 'true' : 'false'"
2098x-on:click.prevent="dropdownOpen && dropdownContent == 'about' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'about'; searchOpen = false;"
2099:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'about' && dropdownOpen }"
2100onclick="    window.dataLayer.push({
2101event: 'ui_event',
2102category: 'site_header',
2103action: 'click',
2104label: 'About'
2105});
2106"
2107><div
2108class="
2109flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
2110"><div
2111class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2112group-hover/nav-item:opacity-100"></div>
2113<span
2114class="
2115block relative font-bold text-white text-base leading-[1rem]
2116">About</span>
2117<svg
2118viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'about' && dropdownOpen }" aria-hidden="true" focusable="false">
2119<path
2120opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
2121</svg>
2122<svg
2123viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
2124<path
2125opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
2126</svg></div>
2127</a><a
2128class="
2129group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1440px]:p-1 min-[1440px]:h-full h-16
2130min-[1440px]:!border-t-2 min-[1440px]:!border-b-2 min-[1440px]:!border-transparent
2131"
2132href="#"            role="button"
2133aria-haspopup="true"
2134:aria-expanded="dropdownContent == 'latest' && dropdownOpen ? 'true' : 'false'"
2135x-on:click.prevent="dropdownOpen && dropdownContent == 'latest' ? dropdownOpen = false : dropdownOpen = true; dropdownContent = 'latest'; searchOpen = false;"
2136:class="{ 'min-[1440px]:!border-b-[#33D38A]': dropdownContent == 'latest' && dropdownOpen }"
2137onclick="    window.dataLayer.push({
2138event: 'ui_event',
2139category: 'site_header',
2140action: 'click',
2141label: 'Latest'
2142});
2143"
2144><div
2145class="
2146flex relative items-center gap-2 h-auto w-full min-[1440px]:w-auto justify-between min-[1440px]:justify-center
2147"><div
2148class="hidden min-[1440px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2149group-hover/nav-item:opacity-100"></div>
2150<span
2151class="
2152block relative font-bold text-white text-base leading-[1rem]
2153">Latest</span>
2154<svg
2155viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden min-[1440px]:block w-3 h-auto transition-transform" :class="{ 'rotate-180': dropdownContent == 'latest' && dropdownOpen }" aria-hidden="true" focusable="false">
2156<path
2157opacity="0.6" d="M6.45721 6.45722L6.45727 6.45728L6.45288 6.46142C6.19694 6.70237 5.80306 6.70237 5.54712 6.46142L5.54705 6.46149L5.54262 6.45706L0.984887 1.88879C0.984833 1.88874 0.984778 1.88868 0.984724 1.88863C0.73837 1.64209 0.738424 1.23135 0.984887 0.984887L0.984822 0.984822L0.989232 0.980672C1.24275 0.742053 1.65051 0.736091 1.89931 0.984887L6.00017 5.08575L10.1009 0.995239L10.1008 0.995179L10.105 0.991199C10.3586 0.752581 10.7663 0.746618 11.0151 0.995414C11.2616 1.24193 11.2616 1.6528 11.0151 1.89932L6.45721 6.45722Z" fill="white" stroke="white" stroke-width="0.4"/>
2158</svg>
2159<svg
2160viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1440px]:hidden w-4 h-auto" aria-hidden="true" focusable="false">
2161<path
2162opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
2163</svg></div>
2164</a></div><div
2165class="flex flex-col w-full p-5 md:p-8"><a
2166x-on:click="
2167dropdownContent = null
2168window.dataLayer.push({
2169event: 'ui_event',
2170category: 'site_header',
2171action: 'click',
2172label: 'Contact us'
2173});"
2174class="inline-flex max-w-full items-center gap-3 rounded-full shrink-0 !no-underline [&amp;_svg]:w-3 [&amp;_svg]:h-3 [&amp;_svg]:object-contain [&amp;_svg]:shrink-0 justify-between px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&amp;_svg]:fill-white hover-green"
2175href="/contact-us"    >
2176<span
2177class="text-base truncate font-bold">Contact us</span>
2178<svg
2179width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2180<path
2181d="M6 0.5L4.9425 1.5575L9.1275 5.75H0V7.25H9.1275L4.9425 11.4425L6 12.5L12 6.5L6 0.5Z" fill="currentColor"/>
2182</svg></a></div></div><div
2183class="h-full w-full flex flex-col "
2184x-cloak
2185x-show="dropdownContent == 'textile-effects'"x-transition:enter="transition ease-out duration-300 delay-150"
2186x-transition:enter-start="opacity-0 scale-100 translate-x-[1rem]"
2187x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
2188x-transition:leave-start="opacity-100 scale-100 translate-x-0"
2189x-transition:leave-end="opacity-0 scale-100 translate-x-[1rem]"
2190><div
2191class="w-full border-b border-white/10 px-5 md:px-8 py-2">
2192<button
2193class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2194x-on:click="
2195dropdownContent = null
2196window.dataLayer.push({
2197event: 'ui_event',
2198category: 'site_header',
2199action: 'click',
2200label: 'Back'
2201});"
2202>
2203<svg
2204viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2205<path
2206d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2207</svg>
2208<span
2209class="text-base truncate font-bold">Back</span>
2210</button></div><div
2211class="flex flex-col p-4 gap-4 max-h-[100%] overflow-y-scroll"><a
2212class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2213href="https://www.archroma.com/textile-effects/"        onclick="    window.dataLayer.push({
2214event: 'ui_event',
2215category: 'site_header',
2216action: 'click',
2217label: 'About Textile Effects'
2218});
2219"
2220>
2221<span
2222class="block w-full relative font-bold text-white text-base">About Textile Effects</span>
2223<span
2224class="block w-full relative text-white text-sm">From fiber to end article, we play a crucial role throughout the textile supply chain, offering innovative solutions for pretreatment, dyeing, printing and finishing</span>
2225</a><a
2226class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2227href="https://www.archroma.com/textile-effects/markets"        onclick="    window.dataLayer.push({
2228event: 'ui_event',
2229category: 'site_header',
2230action: 'click',
2231label: 'Markets'
2232});
2233"
2234>
2235<span
2236class="block w-full relative font-bold text-white text-base">Markets</span>
2237<span
2238class="block w-full relative text-white text-sm">Solutions for diverse markets like casual wear, performance apparel, home textiles and special technical textiles</span>
2239</a><a
2240class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2241href="https://www.archroma.com/textile-effects/innovations"        onclick="    window.dataLayer.push({
2242event: 'ui_event',
2243category: 'site_header',
2244action: 'click',
2245label: 'Innovations'
2246});
2247"
2248>
2249<span
2250class="block w-full relative font-bold text-white text-base">Innovations</span>
2251<span
2252class="block w-full relative text-white text-sm">Breakthrough, value-added solutions to meet evolving needs</span>
2253</a><a
2254class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2255href="https://www.archroma.com/textile-effects/tools"        onclick="    window.dataLayer.push({
2256event: 'ui_event',
2257category: 'site_header',
2258action: 'click',
2259label: 'Tools &amp; Services'
2260});
2261"
2262>
2263<span
2264class="block w-full relative font-bold text-white text-base">Tools &amp; Services</span>
2265<span
2266class="block w-full relative text-white text-sm">Suite of tools and services</span>
2267</a></div></div><div
2268class="h-full w-full flex flex-col "
2269x-cloak
2270x-show="dropdownContent == 'packaging-technologies'"x-transition:enter="transition ease-out duration-300 delay-150"
2271x-transition:enter-start="opacity-0 scale-100 translate-x-[1rem]"
2272x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
2273x-transition:leave-start="opacity-100 scale-100 translate-x-0"
2274x-transition:leave-end="opacity-0 scale-100 translate-x-[1rem]"
2275><div
2276class="w-full border-b border-white/10 px-5 md:px-8 py-2">
2277<button
2278class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2279x-on:click="
2280dropdownContent = null
2281window.dataLayer.push({
2282event: 'ui_event',
2283category: 'site_header',
2284action: 'click',
2285label: 'Back'
2286});"
2287>
2288<svg
2289viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2290<path
2291d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2292</svg>
2293<span
2294class="text-base truncate font-bold">Back</span>
2295</button></div><div
2296class="flex flex-col p-4 gap-4 max-h-[100%] overflow-y-scroll"><a
2297class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2298href="https://www.archroma.com/packaging-technologies/"        onclick="    window.dataLayer.push({
2299event: 'ui_event',
2300category: 'site_header',
2301action: 'click',
2302label: 'About Packaging Technologies'
2303});
2304"
2305>
2306<span
2307class="block w-full relative font-bold text-white text-base">About Packaging Technologies</span>
2308<span
2309class="block w-full relative text-white text-sm">Offers chemistries across a wide range of applications that include highly functional solutions for packaging and materials for wood, paints and construction sectors.</span>
2310</a><a
2311class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2312href="https://www.archroma.com/packaging-technologies/markets"        onclick="    window.dataLayer.push({
2313event: 'ui_event',
2314category: 'site_header',
2315action: 'click',
2316label: 'Markets'
2317});
2318"
2319>
2320<span
2321class="block w-full relative font-bold text-white text-base">Markets</span>
2322<span
2323class="block w-full relative text-white text-sm">Solutions for paper, board, flexible packaging and tape and labels; tissue and towel applications; wood, paints and construction.</span>
2324</a><a
2325class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
2325ded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2326href="https://www.archroma.com/packaging-technologies/packaging-technologies-innovations"        onclick="    window.dataLayer.push({
2327event: 'ui_event',
2328category: 'site_header',
2329action: 'click',
2330label: 'Innovations'
2331});
2332"
2333>
2334<span
2335class="block w-full relative font-bold text-white text-base">Innovations</span>
2336<span
2337class="block w-full relative text-white text-sm">Packaging solutions and thought leadership content.</span>
2338</a><a
2339class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2340href="https://www.archroma.com/packaging-technologies/tools"        onclick="    window.dataLayer.push({
2341event: 'ui_event',
2342category: 'site_header',
2343action: 'click',
2344label: 'Tools &amp; Services'
2345});
2346"
2347>
2348<span
2349class="block w-full relative font-bold text-white text-base">Tools &amp; Services</span>
2350<span
2351class="block w-full relative text-white text-sm">Available tools and services.</span>
2352</a></div></div><div
2353class="h-full w-full flex flex-col "
2354x-cloak
2355x-show="dropdownContent == 'innovations'"x-transition:enter="transition ease-out duration-300 delay-150"
2356x-transition:enter-start="opacity-0 scale-100 translate-x-[1rem]"
2357x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
2358x-transition:leave-start="opacity-100 scale-100 translate-x-0"
2359x-transition:leave-end="opacity-0 scale-100 translate-x-[1rem]"
2360><div
2361class="w-full border-b border-white/10 px-5 md:px-8 py-2">
2362<button
2363class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2364x-on:click="
2365dropdownContent = null
2366window.dataLayer.push({
2367event: 'ui_event',
2368category: 'site_header',
2369action: 'click',
2370label: 'Back'
2371});"
2372>
2373<svg
2374viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2375<path
2376d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2377</svg>
2378<span
2379class="text-base truncate font-bold">Back</span>
2380</button></div><div
2381class="flex flex-col p-4 gap-4 max-h-[100%] overflow-y-scroll"><a
2382class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2383href="https://www.archroma.com/textile-effects/innovations"        onclick="    window.dataLayer.push({
2384event: 'ui_event',
2385category: 'site_header',
2386action: 'click',
2387label: 'Textile Effects'
2388});
2389"
2390>
2391<span
2392class="block w-full relative font-bold text-white text-base">Textile Effects</span>
2393<span
2394class="block w-full relative text-white text-sm">Breakthrough, value-added solutions to meet evolving needs of the textile industry.</span>
2395</a><a
2396class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2397href="https://www.archroma.com/packaging-technologies/packaging-technologies-innovations"        onclick="    window.dataLayer.push({
2398event: 'ui_event',
2399category: 'site_header',
2400action: 'click',
2401label: 'Packaging Technologies'
2402});
2403"
2404>
2405<span
2406class="block w-full relative font-bold text-white text-base">Packaging Technologies</span>
2407<span
2408class="block w-full relative text-white text-sm">Packaging solutions and thought leadership content.</span>
2409</a></div></div><div
2410class="h-full w-full flex flex-col "
2411x-cloak
2412x-show="dropdownContent == 'about'"x-transition:enter="transition ease-out duration-300 delay-150"
2413x-transition:enter-start="opacity-0 scale-100 translate-x-[1rem]"
2414x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
2415x-transition:leave-start="opacity-100 scale-100 translate-x-0"
2416x-transition:leave-end="opacity-0 scale-100 translate-x-[1rem]"
2417><div
2418class="w-full border-b border-white/10 px-5 md:px-8 py-2">
2419<button
2420class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2421x-on:click="
2422dropdownContent = null
2423window.dataLayer.push({
2424event: 'ui_event',
2425category: 'site_header',
2426action: 'click',
2427label: 'Back'
2428});"
2429>
2430<svg
2431viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2432<path
2433d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2434</svg>
2435<span
2436class="text-base truncate font-bold">Back</span>
2437</button></div><div
2438class="flex flex-col p-4 gap-4 max-h-[100%] overflow-y-scroll"><a
2439class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
2439ded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2440href="https://www.archroma.com/about"        onclick="    window.dataLayer.push({
2441event: 'ui_event',
2442category: 'site_header',
2443action: 'click',
2444label: 'About Archroma'
2445});
2446"
2447>
2448<span
2449class="block w-full relative font-bold text-white text-base">About Archroma</span>
2450<span
2451class="block w-full relative text-white text-sm">A global provider of specialty chemicals</span>
2452</a><a
2453class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2454href="https://www.archroma.com/careers"        onclick="    window.dataLayer.push({
2455event: 'ui_event',
2456category: 'site_header',
2457action: 'click',
2458label: 'Careers'
2459});
2460"
2461>
2462<span
2463class="block w-full relative font-bold text-white text-base">Careers</span>
2464<span
2465class="block w-full relative text-white text-sm">Help us make a brighter future</span>
2466</a></div></div><div
2467class="h-full w-full flex flex-col "
2468x-cloak
2469x-show="dropdownContent == 'latest'"x-transition:enter="transition ease-out duration-300 delay-150"
2470x-transition:enter-start="opacity-0 scale-100 translate-x-[1rem]"
2471x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
2472x-transition:leave-start="opacity-100 scale-100 translate-x-0"
2473x-transition:leave-end="opacity-0 scale-100 translate-x-[1rem]"
2474><div
2475class="w-full border-b border-white/10 px-5 md:px-8 py-2">
2476<button
2477class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2478x-on:click="
2479dropdownContent = null
2480window.dataLayer.push({
2481event: 'ui_event',
2482category: 'site_header',
2483action: 'click',
2484label: 'Back'
2485});"
2486>
2487<svg
2488viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2489<path
2490d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2491</svg>
2492<span
2493class="text-base truncate font-bold">Back</span>
2494</button></div><div
2495class="flex flex-col p-4 gap-4 max-h-[100%] overflow-y-scroll"><a
2496class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2497href="https://www.archroma.com/news"        onclick="    window.dataLayer.push({
2498event: 'ui_event',
2499category: 'site_header',
2500action: 'click',
2501label: 'News'
2502});
2503"
2504>
2505<span
2506class="block w-full relative font-bold text-white text-base">News</span>
2507<span
2508class="block w-full relative text-white text-sm">News and views from Archroma</span>
2509</a><a
2510class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2511href="https://www.archroma.com/press-releases"        onclick="    window.dataLayer.push({
2512event: 'ui_event',
2513category: 'site_header',
2514action: 'click',
2515label: 'Press Area'
2516});
2517"
2518>
2519<span
2520class="block w-full relative font-bold text-white text-base">Press Area</span>
2521<span
2522class="block w-full relative text-white text-sm">The latest press releases</span>
2523</a><a
2524class="flex flex-col gap-2 p-4 border border-solid border-transparent rounded-lg relative bg-white/5 min-[1440px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2525href="https://www.archroma.com/events"        onclick="    window.dataLayer.push({
2526event: 'ui_event',
2527category: 'site_header',
2528action: 'click',
2529label: 'Events'
2530});
2531"
2532>
2533<span
2534class="block w-full relative font-bold text-white text-base">Events</span>
2535<span
2536class="block w-full relative text-white text-sm">Upcoming and past events</span>
2537</a></div></div><div
2538class="h-full w-full flex flex-col "
2539x-cloak
2540x-show="dropdownContent == 'markets'"x-transition:enter="transition ease-out duration-300 delay-150"
2541x-transition:enter-start="opacity-0 scale-100 translate-x-[1rem]"
2542x-transition:enter-end="opacity-100 scale-100 translate-x-0"x-transition:leave="transition ease-in duration-300"
2543x-transition:leave-start="opacity-100 scale-100 translate-x-0"
2544x-transition:leave-end="opacity-0 scale-100 translate-x-[1rem]"
2545><div
2546class="hidden relative w-full lg:grid grid-cols-[30%_auto] 2xl:gr
2546id-cols-[22%_auto]" x-data="{ selectedMarket: 'textileEffects' }"><div
2547class="w-full h-full py-9 px-10 border-r border-white/10"><nav
2548class="flex flex-col gap-3">
2549<button
2550class="w-full flex py-2 px-3 items-start rounded-lg hover:bg-white/10 duration-150 border border-transparent focus:border-white/50"
2551:class="selectedMarket == 'textileEffects' ? 'bg-white/5' : ''"
2552@click="
2553selectedMarket = 'textileEffects'
2554window.dataLayer.push({
2555event: 'ui_event',
2556category: 'site_header',
2557action: 'click',
2558label: 'Markets Menu - Tab - Textile Effects'
2559});"
2560>
2561<span
2562class="text-base font-bold leading-none text-left text-white">Textile Effects</span>
2563</button>
2564<button
2565class="w-full flex py-2 px-3 items-start rounded-lg hover:bg-white/10 duration-150 border border-transparent focus:border-white/50"
2566:class="selectedMarket == 'packagingTechnologies' ? 'bg-white/5' : ''"
2567@click="
2568selectedMarket = 'packagingTechnologies'
2569window.dataLayer.push({
2570event: 'ui_event',
2571category: 'site_header',
2572action: 'click',
2573label: 'Markets Menu - Tab - Packaging Technologies'
2574});"
2575>
2576<span
2577class="text-base font-bold leading-none text-left text-white">Packaging Technologies</span>
2578</button>
2579<a
2580href="/markets" onclick="    window.dataLayer.push({
2581event: 'ui_event',
2582category: 'site_header',
2583action: 'click',
2584label: 'Markets Menu - See All'
2585});
2586" class="w-full flex py-2 px-3 items-center justify-between rounded-lg hover:bg-white/10 duration-150 border border-transparent focus:border-white/50">
2587<span
2588class="text-base font-bold leading-none text-left text-white">See All</span>
2589<svg
2590width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2591<path
2592d="M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z" fill="white"/>
2593</svg>
2594</a></nav></div><div
2595class="w-full py-9 px-10"><div
2596class="grid grid-cols-3 2xl:grid-cols-4 gap-3" x-show="selectedMarket == 'textileEffects'">
2597<a
2598href="https://www.archroma.com/textile-effects/markets/automotive" onclick="    window.dataLayer.push({
2599event: 'ui_event',
2600category: 'site_header',
2601action: 'click',
2602label: 'Markets Menu - Textile Effects - Automotive'
2603});
2604" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2605<span
2606class="text-white text-sm font-bold">Automotive</span>
2607</a>
2608<a
2609href="https://www.archroma.com/textile-effects/markets/industrial-carpets" onclick="    window.dataLayer.push({
2610event: 'ui_event',
2611category: 'site_header',
2612action: 'click',
2613label: 'Markets Menu - Textile Effects - Carpets'
2614});
2615" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2616<span
2617class="text-white text-sm font-bold">Carpets</span>
2618</a>
2619<a
2620href="https://www.archroma.com/textile-effects/markets/casual-wear" onclick="    window.dataLayer.push({
2621event: 'ui_event',
2622category: 'site_header',
2623action: 'click',
2624label: 'Markets Menu - Textile Effects - Casual Wear'
2625});
2626" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2627<span
2628class="text-white text-sm font-bold">Casual Wear</span>
2629</a>
2630<a
2631href="https://www.archroma.com/textile-effects/markets/denim" onclick="    window.dataLayer.push({
2632event: 'ui_event',
2633category: 'site_header',
2634action: 'click',
2635label: 'Markets Menu - Textile Effects - Denim'
2636});
2637" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2638<span
2639class="text-white text-sm font-bold">Denim</span>
2640</a>
2641<a
2642href="https://www.archroma.com/textile-effects/markets/exterior-textiles" onclick="    window.dataLayer.push({
2643event: 'ui_event',
2644category: 'site_header',
2645action: 'click',
2646label: 'Markets Menu - Textile Effects - Exterior Textiles'
2647});
2648" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2649<span
2650class="text-white text-sm font-bold">Exterior Textiles</span>
2651</a>
2652<a
2653href="https://www.archroma.com/textile-effects/markets/formal-wear" onclick="    window.dataLayer.push({
2654event: 'ui_event',
2655category: 'site_header',
2656action: 'click',
2657label: 'Markets Menu - Textile Effects - Formal Wear'
2658});
2659" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2660<span
2661class="text-white text-sm font-bold">Formal Wear</span>
2662</a>
2663<a
2664href="https://www.archroma.com/textile-effects/markets/home-textiles" onclick="    window.dataLayer.push({
2665event: 'ui_event',
2666category: 'site_header',
2667action: 'click',
2668label: 'Markets Menu - Textile Effects - Home Textiles'
2669});
2670" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2671<span
2672class="text-white text-sm font-bold">Home Textiles</span>
2673</a>
2674<a
2675href="https://www.archroma.com/textile-effects/markets/nonwoven" onclick="    window.dataLayer.push({
2676event: 'ui_event',
2677category: 'site_header',
2678action: 'click',
2679label: 'Markets Menu - Textile Effects - Nonwoven'
2680});
2681" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2682<span
2683class="text-white text-sm font-bold">Nonwoven</span>
2684</a>
2685<a
2686href="https://www.archroma.com/textile-effects/markets/performance-wear" onclick="    window.dataLayer.push({
2687event: 'ui_event',
2688category: 'site_header',
2689action: 'click',
2690label: 'Markets Menu - Textile Effects - Performance Wear'
2691});
2692" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2693<span
2694class="text-white text-sm font-bold">Performance Wear</span>
2695</a>
2696<a
2697href="https://www.archroma.com/textile-effects/markets/swimwear" onclick="    window.dataLayer.push({
2698event: 'ui_event',
2699category: 'site_header',
2700action: 'click',
2701label: 'Markets Menu - Textile Effects - Swimwear'
2702});
2703" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2704<span
2705class="text-white text-sm font-bold">Swimwear</span>
2706</a>
2707<a
2708href="https://www.archroma.com/textile-effects/markets/workwear-and-uniforms" onclick="    window.dataLayer.push({
2709event: 'ui_event',
2710category: 'site_header',
2711action: 'click',
2712label: 'Markets Menu - Textile Effects - Workwear and Uniforms'
2713});
2714" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2715<span
2716class="text-white text-sm font-bold">Workwear and Uniforms</span>
2717</a>
2718<a
2719href="https://www.archroma.com/textile-effects/markets/home-care-and-i-i" onclick="    window.dataLayer.push({
2720event: 'ui_event',
2721category: 'site_header',
2722action: 'click',
2723label: 'Markets Menu - Textile Effects - Home Care and I&amp;I'
2724});
2725" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2726<span
2727class="text-white text-sm font-bold">Home Care and I&amp;I</span>
2728</a>
2729<a
2730href="https://www.archroma.com/textile-effects/markets/leather" onclick="    window.dataLayer.push({
2731event: 'ui_event',
2732category: 'site_header',
2733action: 'click',
2734label: 'Markets Menu - Textile Effects - Leather'
2735});
2736" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2737<span
2738class="text-white text-sm font-bold">Leather</span>
2739</a>
2740<a
2741href="https://www.archroma.com/textile-effects/markets/personal-care" onclick="    window.dataLayer.push({
2742event: 'ui_event',
2743category: 'site_header',
2744action: 'click',
2745label: 'Markets Menu - Textile Effects - Personal Care'
2746});
2747" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2748<span
2749class="text-white text-sm font-bold">Personal Care</span>
2750</a>
2751<a
2752href="https://www.archroma.com/textile-effects/markets/plastic-dyes" onclick="    window.dataLayer.push({
2753event: 'ui_event',
2754category: 'site_header',
2755action: 'click',
2756label: 'Markets Menu - Textile Effects - Plastic Dyes'
2757});
2758" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2759<span
2760class="text-white text-sm font-bold">Plastic Dyes</span>
2761</a>
2762<a
2763href="https://www.archroma.com/textile-effects/markets/plastic-dyes-2" onclick="    window.dataLayer.push({
2764event: 'ui_event',
2765category: 'site_header',
2766action: 'click',
2767label: 'Markets Menu - Textile Effects - Plastic Optical Brighteners'
2768});
2769" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2770<span
2771class="text-white text-sm font-bold">Plastic Optical Brighteners</span>
2772</a>
2773<a
2774href="https://www.archroma.com/textile-effects/markets/specialty-additives" onclick="    window.dataLayer.push({
2775event: 'ui_event',
2776category: 'site_header',
2777action: 'click',
2778label: 'Markets Menu - Textile Effects - Specialty Additives'
2779});
2780" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2781<span
2782class="text-white text-sm font-bold">Specialty Additives</span>
2783</a>
2784<a
2785href="https://www.archroma.com/textile-effects/markets/water-coagulants" onclick="    window.dataLayer.push({
2786event: 'ui_event',
2787category: 'site_header',
2788action: 'click',
2789label: 'Markets Menu - Textile Effects - Water Coagulants'
2790});
2791" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2792<span
2793class="text-white text-sm font-bold">Water Coagulants</span>
2794</a></div><div
2795class="grid grid-cols-3 2xl:grid-cols-4 gap-3" x-show="selectedMarket == 'packagingTechnologies'">
2796<a
2797href="https://www.archroma.com/packaging-technologies/markets/packaging" onclick="    window.dataLayer.push({
2798event: 'ui_event',
2799category: 'site_header',
2800action: 'click',
2801label: 'Markets Menu - Packaging Technologies - Packaging'
2802});
2803" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2804<span
2805class="text-white text-sm font-bold">Packaging</span>
2806</a>
2807<a
2808href="https://www.archroma.com/packaging-technologies/markets/tissue-toweling" onclick="    window.dataLayer.push({
2809event: 'ui_event',
2810category: 'site_header',
2811action: 'click',
2812label: 'Markets Menu - Packaging Technologies - Tissue &amp; Toweling Solutions'
2813});
2814" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2815<span
2816class="text-white text-sm font-bold">Tissue &amp; Toweling Solutions</span>
2817</a>
2818<a
2819href="https://www.archroma.com/packaging-technologies/markets/wood" onclick="    window.dataLayer.push({
2820event: 'ui_event',
2821category: 'site_header',
2822action: 'click',
2823label: 'Markets Menu - Packaging Technologies - Wood'
2824});
2825" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2826<span
2827class="text-white text-sm font-bold">Wood</span>
2828</a>
2829<a
2830href="https://www.archroma.com/packaging-technologies/markets/paints-coatings-emulsions" onclick="    window.dataLayer.push({
2831event: 'ui_event',
2832category: 'site_header',
2833action: 'click',
2834label: 'Markets Menu - Packaging Technologies - Paints'
2835});
2836" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2837<span
2838class="text-white text-sm font-bold">Paints</span>
2839</a>
2840<a
2841href="https://www.archroma.com/packaging-technologies/markets/construction-emulsions" onclick="    window.dataLayer.push({
2842event: 'ui_event',
2843category: 'site_header',
2844action: 'click',
2845label: 'Markets Menu - Packaging Technologies - Construction'
2846});
2847" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2848<span
2849class="text-white text-sm font-bold">Construction</span>
2850</a>
2851<a
2852href="https://www.archroma.com/packaging-technologies/markets/water-treatment" onclick="    window.dataLayer.push({
2853event: 'ui_event',
2854category: 'site_header',
2855action: 'click',
2856label: 'Markets Menu - Packaging Technologies - Water'
2857});
2858" class="flex items-start py-2 px-3 border border-white/10 hover:bg-white/5 rounded-lg duration-150 focus:border-white/50">
2859<span
2860class="text-white text-sm font-bold">Water</span>
2861</a></div></div></div><div
2862class="lg:hidden h-full" x-data="{selectedMarket: null }"><div
2863class="w-full border-b border-white/10 px-5 md:px-8 py-4">
2864<button
2865class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2866x-on:click="
2867dropdownContent = null
2868window.dataLayer.push({
2869event: 'ui_event',
2870category: 'site_header',
2871action: 'click',
2872label: 'Back'
2873});"
2874x-show="selectedMarket == null"
2875>
2876<svg
2877viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2878<path
2879d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2880</svg>
2881<span
2882class="text-base truncate font-bold">Back</span>
2883</button>
2884<button
2885class="flex items-center gap-2 text-white py-2 px-4 -ml-4"
2886x-on:click="
2887selectedMarket = null
2888window.dataLayer.push({
2889event: 'ui_event',
2890category: 'site_header',
2891action: 'click',
2892label: 'Back'
2893});"
2894x-show="selectedMarket != null"
2895>
2896<svg
2897viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block w-3 h-auto">
2898<path
2899d="M13.9998 6.05152L3.50105 6.05152L8.25885 1.29674L6.96145 0L1.26646 5.6912L0.00802724 6.94883C-0.00267575 6.95953 -0.00267575 6.97708 0.00802724 6.98794L1.26646 8.24558L6.96145 13.9368L8.25902 12.64L3.50121 7.88525L14 7.88525L13.9998 6.05152Z" fill="white"/>
2900</svg>
2901<span
2902class="text-base truncate font-bold">Back</span>
2903</button></div><div
2904class="relative overflow-y-scroll h-[calc(100%-74px)]"><div
2905class="absolute inset-x-0 top-0 flex flex-col max-h-[100%] overflow-y-scroll"
2906x-cloak
2907x-show="selectedMarket == null"
2908x-transition:enter="transition ease-out duration-300 delay-300"
2909x-transition:enter-start="opacity-0 translate-x-[-1rem]"
2910x-transition:enter-end="opacity-100 translate-x-0"
2911x-transition:leave="transition ease-in duration-300"
2912x-transition:leave-start="opacity-100 translate-x-0"
2913x-transition:leave-end="opacity-0 translate-x-[-1rem]"
2914>
2915<button
2916class="
2917group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1160px]:p-1 min-[1160px]:h-full h-16
2918min-[1160px]:!border-t-2 min-[1160px]:!border-b-2 min-[1160px]:!border-transparent
2919"
2920@click="
2921selectedMarket = 'textileEffects'
2922window.dataLayer.push({
2923event: 'ui_event',
2924category: 'site_header',
2925action: 'click',
2926label: 'Markets Menu - Tab - Textile Effects'
2927});"
2928><div
2929class="
2930flex relative items-center gap-2 h-auto w-full min-[1160px]:w-auto justify-between min-[1160px]:justify-center
2931"><div
2932class="hidden min-[1160px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2933group-hover/nav-item:opacity-100"></div>
2934<span
2935class="
2936block relative font-bold text-white text-base leading-[1rem]
2937">Textile Effects</span><svg
2938viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1160px]:hidden w-4 h-auto">
2939<path
2940opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
2941</svg></div>
2942</button>
2943<button
2944class="
2945group/nav-item relative flex items-center justify-center border-b border-white/10 px-5 pr-8 md:px-8 md:pr-11 min-[1160px]:p-1 min-[1160px]:h-full h-16
2946min-[1160px]:!border-t-2 min-[1160px]:!border-b-2 min-[1160px]:!border-transparent
2947"
2948@click="
2949selectedMarket = 'packagingTechnologies'
2950window.dataLayer.push({
2951event: 'ui_event',
2952category: 'site_header',
2953action: 'click',
2954label: 'Markets Menu - Tab - Packaging Technologies'
2955});"
2956><div
2957class="
2958flex relative items-center gap-2 h-auto w-full min-[1160px]:w-auto justify-between min-[1160px]:justify-center
2959"><div
2960class="hidden min-[1160px]:block absolute w-[calc(100%+1em)] h-[calc(100%+1em)] bg-black/10 top-[-0.5em] left-[-0.5em] z-[-1] rounded-[0.5em] opacity-0 transition-opacity
2961group-hover/nav-item:opacity-100"></div>
2962<span
2963class="
2964block relative font-bold text-white text-base leading-[1rem]
2965">Packaging Technologies</span><svg
2966viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="block min-[1160px]:hidden w-4 h-auto">
2967<path
2968opacity="0.6" d="M0.000167303 7.90355L10.499 7.90355L5.74115 12.6583L7.03855 13.9551L12.7335 8.26388L13.992 7.00625C14.0027 6.99555 14.0027 6.978 13.992 6.96714L12.7335 5.7095L7.03855 0.018305L5.74098 1.31505L10.4988 6.06983L-3.83533e-07 6.06983L0.000167303 7.90355Z" fill="white"/>
2969</svg></div>
2970</button><div
2971class="p-5">
2972<a
2973class="flex flex-col gap-2 p-4 border border-solid border-transparent roun
2973ded-lg relative bg-white/5 min-[1160px]:bg-transparent hover:bg-white/10 transition-colors focus:border-white/50"
2974href="/markets"
2975onclick="    window.dataLayer.push({
2976event: 'ui_event',
2977category: 'site_header',
2978action: 'click',
2979label: 'Markets Menu - See All'
2980});
2981"
2982>
2983<span
2984class="block w-full relative font-bold text-white text-base">See All</span>
2985</a></div></div><div
2986class="absolute inset-x-0 top-0"
2987x-cloak
2988x-show="selectedMarket == 'textileEffects'"
2989x-transition:enter="transition ease-out duration-300 delay-300"
2990x-transition:enter-start="opacity-0 translate-x-[1rem]"
2991x-transition:enter-end="opacity-100 translate-x-0"
2992x-transition:leave="transition ease-in duration-300"
2993x-transition:leave-start="opacity-100 translate-x-0"
2994x-transition:leave-end="opacity-0 translate-x-[1rem]"
2995><div
2996class="flex flex-col gap-3 p-5">
2997<a
2998href="https://www.archroma.com/textile-effects/markets/automotive" onclick="    window.dataLayer.push({
2999event: 'ui_event',
3000category: 'site_header',
3001action: 'click',
3002label: 'Markets Menu - Textile Effects - Automotive'
3003});
3004" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3005<span
3006class="text-white text-sm font-bold">Automotive</span>
3007</a>
3008<a
3009href="https://www.archroma.com/textile-effects/markets/industrial-carpets" onclick="    window.dataLayer.push({
3010event: 'ui_event',
3011category: 'site_header',
3012action: 'click',
3013label: 'Markets Menu - Textile Effects - Carpets'
3014});
3015" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3016<span
3017class="text-white text-sm font-bold">Carpets</span>
3018</a>
3019<a
3020href="https://www.archroma.com/textile-effects/markets/casual-wear" onclick="    window.dataLayer.push({
3021event: 'ui_event',
3022category: 'site_header',
3023action: 'click',
3024label: 'Markets Menu - Textile Effects - Casual Wear'
3025});
3026" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3027<span
3028class="text-white text-sm font-bold">Casual Wear</span>
3029</a>
3030<a
3031href="https://www.archroma.com/textile-effects/markets/denim" onclick="    window.dataLayer.push({
3032event: 'ui_event',
3033category: 'site_header',
3034action: 'click',
3035label: 'Markets Menu - Textile Effects - Denim'
3036});
3037" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3038<span
3039class="text-white text-sm font-bold">Denim</span>
3040</a>
3041<a
3042href="https://www.archroma.com/textile-effects/markets/exterior-textiles" onclick="    window.dataLayer.push({
3043event: 'ui_event',
3044category: 'site_header',
3045action: 'click',
3046label: 'Markets Menu - Textile Effects - Exterior Textiles'
3047});
3048" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3049<span
3050class="text-white text-sm font-bold">Exterior Textiles</span>
3051</a>
3052<a
3053href="https://www.archroma.com/textile-effects/markets/formal-wear" onclick="    window.dataLayer.push({
3054event: 'ui_event',
3055category: 'site_header',
3056action: 'click',
3057label: 'Markets Menu - Textile Effects - Formal Wear'
3058});
3059" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3060<span
3061class="text-white text-sm font-bold">Formal Wear</span>
3062</a>
3063<a
3064href="https://www.archroma.com/textile-effects/markets/home-textiles" onclick="    window.dataLayer.push({
3065event: 'ui_event',
3066category: 'site_header',
3067action: 'click',
3068label: 'Markets Menu - Textile Effects - Home Textiles'
3069});
3070" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3071<span
3072class="text-white text-sm font-bold">Home Textiles</span>
3073</a>
3074<a
3075href="https://www.archroma.com/textile-effects/markets/nonwoven" onclick="    window.dataLayer.push({
3076event: 'ui_event',
3077category: 'site_header',
3078action: 'click',
3079label: 'Markets Menu - Textile Effects - Nonwoven'
3080});
3081" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3082<span
3083class="text-white text-sm font-bold">Nonwoven</span>
3084</a>
3085<a
3086href="https://www.archroma.com/textile-effects/markets/performance-wear" onclick="    window.dataLayer.push({
3087event: 'ui_event',
3088category: 'site_header',
3089action: 'click',
3090label: 'Markets Menu - Textile Effects - Performance Wear'
3091});
3092" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3093<span
3094class="text-white text-sm font-bold">Performance Wear</span>
3095</a>
3096<a
3097href="https://www.archroma.com/textile-effects/markets/swimwear" onclick="    window.dataLayer.push({
3098event: 'ui_event',
3099category: 'site_header',
3100action: 'click',
3101label: 'Markets Menu - Textile Effects - Swimwear'
3102});
3103" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3104<span
3105class="text-white text-sm font-bold">Swimwear</span>
3106</a>
3107<a
3108href="https://www.archroma.com/textile-effects/markets/workwear-and-uniforms" onclick="    window.dataLayer.push({
3109event: 'ui_event',
3110category: 'site_header',
3111action: 'click',
3112label: 'Markets Menu - Textile Effects - Workwear and Uniforms'
3113});
3114" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3115<span
3116class="text-white text-sm font-bold">Workwear and Uniforms</span>
3117</a>
3118<a
3119href="https://www.archroma.com/textile-effects/markets/home-care-and-i-i" onclick="    window.dataLayer.push({
3120event: 'ui_event',
3121category: 'site_header',
3122action: 'click',
3123label: 'Markets Menu - Textile Effects - Home Care and I&amp;I'
3124});
3125" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3126<span
3127class="text-white text-sm font-bold">Home Care and I&amp;I</span>
3128</a>
3129<a
3130href="https://www.archroma.com/textile-effects/markets/leather" onclick="    window.dataLayer.push({
3131event: 'ui_event',
3132category: 'site_header',
3133action: 'click',
3134label: 'Markets Menu - Textile Effects - Leather'
3135});
3136" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3137<span
3138class="text-white text-sm font-bold">Leather</span>
3139</a>
3140<a
3141href="https://www.archroma.com/textile-effects/markets/personal-care" onclick="    window.dataLayer.push({
3142event: 'ui_event',
3143category: 'site_header',
3144action: 'click',
3145label: 'Markets Menu - Textile Effects - Personal Care'
3146});
3147" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3148<span
3149class="text-white text-sm font-bold">Personal Care</span>
3150</a>
3151<a
3152href="https://www.archroma.com/textile-effects/markets/plastic-dyes" onclick="    window.dataLayer.push({
3153event: 'ui_event',
3154category: 'site_header',
3155action: 'click',
3156label: 'Markets Menu - Textile Effects - Plastic Dyes'
3157});
3158" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3159<span
3160class="text-white text-sm font-bold">Plastic Dyes</span>
3161</a>
3162<a
3163href="https://www.archroma.com/textile-effects/markets/plastic-dyes-2" onclick="    window.dataLayer.push({
3164event: 'ui_event',
3165category: 'site_header',
3166action: 'click',
3167label: 'Markets Menu - Textile Effects - Plastic Optical Brighteners'
3168});
3169" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3170<span
3171class="text-white text-sm font-bold">Plastic Optical Brighteners</span>
3172</a>
3173<a
3174href="https://www.archroma.com/textile-effects/markets/specialty-additives" onclick="    window.dataLayer.push({
3175event: 'ui_event',
3176category: 'site_header',
3177action: 'click',
3178label: 'Markets Menu - Textile Effects - Specialty Additives'
3179});
3180" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3181<span
3182class="text-white text-sm font-bold">Specialty Additives</span>
3183</a>
3184<a
3185href="https://www.archroma.com/textile-effects/markets/water-coagulants" onclick="    window.dataLayer.push({
3186event: 'ui_event',
3187category: 'site_header',
3188action: 'click',
3189label: 'Markets Menu - Textile Effects - Water Coagulants'
3190});
3191" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3192<span
3193class="text-white text-sm font-bold">Water Coagulants</span>
3194</a></div></div><div
3195class="absolute inset-x-0 top-0"
3196x-cloak
3197x-show="selectedMarket == 'packagingTechnologies'"
3198x-transition:enter="transition ease-out duration-300 delay-300"
3199x-transition:enter-start="opacity-0 translate-x-[1rem]"
3200x-transition:enter-end="opacity-100 translate-x-0"
3201x-transition:leave="transition ease-in duration-300"
3202x-transition:leave-start="opacity-100 translate-x-0"
3203x-transition:leave-end="opacity-0 translate-x-[1rem]"
3204><div
3205class="flex flex-col gap-3 p-5">
3206<a
3207href="https://www.archroma.com/packaging-technologies/markets/packaging" onclick="    window.dataLayer.push({
3208event: 'ui_event',
3209category: 'site_header',
3210action: 'click',
3211label: 'Markets Menu - Packaging Technologies - Packaging'
3212});
3213" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3214<span
3215class="text-white text-sm font-bold">Packaging</span>
3216</a>
3217<a
3218href="https://www.archroma.com/packaging-technologies/markets/tissue-toweling" onclick="    window.dataLayer.push({
3219event: 'ui_event',
3220category: 'site_header',
3221action: 'click',
3222label: 'Markets Menu - Packaging Technologies - Tissue &amp; Toweling Solutions'
3223});
3224" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3225<span
3226class="text-white text-sm font-bold">Tissue &amp; Toweling Solutions</span>
3227</a>
3228<a
3229href="https://www.archroma.com/packaging-technologies/markets/wood" onclick="    window.dataLayer.push({
3230event: 'ui_event',
3231category: 'site_header',
3232action: 'click',
3233label: 'Markets Menu - Packaging Technologies - Wood'
3234});
3235" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3236<span
3237class="text-white text-sm font-bold">Wood</span>
3238</a>
3239<a
3240href="https://www.archroma.com/packaging-technologies/markets/paints-coatings-emulsions" onclick="    window.dataLayer.push({
3241event: 'ui_event',
3242category: 'site_header',
3243action: 'click',
3244label: 'Markets Menu - Packaging Technologies - Paints'
3245});
3246" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3247<span
3248class="text-white text-sm font-bold">Paints</span>
3249</a>
3250<a
3251href="https://www.archroma.com/packaging-technologies/markets/construction-emulsions" onclick="    window.dataLayer.push({
3252event: 'ui_event',
3253category: 'site_header',
3254action: 'click',
3255label: 'Markets Menu - Packaging Technologies - Construction'
3256});
3257" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3258<span
3259class="text-white text-sm font-bold">Construction</span>
3260</a>
3261<a
3262href="https://www.archroma.com/packaging-technologies/markets/water-treatment" onclick="    window.dataLayer.push({
3263event: 'ui_event',
3264category: 'site_header',
3265action: 'click',
3266label: 'Markets Menu - Packaging Technologies - Water'
3267});
3268" class="flex items-start py-2 px-3 bg-white/5 rounded-lg duration-150">
3269<span
3270class="text-white text-sm font-bold">Water</span>
3271</a></div></div></div></div></div></div></nav><main
3272id="main" tabindex="-1" class="outline-none"><section
3273class="c_hero relative pt-36 bg-gradient-green-cyan animate-bg-gradient overflow-hidden md:pt-64"><header
3274class="relative z-[2]"><div
3275class="x_container x_grid"><div
3276class="flex flex-col gap-8 pb-[var(--dynamic-spacing)] col-span-full xl:col-span-22 xl:col-start-2"><div
3277class="grid gap-6 lg:grid-cols-2 xl:grid-cols-12"><div
3278class="space-y-6 xl:col-span-6"><h1 class="t_h1">    We are Archroma</h1><div
3279class="c_prose t_body-m space-y-8"><p>Archroma is a global, diversified provider of specialty chemicals serving the branded and performance textiles, packaging and paper, and coatings, adhesives and sealants markets.</p></div></div><div
3280class="xl:col-span-5 xl:col-start-8"><figure
3281class="rounded-[20px] overflow-hidden">
3282<img
3283class="w-full h-auto" src="https://www.archroma.com/uploads/images/shutterstock_2374001175.jpg" srcset="https://www.archroma.com/uploads/images/_480xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&amp;fp=0.5-0.5 480w, https://www.archroma.com/uploads/images/_640xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&amp;fp=0.5-0.5 640w, https://www.archroma.com/uploads/images/_800xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&amp;fp=0.5-0.5 800w, https://www.archroma.com/uploads/images/_1200xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&amp;fp=0.5-0.5 1200w" width="800" height="422" alt="" sizes="(min-width: 1280px) 38vw, (min-width: 1024px) calc(50vw - 40px), calc(100vw - 40px)" loading="eager" fetchpriority="high"></figure></div></div></div></div></header>
3284<svg
3285class="absolute bottom-0 right-0 opacity-40 z-[1]" width="491" height="491" viewBox="0 0 491 491" fill="none" xmlns="http://www.w3.org/2000/svg">
3286<g
3287opacity="0.4">
3288<circle
3289cx="491" cy="491" r="303" stroke="#343434" stroke-width="376" style="mix-blend-mode:soft-light"/>
3290</g>
3291</svg></section><section
3292class="c_content-builder"><div
3293class="x_row dynamic-bg" data-background="greyGradient"><div
3294class="x_container"><div
3295class="x_grid"><div
3296class="col-span-full overflow-x-auto xl:col-start-2 lg:col-span-12 xl:col-span-22"><div
3297class="max-w-[1024px] mx-auto"><div
3298class="c_prose"><h2>Who we are</h2><p>Headquartered in Pratteln, Switzerland, the company operates a highly integrated, customer-focused platform that delivers specialized performance, color and packaging solutions in over 90 countries.<br
3299/><br
3300/>Archroma works with over 4,000 employees in 42 countries and with over 30 production sites.</p></div></div></div></div></div></div><div
3301class="x_row dynamic-bg" data-background="greyGradient"><div
3302class="x_container"><div
3303class="x_grid"><div
3304class="col-span-full overflow-x-auto xl:col-start-2 lg:col-span-12 xl:col-span-22"><div
3305class="max-w-[1024px] mx-auto"><div
3306class="c_prose"><h2>Our Heritage</h2><p>Archroma’s heritage traces back to when Kern &amp; Sandoz was established in 1886 in Basel to produce textile dyes. In 1995 Clariant was formed, as a spin-off from Sandoz, and in 1997 acquired the specialty chemicals business of Hoechst.<br
3307/><br
3308/>SK Capital acquired the then Textile Chemicals, Paper Specialties, and Emulsions businesses from Clariant Corporation in September 2013. The three divisions were combined into an integrated, market-focused, and collaborative company and renamed Archroma upon becoming an independent entity.<br
3309/><br
3310/>Through this direct lineage and acquisitions, Archroma has knowledge and experience of chemistry and industry spanning more than 140 years.</p></div></div></div></div></div></div><div
3311class="x_row dynamic-bg" data-background="greyGradient"><div
3312class="x_container"><div
3313class="x_grid"><div
3314class="col-span-full overflow-x-auto xl:col-start-2 lg:col-span-6 xl:col-span-10"><div
3315class=""><div
3316class="c_prose"><h2>Growing a new leader</h2><p>Archroma is a member of the SK Capital Partners group. We continue to grow with additional acquisitions.<br
3317/><br
3318/>In July 2015 we acquired the global textile chemicals business of BASF, and between 2014 and 2018, we acquired M. Dohmen, an international group specializing in the production of textile dyes and chemicals for the automotive, carpet and apparel sectors.<br
3319/><br
3320/>In December 2019, we acquired BASF's stilbene-based OBA business for paper and powder detergent applications which included an additional production site in located in India.</p><p>In February 2023, we acquired Huntsman Textile Effects. With this, we brought together two global leaders to lead our industry towards a more sustainable future for our customers and markets.</p><p>In October 2024, Archroma’s Packaging Technologies (previously Paper, Packaging and Co
3320atings) business was established with the aim of increasing its focus on the packaging business and accelerating its development.</p></div></div></div><div
3321class="col-span-full overflow-x-auto lg:col-span-6 xl:col-start-14 xl:col-span-10"><div
3322class="c_prose"><div
3323class="@container/images"><figure>
3324<img
3325class="w-full h-auto rounded-[20px] max-w-[1024px] mx-auto" src="https://www.archroma.com/uploads/images/Group-276-2.png" srcset="https://www.archroma.com/uploads/images/_480xAUTO_crop_center-center_75_none/9937/Group-276-2.webp?v=1732186430&amp;fp=0.5-0.5 480w, https://www.archroma.com/uploads/images/_768xAUTO_crop_center-center_75_none/9937/Group-276-2.webp?v=1732186430&amp;fp=0.5-0.5 768w, https://www.archroma.com/uploads/images/_1024xAUTO_crop_center-center_75_none/9937/Group-276-2.webp?v=1732186430&amp;fp=0.5-0.5 1024w" width="1024" height="687" alt="" sizes="(min-width: 1064px) 1024px, calc(100vw - 40px)" loading="lazy"></figure></div><p></p></div></div></div></div></div><div
3326class="dynamic-bg" data-background="greyGradient"><div
3327class="dynamic-bg" data-background="white"><div
3328class="x_row md:x_container"><div
3329class="relative p-5 bg-brand-light-blue z-0 md:p-8 md:rounded-[20px] lg:p-10 xl:py-12"><div
3330class="max-w-[1382px] mx-auto bg-white rounded-[20px] p-5 md:p-16 xl:px-32"><div
3331class="flex gap-8 flex-col"><div
3332class="space-y-4 grow text-center">
3333<span
3334class="t_body-base font-bold text-brand-dark-blue">Our purpose</span><h2 class="t_h6">To lead our industry towards a more sustainable future for our customers and markets</h2><div
3335class="c_prose"><p>We touch and color people’s lives every day, everywhere and this gives us a huge responsibility. That is why, at Archroma, we operate alongside the principles of "The Archroma way to a Sustainable World".</p><p>We are growing business by leveraging local entrepreneurship and our global organization in a collaborative way. We enable our customers to win in their market, we push limits to outperform and we never give up! We deliver specialized performance and color solutions to meet customers’ needs in their local markets and achieve a fair value for our shareholders and stakeholders in return.</p><p>Our passion: Delivering leading and innovative solutions, enhancing people’s lives and respecting our planet. It's our nature!</p></div></div></div></div></div></div></div></div><div
3336class="x_row dynamic-bg" data-background="greyGradient"><div
3337class="x_container"><div
3338class="x_grid"><div
3339class="col-span-full overflow-x-auto xl:col-start-2 lg:col-span-6 xl:col-span-10"><div
3340class=""><div
3341class="c_prose"><h2>A deeper look at Archroma</h2><p>We deliver specialized performance and color solutions to meet customers’ needs in their local markets, touching and coloring people’s lives every day, everywhere.<br
3342/><br
3343/>We know the key drivers and requirements for the whole supply chain. Our R&amp;D, technical experts and product managers worldwide help companies to optimize production processes and enhance products.</p></div></div></div><div
3344class="col-span-full overflow-x-auto lg:col-span-6 xl:col-start-14 xl:col-span-10"><div
3345class="c_prose"><div
3346class="space-y-4"><div
3347x-data="{
3348activeAccordion: '',
3349setActiveAccordion(id) {
3350this.activeAccordion = (this.activeAccordion == id) ? '' : id
3351}
3352}"
3353class="relative flex flex-col gap-3 w-full mx-auto text-sm font-normal"><div
3354x-data="{ id: $id('accordion') }" class="bg-white border border-brand-ui-grey shadow-brand rounded-xl">
3355<button
3356@click="
3357setActiveAccordion(id)
3358window.dataLayer.push({
3359event: 'ui_event',
3360category: 'accordion',
3361action: 'click',
3362label: 'Archroma Textile Effects'
3363});"
3364class="cursor-pointer flex items-center justify-between w-full p-5 text-left select-none hover:underline"
3365>
3366<span
3367class="t_body-m">Archroma Textile Effects</span><div
3368class="relative w-8 h-8 border-2 border-brand-ui-grey rounded-full"><div
3369class="block absolute w-3 h-[2px] bg-brand-black top-[calc(50%-1px)] left-[calc(50%-6px)]"></div><div
3370class="block absolute w-[2px] h-3 bg-brand-black top-[calc(50%-6px)] left-[calc(50%-1px)] transition-translate duration-150" :class="{ 'rotate-90': activeAccordion==id }"></div></div>
3371</button><div
3372x-show="activeAccordion==id" x-collapse x-cloak><div
3373class="p-5 pt-0"><div
3374class="c_prose"><p>From fiber to finish, Archroma’s Textile Effects division plays a key role throughout the entire textile supply chain, with special chemicals for pretreatment, dyeing, printing and finishing of textiles. Our R&amp;
3374D-enabled systems and solutions enhance the properties of apparel and other textiles in applications as diverse as high fashion, home textiles and special technical textiles.</p></div></div></div></div><div
3375x-data="{ id: $id('accordion') }" class="bg-white border border-brand-ui-grey shadow-brand rounded-xl">
3376<button
3377@click="
3378setActiveAccordion(id)
3379window.dataLayer.push({
3380event: 'ui_event',
3381category: 'accordion',
3382action: 'click',
3383label: 'Archroma Packaging Technologies'
3384});"
3385class="cursor-pointer flex items-center justify-between w-full p-5 text-left select-none hover:underline"
3386>
3387<span
3388class="t_body-m">Archroma Packaging Technologies</span><div
3389class="relative w-8 h-8 border-2 border-brand-ui-grey rounded-full"><div
3390class="block absolute w-3 h-[2px] bg-brand-black top-[calc(50%-1px)] left-[calc(50%-6px)]"></div><div
3391class="block absolute w-[2px] h-3 bg-brand-black top-[calc(50%-6px)] left-[calc(50%-1px)] transition-translate duration-150" :class="{ 'rotate-90': activeAccordion==id }"></div></div>
3392</button><div
3393x-show="activeAccordion==id" x-collapse x-cloak><div
3394class="p-5 pt-0"><div
3395class="c_prose"><p>Archroma‘s Packaging Technologies division provides expertise in the management of whiteness, coloration, coatings and strength for all kinds of applications such as packaging &amp; paper, paint, adhesive and construction. By combining our focused product range with the application services of our experts around the globe, we enhance both the optical and functional properties of innumerable end products.</p></div></div></div></div></div></div><p></p></div></div></div></div></div><section
3396class="x_row dynamic-bg" data-background="greyGradient"><div
3397class="x_container"><header
3398class="grid gap-5 mb-10 md:grid-cols-2 md:gap-8"><h2 class="t_h5">Learn more about us</h2></header><div
3399class="@container/cards"><div
3400class="grid grid-cols-1 gap-8 @[700px]/cards:grid-cols-2"><a
3401onclick="    window.dataLayer.push({
3402event: 'ui_event',
3403category: 'card',
3404action: 'click',
3405label: 'Card Title'
3406});
3407"
3408class="group relative !no-underline !text-inherit flex flex-col gap-4 group"
3409href="https://www.archroma.com/careers"    ><div
3410class="w-full aspect-[3/2]">
3411<img
3412class="w-full h-full rounded-xl" src="https://www.archroma.com/uploads/images/shutterstock_2112192284_resized.jpg" srcset="https://www.archroma.com/uploads/images/_320x214_crop_center-center_75_none/61329/shutterstock_2112192284_resized.webp?v=1737510306&amp;fp=0.5-0.5 320w, https://www.archroma.com/uploads/images/_480x321_crop_center-center_75_none/61329/shutterstock_2112192284_resized.webp?v=1737510306&amp;fp=0.5-0.5 480w, https://www.archroma.com/uploads/images/_640x427_crop_center-center_75_none/61329/shutterstock_2112192284_resized.webp?v=1737510306&amp;fp=0.5-0.5 640w" width="640" height="427" alt="" sizes="(min-width: 900px) 33vw, (min-width: 700px) 50vw, calc(100vw - 40px)" loading="lazy"></div><div
3413class="block w-full"><div
3414class="flex gap-4 w-full"><div
3415class="flex flex-col gap-1 w-full"><h3 class="t_body-m group-hover:underline">    Work with us</h3><div
3416class="c_prose t_body-s"><p>Help us make a brighter future</p></div></div><div
3417class="inline-flex max-w-full items-center gap-3 rounded-full shrink-0 !no-underline [&amp;_svg]:w-3 [&amp;_svg]:h-3 [&amp;_svg]:object-contain [&amp;_svg]:shrink-0 h-12 w-12 justify-center bg-brand-light-blue !text-white [&amp;_svg]:fill-white hover-blue"
3418href="https://www.archroma.com/careers"    >
3419<svg
3420width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3421<path
3422d="M6 0.5L4.9425 1.5575L9.1275 5.75H0V7.25H9.1275L4.9425 11.4425L6 12.5L12 6.5L6 0.5Z" fill="currentColor"/>
3423</svg></div></div></div>
3424</a><a
3425onclick="    window.dataLayer.push({
3426event: 'ui_event',
3427category: 'card',
3428action: 'click',
3429label: 'Card Title'
3430});
3431"
3432class="group relative !no-underline !text-inherit flex flex-col gap-4 group"
3433href="https://www.archroma.com/press-releases"    ><div
3434class="w-full aspect-[3/2]">
3435<img
3436class="w-full h-full rounded-xl" src="https://www.archroma.com/uploads/images/image22.png" srcset="https://www.archroma.com/uploads/images/_320x214_crop_center-center_75_none/51210/image22.webp?v=1734017895&amp;fp=0.5-0.5 320w, https://www.archroma.com/uploads/images/_480x321_crop_center-center_75_none/51210/image22.webp?v=1734017895&amp;fp=0.5-0.5 480w, https://www.archroma.com/uploads/images/_640x427_crop_center-center_75_none/51210/image22.webp?v=1734017895&amp;fp=0.5-0.5 640w" width="640" height="427" alt="" sizes="(min-width: 900px) 33vw, (min-width: 700px) 50vw, calc(100vw - 40px)" loading="lazy"></div><div
3437class="block w-full"><div
3438class="flex gap-4 w-full"><div
3439class="flex flex-col gap-1 w-full"><h3 class="t_body-m group-hover:underline">    Press area</h3><div
3440class="c_prose t_body-s"><p>View the latest press releases from Archroma</p></div></div><div
3441class="inline-flex max-w-full items-center gap-3 rounded-full shrink-0 !no-underline [&amp;_svg]:w-3 [&amp;_svg]:h-3 [&amp;_svg]:object-contain [&amp;_svg]:shrink-0 h-12 w-12 justify-center bg-brand-light-blue !text-white [&amp;_svg]:fill-white hover-blue"
3442href="https://www.archroma.com/press-releases"    >
3443<svg
3444width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3445<path
3446d="M6 0.5L4.9425 1.5575L9.1275 5.75H0V7.25H9.1275L4.9425 11.4425L6 12.5L12 6.5L6 0.5Z" fill="currentColor"/>
3447</svg></div></div></div>
3448</a></div></div></div></section></section></main></div><section><div
3449class="x_container space-y-16"><div
3450class="border-t border-[#D6D6D6] pt-8 flex justify-between items-start sm:items-center gap-5 sm:gap-10 flex-col sm:flex-row"><p
3451class="c_prose">Archroma are proud members and/or partners with the following organizations</p><a
3452x-on:click="
3453dropdownContent = null
3454window.dataLayer.push({
3455event: 'ui_event',
3456category: 'site_footer',
3457action: 'click',
3458label: 'View all affiliations'
3459});"
3460class="inline-flex max-w-full items-center gap-3 rounded-full shrink-0 !no-underline [&amp;_svg]:w-3 [&amp;_svg]:h-3 [&amp;_svg]:object-contain [&amp;_svg]:shrink-0 justify-between hidden sm:flex px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&amp;_svg]:fill-white hover-green"
3461href="/affiliation-memberships"    >
3462<span
3463class="text-base truncate font-bold">View all</span>
3464<svg
3465width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3466<path
3467d="M6 0.5L4.9425 1.5575L9.1275 5.75H0V7.25H9.1275L4.9425 11.4425L6 12.5L12 6.5L6 0.5Z" fill="currentColor"/>
3468</svg></a></div></div><div
3469class="block relative w-full py-8 my-5"><div
3470class="js-swiper-affiliations swiper"><div
3471class="swiper-wrapper"><div
3472class="swiper-slide"><div
3473class="flex justify-center items-center">
3474<img
3475class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/AATCC_2025-04-10-090305_brnb.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70940/AATCC_2025-04-10-090305_brnb.webp?v=1744275785&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70940/AATCC_2025-04-10-090305_brnb.webp?v=1744275785&amp;fp=0.5-0.5 504w" width="504" height="308" alt="" sizes="252px" loading="lazy"></div></div><div
3476class="swiper-slide"><div
3477class="flex justify-center items-center">
3478<img
3479class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/Bluesign-System-Partner.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/79586/Bluesign-System-Partner.webp?v=1763601840&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/79586/Bluesign-System-Partner.webp?v=1763601840&amp;fp=0.5-0.5 504w" width="504" height="183" alt="" sizes="252px" loading="lazy"></div></div><div
3480class="swiper-slide"><div
3481class="flex justify-center items-center">
3482<img
3483class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/logo_en-1_2025-04-15-154942_murr.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/72319/logo_en-1_2025-04-15-154942_murr.webp?v=1744732182&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/72319/logo_en-1_2025-04-15-154942_murr.webp?v=1744732182&amp;fp=0.5-0.5 504w" width="504" height="125" alt="" sizes="252px" loading="lazy"></div></div><div
3484class="swiper-slide"><div
3485class="flex justify-center items-center">
3486<img
3487class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/Cefic_2025-04-10-090303_nxty.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70934/Cefic_2025-04-10-090303_nxty.webp?v=1744275783&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70934/Cefic_2025-04-10-090303_nxty.webp?v=1744275783&amp;fp=0.5-0.5 504w" width="504" height="223" alt="" sizes="252px" loading="lazy"></div></div><div
3488class="swiper-slide"><div
3489class="flex justify-center items-center">
3490<img
3491class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/Site-Sett
3491ing_rgb-Products-Program-C2C-Certified_2025-11-25-030549_jckl.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/79706/Site-Setting_rgb-Products-Program-C2C-Certified_2025-11-25-030549_jckl.webp?v=1764039950&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/79706/Site-Setting_rgb-Products-Program-C2C-Certified_2025-11-25-030549_jckl.webp?v=1764039950&amp;fp=0.5-0.5 504w" width="504" height="504" alt="" sizes="252px" loading="lazy"></div></div><div
3492class="swiper-slide"><div
3493class="flex justify-center items-center">
3494<img
3495class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/EcoVadis-2025.jpg" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/79500/EcoVadis-2025.webp?v=1763364585&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/79500/EcoVadis-2025.webp?v=1763364585&amp;fp=0.5-0.5 504w" width="504" height="306" alt="" sizes="252px" loading="lazy"></div></div><div
3496class="swiper-slide"><div
3497class="flex justify-center items-center">
3498<img
3499class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/ETAD_2025-04-10-090303_npmh.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70935/ETAD_2025-04-10-090303_npmh.webp?v=1744275783&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70935/ETAD_2025-04-10-090303_npmh.webp?v=1744275783&amp;fp=0.5-0.5 504w" width="504" height="210" alt="" sizes="252px" loading="lazy"></div></div><div
3500class="swiper-slide"><div
3501class="flex justify-center items-center">
3502<img
3503class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/logo-ec-en-1_2025-04-15-154941_flpd.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/72318/logo-ec-en-1_2025-04-15-154941_flpd.webp?v=1744732182&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/72318/logo-ec-en-1_2025-04-15-154941_flpd.webp?v=1744732182&amp;fp=0.5-0.5 504w" width="504" height="125" alt="" sizes="252px" loading="lazy"></div></div><div
3504class="swiper-slide"><div
3505class="flex justify-center items-center">
3506<img
3507class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/GB-Logo-Type_NEW-FONT-CONCEPT-1_2025-04-15-155018_fugw.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/72322/GB-Logo-Type_NEW-FONT-CONCEPT-1_2025-04-15-155018_fugw.webp?v=1744732218&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/72322/GB-Logo-Type_NEW-FONT-CONCEPT-1_2025-04-15-155018_fugw.webp?v=1744732218&amp;fp=0.5-0.5 504w" width="504" height="93" alt="" sizes="252px" loading="lazy"></div></div><div
3508class="swiper-slide"><div
3509class="flex justify-center items-center">
3510<img
3511class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/safi-01-2_2025-04-15-155024_lqik.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/72324/safi-01-2_2025-04-15-155024_lqik.webp?v=1744732225&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/72324/safi-01-2_2025-04-15-155024_lqik.webp?v=1744732225&amp;fp=0.5-0.5 504w" width="504" height="114" alt="" sizes="252px" loading="lazy"></div></div><div
3512class="swiper-slide"><div
3513class="flex justify-center items-center">
3514<img
3515class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/SDC_2025-04-10-090303_yxmd.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70936/SDC_2025-04-10-090303_yxmd.webp?v=1744275783&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70936/SDC_2025-04-10-090303_yxmd.webp?v=1744275783&amp;fp=0.5-0.5 504w" width="504" height="233" alt="" sizes="252px" loading="lazy"></div></div><div
3516class="swiper-slide"><div
3517class="flex justify-center items-center">
3518<img
3519class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/SCTI_2025-04-10-090302_qjmu.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70933/SCTI_2025-04-10-090302_qjmu.webp?v=1744275782&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70933/SCTI_2025-04-10-090302_qjmu.webp?v=1744275782&amp;fp=0.5-0.5 504w" width="504" height="135" alt="" sizes="252px" loading="lazy"></div></div><div
3520class="swiper-slide"><div
3521class="flex justify-center items-center">
3522<img
3523class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/TEGEWA_2025-04-10-090304_haeg.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70937/TEGEWA_2025-04-10-090304_haeg.webp?v=1744275784&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70937/TEGEWA_2025-04-10-090304_haeg.webp?v=1744275784&amp;fp=0.5-0.5 504w" width="504" height="96" alt="" sizes="252px" loading="lazy"></div></div><div
3524class="swiper-slide"><div
3525class="flex justify-center items-center">
3526<img
3527class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/TFS_2025-04-10-090305_woea.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70941/TFS_2025-04-10-090305_woea.webp?v=1744275785&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70941/TFS_2025-04-10-090305_woea.webp?v=1744275785&amp;fp=0.5-0.5 504w" width="504" height="172" alt="" sizes="252px" loading="lazy"></div></div><div
3528class="swiper-slide"><div
3529class="flex justify-center items-center">
3530<img
3531class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/UK_Swan_A_NEG_RGB_2025-04-15-155030_dzqa.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/72325/UK_Swan_A_NEG_RGB_2025-04-15-155030_dzqa.webp?v=1744732230&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/72325/UK_Swan_A_NEG_RGB_2025-04-15-155030_dzqa.webp?v=1744732230&amp;fp=0.5-0.5 504w" width="504" height="455" alt="" sizes="252px" loading="lazy"></div></div><div
3532class="swiper-slide"><div
3533class="flex justify-center items-center">
3534<img
3535class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/UNGC_2025-04-10-090304_jabs.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/70939/UNGC_2025-04-10-090304_jabs.webp?v=1744275785&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/70939/UNGC_2025-04-10-090304_jabs.webp?v=1744275785&amp;fp=0.5-0.5 504w" width="504" height="504" alt="" sizes="252px" loading="lazy"></div></div><div
3536class="swiper-slide"><div
3537class="flex justify-center items-center">
3538<img
3539class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/ZDHC-Logo_2025-11-25-030009_ryxh.png" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/79699/ZDHC-Logo_2025-11-25-030009_ryxh.webp?v=1764039609&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/79699/ZDHC-Logo_2025-11-25-030009_ryxh.webp?v=1764039609&amp;fp=0.5-0.5 504w" width="504" height="132" alt="" sizes="252px" loading="lazy"></div></div><div
3540class="swiper-slide"><div
3541class="flex justify-center items-center">
3542<img
3543class="block w-full max-w-[252px] h-[72px] object-contain" src="https://www.archroma.com/uploads/images/4EG-vertical-1_2025-04-15-154930_pacp.jpg" srcset="https://www.archroma.com/uploads/images/_252xAUTO_crop_center-center_75_none/72317/4EG-vertical-1_2025-04-15-154930_pacp.webp?v=1744732170&amp;fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/72317/4EG-vertical-1_2025-04-15-154930_pacp.webp?v=1744732170&amp;fp=0.5-0.5 504w" width="504" height="581" alt="" sizes="252px" loading="lazy"></div></div></div></div></div><div
3544class="x_container space-y-16 sm:hidden pb-8"><a
3545x-on:click="
3546dropdownContent = null
3547window.dataLayer.push({
3548event: 'ui_event',
3549category: 'site_footer',
3550action: 'click',
3551label: 'View all affiliations'
3552});"
3553class="inline-flex max-w-full items-center gap-3 rounded-full shrink-0 !no-underline [&amp;_svg]:w-3 [&amp;_svg]:h-3 [&amp;_svg]:object-contain [&amp;_svg]:shrink-0 justify-between px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&amp;_svg]:fill-white hover-green"
3554href="/affiliation-memberships"    >
3555<span
3556class="text-base truncate font-bold">View all</span>
3557<svg
3558width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3559<path
3560d="M6 0.5L4.9425 1.5575L9.1275 5.75H0V7.25H9.1275L4.9425 11.4425L6 12.5L12 6.5L6 0.5Z" fill="currentColor"/>
3561</svg></a></div></section><footer
3562class="x_row bg-gradient-grey"><div
3563class="x_container space-y-16"><div
3564class="grid gap-16 xl:grid-cols-12 xl:gap-6"><div
3565class="xl:col-span-2">
3566<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3567<svg
3568class="w-[197px] h-auto xl:w-full" width="100%" height="100%" viewB
3568ox="0 0 192 67" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;" aria-hidden="true" focusable="false">
3569<g
3570transform="matrix(0.24,0,0,0.24,-21.3708,-9.06845)">
3571<g
3572transform="matrix(4.16667,0,0,4.16667,0,0)">
3573<g
3574transform="matrix(0.247826,0,0,0.247826,18.9425,15.4493)">
3575<g
3576transform="matrix(0.24,0,0,0.24,464.309,23.4649)">
3577<use
3578xlink:href="#_Image1" x="0" y="0" width="611px" height="542px" transform="matrix(16.9722,0,0,16.9375,0,0)"/>
3579</g>
3580<g
3581transform="matrix(4.0351,-0,-0,4.0351,9.7986,-25.7475)">
3582<use
3583xlink:href="#_Image2" x="135.76" y="7.006" width="42.936px" height="51.448px" transform="matrix(0.998505,0,0,0.989375,0,0)"/>
3584</g>
3585<g
3586transform="matrix(0.24,0,0,0.24,612.078,122.499)">
3587<clipPath
3588id="_clip3">
3589<rect
3590x="-0.001" y="-0.003" width="603.217" height="464" clip-rule="nonzero"/>
3591</clipPath>
3592<g
3593clip-path="url(#_clip3)">
3594<clipPath
3595id="_clip4">
3596<rect
3597x="0" y="0" width="603.216" height="463.997"/>
3598</clipPath>
3599<g
3600clip-path="url(#_clip4)">
3601<g
3602transform="matrix(16.8129,-0,-0,16.8129,-2509.5,-617.692)">
3603<use
3604xlink:href="#_Image5" x="157.767" y="44.275" width="22.922px" height="15.77px" transform="matrix(0.996616,0,0,0.985632,0,0)"/>
3605</g>
3606</g>
3607</g>
3608</g>
3609<g
3610transform="matrix(-7.00008,52.5009,52.5009,7.00008,551.506,64.2109)">
3611<path
3612d="M0.134,-0.727C0.277,-0.767 0.356,-0.783 0.509,-0.778L0.938,0.71C0.938,0.71 0.841,0.707 0.763,0.787L-0.156,-0.589C-0.156,-0.589 -0.09,-0.664 0.134,-0.727Z" style="fill:url(#_Linear6);fill-rule:nonzero;"/>
3613</g>
3614<g>
3615<clipPath
3616id="_clip7">
3617<path
3618d="M556.785,4.772L610.401,110.596C633.308,111.405 646.299,135.007 646.299,135.007L742.122,104.673C742.122,104.673 733.278,67.906 717.391,50.176C696.724,27.111 636.725,10.509 603.057,4.772C591.833,2.859 582.953,2.222 576.098,2.222C562.389,2.222 556.785,4.772 556.785,4.772Z" clip-rule="nonzero"/>
3619</clipPath>
3620<g
3621clip-path="url(#_clip7)">
3622<g
3623transform="matrix(4.0351,-0,-0,4.0351,9.7986,-25.7475)">
3624<use
3625xlink:href="#_Image8" x="142.35" y="10.951" width="13.522px" height="19.944px" transform="matrix(0.96585,0,0,0.997197,0,0)"/>
3626</g>
3627</g>
3628</g>
3629<g
3630transform="matrix(4.0351,-0,-0,4.0351,9.7986,-25.7475)">
3631<use
3632xlink:href="#_Image9" x="129.962" y="10.915" width="21.832px" height="21.832px" transform="matrix(0.992346,0,0,0.992346,0,0)"/>
3633</g>
3634<g>
3635<g
3636opacity="0.289993">
3637<g
3638transform="matrix(0.24,0,0,0.24,605.176,62.5196)">
3639<use
3640xlink:href="#_Image10" x="0" y="0" width="576px" height="471px" transform="matrix(16.9412,0,0,16.8214,0,0)"/>
3641</g>
3642</g>
3643</g>
3644<g
3645transform="matrix(4.0351,-0,-0,4.0351,9.7986,-25.7475)">
3646<use
3647xlink:href="#_Image11" x="157.374" y="29.791" width="29.634px" height="19.828px" transform="matrix(0.987785,0,0,0.991384,0,0)"/>
3648</g>
3649<g
3650transform="matrix(1,0,0,1,61.1206,151.85)">
3651<path
3652d="M0,11.673L-12.469,-11.909L-25.383,11.677L0,11.673ZM-18.535,-23.14L-5.508,-23.141L27.742,34.804L12.58,34.806L5.617,22.116L-31.109,22.12L-37.846,34.812L-51.322,34.814L-18.535,-23.14Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3653</g>
3654<g
3655transform="matrix(1,0,0,1,102.785,176.654)">
3656<path
3657d="M0,-37.955L0.002,-21.783L30.324,-21.787C34.48,-21.787 36.389,-22.574 36.389,-26.392L36.389,-33.355C36.387,-37.174 34.479,-37.959 30.322,-37.959L0,-37.955ZM-13.252,-47.949L36.387,-47.955C45.258,-47.955 49.414,-44.812 49.414,-36.726L49.416,-23.137C49.418,-15.051 45.262,-11.906 36.391,-11.904L28.754,-11.904L55.484,9.992L36.168,9.994L12.807,-11.902L0.004,-11.9L0.006,9.998L-13.246,10L-13.252,-47.949Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3658</g>
3659<g
3660transform="matrix(1,0,0,1,173.876,176.308)">
3661<path
3662d="M0,-37.281L0.004,-0.556L36.391,-0.562L36.391,-13.027L49.867,-10.22L49.867,-3.371C49.869,7.524 46.389,10.33 35.494,10.332L0.904,10.336C-9.988,10.338 -13.471,7.53 -13.473,-3.363L-13.477,-33.91C-13.477,-44.804 -9.996,-47.611 0.898,-47.613L35.488,-47.617C46.381,-47.619 49.863,-44.812 49.863,-33.918L49.865,-28.416L36.389,-26.279L36.387,-37.285L0,-37.281Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3663</g>
3664<g
3665transform="matrix(1,0,0,1,233.624,186.629)">
3666<path
3667d="M0,-57.941L13.477,-57.943L13.479,-35.48L55.594,-35.486L55.592,-57.947L69.18,-57.949L69.188,0L55.598,0.002L55.596,-24.929L13.48,-24.923L13.484,0.008L0.008,0.008L0,-57.941Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3668</g>
3669<g
3670transform="matrix(1,0,0,1,327.74,176.627)">
3671<path
3672d="M0,-37.955L0.002,-21.783L30.325,-21.787C34.481,-21.787 36.389,-22.574 36.389,-26.392L36.387,-33.355C36.387,-37.174 34.479,-37.959 30.323,-37.959L0,-37.955ZM-13.252,-47.949L36.385,-47.955C45.258,-47.955 49.415,-44.812 49.415,-36.726L49.417,-23.137C49.417,-15.051 45.262,-11.906 36.391,-11.904L28.754,-11.904L55.485,9.992L36.168,9.994L12.807,-11.902L0.004,-11.9L0.006,10L-13.246,10L-13.252,-47.949Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3673</g>
3674<g
3675transform="matrix(1,0,0,1,443.309,139.562)">
3676<path
3677d="M0,36.157L-0.004,-0.568L-44.477,-0.562L-44.473,36.163L0,36.157ZM-43.58,-10.894L-0.904,-10.9C9.988,-10.9 13.471,-8.093 13.473,2.802L13.477,33.348C13.477,44.241 9.996,47.05 -0.898,47.052L-43.574,47.055C-54.467,47.057 -57.949,44.251 -57.949,33.356L-57.953,2.809C-57.955,-8.085 -54.475,-10.892 -43.58,-10.894" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3678</g>
3679<g
3680transform="matrix(1,0,0,1,467.113,186.599)">
3681<path
3682d="M0,-57.939L10.893,-57.941L38.188,-22.904L64.91,-57.947L75.691,-57.949L75.699,0L63.232,0.002L63.229,-35.822C63.229,-36.945 63.342,-38.966 63.678,-42C62.443,-39.416 61.32,-37.283 60.309,-35.935L38.525,-6.95
36827L35.83,-6.957L14.039,-36.041C12.691,-37.837 11.457,-39.748 10.557,-41.994C10.783,-39.634 10.895,-37.726 10.895,-35.816L10.898,0.008L0.008,0.01L0,-57.939Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3683</g>
3684<g
3685transform="matrix(1,0,0,1,593.463,151.787)">
3686<path
3687d="M0,11.672L-12.469,-11.91L-25.381,11.676L0,11.672ZM-18.535,-23.141L-5.508,-23.141L27.742,34.805L12.58,34.807L5.617,22.115L-31.107,22.121L-37.844,34.813L-51.32,34.813L-18.535,-23.141Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3688</g>
3689<g
3690transform="matrix(1,0,0,1,89.2319,222.664)">
3691<path
3692d="M0,-15.164L2.666,-15.164L2.666,-2.426L10.637,-2.426L10.637,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3693</g>
3694<g
3695transform="matrix(1,0,0,1,0,196.306)">
3696<rect
3697x="125.324" y="11.194" width="2.664" height="15.164" style="fill:rgb(26,23,27);"/>
3698</g>
3699<g
3700transform="matrix(1,0,0,1,154.882,222.664)">
3701<path
3702d="M0,-15.164L11.287,-15.164L11.287,-12.738L2.664,-12.738L2.664,-8.6L10.311,-8.6L10.311,-6.174L2.664,-6.174L2.664,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3703</g>
3704<g
3705transform="matrix(1,0,0,1,191.623,222.664)">
3706<path
3707d="M0,-15.164L11.244,-15.164L11.244,-12.779L2.666,-12.779L2.666,-8.838L10.268,-8.838L10.268,-6.455L2.666,-6.455L2.666,-2.383L11.352,-2.383L11.352,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3708</g>
3709<g
3710transform="matrix(1,0,0,1,256.232,222.664)">
3711<path
3712d="M0,-15.164L11.242,-15.164L11.242,-12.779L2.664,-12.779L2.664,-8.838L10.268,-8.838L10.268,-6.455L2.664,-6.455L2.664,-2.383L11.352,-2.383L11.352,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3713</g>
3714<g
3715transform="matrix(1,0,0,1,293.685,222.664)">
3716<path
3717d="M0,-15.164L2.467,-15.164L10.592,-4.678L10.592,-15.164L13.211,-15.164L13.211,0L10.982,0L2.619,-10.787L2.619,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3718</g>
3719<g
3720transform="matrix(1,0,0,1,333.758,222.664)">
3721<path
3722d="M0,-15.164L2.664,-15.164L2.664,-8.859L9.898,-8.859L9.898,-15.164L12.563,-15.164L12.563,0L9.898,0L9.898,-6.389L2.664,-6.389L2.664,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3723</g>
3724<g
3725transform="matrix(1,0,0,1,382.098,213.416)">
3726<path
3727d="M0,3.225L-2.619,-2.839L-5.217,3.225L0,3.225ZM-3.811,-6.023L-1.342,-6.023L5.33,9.248L2.516,9.248L0.977,5.588L-6.193,5.588L-7.752,9.248L-10.482,9.248L-3.811,-6.023Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3728</g>
3729<g
3730transform="matrix(1,0,0,1,412.734,222.664)">
3731<path
3732d="M0,-15.164L2.469,-15.164L10.594,-4.678L10.594,-15.164L13.213,-15.164L13.213,0L10.98,0L2.621,-10.787L2.621,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3733</g>
3734<g
3735transform="matrix(1,0,0,1,452.037,215.041)">
3736<path
3737d="M0,0.084L0,0.043C0,-4.27 3.227,-7.799 7.82,-7.799C10.613,-7.799 12.305,-6.826 13.754,-5.439L12.043,-3.469C10.83,-4.594 9.531,-5.352 7.799,-5.352C4.918,-5.352 2.793,-2.969 2.793,-0.002L2.793,0.043C2.793,3.01 4.896,5.412 7.799,5.412C9.662,5.412 10.852,4.678 12.152,3.463L13.863,5.197C12.283,6.844 10.549,7.883 7.711,7.883C3.293,7.883 0,4.439 0,0.084" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3738</g>
3739<g
3740transform="matrix(1,0,0,1,491.412,222.664)">
3741<path
3742d="M0,-15.164L11.244,-15.164L11.244,-12.779L2.664,-12.779L2.664,-8.838L10.268,-8.838L10.268,-6.455L2.664,-6.455L2.664,-2.383L11.352,-2.383L11.352,0L0,0L0,-15.164Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3743</g>
3744<g
3745transform="matrix(1,0,0,1,531.529,220.238)">
3746<path
3747d="M0,-10.312L0,0.001L2.99,0.001C6.172,0.001 8.252,-2.144 8.252,-5.113L8.252,-5.154C8.252,-8.123 6.172,-10.312 2.99,-10.312L0,-10.312ZM-2.666,-12.738L2.99,-12.738C7.756,-12.738 11.047,-9.466 11.047,-5.199L11.047,-5.154C11.047,-0.888 7.756,2.426 2.99,2.426L-2.666,2.426L-2.666,-12.738Z" style="fill:rgb(26,23,27);fill-rule:nonzero;"/>
3748</g>
3749</g>
3750</g>
3751</g>
3752<defs>
3753<image
3754id="_Image1" width="36px" height="32px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB8klEQVRYhe3Wy2rUYByG8d/0YKm2WkVSKVZR8YyiFU9RcCsoKG68AsGFWwU3WeQKvAG9ADdKi4KCuIuIrkQoIogU6SJSrIdqrbZ18UVoh+qM7Tgi5IUsEpJ8D0/efxLKlClTZuEkWV5pxjp1LZJkeTcivMe7NI6m/xlQkuVtOILzGME9vMRkGkezjQZqqeOcLhzDWVzCZZxEb5LlrY0G+q2hojebkeIcOvAJwxjCXbzA50bZqmWoInSnH+3FfjcGcBFXcAp9xaNdcmrdpAWr0GM+fBv6cBpbcQdDSZYPY2IptuoxtMzC4BWswF5cwFWcwfoky9sXC1TL0AzG8UYw0oXqIrehVyj6FuzBYJLlz/HxT23VU+q1OI4TOCiUfLVgrvr6aYzhMW7hIUbTOJpqCNAcqI4CbFsBdRS7sQ6d5lubxSRe4T5u4xk+pHE0s2SgKrBWYcr6sa8AG8Amofw/J5FgaxxPBFsPMJLG0beGAFXBtQjWIuzAIeFtvrM41ikMzCy+4jVu4kYB9cteLerdUaj/kmT5CEbxVBj9AcHafmzAygJ8o9C9mtPXsC94Ya1TmLhdOFxs2wuQ67iWxtFYU4DmgFUKgB6hWweEx/oIg2kcTTQVqAquFcuxBlN4m8bR97+5Zl1JsrzSrB+8MmXK/Hf5AVeqgL9UevH/AAAAAElFTkSuQmCC"/>
3755<image
3756id="_Image2" width="43px" height="52px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAA0CAYAAAAT3cGOAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAKuklEQVRoge2aS4xl11WGv7X2Pu/7qndVV3W72/1wpzt0mzZpx7GQDDKCARkEpEhIgIQgTAMThkRCYgISEhKTCKZIGVhEQSiDgBmFQIOVYOJn3LTTbbv6We9b93nOWQzOqepntd12tfEg62rfve+9R/f+51//Xnutva+YGQBWDwwwDEEAkKpDdkf/f+bNzLqjAYN8RH88ZFAMycscEVCE0DkC54lcYJELCVyAV49Th4p+qjfgRUReeuOCvXHzCquDNbrDLuNigNOC0BmpV1phRDuOmUnbzDUmmc4mmUmn6SQTlgVNQh8RuggRfawe8ACnZg/xx//yLVRGhFoS+pzYlUSuIHIlkRaEWpJ4I/NKKwyYTBrMNaZZbC2y2DrEbHORyWSORti20Kc4DfYduAc4v3iEqdY8N3o3cG5M6YTS5eBAFMQZqgZiFBT0ijFFr8vGYJmfrv2ILIiYiFsstg5xsHOc+eaTTKZLNONpi3wDFQ/7AFx2Jti/L1+2F1/6a2LXI3ZjYjcm0YLE5URaEGtJpCWxMxItiVxZeUGt7qtx7JVW3GaucYiDndPMt07STg+SBFN4TZBPoHO/M/jigUMsdua50buCuQJTwRRQQVQQBVXBqVW9KE7Aq+EVAhWclkDJYLTC8voKa9v/w3urc8y3TjDXOsNUdpIsWjTvMkTcI4PeZRbgwvX37Vf+8a9IdZtEh6QuJ9WiYlhLEi2JXUmiRqxG5IyoZjZSI1DbZTrQEq8lgRaEDhpRm6nsBLOtp5lsnKERH8a7ZsXGozILcH5ukUOtWW72LoMqSMWqqqJaveUEnBpODS+GEyMQwcsOWGqw1WuvBV5K8nyDla3/pD94ja3t40y3nqWTnSOODpvTlI+i6buYBXjl5nv269/9C1Lpk+mYVAsyV+4ym2pJ4ozEQVQzGokROQjViBRCV/WBGN4ZvmbZS47XHO9y0qBFO/0cE83naWZfIPAHEPEPBezvfeOZmSWOtea42r2MiKAiKILWGr3dDF8zuqNbr4ZT8PU13kGoMC5KBuOCiTgg1AInY8qiS3f7AsX4IuPRG7SbLxJFZ0013ROw3kc1In/zi7+DE0GFCqxo/Vrr8e3mRfFa9U5c1bRu4sCUm9vwo+vw2i3HrV6EWEaoTbwklMUK21vfY2Ptm/S3v4tZ3x4E9IFgAc5OH+JYaxaFmlVBqcDdB1gdXhxeHV4Vp3d/npfC6sBY7ho/vGG8/L5y4bpndZDgpEmk7eq60ZuUxdrDVPBgsILIXz7/B/XEoXK3Su12
3756VwOpAd7H7N03NS6hNy4JVRiVwqVN+N4HwrfeVS6shPSKBoF2yLJfI0l/GZFoT7D3aXbHTk09wbHOAW5sfVAD3gF9O7bu6nUnQtRaruQDgjEqIC9KYq+MEIYmrIyF5RXhzS78eN3xlWPnONf4Kj44zMNC2QOZ3WH3T7/4NQKneBUCUQKtWAx0x+233e/F4VRrrVaslgjDvMArRE6IPcReSANFRLnSF/7h6jx//s5zfHt5jvUxWJWlPhqzACcmnuBYe4lb28uEjqopBDthSXeiwk4UuD1WMYqyZFwURE4ogBGQAAOEFGFbOqy45/n+6hKXXt3k1dWCP3yqzdFWaAL3Mbwnszvs/tEv/D6R84TqCNUROUegbpfdQB3OVbPf11HA114QAytLIicVsw5iB6mHLMjI0i+RRCcxQi52c/7u4iZf/6+b/OvVHkVp9zH8ULAARzqHONI5SOgqoDugA+d3ATvx1QTTepKpoghWFgRqxH5HAlVLgoAs+QJp/DSJywhVUGBtbLx8bcDXL9zkb9/ZpDsu7wL8oWAFkd8787vEPiB0nsj5u0DvVA1OPCp+N1IgFdjEy10t9UoWf540fobEt4hViFVwWvl9WBhvbo35xn+v8GevrnCtn+8C9sYDxHGPLbWWONhcYrO/XK/9VQ7gXRUJAjW0zhOqkGVYWZKXBaEqhmCimCoSHaN05+mPp0hLJXElUSFEIozquVUa3ByWfPOdTa4NCr5xdsqONgPR3tgozPaegjW7v3Hqt4hcUElAHd45Aqk1W69cWrMLjrwwzASnjtApiRca8QGy7DxJOE/ijdRB4pREpbr5O1gzYGts/PNyj29f7rKdl+Z/sj5kMfO0I0eoexci841FFhoH2OpfJXB3xtkqItwZYyFnVBQYDqmjQ6QdfHwOkyfoDa1KNV1JqhXYWIWeGHkduyKFXz2Q8ienJzg/ExOoiP7wRp/XVoZ8sDWmOy4pDO7NxGp+5cXjXyV0Qb1y7UyuOsbususAx6goQBwmjsA1aGRnaCQniZS66ihqwJA62dVuovDCbMR3fmmBl15Y4Pm5RAKtKPRXt0b0RgXrg4In2yGHWgGdSB+o4+lsgZlsge3hVYKdKqFmVbm9cuXFGCsNqKTRzE6QNk6zlUtVgPqSOL+dyKceJk052Qn57WMtvnywQerv97HPC2N1UDDIR+RmZKHSDHWPRU/k+Sd/035w8e9xWuIoUHKEMUKBiiGA04A0ajLKxzSyg8y0z1JIyNCMyJXEdcURu5JOCHONiOfmU144kDIZOx60IAD4duTo58aoNAa57SGB29ZO5uWFk1+zshwzGK/THVxjs3eJ3uA6VvYwywkCRxKlhH6GZvo51IUM8rIufyqwzQAaYcCRTpOzM02mY4/KwwOTvHy5y/Vezva4YC7znJtNmM887hEqZ7PSNntXuLn+Ct3BFazsk0QzHJh+kSRaYL33Hpv9W2yOSrbziFGZ0komONyZZDKOUPloPya3+gVrg5yNYUHklKWmpxUq+jHK/NJy2+xdZGPrdVrZU0w0TwMieTG0jf4yG/111LXppDM0owz3iGW5FKWRl5UMzKqsKPhEW1hmZTlGxN+1R1CUIyvKMd7F6Mcow+GOgnF3C3EvdX8GbDdFlN2nz659aCLzWbKfgX1c9jOwj8seC9jSqsd+f+9Dq9tHMTOz3HK6oy2ubS8zKscsNpZsIprE6cdbBO61fQGbl7m9332Pt1fe4uL621zZ/CkiwpmZn+fZhS+x1DxooYbIR8wBHivYft7jP5b/jX+6+B02BmuUlEQ+Zn24zupghWcXnuOpiVM0woZ9kuOofQHrNSALMrbGm2yONgl9hJaOtcEar9/8Md1hl7X+Gj83e5aZZNa8Pnwfdi/blwkWupAjnWMsNQ7eruFEMIxhMeRqb5lXrl/gBx98n3c3LtHP+1alTY9m+8KsijKfzHNq6jQX135yV6VsGEVZsDXs8r+rFxnlQ3r5NkfaR2kEjyaLfWFWEGlGTU5OnWYymebewr5KkoycMauDVd5eeYu3Vt5gbbBKURbVcfGnBRYq3R5uH+Fo52i1I/NAM4ySQd7nRvca725cYnWwQm757kH3pwLWiZOpZIaTU58nCzLE9vauiGBiDMY9Vno32Bps7HjjoYD3dQVLg5RjEyeYayxgUn7o9WZQGBRW3CedB9m+gvXiWcwWOdY+TqjRLrtVASL1syIIgYZkYZOJZJJm1N6RzqMdLX0SU1GZSCbt+OQJXl95jUHeI3ABkYuIXUIzaDGVTrGQHWCxschMOk8WZnjxHwp038ECxC7m+MRTPD37DOvDVTpRh6lkmplkltl0nul0mk7UIfbJR2LzTrvvhHE/bJD3bXWwSmE5iUuIg4RAQwINEJGP/T+E/wMOZ/R111+h3wAAAABJRU5ErkJggg=="/>
3757<image
3758id="_Image5" width="23px" height="16px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADAElEQVQ4ja3Uz2ucZRAH8O/MvNnF1lLSNKCCxGKkloL20ot4KyJUUFox4EERPYiIVOhB8H/oSfBiPRShoCDY6kFBEESRVk9turv1sNttfkiWmHTfd9+fzzMzHjTQNqINOqfnMp8ZBp4v8Fe5g7pdEP7HIgC4fA0JGaZVcb8a8pKQpjmak0/D/hP+Yw/tpMGjbjjmjnkFViujTqHo5xFrKXn2a4pw5tmdD6JLHez3gBNwvGGOx6NTWRktFUrdQvlKZtIZBx7kkUebWZl90tO4+T78XvAEjMoJS3AMDJhTp/3ReVadD6vzMTMZknPHTBaptbfz/KGpGxsXbDRMOb/yylr8x83dQb90sCdEHI2GlyvlZyqTBwuVpIiMXMUmKmUWZCOLPEhj0klVro5D0rsV+cZ6Htf1lhYr763oNnzr8cNl7KoZT1bOC2WU5wqTuUKTVq6CSRRMYuJZZM2ilJkmo3GQwThIJw+8qOBeNB9W3vw+CqHC20t6Bw4AX/2EtrIcLKK8mJucKGLyWG7SnsSEsiiYaIIsCrIonsYkZoHz2mRNHX2Hdx2+6ORdMxvUU+m63I6f/xh68nXfCJCblUpVqsyWKtOlcVKaUKGMUgWFCpUmUpu0DbyPiB5h0CEiegLgAwQUZDLku++08BSC72766v5pcHxUG36ulfLa2GtjVMaojdEYw8BERExELSLaB9A8AfMAtetAtg0HgFePQLUoVwPsi+D0Ye30faWUNvrngNoYwRh+21XdYXBfc/h3Srg0mtTl3+IAcOo4zGSyngX7pnH6oDF8XRlt1srWGEO3YIebeXD3ZYNfNMNnsQhDnF62e8qSl84/sKtuJUfGofVaGpIXSktmDQKHu5uXDu+5+wVzvdhM6Prqu9crAJB/gwGg8/kkHFjYMyoj9wuf8qD0sIMI7kOHf2uu5xrXL9FUg5V3+s1W345S8Oi5h5INv2/OtXUcTDMwuxYdV9GE5ZtSFHjztzvyZ8cRO3N2hnfb9F5vIZFA+ThqvflWf9vvBIA/AMHG+4/bLVXeAAAAAElFTkSuQmCC"/>
3759<linearGradient
3760id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,-1,-2.22045e-16,0.00426952)"><stop
3761offset="0" style="stop-color:rgb(24,185,232);stop-opacity:1"/><stop
3762offset="0.22" style="stop-color:rgb(55,168,219);stop-opacity:1"/><stop
3763offset="0.88" style="stop-color:rgb(10,113,179);stop-opacity:1"/><stop
3764offset="1" style="stop-color:rgb(10,113,179);stop-opacity:1"/></linearGradient>
3765<image
3766id="_Image8" width="14px" height="20px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB+klEQVQ4jX3TvWoVURTF8f9a+8zcGxJDFESFiETEQouAn5gqoKCdiBYKihYqilr7DL6CjYV2vo0B7exELGw0KiR3zraYufErcWAzzfxYa5/h6PSLZ/n283vGZYM2NhnFhBl3jCMZB2rdMXJlHJWRk1FUWlf86vItOjbY5Bsd60zyK5v5lY4fpDNlMR1bxDA+uvuAzh46SPWE6gnpjuqOjk1wRQYbPEDLhI0BXlx8SEah2mCBgUiSCbby96QIUaZwadd+nV9aJm1yipXABFmETciUYUIDBHi++gDJSAxvAYlIrNiqGPKvRIB9M3t07egKIAwYISXkBMsZ8oCDUPyCAM/O3etXFH1iJtBhJZ7Cv6sCLLTzunP8AgKC/jRFRdQtMN31Dwjw9ORdypBaJKSKsiOGujHU/QfOllk9PHGNYhESAUgdRVAc/WyXCHD32E0aicaiSMOOSeOg2JTtEgHaGOnJmdv9R+GhekfryEZBsxMEuHL4KqNSaMOUALtSJJqIP//j309x0eNT92ltWpuiSrjSutBE2RkCrC5eYq6dodlK7WjD2f6vKoBl3Tv5iFZBYyE6QvQ7fp/U/1mW966wMJ7vr5ITqfbw+ut3fFzf2BEK68byYxoVivpbUxzptQ9fuPxyjTefvpGZ2+IjC8tanFtirplnJkYUBT8B7fZ8MfimbisAAAAASUVORK5CYII="/>
3767<image
3768id="_Image9" width="22px" height="22px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAErElEQVQ4jXWVS4ik1RXHf+fc+z2qqrtq2u5OO3TPs+clw0SSwGQxRBhxMaDgazMLXakhYgJuBBE0uMgikBBItsGE7BXULAIuTRQVH6OEOON0yDhq90z3dFV1dXd1fffl4iu7ByEfHO5Z/e7//M8595OUEv/vSymlL9ZXuPsvL1MYR2E8hXGUGihNoGGVQoMUJlJopByfhUnY78NCSmngduiO+mzsrOHdGienM5b6fYJ4PA6PxxNI0gQjiIIqqAqqikrcA/uU0spwyKe9Nf7T+4rVrWvE0XUm4jc8eqjHbz4LWKmI4oniiBJJ6hHNEJU6BIyCUcGmROpVng9u9fjH8tf8c+0aN4bf0JF1FuyAg7nnYKYcnhKWNw1JA8koaCJSoZolVRGjMoaCUcV2K88bX3Z5Zek6l/orDMImmVGiLZjQinaoaGvFxQXH76/Ecc21QggAGFGMgNWEkYTVhIYEy9ueyz3HoDKkVOBSwSAW9MJeGClYbN
3768dQFfmuvYBHRZOKYkSxWp+6LzdcWOhw/4Fp2lkDUk5KOdu3gbuxoBdzHtlvSAkQEKlVp+RQkRo2DiuKZipyeqrBz0/McWH/DBPagFjgx6q7t12QKDneVpRada07AHEXasRgxKAAuYr86I4WT5+c5/ydszSkQYo5O7GgH263JOfCbImkhEFQUSQlIGBEUw1VjGoNBiiMytmZSZ45eYBzs9MUUhJiwWYo6Pk9S5w0OdZWVMAKtd/JY1TGTRx7/F632l2OhlX52VyHX546zE+mZrGUtepY0A0FvVDSDznnpidRIkYEawTFIySs1v5aMehj79/i78s7u/CmNXLf/ml+deoIpzt3AAWbcc+KbigYpRZH2xlWa9VGBUMgUyVTQ6aKZjuO5z5Y5ZWlwS68ZY08MP8Dnjm+yLHWFFUq6cdyDC/phZy7Ox2MQKaKVUA9VjVZNVg1aLPyNCvHnz5Z47ef3CKO36SJzMrFwwv84vhx5ss2WyGvwTGnGwu2UpND7ZzMKLkqViKZQK6GTC0qlcNUnqxyvPb5Oi+8s8wopF34E4tHePLoSabyNhuhpOu/U11wqJzEipKZevNEPbkxZEaxrvJ7A4/w1lKPG4OKP5xfYF9hmMwyefauU2nDDfnb/3bohxG94GhrRVubzLeGbLtEbgSVQKaSMjWirnK4kceNHK5yVJXnw683ePzNJa5v1BMzaa08f/qHPHzgBNFM0PN1E7uxoJO16kdHFSWgGshVUVd5XOXYO+t8aW2Li69d4dLNLQCmi0J+febH3Du3yEha9MaT0g8NZkpDbsBoBCqs2qS1Ur+rtq6gruLmxpDHX73MW//tkoD9ZVNePvNTzs4eZUhzdyNJDYzUYBGPVdDF6RbR+Ro+BrrKU42VD7ZHPP36Zf760QoxJY5MtOWlM+e4a99BtlOLoFNMNo4x37yTls0ojMWIIq9e6fNlb4e3r67y8bV1hi4gIiD1H0HYy586O8+L548gApfWV9Kfv/gX52ZmuGfuBJ28yRuXfkdmIhZBrm1UrA0Dq9ue5U3H21dXeffqTVYHI4QaWIPr/KHTc/zxwVNYQ1ofDelkJVZVAK7ceIeV/r9RAt8C/K81r2WILiQAAAAASUVORK5CYII="/>
3769<image
3770id="_Image10" width="34px" height="28px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAYAAAAEN20fAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA60lEQVRIie3SsUoDMQCA4T+9RbFDcRAnZyfBWXyYzs4ddPBJxNkH8CUcfQMtiKDgoVgseu3vkCsIihfkrnXID1kOknxJDnK5XO4fpKKurxpRqCN1rO6tCrGhXqhzY6W6v2zEjnrt957U3WUhDtWHHxCLbtTNLgE99Uid/oJYdKkWXSDW1HN1loDQ+N8M20Zsq1eJgK+V6lZbiL7xzf/amRqa9uklWF6BE2CWagcqYAqUwAHQb5rUKAWoT3QKHAMfwAR4Bh6BO+C2HmPgvv7+ArwBVQihagVSYwpgQDzpO/GG5iEkL5HL5XKd9glN83VuS8XoDAAAAABJRU5ErkJggg=="/>
3771<image
3772id="_Image11" width="30px" height="20px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFC0lEQVRIiZ2VyY4cxxGGv8isqq6q7p6erbmIm0xIIi2SpmXBNG0fLFgHQxe/jR/Fz+CLAR18l45+AMGwTYscksNZODPsvfbMDB+aICnBFAUnkJmXAL7IP/6IlK+/+RM+tBTVnM5VWFGsjYnTm/jePRZ+l5M60aOVYeF6TFzCcYM8bz2nradVuLmZ8Nn5lC8u97m3m9GPhHetyIjBBcUHBQyIZZBdIxvcpmKoq1qpmpZJEdNpS2wtubU6jIxc7kd8Mu7x+cWc++OMUWLeCXwDbIlsQhZnNM6Qp+fY3riFxJu6qgPTKnBaGYo2UHeeKK55fzTk8+1M745T+cVOj+2e/dHAV2BrLJFJSWxCHO0w7H+AMRs664STEk7KQBcsvVhADFuDHr+5kPG7q0Pe68cq8G5d/xc4T7bo3II8HTPeuk8vuaL7iwl7yzMOSkMbhCyO6Kd9sqRPP4kJ1rDswAUlNv8Xl+jy7u8p6316yViz7CNO6oTHleWsA0/BoJ8Tmw3iOCWJIkSElQv8Y1IzjFMu5rEaefurVVUREOQ7MeJDS+cKrUPEszLmwazlRa20oSNoh0iENTEi3zWOBs/1jYRfn08ZxgZAFFUNntZXFM2UafGMk+UjvGu5c+UPjPKLiKwliiDWKmzwYN7yaNEw7xTEYG2CJeb7JVQN6xvlyWLJpp3xfn/BqjzQk8Ujjub/4Wi6x6w8pupmdL4miTKSOOeTa38kifK11I1XHi1b/j1rKZwixrwB0DVCHaoNwRe47oym2aeoHlIu93jQPeVK/xTVkrLtqDulDYbwRrJNV/Cvw6/58Pxv2RpkKohEkYFBZIjNGiOAhgLfneLDCa59QlM/pG32aOt92uaMplvivCMEhWCYGsMwsSgGREAU9LVSgvBs8g2T1T6j/CLWRESxES4PYiqv/HPaUDuPuK9wxZ/R9gjVFUPfrTPqGcgsqoLzglOLDwIYVN/uYBVlVU94vviWq7s/X4MBySLRD0cx5zKLV6C7zvL4OS68wKnQOoPzQuOEJkDroPFC46D1UHto3NvBACE4Thbf4nxLEuVEaymQPDKa2pfO1TtMytssl1/RIVigAYKCV/AGTOB7DfKupUxXh3S+AeDNHhEjL7fJSbNfEse7CCmCRX/kgHq74kLVzXChQVGN1sHKus8FEQFEevkXOgiKbR4j9SHaviCwoAsFeA/6hm9/oL6vseBD96odo2W75Kw6pfE1u9mYzSTHCETJbUbbP2Xgl4y6Q6p6j6LeY1k9YVEesaxPkXqG1xLxDar6gwYDiG2GMdEa/LeHX/J4vocLNXe23uPGsGEYe/L0pqTpTRJ7jjT9mCy9o1vqcH5B3T5nWT1lXjxhWuwzLQ6YlKfMqymLaonvGsKrLPTVudW/RGJTBJHoywd/pXYVO73AWBdsNgfMpcCYHZL0Fnl+j0H+Kf30A+lFY2K7wTDfYaN/Sy9st3RuSdGcMS8PmKz2OVsd8GJ5yKx8zqI+pe7mtK4ijjKu7t59PblOymNim9AEy7yrKboWYyu8e8qkOaSb/x3MJXrZLUb9T9nOf8Zm9hPyeFd6UU4Sb5Mmu2wPb+i1cUfTFayaF8zLYybFAdPVPrPikCTKuD6+T2R765p/9pdfYU1EHmXs9IQbgxkfZQfkZkYTHLW3lN5Qhh4dG4i9xCi/xfnhXS4MP2Y3v8pGb5vM5kQmwrz8TBTVEByNKyibGYIwyi8S2UQA/guK+Z9wp2/yjwAAAABJRU5ErkJggg=="/>
3773</defs>
3774</svg></div><div
3775class="grid gap-16 md:grid-cols-3 md:gap-x-6 xl:col-span-8 2xl:col-span-6 2xl:col-start-4"><nav
3776class="space-y-8" aria-labelledby="footer-nav-1"><h3 id="footer-nav-1" class="t_body-base font-bold">Archroma</h3><ul
3777class="space-y-4"><li>
3778<a
3779class="t_body-s hover:underline" href="https://www.archroma.com/about" onclick="    window.dataLayer.push({
3780event: &#039;ui_event&#039;,
3781category: &#039;link&#039;,
3782action: &#039;click&#039;,
3783label: &#039;Who we are&#039;
3784});
3785">Who we are</a></li><li>
3786<a
3787class="t_body-s hover:underline" href="https://www.archroma.com/sustainability" onclick="    window.dataLayer.push({
3788event: &#039;ui_event&#039;,
3789category: &#039;link&#039;,
3790action: &#039;click&#039;,
3791label: &#039;Sustainability&#039;
3792});
3793">Sustainability</a></li><li>
3794<a
3795class="t_body-s hover:underline" href="https://www.archroma.com/careers" onclick="    window.dataLayer.push({
3796event: &#039;ui_event&#039;,
3797category: &#039;link&#039;,
3798action: &#039;click&#039;,
3799label: &#039;Careers&#039;
3800});
3801">Careers</a></li><li>
3802<a
3803class="t_body-s hover:underline" href="https://www.archroma.com/news" onclick="    window.dataLayer.push({
3804event: &#039;ui_event&#039;,
3805category: &#039;link&#039;,
3806action: &#039;click&#039;,
3807label: &#039;News &amp;amp; Stories&#039;
3808});
3809">News &amp; Stories</a></li><li>
3810<a
3811class="t_body-s hover:underline" href="https://www.archroma.com/events" onclick="    window.dataLayer.push({
3812event: &#039;ui_event&#039;,
3813category: &#039;link&#039;,
3814action: &#039;click&#039;,
3815label: &#039;Events &amp;amp; Conferences&#039;
3816});
3817">Events &amp; Conferences</a></li><li>
3818<a
3819class="t_body-s hover:underline" href="https://www.archroma.com/press-releases" onclick="    window.dataLayer.push({
3820event: &#039;ui_event&#039;,
3821category: &#039;link&#039;,
3822action: &#039;click&#039;,
3823label: &#039;Press Area&#039;
3824});
3825">Press Area</a></li><li>
3826<a
3827class="t_body-s hover:underline" href="https://www.archroma.com/contact-us" onclick="    window.dataLayer.push({
3828event: &#039;ui_event&#039;,
3829category: &#039;link&#039;,
3830action: &#039;click&#039;,
3831label: &#039;Contact Us&#039;
3832});
3833">Contact Us</a></li></ul></nav><nav
3834class="space-y-8" aria-labelledby="footer-nav-2"><h3 id="footer-nav-2" class="t_body-base font-bold">Textile Effects</h3><ul
3835class="space-y-4"><li>
3836<a
3837class="t_body-s hover:underline" href="https://www.archroma.com/textile-effects/" onclick="    window.dataLayer.push({
3838event: &#039;ui_event&#039;,
3839category: &#039;link&#039;,
3840action: &#039;click&#039;,
3841label: &#039;About Textile Effects&#039;
3842});
3843">About Textile Effects</a></li><li>
3844<a
3845class="t_body-s hover:underline" href="https://www.archroma.com/textile-effects/markets" onclick="    window.dataLayer.push({
3846event: &#039;ui_event&#039;,
3847category: &#039;link&#039;,
3848action: &#039;click&#039;,
3849label: &#039;Markets&#039;
3850});
3851">Markets</a></li><li>
3852<a
3853class="t_body-s hover:underline" href="https://www.archroma.com/textile-effects/innovations" onclick="    window.dataLayer.push({
3854event: &#039;ui_event&#039;,
3855category: &#039;link&#039;,
3856action: &#039;click&#039;,
3857label: &#039;Innovations&#039;
3858});
3859">Innovations</a></li><li>
3860<a
3861class="t_body-s hover:underline" href="https://www.archroma.com/textile-effects/tools" onclick="    window.dataLayer.push({
3862event: &#039;ui_event&#039;,
3863category: &#039;link&#039;,
3864action: &#039;click&#039;,
3865label: &#039;Tools &amp;amp; Services &#039;
3866});
3867">Tools &amp; Services </a></li></ul></nav><nav
3868class="space-y-8" aria-labelledby="footer-nav-3"><h3 id="footer-nav-3" class="t_body-base font-bold">Packaging Technologies</h3><ul
3869class="space-y-4"><li>
3870<a
3871class="t_body-s hover:underline" href="https://www.archroma.com/packaging-technologies/" onclick="    window.dataLayer.push({
3872event: &#039;ui_event&#039;,
3873category: &#039;link&#039;,
3874action: &#039;click&#039;,
3875label: &#039;About Packaging Technologies&#039;
3876});
3877">About Packaging Technologies</a></li><li>
3878<a
3879class="t_body-s hover:underline" href="https://www.archroma.com/packaging-technologies/markets" onclick="    window.dataLayer.push({
3880event: &#039;ui_event&#039;,
3881category: &#039;link&#039;,
3882action: &#039;click&#039;,
3883label: &#039;Markets&#039;
3884});
3885">Markets</a></li><li>
3886<a
3887class="t_body-s hover:underline" href="https://www.archroma.com/packaging-technologies/packaging-technologies-innovations" onclick="    window.dataLayer.push({
3888event: &#039;ui_event&#039;,
3889category: &#039;link&#039;,
3890action: &#039;click&#039;,
3891label: &#039;Innovations&#039;
3892});
3893">Innovations</a></li><li>
3894<a
3895class="t_body-s hover:underline" href="https://www.archroma.com/packaging-technologies/tools" onclick="    window.dataLayer.push({
3896event: &#039;ui_event&#039;,
3897category: &#039;link&#039;,
3898action: &#039;click&#039;,
3899label: &#039;Tools &amp;amp; Services &#039;
3900});
3901">Tools &amp; Services </a></li></ul></nav><nav
3902class="space-y-8" aria-labelledby="footer-nav-4"><h3 id="footer-nav-4" class="t_body-base font-bold">Governance &amp; Compliance</h3><ul
3903class="space-y-4"><li>
3904<a
3905class="t_body-s hover:underline" href="https://www.archroma.com/certifications-policies" onclick="    window.dataLayer.push({
3906event: &#039;ui_event&#039;,
3907category: &#039;link&#039;,
3908action: &#039;click&#039;,
3909label: &#039;Certifications &amp;amp; Policies&#039;
3910});
3911">Certifications &amp; Policies</a></li><li>
3912<a
3913class="t_body-s hover:underline" href="https://www.archroma.com/affiliation-memberships" onclick="    window.dataLayer.push({
3914event: &#039;ui_event&#039;,
3915category: &#039;link&#039;,
3916action: &#039;click&#039;,
3917label: &#039;Affiliation &amp;amp; memberships&#039;
3918});
3919">Affiliation &amp; memberships</a></li><li>
3920<a
3921class="t_body-s hover:underline" href="https://www.archroma.com/compl
3921iance" onclick="    window.dataLayer.push({
3922event: &#039;ui_event&#039;,
3923category: &#039;link&#039;,
3924action: &#039;click&#039;,
3925label: &#039;Compliance&#039;
3926});
3927">Compliance</a></li></ul></nav></div><div
3928class="xl:col-span-2 2xl:col-start-11"><nav
3929class="space-y-8" aria-labelledby="footer-nav-connect"><h3 id="footer-nav-connect" class="t_body-base font-bold">Connect with us</h3><ul
3930class="flex flex-row flex-wrap gap-x-6 gap-y-8"><li>
3931<a
3932href="https://www.facebook.com/ArchromaGroup/"
3933target="_blank"
3934rel="noopener noreferrer"
3935class="transition duration-300 hover:text-brand-dark-blue"
3936onclick="    window.dataLayer.push({
3937event: 'ui_event',
3938category: 'site_footer',
3939action: 'click',
3940label: 'Facebook'
3941});
3942"
3943>
3944<svg
3945width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
3946<path
3947d="M27.9988 14.9869C27.9988 7.25392 21.7312 0.986328 13.9994 0.986328C6.26759 0.986328 0 7.25392 0 14.9869C0 21.9732 5.11955 27.7648 11.8118 28.8148V19.0331H8.25801V14.9857H11.8118V11.9021C11.8118 8.39264 13.9026 6.45472 17.0994 6.45472C18.6313 6.45472 20.2332 6.72773 20.2332 6.72773V10.173H18.4691C16.7307 10.173 16.1882 11.2523 16.1882 12.3595V14.9869H20.071L19.4503 19.0342H16.1882V28.816C22.8805 27.7659 28 21.9744 28 14.9869H27.9988Z" fill="currentColor"/>
3948</svg><span
3949class="sr-only">Facebook</span>
3950</a></li><li>
3951<a
3952href="https://www.linkedin.com/company/archroma/"
3953target="_blank"
3954rel="noopener noreferrer"
3955class="transition duration-300 hover:text-brand-dark-blue"
3956onclick="    window.dataLayer.push({
3957event: 'ui_event',
3958category: 'site_footer',
3959action: 'click',
3960label: 'LinkedIn'
3961});
3962"
3963>
3964<svg
3965width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
3966<path
3967d="M23.8548 24.7618H19.7085V18.2646C19.7085 16.7153 19.677 14.7215 17.5478 14.7215C15.386 14.7215 15.0558 16.4073 15.0558 18.1503V24.7618H10.9095V11.4011H14.8925V13.2223H14.9462C15.5027 12.1723 16.856 11.064 18.8778 11.064C23.079 11.064 23.856 13.829 23.856 17.4281L23.8548 24.7618ZM6.2265 9.57296C5.91019 9.57311 5.59696 9.51088 5.30472 9.38984C5.01249 9.26879 4.747 9.0913 4.52344 8.86753C4.29989 8.64376 4.12266 8.37809 4.00189 8.08574C3.88113 7.79339 3.81921 7.4801 3.81967 7.16379C3.8199 6.68753 3.96135 6.22204 4.22614 5.82617C4.49092 5.43031 4.86715 5.12185 5.30724 4.93981C5.74733 4.75777 6.23153 4.71031 6.69859 4.80345C7.16565 4.89659 7.5946 5.12614 7.9312 5.46307C8.26781 5.8 8.49694 6.22917 8.58962 6.69632C8.68231 7.16347 8.63439 7.64762 8.45192 8.08754C8.26945 8.52745 7.96063 8.90338 7.56451 9.16778C7.16839 9.43219 6.70276 9.57319 6.2265 9.57296ZM8.3055 24.7618H4.1475V11.4011H8.3055V24.7618ZM25.9292 0.901123H2.06617C0.924 0.901123 0 1.80412 0 2.91829V26.884C0 27.9993 0.924 28.9011 2.06617 28.9011H25.9257C27.0667 28.9011 28 27.9993 28 26.884V2.91829C28 1.80412 27.0667 0.901123 25.9257 0.901123H25.9292Z" fill="currentColor"/>
3968</svg><span
3969class="sr-only">LinkedIn</span>
3970</a></li><li>
3971<a
3972href="https://www.instagram.com/archromagroup/"
3973target="_blank"
3974rel="noopener noreferrer"
3975class="transition duration-300 hover:text-brand-dark-blue"
3976onclick="    window.dataLayer.push({
3977event: 'ui_event',
3978category: 'site_footer',
3979action: 'click',
3980label: 'Instagram'
3981});
3982"
3983>
3984<svg
3985width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
3986<path
3987d="M14 0.901123C10.1967 0.901123 9.72183 0.918623 8.2285 0.985123C6.7375 1.05512 5.7225 1.28962 4.83 1.63612C3.9095 1.99312 3.12783 2.47262 2.34967 3.25079C1.5715 4.02896 1.09083 4.80946 0.735 5.73112C0.3885 6.62362 0.152833 7.63862 0.084 9.12962C0.014 10.623 0 11.0978 0 14.9011C0 18.7045 0.0175 19.1793 0.084 20.6726C0.154 22.1625 0.3885 23.1786 0.735 24.0711C1.08651 25.0055 1.63753 25.8519 2.34967 26.5515C3.04882 27.2641 3.89538 27.8152 4.83 28.1661C5.72367 28.5115 6.73867 28.7483 8.2285 28.8171C9.72183 28.8871 10.1967 28.9011 14 28.9011C17.8033 28.9011 18.2782 28.8836 19.7715 28.8171C21.2613 28.7471 22.2775 28.5115 23.17 28.1661C24.1041 27.8142 24.9505 27.2632 25.6503 26.5515C26.3632 25.8525 26.9143 25.0059 27.265 24.0711C27.6103 23.1786 27.8472 22.1625 27.916 20.6726C27.986 19.1793 28 18.7045 28 14.9011C28 11.0978 27.9825 10.623 27.916 9.12962C27.846 7.63979 27.6103 6.62246 27.265 5.73112C26.9133 4.79688 26.3623 3.95047 25.6503 3.25079C24.9517 2.53754 24.105 1.98634 23.17 1.63612C22.2775 1.28962 21.2613 1.05396 19.7715 0.985123C18.2782 0.915123 17.8033 0.901123 14 0.901123ZM14 3.42112C17.7368 3.42112 18.1825 3.43979 19.6583 3.50396C21.0233 3.56812 21.7642 3.79446 22.2565 3.98812C22.9122 4.24129 23.3765 4.54462 23.8688 5.03346C24.3577 5.52346 24.661 5.98896 24.9142 6.64462C25.1055 7.13696 25.3342 7.87779 25.39
39876 9.24279C25.4625 10.7198 25.4777 11.1631 25.4777 14.9011C25.4777 18.6391 25.4602 19.0836 25.3913 20.5595C25.3202 21.9245 25.0927 22.6653 24.9002 23.1576C24.6724 23.7652 24.3144 24.3155 23.8513 24.77C23.3988 25.2335 22.8489 25.5905 22.2413 25.8153C21.7513 26.0066 20.9988 26.2353 19.6338 26.2971C18.1475 26.3636 17.71 26.3788 13.965 26.3788C10.2188 26.3788 9.78133 26.3613 8.29617 26.2925C6.93 26.2213 6.1775 25.9938 5.6875 25.8013C5.07955 25.5764 4.52979 25.2179 4.07867 24.7525C3.61035 24.303 3.25117 23.7522 3.02867 23.1425C2.83617 22.6525 2.60983 21.9 2.53867 20.535C2.48617 19.065 2.4675 18.6111 2.4675 14.8836C2.4675 11.155 2.48617 10.7 2.53867 9.21246C2.60983 7.84746 2.83617 7.09612 3.02867 6.60612C3.27367 5.94112 3.5875 5.48612 4.07867 4.99496C4.5675 4.50612 5.02367 4.19112 5.6875 3.94729C6.1775 3.75362 6.91367 3.52612 8.27867 3.45612C9.76617 3.40362 10.2037 3.38612 13.9475 3.38612L14 3.42112ZM14 7.71212C13.0559 7.71212 12.1211 7.89807 11.2489 8.25935C10.3767 8.62063 9.58417 9.15017 8.91661 9.81773C8.24905 10.4853 7.71951 11.2778 7.35823 12.15C6.99695 13.0222 6.811 13.957 6.811 14.9011C6.811 15.8452 6.99695 16.78 7.35823 17.6522C7.71951 18.5244 8.24905 19.317 8.91661 19.9845C9.58417 20.6521 10.3767 21.1816 11.2489 21.5429C12.1211 21.9042 13.0559 22.0901 14 22.0901C15.9066 22.0901 17.7352 21.3327 19.0834 19.9845C20.4316 18.6363 21.189 16.8078 21.189 14.9011C21.189 12.9945 20.4316 11.1659 19.0834 9.81773C17.7352 8.46953 15.9066 7.71212 14 7.71212ZM14 19.5678C11.4217 19.5678 9.33333 17.4795 9.33333 14.9011C9.33333 12.3228 11.4217 10.2345 14 10.2345C16.5783 10.2345 18.6667 12.3228 18.6667 14.9011C18.6667 17.4795 16.5783 19.5678 14 19.5678ZM23.1537 7.42862C23.1375 7.86335 22.9534 8.27487 22.6401 8.5767C22.3268 8.87853 21.9087 9.04717 21.4737 9.04717C21.0386 9.04717 20.6205 8.87853 20.3073 8.5767C19.994 8.27487 19.8099 7.86335 19.7937 7.42862C19.7937 6.98306 19.9707 6.55574 20.2857 6.24068C20.6008 5.92562 21.0281 5.74862 21.4737 5.74862C21.9192 5.74862 22.3465 5.92562 22.6616 6.24068C22.9767 6.55574 23.1537 6.98306 23.1537 7.42862Z" fill="currentColor"/>
3988</svg><span
3989class="sr-only">Instagram</span>
3990</a></li><li>
3991<a
3992href="https://x.com/archromagroup"
3993target="_blank"
3994rel="noopener noreferrer"
3995class="transition duration-300 hover:text-brand-dark-blue"
3996onclick="    window.dataLayer.push({
3997event: 'ui_event',
3998category: 'site_footer',
3999action: 'click',
4000label: 'X'
4001});
4002"
4003>
4004<svg
4005width="28" height="30" viewBox="0 0 28 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
4006<g
4007clip-path="url(#clip0_2257_3595)">
4008<path
4009d="M16.6638 12.6992L27.0874 0.5625H24.6174L15.5665 11.1006L8.33765 0.5625H0L10.9315 16.498L0 29.2252H2.47021L12.0281 18.0966L19.6623 29.2252H28L16.6632 12.6992H16.6638ZM13.2805 16.6384L12.1729 15.0516L3.36026 2.42512H7.15435L14.2663 12.6151L15.3739 14.2019L24.6185 27.4473H20.8244L13.2805 16.639V16.6384Z" fill="currentColor"/>
4010</g>
4011<defs>
4012<clipPath
4013id="clip0_2257_3595">
4014<rect
4015width="28" height="28.6774" fill="white" transform="translate(0 0.5625)"/>
4016</clipPath>
4017</defs>
4018</svg><span
4019class="sr-only">X</span>
4020</a></li><li>
4021<a
4022href="https://mp.weixin.qq.com/s/JIyvZbfJGbhga3E2KMyJAQ"
4023target="_blank"
4024rel="noopener noreferrer"
4025class="transition duration-300 hover:text-brand-dark-blue"
4026onclick="    window.dataLayer.push({
4027event: 'ui_event',
4028category: 'site_footer',
4029action: 'click',
4030label: 'WeChat'
4031});
4032"
4033>
4034<svg
4035width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
4036<path
4037d="M27.4646 12.7742C26.7541 11.1642 25.4137 9.8856 23.8574 9.09812C21.1111 7.7075 17.6964 7.71566 14.9571 9.13312C13.0543 10.1096 11.4654 11.8595 11.0151 13.9887C10.6441 15.5566 10.9766 17.2447 11.8084 18.6097C13.0462 20.6653 15.2838 21.9778 17.6077 22.3989C19.2912 22.7407 21.033 22.5377 22.6686 22.0664C23.6509 22.4467 24.5259 23.0627 25.4778 23.5201C25.2322 22.6972 24.9692 21.8796 24.6892 21.0678C25.7578 20.3095 26.7261 19.3633 27.3071 18.1757C28.1751 16.5249 28.2276 14.4763 27.4646 12.7742ZM15.8869 1.73083C12.9762 0.0928758 9.35145 -0.153284 6.2202 0.978351C4.16226 1.71916 2.30031 3.09579 1.15001 4.96824C0.105872 6.65986 -0.284951 8.76913 0.217869 10.7046C0.723021 12.8512 2.21398 14.6513 4.02343 15.8529C3.67344 
403716.8446 3.34095 17.835 3.02596 18.8337C4.16342 18.2387 5.30089 17.6169 6.43953 17.0126C7.80449 17.4501 9.25695 17.6647 10.7094 17.6169C10.3317 16.5106 10.2295 15.3288 10.4119 14.1741C10.6744 12.5747 11.5494 11.1117 12.7382 10.0279C14.7518 8.14382 17.6042 7.34934 20.3166 7.54183C19.808 5.05107 18.058 2.94646 15.8554 1.732L15.8869 1.73083ZM17.9087 13.3843C17.6649 14.145 16.5601 14.3736 16.0246 13.795C15.4343 13.2595 15.6641 12.1407 16.4387 11.9015C17.2951 11.5399 18.2844 12.528 17.9087 13.3843ZM23.5027 13.4917C23.2041 14.1753 22.1716 14.3351 21.6641 13.8067C21.4203 13.5838 21.3491 13.2478 21.2628 12.955C21.3841 12.4207 21.7528 11.8665 22.3477 11.8409C23.1702 11.7266 23.9064 12.7427 23.4852 13.4928H23.5027V13.4917ZM15.1554 5.96221C15.1648 7.08335 13.668 7.78333 12.828 7.02268C11.9565 6.39853 12.2039 4.87957 13.227 4.56575C14.1428 4.19826 15.2254 4.96707 15.1531 5.94821L15.1554 5.96221ZM8.08681 6.24687C7.88615 7.22101 6.58069 7.69116 5.81655 7.03785C4.93107 6.4137 5.17956 4.86674 6.21903 4.55175C7.2375 4.15976 8.39481 5.1934 8.08681 6.24687Z" fill="currentColor"/>
4038</svg><span
4039class="sr-only">WeChat</span>
4040</a></li><li>
4041<a
4042href="https://www.youtube.com/@ArchromaGroup"
4043target="_blank"
4044rel="noopener noreferrer"
4045class="transition duration-300 hover:text-brand-dark-blue"
4046onclick="    window.dataLayer.push({
4047event: 'ui_event',
4048category: 'site_footer',
4049action: 'click',
4050label: 'YouTube'
4051});
4052"
4053>
4054<svg
4055width="28" height="21" viewBox="0 0 28 21" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
4056<path
4057d="M27.4154 3.60514C27.2532 3.02364 26.9436 2.49385 26.5167 2.06696C26.0898 1.64006 25.56 1.33052 24.9785 1.16823C22.7961 0.583513 14.0125 0.583513 14.0125 0.583513C14.0125 0.583513 5.25104 0.571842 3.04638 1.16823C2.46489 1.33052 1.93509 1.64006 1.5082 2.06696C1.08131 2.49385 0.771765 3.02364 0.609478 3.60514C0.195765 5.83956 -0.00819708 8.10777 0.000252085 10.3802C-0.00659981 12.644 0.197356 14.9035 0.609478 17.1295C0.771765 17.711 1.08131 18.2408 1.5082 18.6677C1.93509 19.0946 2.46489 19.4041 3.04638 19.5664C5.22653 20.1523 14.0125 20.1523 14.0125 20.1523C14.0125 20.1523 22.7727 20.1523 24.9785 19.5664C25.56 19.4041 26.0898 19.0946 26.5167 18.6677C26.9436 18.2408 27.2532 17.711 27.4154 17.1295C27.819 14.9027 28.0143 12.6432 27.999 10.3802C28.0159 8.10857 27.8205 5.84037 27.4154 3.60514ZM11.2091 14.5712V6.17626L18.5198 10.3802L11.2091 14.5712Z" fill="#343434"/>
4058</svg><span
4059class="sr-only">YouTube</span>
4060</a></li><li>
4061<a
4062href="https://vimeo.com/Archroma"
4063target="_blank"
4064rel="noopener noreferrer"
4065class="transition duration-300 hover:text-brand-dark-blue"
4066onclick="    window.dataLayer.push({
4067event: 'ui_event',
4068category: 'site_footer',
4069action: 'click',
4070label: 'Vimeo'
4071});
4072"
4073>
4074<svg
4075width="28" height="25" viewBox="0 0 28 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
4076<path
4077d="M27.9725 5.85429C27.85 8.58189 25.9437 12.321 22.263 17.0645C18.4504 22.0192 15.2328 24.496 12.5915 24.496C10.9477 24.496 9.58393 22.9864 8.44646 19.9683L6.20885 11.6688C5.37003 8.65422 4.47289 7.14459 3.51158 7.14459C3.30275 7.14459 2.57127 7.58558 1.31713 8.46523L0 6.76544C1.37051 5.55918 2.73201 4.34273 4.0844 3.11619C5.92652 1.52023 7.31015 0.683752 8.23063 0.597421C10.4087 0.387426 11.7492 1.88072 12.252 5.07498C12.7945 8.52006 13.1725 10.662 13.3848 11.4997C14.0137 14.3579 14.7043 15.7859 15.4568 15.7859C16.0424 15.7859 16.9221 14.8572 18.0992 13.0034C19.2705 11.1497 19.8958 9.74036 19.9798 8.77089C20.1478 7.17143 19.519 6.36645 18.0969 6.36645C17.4272 6.36645 16.7354 6.50761 16.0238 6.8226C17.4074 2.31005 20.03 0.106266 23.9126 0.246263C26.7977 0.316261 28.1451 2.18755 27.9876 5.84263L27.9725 5.85429Z" fill="currentColor"/>
4078</svg><span
4079class="sr-only">Vimeo</span>
4080</a></li></ul></nav></div></div><div
4081class="flex flex-col gap-10 md:flex-row lg:w-auto"><div
4082class="t_body-xs md:w-1/2">
4083&copy; Copyright by Archroma 2026. All rights reserved.</div><ul
4084class="flex flex-row flex-wrap gap-6 md:justify-end md:w-1/2 lg:w-full"><li>
4085<a
4086class="t_body-xs hover:underline" href="https://www.archroma.com/general-terms-and-conditions-of-sale" onclick="    window.dataLayer.push({
4087event: &#039;ui_event&#039;,
4088category: &#039;link&#039;,
4089action: &#039;click&#039;,
4090label: &#039;General Terms and Conditions of Sale&#039;
4091});
4092">General Terms and Conditions of Sale</a></li><li>
4093<a
4094class="t_body-xs hover:underline" href="https://www.archroma.com/general-purchasing-conditions" onclick="    window.dataLayer.push({
4095event: &#039;ui_event&#039;,
4096category: &#039;link&#039;,
4097action: &#039;click&#039;,
4098label: &#039;General Purchasing Conditions&#039;
4099});
4100">General Purchasing Conditions</a></li><li>
4101<a
4102class="t_body-xs hover:underline" href="https://www.archroma.com/privacy-policy" onclick="    window.dataLayer.push({
4103event: &#039;ui_event&#039;,
4104category: &#039;link&#039;,
4105action: &#039;click&#039;,
4106label: &#039;Privacy policy&#039;
4107});
4108">Privacy policy</a></li><li>
4109<a
4110class="t_body-xs hover:underline" href="https://www.archroma.com/legal-notices" onclick="    window.dataLayer.push({
4111event: &#039;ui_event&#039;,
4112category: &#039;link&#039;,
4113action: &#039;click&#039;,
4114label: &#039;Legal notices&#039;
4115});
4116">Legal notices</a></li></ul></div></div></footer></div>
4117<script>
vendor: 517 bytes, lines 4117-4129
4117        (function(w, d, s, l, i) {
4118        w[l] = w[l] || [];
4119        w[l].push({
4120                'gtm.start':
4121                        new Date().getTime(), event: 'gtm.js'
4122        });
4123        var f = d.getElementsByTagName(s)[0],
4124                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
4125        j.async = true;
4126        j.src =
4127                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
4128        f.parentNode.insertBefore(j, f);
4129        })(window, document, 'script', 'dataLayer', '
4129GTM-NT59GZQJ
vendor: 13 bytes, lines 4129-4131
4129');
4130
4131        
4131function getCookieValue(name) {
4132                const value = `; ${document.cookie}`;
4133                const parts = value.split(`; ${name}=`);
4134                if (parts.length === 2) return parts.pop().split(';').shift();
4135                return null;
4136        }
4137
4138        const featureFlagsCookie = getCookieValue('featureFlags');
4139
4140        if (featureFlagsCookie) {
4141                // Send the feature flags to GTM
4142                window.dataLayer = window.dataLayer || [];
4143                window.dataLayer.push({
4144                        'event': 'featureFlags',
4145                        'featureFlags': featureFlagsCookie.split('|')
4146                });
4147        }
4148</script>
vendor: 1 bytes, line 4148
4148
4149<script>function sendEventWhenIdle(callback, options) {
4150    if ('requestIdleCallback' in window) {
4151        return window.requestIdleCallback(callback, options);
4152    } else {
4153        return setTimeout(callback, 1);
4154    }
4155}
4156
4157sendEventWhenIdle(() => {
4158    window.dataLayer.push({
4159        'event': 'page-is-idle'
4160    });
4161}, { timeout: 2000 });
4162
4163</script>
vendor: 1 bytes, line 4163
4163
4164<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"AboutPage","author":{"@id":"https://www.archroma.com#identity"},"copyrightHolder":{"@id":"https://www.archroma.com#identity"},"copyrightYear":"2024","creator":{"@id":"https://www.archroma.com#creator"},"dateCreated":"2024-11-21T11:41:12+01:00","dateModified":"2026-04-10T16:00:08+02:00","datePublished":"2024-11-21T11:49:00+01:00","description":"Learn about Archroma’s global leadership in sustainable specialty chemicals, innovation, and industry transformation for a better future.","headline":"About Archroma","image":{"@type":"ImageObject","url":"https://www.archroma.com/uploads/images/_1200x630_crop_center-center_82_none/shutterstock_2374001175.jpg?mtime=1737631538"},"inLanguage":"en","mainEntityOfPage":"https://www.archroma.com/about","name":"About Archroma","publisher":{"@id":"https://www.archroma.com#creator"},"url":"https://www.archroma.com/about"},{"@id":"https://www.archroma.com#identity","@type":"Corporation","address":{"@type":"PostalAddress","addressCountry":"CH","addressLocality":"Pratteln","addressRegion":"Basel-Landschaft","postalCode":"4133","streetAddress":"Hardstrasse 1"},"alternateName":"Archroma Management GmbH","description":"Archroma is a global specialty chemicals company headquartered in Pratteln, Switzerland, providing sustainable solutions for textiles, packaging and coatings.","email":"[email protected]","foundingDate":"2013","image":{"@type":"ImageObject","height":"595","url":"https://www.archroma.com/uploads/images/archroma-logoweb.png","width":"1068"},"logo":{"@type":"ImageObject","height":"334","url":"https://www.archroma.com/uploads/images/_600x600_fit_center-center_82_none/archroma-logoweb.png?mtime=1750249775","width":"600"},"name":"Archroma","sameAs":["https://x.com/archromagroup","https://www.facebook.com/ArchromaGroup/","https://www.linkedin.com/company/archroma/","https://www.youtube.com/@ArchromaGroup","https://www.instagram.com/archromagroup/","https://vimeo.com/Archroma"],"url":"https://www.archroma.com"},{"@id":"https://www.archroma.com#creator","@type":"Corporation","address":{"@type":"PostalAddress","addressCountry":"CH","addressLocality":"4133 Pratteln","addressRegion":"Basel-Landschaft","streetAddress":"Hardstrasse 1"},"name":"Archroma","url":"https://www.archroma.com"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.archroma.com/","name":"Specialty chemicals for branded and performance textiles, packaging, coatings and adhesives.","position":1},{"@type":"ListItem","item":"https://www.archroma.com/about","name":"About","position":2}],"name":"Breadcrumbs"}]}</script>
4164</body></html><!-- Cached by Blitz on 2026-09-30T16:22:50+02:00 --><!-- Served by Blitz on 2026-10-01T15:52:43+02:00 -->

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.