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('vite-script-loaded', {detail:{path: 'src/js/site.js'}});document.dispatchEvent(e);"></script>
6 <link 7href="https://www.archroma.com/dist/assets/app-DhDPg0uF.css" rel="stylesheet" media="print" onload="this.media='all'"><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">✓</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">×</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 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:object-contain [&_svg]:shrink-0 px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&_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 & Services' 975}); 976" 977> 978<span 979class="block w-full relative font-bold text-white text-base">Tools & 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 & Services' 1035}); 1036" 1037> 1038<span 1039class="block w-full relative font-bold text-white text-base">Tools & 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&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&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 & 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 & 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&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&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 & 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 & 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 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:object-contain [&_svg]:shrink-0 justify-between px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&_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 & Services' 2260}); 2261" 2262> 2263<span 2264class="block w-full relative font-bold text-white text-base">Tools & 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 & Services' 2345}); 2346" 2347> 2348<span 2349class="block w-full relative font-bold text-white text-base">Tools & 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&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&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 & 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 & 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&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&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 & 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 & 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&fp=0.5-0.5 480w, https://www.archroma.com/uploads/images/_640xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&fp=0.5-0.5 640w, https://www.archroma.com/uploads/images/_800xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&fp=0.5-0.5 800w, https://www.archroma.com/uploads/images/_1200xAUTO_crop_center-center_75_none/59415/shutterstock_2374001175.webp?v=1736314603&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 & 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&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&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&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&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&
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 & 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&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&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&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 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:object-contain [&_svg]:shrink-0 h-12 w-12 justify-center bg-brand-light-blue !text-white [&_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&fp=0.5-0.5 320w, https://www.archroma.com/uploads/images/_480x321_crop_center-center_75_none/51210/image22.webp?v=1734017895&fp=0.5-0.5 480w, https://www.archroma.com/uploads/images/_640x427_crop_center-center_75_none/51210/image22.webp?v=1734017895&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 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:object-contain [&_svg]:shrink-0 h-12 w-12 justify-center bg-brand-light-blue !text-white [&_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 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:object-contain [&_svg]:shrink-0 justify-between hidden sm:flex px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&_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&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&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&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&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&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&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&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&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&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&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&fp=0.5-0.5 252w, https://www.archroma.com/uploads/images/_504xAUTO_crop_center-center_75_none/79500/EcoVadis-2025.webp?v=1763364585&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:object-contain [&_svg]:shrink-0 justify-between px-8 py-3 bg-gradient-green animate-bg-gradient !text-white [&_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: 'ui_event', 3781category: 'link', 3782action: 'click', 3783label: 'Who we are' 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: 'ui_event', 3789category: 'link', 3790action: 'click', 3791label: 'Sustainability' 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: 'ui_event', 3797category: 'link', 3798action: 'click', 3799label: 'Careers' 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: 'ui_event', 3805category: 'link', 3806action: 'click', 3807label: 'News &amp; Stories' 3808}); 3809">News & Stories</a></li><li> 3810<a 3811class="t_body-s hover:underline" href="https://www.archroma.com/events" onclick=" window.dataLayer.push({ 3812event: 'ui_event', 3813category: 'link', 3814action: 'click', 3815label: 'Events &amp; Conferences' 3816}); 3817">Events & Conferences</a></li><li> 3818<a 3819class="t_body-s hover:underline" href="https://www.archroma.com/press-releases" onclick=" window.dataLayer.push({ 3820event: 'ui_event', 3821category: 'link', 3822action: 'click', 3823label: 'Press Area' 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: 'ui_event', 3829category: 'link', 3830action: 'click', 3831label: 'Contact Us' 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: 'ui_event', 3839category: 'link', 3840action: 'click', 3841label: 'About Textile Effects' 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: 'ui_event', 3847category: 'link', 3848action: 'click', 3849label: 'Markets' 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: 'ui_event', 3855category: 'link', 3856action: 'click', 3857label: 'Innovations' 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: 'ui_event', 3863category: 'link', 3864action: 'click', 3865label: 'Tools &amp; Services ' 3866}); 3867">Tools & 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: 'ui_event', 3873category: 'link', 3874action: 'click', 3875label: 'About Packaging Technologies' 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: 'ui_event', 3881category: 'link', 3882action: 'click', 3883label: 'Markets' 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: 'ui_event', 3889category: 'link', 3890action: 'click', 3891label: 'Innovations' 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: 'ui_event', 3897category: 'link', 3898action: 'click', 3899label: 'Tools &amp; Services ' 3900}); 3901">Tools & 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 & 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: 'ui_event', 3907category: 'link', 3908action: 'click', 3909label: 'Certifications &amp; Policies' 3910}); 3911">Certifications & Policies</a></li><li> 3912<a 3913class="t_body-s hover:underline" href="https://www.archroma.com/affiliation-memberships" onclick=" window.dataLayer.push({ 3914event: 'ui_event', 3915category: 'link', 3916action: 'click', 3917label: 'Affiliation &amp; memberships' 3918}); 3919">Affiliation & memberships</a></li><li> 3920<a 3921class="t_body-s hover:underline" href="https://www.archroma.com/compl
3921iance" onclick=" window.dataLayer.push({ 3922event: 'ui_event', 3923category: 'link', 3924action: 'click', 3925label: 'Compliance' 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© 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: 'ui_event', 4088category: 'link', 4089action: 'click', 4090label: 'General Terms and Conditions of Sale' 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: 'ui_event', 4096category: 'link', 4097action: 'click', 4098label: 'General Purchasing Conditions' 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: 'ui_event', 4104category: 'link', 4105action: 'click', 4106label: 'Privacy policy' 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: 'ui_event', 4112category: 'link', 4113action: 'click', 4114label: 'Legal notices' 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.