PageSourceSearch

https://tanatexchemicals.com/contact

html tanatexchemicals.com collected 2026-10-05 00:49:21 UTC 559,266 bytes, 8,649 lines download raw bytes

1<!DOCTYPE html>
2
3<!--
4
5    Dit is een Slimme website gemaakt door Vormkracht10 met ♥
6    www.vormkracht10.nl
7
8-->
9
10<html lang="en">
11    <head>
12        <meta charset="utf-8">
13        <title>Contact | TANATEX Chemicals</title>
14            <!-- Google Tag Manager / Google Analytics script -->
15            <!-- Google Tag Manager -->
16        
16<script>
vendor: 359 bytes, lines 16-20
16(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
17        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
18        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
19        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
20        })(window,document,'script','dataLayer','
20GTM-5LV2V3CR
vendor: 3 bytes, line 20
20');
20</script>
20
21        <!-- End Google Tag Manager -->
22        
22<script>
23    window.Laravel = {"algoliaIndex":"tanatex","csrf":true,"csrfToken":"roiM3sWJTkD3NFZNNg9yXij6Rmx6u0JsgBkH3cYG","env":"production","googleMaps":"AIzaSyCangx3Fzot9sDmfsSOVfTad9ujPWPNYH0","honeypot":"eyJpdiI6IkREcEpzVVdQM2ZDTy9GRDdWQUE5ZXc9PSIsInZhbHVlIjoieC9FSjIxNTlLei9iY0k4SkN3Rk4xdz09IiwibWFjIjoiMzA4ZjJlMTY4MmQ4ODkyYzdjZjhlYmUzYzFiOGIzMDVjYjMxYWUxMzQwNDVlZmE0YzY1MDYzMTg2MzcxMzhjMyIsInRhZyI6IiJ9","locale":"en","uploadcare":"cbc06b72bb76ff2d944c","user":null};
24</script>
24
25
26        
26<script>
27    if(!1!==window.Laravel.csrf){function refreshCsrfToken(){var e=new XMLHttpRequest;e.open("GET","/csrf"),e.setRequestHeader("X-Requested-With","XMLHttpRequest"),e.onload=function(){200===e.status&&(window.Laravel.csrfToken=e.responseText,setCsrfToken())},e.send()}function setCsrfToken(){if(void 0!==window.Laravel.csrfToken){for(var e=document.querySelectorAll('input[type="hidden"][name="_token"]'),t=0;t<e.length;t++)e[t].value=window.Laravel.csrfToken,e[t].setAttribute("value",window.Laravel.csrfToken);document.querySelector('meta[name="csrf-token"]').content=window.Laravel.csrfToken}}document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('input[type="hidden"][name="_token"]').length>0&&(refreshCsrfToken(),setInterval(function(){refreshCsrfToken()},12e4))})}if(document.addEventListener("DOMContentLoaded",function(){var e=null,t=0;if(void 0!==window.FormData){var n=function(n){let o=n.currentTarget;if("button"==n.target.tagName)return;if(null!==e&&0===t)return;null!==e&&t>0&&e.abort();let a=new FormData,u=o.querySelectorAll('input:not([type="file"]), textarea, select'),s=o.getAttribute("action").split("?");r(u,function(e,t){("radio"!=t.type&&"checkbox"!=t.type||("radio"===t.type||"checkbox"===t.type)&&t.checked)&&a.append(t.getAttribute("name"),t.value)}),(e=new XMLHttpRequest).open("POST",s[0]+"/update?"+(s[1]?s[1]:"")),e.setRequestHeader("X-Requested-With","XMLHttpRequest"),e.setRequestHeader("X-CSRF-TOKEN",document.querySelector('meta[name="csrf-token"]').content),e.addEventListener("readystatechange",()=>{4===e.readyState&&200===e.status&&t++}),e.send(a)},o=document.querySelectorAll(".form form"),r=function(e,t,n){for(var o=0;o<e.length;o++)t.call(n,o,e[o])};r(o,function(e,t){t.addEventListener("change",n,!1)})}}),!1!==window.Laravel.honeypot){function refreshHoneypot(){var e=new XMLHttpRequest;e.open("GET","/honeypot"),e.setRequestHeader("X-Requested-With","XMLHttpRequest"),e.onload=function(){200===e.status&&(window.Laravel.honeypot=e.responseText,setHoneypot())},e.send()}function setHoneypot(){if(void 0!==window.Laravel.honeypot)for(var e=document.querySelectorAll('input[name="your_submission_date"]'),t=0;t<e.length;t++)e[t].value=window.Laravel.honeypot,e[t].setAttribute("value",window.Laravel.honeypot)}document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('input[name="your_submission_date"]').length>0&&refreshHoneypot()})}
28</script>
28
29    
30                    
31                        <meta name="apple-mobile-web-app-title" content="TANATEX">
32    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
33    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
34        <meta name="generator" content="Vormkracht10">
35        <meta name="csrf-token" content="roiM3sWJTkD3NFZNNg9yXij6Rmx6u0JsgBkH3cYG">
36        <link rel="shortcut icon" href="https://tanatexchemicals.com/favicon.ico">
37            <meta name="format-detection" content="telephone=no">
38            
39        
40                    <meta name="description" content="Contact TANATEX for inquiries, product support, or partnerships. Click here to reach us digitally or find your local representative&#039;s information.">
41                                    <meta name="robots" content="index,follow">
42        
43        
44                    <link rel="canonical" href="https://tanatexchemicals.com/contact">
45        
46        <meta name="twitter:card" content="summary_large_image">
47        <meta name="twitter:title" content="Contact | TANATEX Chemicals">
48                <meta name="twitter:description" content="Contact TANATEX for inquiries, product support, or partnerships. Click here to reach us digitally or find your local representative&#039;s information.">
49                        <meta name="twitter:image" content="https://tanatexchemicals.com/og-image.png">
50                <meta name="twitter:url" content="https://tanatexchemicals.com/contact">
51
52        <meta property="og:title" content="Contact | TANATEX Chemicals">
53        <meta property="og:type" content="website">
54        <meta property="og:url" content="https://tanatexchemicals.com/contact">
55                <meta property="og:description" content="Contact TANATEX for inquiries, product support, or partnerships. Click here to reach us digitally or find your local representative&#039;s information.">
56        
57                    <meta property="og:image" content="https://tanatexchemicals.com/og-image.png">
58            
59    
60    <link rel="apple-touch-icon" sizes="180x180" href="https://tanatexchemicals.com/assets/frontend/img/favicon/apple-touch-icon.png?v=1791072016">
61    <link rel="icon" type="image/png" sizes="32x32" href="https://tanatexchemicals.com/assets/frontend/img/favicon/favicon-32x32.png?v=1791072016">
62    <link rel="icon" type="image/png" sizes="16x16" href="https://tanatexchemicals.com/assets/frontend/img/favicon/favicon-16x16.png?v=1791072016">
63    <link rel="manifest" href="https://tanatexchemicals.com/assets/frontend/img/favicon/site.webmanifest?v=1791072016">
64    <link rel="mask-icon" href="https://tanatexchemicals.com/assets/frontend/img/favicon/safari-pinned-tab.svg?v=1791072016" color="#e4022e">
65    <meta name="msapplication-TileColor" content="#d3dce1">
66    <meta name="theme-color" content="#e4022e">
67
68            
68<script type="application/ld+json">
69    {
70        "@context": "https://schema.org",
71        "@type": "WebPage",
72        "name": "Contact",
73        "url": "https://tanatexchemicals.com/contact",
74        "description": "Contact TANATEX for inquiries, product support, or partnerships. Click here to reach us digitally or find your local representative's information.",
75        "inLanguage": "en",
76        "isPartOf": {
77            "@type": "WebSite",
78            "name": "TANATEX",
79            "url": "https://tanatexchemicals.com/"
80        }            }
81</script>
81            
82        <style
83    >
84    .article-grid{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:2rem}.article-grid figure{margin:0!important;width:100%!important}.article-grid figure img{width:100%}.article-grid .column-2{width:30.33333%}@media only screen and (min-width:769px){.article-grid .column-2{width:15.6666%}}.article-grid .column-3{width:100%}@media only screen and (min-width:769px){.article-grid .column-3{width:24%}}.article-grid .column-4{width:100%}@media only screen and (min-width:769px){.article-grid .column-4{width:30.3333%}}.article-grid .column-5{width:100%}@media only screen and (min-width:769px){.article-grid .column-5{width:39.66666%}}.article-grid .column-6{width:100%}@media only screen and (min-width:769px){.article-grid .column-6{width:47.5%}}.article-grid .column-7{width:100%}@media only screen and (min-width:769px){.article-grid .column-7{width:56.33333%}}.article-grid .column-8{width:100%}@media only screen and (min-width:769px){.article-grid .column-8{width:64.66666%}}.article-grid td{border:1px solid #cfd0d1;border:1px solid hsla(210,2%,82%,.6)}
85</style>
86    
87        <style
88    >
89    .generated hr{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));border-width:1px;display:block;margin-bottom:5rem;margin-top:5rem}.generated table{border-collapse:collapse;margin-bottom:2.5rem;margin-top:2.5rem;width:100%}.generated table,.generated td,.generated th{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));border-width:1px;padding:.5rem 1rem}.generated figure,.generated img,.generated svg{height:auto!important;width:100%!important}.generated figure.float-left{float:left;margin-bottom:.25rem;margin-right:2rem;margin-top:1rem}.generated figure.float-right{float:right;margin-bottom:1rem;margin-left:2rem;margin-top:2rem}.generated figure.align-center{text-align:center}.generated pre{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.375rem;display:inline-block;margin-bottom:2.5rem;margin-top:2.5rem;padding:1rem}.generated pre code{font-size:1.4rem;line-height:1.6}.generated .article-grid{margin-bottom:2.5rem;margin-top:2.5rem}.generated .valign-top{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.generated .valign-middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.generated .valign-bottom{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.generated .align-left{text-align:left}.generated .align-right{text-align:right}.generated .align-center{text-align:center}.generated .align-justify{text-align:justify}html{background-color:#fff;font-size:62.5%;height:100%}.frontend{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));opacity:0;width:100vw}[x-cloak]{display:none}.carousel{opacity:0}.padding-default{padding-bottom:4rem;padding-top:4rem}@media screen and (min-width:769px){.padding-default{padding-bottom:8rem;padding-top:8rem}}.padding-top{padding-top:4rem}@media screen and (min-width:769px){.padding-top{padding-top:8rem}}.padding-bottom{padding-bottom:4rem}@media screen and (min-width:769px){.padding-bottom{padding-bottom:8rem}}.image-padding{--tw-bg-opacity:1;background-color:rgb(211 220 225/var(--tw-bg-opacity));display:block;height:0;overflow:hidden;padding-bottom:66.67%;position:relative;width:100%}.image-padding.image-padding-full{padding-bottom:100%}.image-padding>img{--tw-translate-y:-50%;left:0;min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;width:100%}.image-grow,.image-padding>img{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.image-grow{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);will-change:transform}.image-grow:hover,a:hover>.image-grow{--tw-scale-x:1.05;--tw-scale-y:1.05;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
90</style>
91    
92                                        <link rel="stylesheet" href="https://tanatexchemicals.com/assets/frontend/css/main.css?id=ed0398d6b713be499ce612b45d54ddcc">
93                    
94        
95                <link
96        as="style"
97        rel="stylesheet preload prefetch"
98        href="https://tanatexchemicals.com/assets/frontend/css/fonts.css?id=0c5e3166945159993433b97f370586b2"
99        type="text/css"
100        crossorigin="anonymous" />
101                            
101<script type="application/ld+json">
102    {
103        "@context": "https://schema.org",
104        "@type": "Organization",
105        "@id": "https://tanatexchemicals.com/#organization",
106        "name": "TANATEX Chemicals",
107                        "telephone": "+31 (0)318 67 09 11",
108                                                                "url": "https://tanatexchemicals.com/"
109    }
110</script>
110
111    </head>
112    <body class="frontend type-page page-contact page-18 not-homepage template-contact auth-guest site-tanatex language-en language-multi depth-0 " data-instant-intensity="viewport" data-content-id="18" data-content-type="page" data-depth="0" data-cache="1" data-content-scheduled="0" data-content-published="1" data-content-expired="0" data-content-left="">
113            <!-- Google Tag Manager / Google Analytics noscript -->
114    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 114-115
114
115    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
115GTM-5LV2V3CR
vendor: 91 bytes, lines 115-117
115"
116    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
117    
117<!-- End Google Tag Manager (noscript) -->
118                        <div class="frontend">
119        <header role="banner" class="container relative z-40">
120            
121            <a class="absolute z-40 pt-[1.5rem] component-logo top-0 lg:pt-[7.5rem] flex w-[16rem] lg:w-[20rem] svg-fill js-site-logo site-logo transition-opacity duration-300 ease-in-out" href="https://tanatexchemicals.com"
122    aria-label="Go to homepage TANATEX">
123                        <svg id="logo-6ac1971af1eb4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="74.744" viewBox="0 0 200 74.744"><defs><style> .cls-1-6ac1971af1eb4{ fill: none; } .cls-2-6ac1971af1eb4{ clip-path: url(#clip-path-6ac1971af1eb4); } .cls-3-6ac1971af1eb4{ fill: #e4022e; } </style><clipPath id="clip-path-6ac1971af1eb4"><rect id="rectangle-1-6ac1971af1eb4" data-name="Rectangle 1" class="cls-1-6ac1971af1eb4" width="200" height="74.745"/></clipPath></defs><g id="group-122-6ac1971af1eb4" data-name="Group 122" class="cls-2-6ac1971af1eb4"><path id="path-1-6ac1971af1eb4" data-name="Path 1" d="M569.24,50.384l-3.708,3.692c-.656.65-.736,1.634.29,2.66a1.693,1.693,0,0,0,2.378,0l3.708-3.692a1.689,1.689,0,0,0,.021-2.394c-1.016-1.013-2.015-.94-2.689-.266" transform="translate(-399.523 -35.27)"/><path id="path-2-6ac1971af1eb4" data-name="Path 2" d="M619.311.5,615.6,4.192c-.653.65-.736,1.634.29,2.66a1.69,1.69,0,0,0,2.378,0l3.705-3.692A1.683,1.683,0,0,0,622,.766c-1.013-1.01-2.015-.938-2.69-.266" transform="translate(-434.928 0)"/>
123<path id="path-3-6ac1971af1eb4" data-name="Path 3" d="M267.468,99.947a.578.578,0,0,1-.578.575h-5.562A2.22,2.22,0,0,1,259.1,98.3V95.251a2.218,2.218,0,0,1,2.228-2.209h5.562a.574.574,0,1,1,0,1.147h-4.329a1.111,1.111,0,0,0-1.11,1.107v2.961a1.11,1.11,0,0,0,1.11,1.115l4.329-.011a.582.582,0,0,1,.578.586" transform="translate(-183.202 -65.787)"/><path id="path-4-6ac1971af1eb4" data-name="Path 4" d="M301.589,94.3v5.124a1.177,1.177,0,0,1-2.354-.011V94.286a1.177,1.177,0,0,1,2.354.013m-2.974,3.176a.58.58,0,0,1-.578.575l-1.357-.011a1.106,1.106,0,0,0-1.107,1.1v.282a1.177,1.177,0,0,1-2.354-.011V94.286a1.177,1.177,0,0,1,2.354.013v2.59h2.464a.58.58,0,0,1,.578.586" transform="translate(-207.325 -65.848)"/><path id="path-5-6ac1971af1eb4" data-name="Path 5" d="M332.845,96.753a.637.637,0,1,1,0,1.274h-1.22a.637.637,0,0,1,0-1.274Zm3.6-1.531V96.8a1.177,1.177,0,0,1-2.354,0V95.27a1.107,1.107,0,0,0-1.1-1.107h-1.448a1.107,1.107,0,0,0-1.107,1.107v2.961a1.107,1.107,0,0,0,1.107,1.115l4.038-.011a.58.58,0,0,1,0,1.161H330.3a2.22,2.22,0,0,1-2.227-2.219V95.221A2.22,2.22,0,0,1,330.3,93h3.915a2.219,2.219,0,0,1,2.225,2.219" transform="translate(-231.969 -65.759)"/><path id="path-6-6ac1971af1eb4" data-name="Path 6" d="M374.012,95.222v4.1a1.17,1.17,0,0,1-2.34,0l-.011-4.057a1.109,1.109,0,0,0-1.11-1.1h-.768a2.236,2.236,0,0,1,.272,1.058v4.1a1.177,1.177,0,0,1-2.354,0V95.268a1.1,1.1,0,0,0-1.051-1.1h-.417a.576.576,0,0,1-.578-.575.57.57,0,0,1,.578-.575h5.559a2.216,2.216,0,0,1,2.219,2.208m-8.8,4.079a1.174,1.174,0,0,1-2.348,0V94.174a1.174,1.174,0,0,1,2.348,0Z" transform="translate(-256.569 -65.759)"/><path id="path-7-6ac1971af1eb4" data-name="Path 7" d="M408.31,84.154a1.168,1.168,0,1,0,1.174,1.174,1.172,1.172,0,0,0-1.174-1.174m2.915,9.509a.581.581,0,0,1-.589.575H409.36a2.22,2.22,0,0,1-2.227-2.219V87.926a1.175,1.175,0,0,1,2.351,0v4.047a1.109,1.109,0,0,0,1.107,1.115l.046-.011a.584.584,0,0,1,.589.586" transform="translate(-287.87 -59.502)"/><path id="path-8-6ac1971af1eb4" data-name="Path 8" d="M433.793,99.947a.576.576,0,0,1-.575.575h-5.565a2.22,2.22,0,0,1-2.227-2.219V95.251a2.218,2.218,0,0,1,2.227-2.209h5.565a.574.574,0,1,1,0,1.147h-4.329a1.112,1.112,0,0,0-1.112,1.107v2.961a1.11,1.11,0,0,0,1.112,1.115l4.329-.011a.58.58,0,0,1,.575.586" transform="translate(-300.804 -65.787)"/><path id="path-9-6ac1971af1eb4" data-name="Path 9" d="M467.889,99.33a1.176,1.176,0,0,1-2.351,0v-3.4a1.176,1.176,0,0,1,2.351,0Zm-1.746-2.544a.636.636,0,0,1,0,1.271H463a.636.636,0,1,1,0-1.271Zm1.169-2.593H462.98a1.106,1.106,0,0,0-1.1,1.1v4.057a1.175,1.175,0,0,1-2.351,0v-4.1a2.215,2.215,0,0,1,2.224-2.206h5.562a.571.571,0,0,1,.578.572.578.578,0,0,1-.578.575" transform="translate(-324.915 -65.789)"/><path id="path-10-6ac1971af1eb4" data-name="Path 10" d="M501.885,99.947a.579.579,0,0,1-.589.575h-4.7a2.222,2.222,0,0,1-2.23-2.219V94.2a1.177,1.177,0,0,1,2.354,0v4.055a1.109,1.109,0,0,0,1.11,1.115l3.469-.011a.583.583,0,0,1,.589.586" transform="translate(-349.549 -65.787)"/><path id="path-11-6ac1971af1eb4" data-name="Path 11" d="M526.736,93.584a.585.585,0,0,1,.591-.586l2.59.013a1.984,1.984,0,0,1,2.225,1.913v.32c0,.639-.521.873-1.174.873a1.181,1.181,0,0,1-1.177-1.171v.32a1.111,1.111,0,0,0-1.107-1.107h-1.357a.581.581,0,0,1-.591-.575m5.406,5.264v.473a1.176,1.176,0,0,1-2.351,0v-.427c0-.621-.518-.946-1.107-1.115s-1.311-.306-2.682-.642-2.216-.991-2.216-2.222v-.742a1.17,1.17,0,1,1,2.34,0l.013.7c0,.621.417.927,1.11,1.118s1.513.36,2.668.639c1.164.3,2.225.994,2.225,2.222" transform="translate(-370.351 -65.756)"/><path id="path-12-6ac1971af1eb4" data-name="Path 12" d="M22.747.284H17.505a1.691,1.691,0,0,0,0,3.383h5.242a1.692,1.692,0,1,0,0-3.383M1.682,3.667A1.687,1.687,0,0,1,0,1.99,1.664,1.664,0,0,1,1.682.316H8.77a6.438,6.438,0,0,1,6.459,6.438V18.708a3.411,3.411,0,1,1-6.822,0L8.375,6.883A3.23,3.23,0,0,0,5.143,3.667Z" transform="translate(0 -0.201)"/><path id="path-13-6ac1971af1eb4" data-name="Path 13" d="M117.594,18.721a3.429,3.429,0,0,1-6.857,0V8.8a3.429,3.429,0,0,1,6.857,0ZM111.726,11.3a1.855,1.855,0,0,1,0,3.711h-8.375a1.855,1.855,0,1,1,0-3.711Zm4.186-7.553H103.287a3.226,3.226,0,0,0-3.23,3.216V18.786a3.429,3.429,0,0,1-6.857,0V6.832A6.467,6.467,0,0,1,99.694.394h16.218a1.664,1.664,0,0,1,1.682,1.674,1.687,1.687,0,0,1-1.682,1.677" transform="translate(-65.899 -0.279)"/><path id="path-14-6ac1971af1eb4" data-name="Path 14" d="M199.893,3.664a1.685,1.685,0,0,1-1.682-1.676A1.664,1.664,0,0,1,199.893.314h8.01A6.468,6.468,0,0,1,214.4,6.751V18.705a3.429,3.429,0,0,1-6.857,0V6.883a3.23,3.23,0,0,0-3.23-3.219Zm-2.969,14.977a3.429,3.429,0,0,1-6.857,0V3.693a3.429,3.429,0,0,1,6.857,0Z" transform="translate(-134.39 -0.199)"/><path id="path-15-6ac1971af1eb4" data-name="Path 15" d="M310.229,18.721a3.429,3.429,0,0,1-6.857,0V8.8a3.429,3.429,0,0,1,6.857,0Zm-4.9-7.424a1.855,1.855,0,0,1,0,3.711h-9.337a1.855,1.855,0,1,1,0-3.711Zm3.222-7.553H295.922a3.226,3.226,0,0,0-3.23,3.216V18.786a3.429,3.429,0,0,1-6.857,0V6.832A6.467,6.467,0,0,1,292.329.394h16.218a1.664,1.664,0,0,1,1.682,1.674,1.687,1.687,0,0,1-1.682,1.677" transform="translate(-202.104 -0.279)"/><path id="path-16-6ac1971af1eb4" data-name="Path 16" d="M402.661.284h-5.239a1.691,1.691,0,0,0,0,3.383h5.239a1.692,1.692,0,1,0,0-3.383M381.6,3.667a1.688,1.688,0,0,1-1.679-1.677A1.665,1.665,0,0,1,381.6.316h7.088a6.439,6.439,0,0,1,6.462,6.438V18.708a3.412,3.412,0,1,1-6.825,
1230l-.032-11.825a3.229,3.229,0,0,0-3.232-3.216Z" transform="translate(-268.626 -0.201)"/><path id="path-17-6ac1971af1eb4" data-name="Path 17" d="M586.478,16.821a3.422,3.422,0,0,1-4.847,4.831L566.845,6.922a3.428,3.428,0,0,1,0-4.831,3.462,3.462,0,0,1,4.85,0Z" transform="translate(-400.093 -0.778)"/><path id="path-18-6ac1971af1eb4" data-name="Path 18" d="M484.4,11.22a1.855,1.855,0,1,1,0,3.711h-3.56a1.855,1.855,0,0,1,0-3.711Zm10.482-4.465v4.6a3.427,3.427,0,0,1-6.854,0V6.883a3.228,3.228,0,0,0-3.23-3.216h-4.221a3.229,3.229,0,0,0-3.233,3.216v8.641a3.236,3.236,0,0,0,3.233,3.249l11.768-.03a1.69,1.69,0,0,1,0,3.38H476.984a6.472,6.472,0,0,1-6.494-6.47v-8.9a6.471,6.471,0,0,1,6.494-6.47H488.39a6.471,6.471,0,0,1,6.494,6.47" transform="translate(-332.668 -0.201)"/><path id="path-19-6ac1971af1eb4" data-name="Path 19" d="M660.047,3.544h.47c.4,0,.763-.021.763-.475,0-.384-.331-.444-.634-.444h-.6Zm-.454-1.282h1.126c.688,0,1.018.269,1.018.828a.75.75,0,0,1-.766.787l.828,1.276h-.484l-.79-1.244h-.478V5.153h-.454Zm.973,3.56A2.045,2.045,0,0,0,662.6,3.7a2.046,2.046,0,1,0-4.09,0,2.046,2.046,0,0,0,2.053,2.125m0-4.589a2.476,2.476,0,1,1-2.5,2.464,2.468,2.468,0,0,1,2.5-2.464" transform="translate(-465.293 -0.872)"/><path id="path-20-6ac1971af1eb4" data-name="Path 20" d="M529.451,110.5a.582.582,0,0,1-.586.586l-2.593-.011a1.984,1.984,0,0,1-2.225-1.913v-.32c0-.639.519-.876,1.174-.876a1.18,1.18,0,0,1,1.174,1.172v-.317a1.107,1.107,0,0,0,1.11,1.1h1.359a.58.58,0,0,1,.586.575" transform="translate(-370.536 -76.338)"/><path id="path-21-6ac1971af1eb4" data-name="Path 21" class="cls-3-6ac1971af1eb4" d="M548.982,113.47a8.827,8.827,0,0,0-5.2,1.685l-2.878-2.727a6.005,6.005,0,0,0-.25-6.15l8.566-9.541a4.751,4.751,0,1,0-2.966-4.4,4.683,4.683,0,0,0,.583,2.276c-2.469,2.754-5.97,6.653-8.568,9.544a6.025,6.025,0,0,0-2.7-.642c-.124,0-.242.011-.36.019-.669-1.972-1.421-4.2-2.061-6.075a4.774,4.774,0,1,0-3.025,1.018l2.058,6.067a6.025,6.025,0,0,0-2.531,3.7l-10.847.505a6.465,6.465,0,1,0,.153,3.179l10.839-.505a6.107,6.107,0,0,0,2.039,2.9l-4.791,11.408a5.513,5.513,0,1,0,2.891,1.368l4.847-11.551a6.318,6.318,0,0,0,.787.057,6.041,6.041,0,0,0,3.127-.873l2.883,2.732a8.742,8.742,0,0,0-1.448,4.826,8.855,8.855,0,1,0,8.853-8.818" transform="translate(-357.838 -61.926)"/></g></svg>        </a>
124            
125            <div class="fixed z-20 hidden xl:block w-full right-[.2rem] js-floating-menu 3xl:right-[6rem] top-[6rem] component-floating-menu">
126    <div class="container flex justify-end w-full">
127        <div class="relative flex-none shadow-md z-30 text-white bg-red-normal min-h-[6rem] justify-between flex px-[1rem] space-x-[6rem] rounded-[3rem] js-menu-wrapper">
128            
129            <nav class="z-10 js-magic-line-menu" role="navigation" aria-label="Main menu" x-data="{ submenu: null, dismissed: null }">
130        <ul 
131            class="flex" 
132            
133            
134            @click.outside="submenu = null"
135        >
136            
137            <li data-magic-link></li>
138            
139            
140                            <li class="js-desktop-menu-element px-10 pt-5 text-white font-heading text-20 font-normal group not-active group has-sublinks" 
141                data-magic-link
142
143                
144                
145                                    x-on:touchstart="submenu = 'products'"
146                    x-on:mouseenter="dismissed = null"
147                    x-on:focusin="if (dismissed !== 'products') submenu = 'products'"
148                    x-on:focusout="if (! $el.contains($event.relatedTarget)) { submenu = null; dismissed = null }"
149                    x-on:keydown.escape="submenu = null; dismissed = 'products'; $el.querySelector('a').focus()"
150                            >
151                    <a 
152                                                
153                                                    role="button"
154                            tabindex="0"
155                                                title="Products"
156
157                        
158                                                    aria-controls="main-desktop-submenu-products"
159                            aria-expanded="false"
160                            :aria-expanded="submenu === 'products'"
161                                                class="relative z-20 inline-flex select-none h-[3.2rem] cursor-default" 
162                    >
163                        
164                        <span
165                            class="absolute -translate-x-1/2 -translate-y-1/2 whitespace-nowrap group-hover:font-bold left-1/2 top-1/2"
166                        >
167                            Products
168                        </span>
169
170                        
171                        <span class="opacity-0">
172                            Products
173                        </span>
174                    </a>
175
176                    
177                                            <div
178                            id="main-desktop-submenu-products"
179                            class="absolute z-[-1] flex flex-wrap px-[5rem] shadow-md left-0 rounded-b-[3rem] pt-[5rem] pb-[3rem] top-[3rem] w-full bg-red-normal scale-y-0 duration-200 ease-[cubic-bezier(0.68, -0.6, 0.32, 1.6)] transition-all origin-top group-hover:scale-y-100"
180                            
181                            
182                            :class="(submenu === 'products') ? 'scale-y-100' : ''"
183
184                            
185                            :inert="dismissed === 'products'"
186                        >
187                                                                                                
188                                    <ul 
189                                        class="w-1/2 transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"   
190                                        
191                                        
192                                        :class="(submenu === 'products') ? 'opacity-100' : ''"
193                                    >
194                                        <li>
195                                            
196                                                                                            <a 
197                                                    href="https://tanatexchemicals.com/products" 
198                                                    class="font-bold animated-link"
199                                                    title=""
200                                                    >
201                                                    Products
202                                                </a>
203                                            
204                                            
205                                            <ul>
206                                                                                                    
207                                                    <li>
208                                                        <a href="/products/pretreatment" 
209                                                            class="animated-link"
210                                                            title="Pre-treatment/OBA’s"
211                                                            >
212                                                            Pre-treatment/OBA’s
213                                                        </a>
214                                                    </li>
215                                                                                                    
216                                                    <li>
217                                                        <a href="/products/dyeing" 
218                                                            class="animated-link"
219                                                            title="Dyeing"
220                                                            >
221                                                            Dyeing
222                                                        </a>
223                                                    </li>
224                                                                                                    
225                                                    <li>
226                                                        <a href="/products/printing" 
227                                                            class="animated-link"
228                                                            title="Printing"
229                                                            >
230                                                            Printing
231                                                        </a>
232                                                    </li>
233                                                                                                    
234                                                    <li>
235                                                        <a href="/products/coating" 
236                                                            class="animated-link"
237                                                            title="Coating"
238                                                            >
239                                                            Coating
240                                                        </a>
241                                                    </li>
242                                                                                                    
243                                                    <li>
244                                                        <a href="/products/finishing" 
245                                                            class="animated-link"
246                                                            title="Finishing"
247                                                            >
248                                                            Finishing
249                                                        </a>
250                                                    </li>
251                                                                                                    
252                                                    <li>
253                                                        <a href="https://tanatexchemicals.com/products/signature-products" 
254                                                            class="animated-link"
255                                                            title="Signature Products"
256                                                            >
257                                                            Signature Products
258                                                        </a>
259                                                    </li>
260                                                                                            </ul>
261                                        </li>
262                                    </ul>
263                                                                                                                                
264                                    <ul 
265                                        class="w-1/2 transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"   
266                                        
267                                        
268                                        :class="(submenu === 'products') ? 'opacity-100' : ''"
269                                    >
270                                        <li>
271                                            
272                                                                                            <a 
273                                                    href="https://tanatexchemicals.com/concepts" 
274                                                    class="font-bold animated-link"
275                                                    title="Signature Products"
276                                                    >
277                                                    Concepts
278                                                </a>
279                                            
280                                            
281                                            <ul>
282                                                                                                    
283                                                    <li>
284                                                        <a href="https://tanatexchemicals.com/concepts/biolutions" 
285                                                            class="animated-link"
286                                                            title="Biolutions"
287                                                            >
288                                                            Biolutions
289                                                        </a>
290                                                    </li>
291                                                                                                    
292                                                    <li>
293                                                        <a href="https://tanatexchemicals.com/concepts/extreme-whiteness" 
294                                                            class="animated-link"
295                                                            title="Extreme Whiteness"
296                                                            >
297                                                            Extreme Whiteness
298                                                        </a>
299                                                    </li>
300                                                                                                    
301                                                    <li>
302                                                        <a href="https://tanatexchemicals.com/concepts/insect-proof" 
303                                                            class="animated-link"
304                                                            title="Insect Proof"
305                                                            >
306                                                            Insect Proof
307                                                        </a>
308                                                    </li>
309                                                                                                    
310                                                    <li>
311                                                        <a href="https://tanatexchemicals.com/concepts/qi-tex" 
312                                                            class="animated-link"
313                                                            title="Qi-Tex®"
314                                                            >
315                                                            Qi-Tex®
316                                                        </a>
317                                                    </li>
318                                                                                                    
319                                                    <li>
320                                                        <a href="https://tanatexchemicals.com/concepts/spiro-tex" 
321                                                            class="animated-link"
322                                                            title="Spiro-Tex™"
323                                                            >
324                                                            Spiro-Tex™
325                                                        </a>
326                                                    </li>
327                                                                                                    
328                                                    <li>
329                                                        <a href="https://tanatexchemicals.com/concepts/tanadye" 
330                                                            class="animated-link"
331                                                            title="TANADYE®"
332                                                            >
333                                                            TANADYE®
334                                                        </a>
335                                                    </li>
336                                                                                                    
337                                                    <li>
338                                                        <a href="https://tanatexchemicals.com/concepts/tanajet-bio-switch" 
339                                                            class="animated-link"
340                                                            title="TANAJET™ Bio-Switch"
341                                                            >
342                                                            TANAJET™ Bio-Switch
343                                                        </a>
344                                                    </li>
345                                                                                                    
346                                                    <li>
347                                                        <a href="https://tanatexchemicals.com/concepts/wellness-finishes" 
348                                                            class="animated-link"
349                                                            title="Wellness finishes"
350                                                            >
351                                                            Wellness finishes
352                                                        </a>
353                                                    </li>
354                                                                                                    
355                                                    <li>
356                                                        <a href="https://tanatexchemicals.com/concepts/vitalfit-compression-textile-processing" 
357                                                            class="animated-link"
358                                                            title="VitalFit Compression"
359                                                            >
360                                                            VitalFit Compression
361                                                        </a>
362                                                    </li>
363                                                                                                    
364                                                    <li>
365                                                        <a href="https://tanatexchemicals.com/concepts/flame-retardancy-for-coated-textiles" 
366                                                            class="animated-link"
367                                                            title="Flame Retardency"
368                                                            >
369                                                            Flame Retardency
370                                                        </a>
371                                                    </li>
372                                                                                                    
373                                                    <li>
374                                                        <a href="https://tanatexchemicals.com/concepts/fluorine-free-water-repellency-dwr" 
375                                                            class="animated-link"
376                                                            title="Water Repellency"
377                                                            >
378                                                            Water Repellency
379                                                        </a>
380                                                    </li>
381                                                                                            </ul>
382                                        </li>
383                                    </ul>
384                                                                                    </div>
385                                    </li>
386                            <li class="js-desktop-menu-element px-10 pt-5 text-white font-heading text-20 font-normal group not-active group has-sublinks" 
387                data-magic-link
388
389                
390                
391                                    x-on:touchstart="submenu = 'services'"
392                    x-on:mouseenter="dismissed = null"
393                    x-on:focusin="if (dismissed !== 'services') submenu = 'services'"
394                    x-on:focusout="if (! $el.contains($event.relatedTarget)) { subme
394nu = null; dismissed = null }"
395                    x-on:keydown.escape="submenu = null; dismissed = 'services'; $el.querySelector('a').focus()"
396                            >
397                    <a 
398                                                
399                                                    role="button"
400                            tabindex="0"
401                                                title="Services"
402
403                        
404                                                    aria-controls="main-desktop-submenu-services"
405                            aria-expanded="false"
406                            :aria-expanded="submenu === 'services'"
407                                                class="relative z-20 inline-flex select-none h-[3.2rem] cursor-default" 
408                    >
409                        
410                        <span
411                            class="absolute -translate-x-1/2 -translate-y-1/2 whitespace-nowrap group-hover:font-bold left-1/2 top-1/2"
412                        >
413                            Services
414                        </span>
415
416                        
417                        <span class="opacity-0">
418                            Services
419                        </span>
420                    </a>
421
422                    
423                                            <div
424                            id="main-desktop-submenu-services"
425                            class="absolute z-[-1] flex flex-wrap px-[5rem] shadow-md left-0 rounded-b-[3rem] pt-[5rem] pb-[3rem] top-[3rem] w-full bg-red-normal scale-y-0 duration-200 ease-[cubic-bezier(0.68, -0.6, 0.32, 1.6)] transition-all origin-top group-hover:scale-y-100"
426                            
427                            
428                            :class="(submenu === 'services') ? 'scale-y-100' : ''"
429
430                            
431                            :inert="dismissed === 'services'"
432                        >
433                                                                                                
434                                    <div 
435                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
436
437                                        
438                                        :class="(submenu === 'services') ? 'opacity-100' : ''"
439                                    >
440                                        <a href="https://tanatexchemicals.com/services/lab-services" title="Lab services"
441                                            class="animated-link"
442                                            >
443                                            Lab services
444                                        </a>
445                                    </div>
446                                                                                                                                
447                                    <div 
448                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
449
450                                        
451                                        :class="(submenu === 'services') ? 'opacity-100' : ''"
452                                    >
453                                        <a href="https://tanatexchemicals.com/services/hangtags" title="Hangtags"
454                                            class="animated-link"
455                                            >
456                                            Hangtags
457                                        </a>
458                                    </div>
459                                                                                                                                
460                                    <div 
461                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
462
463                                        
464                                        :class="(submenu === 'services') ? 'opacity-100' : ''"
465                                    >
466                                        <a href="https://tanatexchemicals.com/services/toll-manufacturing" title="Toll manufacturing"
467                                            class="animated-link"
468                                            >
469                                            Toll manufacturing
470                                        </a>
471                                    </div>
472                                                                                    </div>
473                                    </li>
474                            <li class="js-desktop-menu-element px-10 pt-5 text-white font-heading text-20 font-normal group not-active group has-sublinks" 
475                data-magic-link
476
477                
478                
479                                    x-on:touchstart="submenu = 'about-us'"
480                    x-on:mouseenter="dismissed = null"
481                    x-on:focusin="if (dismissed !== 'about-us') submenu = 'about-us'"
482                    x-on:focusout="if (! $el.contains($event.relatedTarget)) { submenu = null;
482 dismissed = null }"
483                    x-on:keydown.escape="submenu = null; dismissed = 'about-us'; $el.querySelector('a').focus()"
484                            >
485                    <a 
486                                                
487                                                    role="button"
488                            tabindex="0"
489                                                title="About us"
490
491                        
492                                                    aria-controls="main-desktop-submenu-about-us"
493                            aria-expanded="false"
494                            :aria-expanded="submenu === 'about-us'"
495                                                class="relative z-20 inline-flex select-none h-[3.2rem] cursor-default" 
496                    >
497                        
498                        <span
499                            class="absolute -translate-x-1/2 -translate-y-1/2 whitespace-nowrap group-hover:font-bold left-1/2 top-1/2"
500                        >
501                            About us
502                        </span>
503
504                        
505                        <span class="opacity-0">
506                            About us
507                        </span>
508                    </a>
509
510                    
511                                            <div
512                            id="main-desktop-submenu-about-us"
513                            class="absolute z-[-1] flex flex-wrap px-[5rem] shadow-md left-0 rounded-b-[3rem] pt-[5rem] pb-[3rem] top-[3rem] w-full bg-red-normal scale-y-0 duration-200 ease-[cubic-bezier(0.68, -0.6, 0.32, 1.6)] transition-all origin-top group-hover:scale-y-100"
514                            
515                            
516                            :class="(submenu === 'about-us') ? 'scale-y-100' : ''"
517
518                            
519                            :inert="dismissed === 'about-us'"
520                        >
521                                                                                                
522                                    <div 
523                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
524
525                                        
526                                        :class="(submenu === 'about-us') ? 'opacity-100' : ''"
527                                    >
528                                        <a href="https://tanatexchemicals.com/about-us/tanatex-chemicals" title="TANATEX Chemicals"
529                                            class="animated-link"
530                                            >
531                                            TANATEX Chemicals
532                                        </a>
533                                    </div>
534                                                                                                                                
535                                    <div 
536                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
537
538                                        
539                                        :class="(submenu === 'about-us') ? 'opacity-100' : ''"
540                                    >
541                                        <a href="https://tanatexchemicals.com/about-us/sustainability" title="Sustainability"
542                                            class="animated-link"
543                                            >
544                                            Sustainability
545                                        </a>
546                                    </div>
547                                                                                                                                
548                                    <div 
549                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
550
551                                        
552                                        :class="(submenu === 'about-us') ? 'opacity-100' : ''"
553                                    >
554                                        <a href="https://tanatexchemicals.com/about-us/careers" title="Careers"
555                                            class="animated-link"
556                                            >
557                                            Careers
558                                        </a>
559                                    </div>
560                                                                                                                                
561                                    <div 
562                                        class="w-full transition-opacity duration-[700ms] ease-in-out opacity-0 group-hover:opacity-100"
563
564                                        
565                                        :class="(submenu === 'about-us') ? 'opacity-100' : ''"
566                                    >
567                                        <a href="https://tanatexchemicals.com/about-us/news" title="News"
568                                            class="animated-link"
569                                            >
570                                            News
571                                        </a>
572                                    </div>
573                                                                                    </div>
574                                    </li>
575                            <li class="js-desktop-menu-element px-10 pt-5 text-white font-heading text-20 font-normal group active" 
576                data-magic-link
577
578                
579                
580                            >
581                    <a 
582                                                
583                                                    href="https://tanatexchemicals.com/contact"
584                                                title="Contact"
585
586                        
587                                                class="relative z-20 inline-flex select-none h-[3.2rem]" 
588                    >
589                        
590                        <span
591                            class="absolute -translate-x-1/2 -translate-y-1/2 whitespace-nowrap group-hover:font-bold left-1/2 top-1/2 font-bold"
592                        >
593                            Contact
594                        </span>
595
596                        
597                        <span class="opacity-0">
598                            Contact
599                        </span>
600                    </a>
601
602                    
603                                    </li>
604                    </ul>
605    </nav>
606    
607            
608            <div class="z-20 flex items-center space-x-6 divide-x divide-white realtive divide divide-solid">
609                
610  
611                <div class="relative px-6 cursor-pointer group">
612                    <a 
613                        href="https://tanatexchemicals.com/chat" 
614                        class="relative block left-[7px] z-20"
615                        onclick="gtag('event', 'click', {'event_category': 'AI chat button','event_label': 'Clicked on page: Contact'});"
616                    >
617                        <svg data-name="ai-chat" class="icon-ai-chat text-white h-[2.5rem] w-[2.5rem]" name="ai-chat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.90 24.90"><g fill="currentColor" fill-rule="evenodd"><path d="M18.75 14.584H8.68l-5.555 4.167v-4.167H0V0h18.75v14.584ZM5.208 6.034a1.259 1.259 0 1 1-1.258 1.26 1.259 1.259 0 0 1 1.258-1.26m4.167 0a1.258 1.258 0 1 1-.002 2.516 1.258 1.258 0 0 1 .002-2.516m4.167 0a1.258 1.258 0 1 1-.002 2.516 1.258 1.258 0 0 1 .002-2.516"/><path fill-rule="nonzero" d="M24.989 8.996v12.018l-3.1-.001v3.97l-1.198-.89-4.123-3.067H8.75v-3.989h1.5v2.489h6.814l.2.148 3.125 2.325v-2.485l3.1-.001v-9.017H21.23v-1.5z"/></g></svg>
618                    </a>
619                    <div
620                        class="absolute z-10 group-hover:opacity-100 transition-opacity duration-200 border border-white rounded-full h-[4.6rem] w-[4.6rem] top-[-1rem] left-[1rem] opacity-0"
621                    ></div>
622                </div>
623            </div>
624        </div>
625    </div>
626</div>
627
628
629<div class="relative top-0 right-0 z-30 block w-full xl:hidden component-floating-menu">
630    
631    <div class="fixed top-0 h-dvh right-[-100%] w-screen js-alpine-init" x-data="menu()"
632        x-init="init()" x-cloak>
633
634        
635        <button type="button"
636            class="js-mobile-menu-toggle absolute z-20 bottom-[2rem] h-[5rem] rounded-full flex justify-center items-center w-[5rem] left-[-7rem] bg-grey-dark cursor-pointer"
637            aria-label="Menu"
638            aria-controls="main-mobile-panel"
639            aria-expanded="false"
640            :aria-expanded="open"
641            @click="toggleMenu()">
642            <div class="w-[2.3rem] block">
643                <span aria-hidden="true"
644                    class="block absolute h-[.2rem] w-[2.3rem] bg-white transform transition duration-300 ease-in-out rounded-full"
645                    :class="{ 'rotate-45': open, ' -translate-y-2.5': !open }"></span>
646                <span aria-hidden="true"
647                    class="block absolute h-[.2rem] w-[2.3rem] bg-white transform transition duration-300 ease-in-out rounded-full"
648                    :class="{ 'opacity-0': open }"></span>
649                <span aria-hidden="true"
650                    class="block absolute h-[.2rem] w-[2.3rem] bg-white transform  transition duration-300 ease-in-out rounded-full"
651                    :class="{ '-rotate-45': open, ' translate-y-2.5': !open }"></span>
652            </div>
653        </button>
654
655        
656        <div id="main-mobile-panel"
657            class="absolute bg-red-normal transition-all overflow-hidden ease-[cubic-bezier(0.68_-0.6_0.32_1.6)] duration-300 w-screen h-full"
658            :class="open ? 'left-[-100%]' : 'left-0'"
659
660            
661            :inert="!open">
662
663            
664            <div class="absolute h-[5.5rem] w-full top-[.5rem] justify-end right-0 z-20 flex items-center">
665
666                
667                <div class="flex pr-4 space-x-5 divide-x divide-white realtive divide divide-solid">
668                    
669    
670                    
671                    <div class="px-5 group">
672                        <a href="https://tanatexchemicals.com/chat">
673                            <svg data-name="ai-chat" class="icon-ai-chat text-white h-[2.5rem] w-[2.5.rem] group-hover:scale-110 duration-200" name="ai-chat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.90 24.90"><g fill="currentColor" fill-rule="evenodd"><path d="M18.75 14.584H8.68l-5.555 4.167v-4.167H0V0h18.75v14.584ZM5.208 6.034a1.259 1.259 0 1 1-1.258 1.26 1.259 1.259 0 0 1 1.258-1.26m4.167 0a1.258 1.258 0 1 1-.002 2.516 1.258 1.258 0 0 1 .002-2.516m4.167 0a1.258 1.258 0 1 1-.002 2.516 1.258 1.258 0 0 1 .002-2.516"/><path fill-rule="nonzero" d="M24.989 8.996v12.018l-3.1-.001v3.97l-1.198-.89-4.123-3.067H8.75v-3.989h1.5v2.489h6.814l.2.148 3.125 2.325v-2.485l3.1-.001v-9.017H21.23v-1.5z"/></g></svg>
674                        </a>
675                    </div>
676                </div>
677
678                <div 
679                    x-show="openLanguagesMobile" 
680                    x-transition:enter="transition ease-out duration-300 delay-100"
681                    x-transition:enter-start="translate-y-[-100%]"
682                    x-transition:enter-end="translate-y-0"
683                    x-transition:leave="transition ease-in duration-300 delay-100"
684                    x-transition:leave-start="translate-y-0"
685                    x-transition:leave-end="translate-y-[-100%]"
686                    class="absolute z-30 w-full left-0 top-0 border-b pb-[0.7rem] border-b-white flex justify-between items-center h-full px-[1.5rem] bg-red-normal">
687                    
688                    
689                    <ul class="space-x-[3rem]">
690                                                    <li class="inline text-white text-15 font-body">
691                                <a
692                                    class="animated-link animated-fake-link"
693                                    href="https://tanatexchemicals.com/contact">
694                                    English
695                                </a>
696                            </li>
697                                                    <li class="inline text-white text-15 font-body">
698                                <a
699                                    class="animated-link"
700                                    href="/">
701                                    Español
702                                </a>
703                            </li>
704                                                    <li class="inline text-white text-15 font-body">
705                                <a
706                                    class="animated-link"
707                                    href="/">
708                                    Deutsch
709                                </a>
710                            </li>
711                                                    <li class="inline text-white text-15 font-body">
712                                <a
713                                    class="animated-link"
714                                    href="/">
715                                    中国人
716                                </a>
717                            </li>
718                                            </ul>
719
720                    
721                    <span class="underline uppercase cursor-pointer text-18 font-body" x-on:click="toggleLanguagesMobile()">
722                        <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-white hover:rotate-90 duration-200" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
723                    </span>
724                </div>
725            </div>
726
727            <nav class="flex z-10 relative px-[2rem] items-center w-full h-full" aria-label="Main menu">
728                <ul class="flex flex-col w-full text-white justify-center font-body h-[calc(100%-16rem)] overflow-scroll">
729                                            <li class="mb-[2.5rem]">
730                            
731                            <a href="https://tanatexchemicals.com/products" 
732                                
733                                                                title="Products"
734                                class="text-25 leading-[2.5rem] relative w-full flex items-center justify-between"
735                                :class="{ 'font-bold': openSubmenu === 0 }">
736                                <span>
737                                    Products
738                                </span>
739
740                                
741                                                            </a>
742
743                            
744                                                    </li>
745                                            <li class="mb-[2.5rem]">
746                            
747                            <a href="https://tanatexchemicals.com/concepts" 
748                                
749                                                                title="Concepts"
750                                class="text-25 leading-[2.5rem] relative w-full flex items-center justify-between"
751                                :class="{ 'font-bold': openSubmenu === 1 }">
752                                <span>
753                                    Concepts
754                                </span>
755
756                                
757                                                            </a>
758
759                            
760                                                    </li>
761                                            <li class="mb-[2.5rem]">
762                            
763                            <a href="https://tanatexchemicals.com/services" 
764                                
765                                                                    @click.prevent="toggleSubmenu(2)"
766                                    aria-controls="main-mobile-submenu-2"
767                                    aria-expanded="false"
768                                    :aria-expanded="openSubmenu === 2"
769                                                                title="Services"
770                                class="text-25 leading-[2.5rem] relative w-full flex items-center justify-between"
771                                :class="{ 'font-bold': openSubmenu === 2 }">
772                                <span>
773                                    Services
774                                </span>
775
776                                
777                                                                    <div class="absolute transition-transform duration-300 ease-in-out right-0  top-[1.5rem]"
778                                        :class="{ 'rotate-180': openSubmenu === 2 }"
779                                        aria-hidden="true">
780                                        <svg data-name="arrow-submenu" class="icon-arrow-submenu text-white ease-in-out h-[.9rem] w-[1.65rem]" name="arrow-submenu"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16.5 9"><path fill="currentColor" fill-rule="nonzero" d="M.22.22a.75.75 0 0 1 1.06 0l6.97 6.969 6.97-6.97a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 0-1.06Z"/></svg>
781                                    </div>
782                                                            </a>
783
784                            
785                                                            <ul id="main-mobile-submenu-2"
786                                    x-show="openSubmenu === 2" x-collapse.duration.500ms
787                                    class="px-[3rem] flex flex-col">
788                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
789                                            <a href="https://tanatexchemicals.com/services/lab-services"
790                                                title="Lab services">
791                                                Lab services
792                                            </a>
793                                        </li>
794                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
795                                            <a href="https://tanatexchemicals.com/services/hangtags"
796                                                title="Hangtags">
797                                                Hangtags
798                                            </a>
799                                        </li>
800                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
801                                            <a href="https://tanatexchemicals.com/services/toll-manufacturing"
802                                                title="Tolling manufacturing">
803                                                Tolling manufacturing
804                                            </a>
805                                        </li>
806                                                                    </ul>
807                                                    </li>
808                                            <li class="mb-[2.5rem]">
809                            
810                            <a href="https://tanatexchemicals.com/about-us" 
811                                
812                                                                    @click.prevent="toggleSubmenu(3)"
813                                    aria-controls="main-mobile-submenu-3"
814                                    aria-expanded="false"
815                                    :aria-expanded="openSubmenu === 3"
816                                                                title="About us"
817                                class="text-25 leading-[2.5rem] relative w-full flex items-center justify-between"
818                                :class="{ 'font-bold': openSubmenu === 3 }">
819                                <span>
820                                    About us
821                                </span>
822
823                                
824                                                                    <div class="absolute transition-transform duration-300 ease-in-out right-0  top-[1.5rem]"
825                                        :class="{ 'rotate-180': openSubmenu === 3 }"
826                                        aria-hidden="true">
827                                        <svg data-name="arrow-submenu" class="icon-arrow-submenu text-white ease-in-out h-[.9rem] w-[1.65rem]" name="arrow-submenu"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16.5 9"><path fill="currentColor" fill-rule="nonzero" d="M.22.22a.75.75 0 0 1 1.06 0l6.97 6.969 6.97-6.97a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 0-1.06Z"/></svg>
828                                    </div>
829                                                            </a>
830
831                            
832                                                            <ul id="main-mobile-submenu-3"
833                                    x-show="openSubmenu === 3" x-collapse.duration.500ms
834                                    class="px-[3rem] flex flex-col">
835                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
836                                            <a href="https://tanatexchemicals.com/about-us/tanatex-chemicals"
837                                                title="TANATEX Chemicals">
838                                                TANATEX Chemicals
839                                            </a>
840                                        </li>
841                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
842                                            <a href="https://tanatexchemicals.com/about-us/sustainability"
843                                                title="Sustainability">
844                                                Sustainability
845                                            </a>
846                                        </li>
847                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
848                                            <a href="https://tanatexchemicals.com/about-us/careers"
849                                                title="Careers">
850                                                Careers
851                                            </a>
852                                        </li>
853                                                                            <li class="text-15 leading-[20px] mt-[2.5rem]">
854                                            <a href="https://tanatexchemicals.com/about-us/news"
855                                                title="News">
856                                                News
857                                            </a>
858                                        </li>
859                                                                    </ul>
860                                                    </li>
861                                            <li class="mb-[2.5rem]">
862                            
863                            <a href="https://tanatexchemicals.com/contact" 
864                                
865                                                                title="Contact"
866                                class="text-25 leading-[2.5rem] relative w-full flex items-center justify-between"
867                                :class="{ 'font-bold': openSubmenu === 4 }">
868                                <span>
869                                    Contact
870                                </span>
871
872                                
873                                                            </a>
874
875                            
876                                                    </li>
877                                    </ul>
878            </nav>
879
880            
881            <div class="absolute transition-all ease-[cubic-bezier(0.68_-0.6_0.32_1.6)] duration-500 delay-200 left-0 h-[6rem] w-screen banner-home banner-stripes"
882                :class="open ? 'bottom-[9rem]' : 'bottom-0'" style="background-position-x: 45%;">
883            </div>
884        </div>
885
886    </div>
887
888    
889    
889<script type="text/javascript">
890        function isiOS() {
891            return (
892                ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator
893                    .platform) ||
894                (navigator.userAgent.includes('Mac') && 'ontouchend' in document)
895            );
896        };
897
898        // Mobile menu Alpine JS init
899        window.menu = function() {
900            return {
901                open: false,
902                disabled: true,
903                openSubmenu: null,
904                openLanguagesMobile: false,
905                init() {
906                    this.disabled = false;
907                },
908                toggleMenu() {
909                    const content = document.querySelector('.frontend');
910                    let offset = window.pageYOffset;
911                    this.disabled = true;
912                    this.open = !this.open;
913
914                    var siteLogo = document.querySelector('.js-site-logo');
915                                            
916                    if (this.open === true) {
917                        position = offset;
918                        content.style.position = 'fixed';
919                        content.style.top = `-${position}px`;
920                        // Fixes bug in Safari iOS 15.2 where screen height is not fully filled due to empty space address bar on bottom
921                        if (isiOS() === true) document.documentElement.style.height = window.innerHeight + 'px';
922
923                        // Fill logo paths with white fills
924                        siteLogo.classList.add('logo-white-fill');
925
926                        // Add logo fixed position so that the logo is shown in the mobile menu on every scrollposition
927                        siteLogo.style.position = 'fixed';
928                    } else {
929                        content.style.removeProperty('position');
930                        content.style.removeProperty('top');
931                        window.scrollTo(0, position);
932                        if (isiOS() === true) document.documentElement.style.removeProperty('height');
933
934                        // Remove logo white fill paths
935                        siteLogo.classList.remove('logo-white-fill');
936
937                        // Show logo when the logo was hidden in the toggleLanguagesMobile() function
938                        siteLogo.style.opacity = 1;
939
940                        // Remove logo fixed position
941                        siteLogo.style.position = 'absolute';
942                    }
943                    this.disabled = false;
944                },
945                toggleSubmenu(index) {
946                    if (this.openSubmenu === index) {
947                        this.openSubmenu = null;
948                    } else {
949                        this.openSubmenu = index;
950                    }
951                },
952                toggleLanguagesMobile() {
953                    this.openLanguagesMobile = !this.openLanguagesMobile;
954                    var siteLogo = document.querySelector('.js-site-logo');
955
956                    // Hide logo when open
957                    if(this.openLanguagesMobile === true) {
958                        siteLogo.style.opacity = 0;
959                    } else {
960                        setTimeout(() => {
961                            siteLogo.style.opacity = 1;
962                        }, 300);
963                    }
964                },
965            };
966        }
967    </script>
967
968</div>        </header>
969
970        <div class="relative z-20 frontend-container">
971            
972            <div class="js-banner flex items-end z-10 banner relative bg-grey-normal h-[460px] lg:h-[560px] 3xl:h-[660px]">
973    
974                        <div class="container relative z-30 pb-[16rem]">
975                <div class="grid-wrapper">
976                    <div class="grid-inner">
977                        <ul class="breadcrumbs theme-dark" itemscope itemtype="https://schema.org/BreadcrumbList" aria-label="breadcrumbs" role="menu">
978                <li role="menuitem" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
979                    <a itemprop="item" href="https://tanatexchemicals.com"><span itemprop="name">Home</span></a>
980                    <meta itemprop="position" content="1">
981                </li>
982                                                        <li role="menuitem" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
983                        <a itemprop="item" href="https://tanatexchemicals.com/contact" aria-current="page"><span itemprop="name">Contact</span></a>
984                        <meta itemprop="position" content="2">
985                    </li>
986                                                </ul>
987                                    <h1
988                            class="mt-[1rem] font-bold uppercase tracking-[-.18rem] leading-[.95] lg:leading-[.85] md:tracking-[-.2rem] text-40 lg:text-70 font-body text-red-normal">
989                                                            Get in contact
990                                                    </h1>
991                    </div>
992                </div>
993            </div>
994            
995    
996    <div class="absolute z-20 h-[9rem] w-full bottom-0 -translate-x-1/2 left-1/2">
997        <div class="banner-stripes banner-contact">
998        </div>
999    </div>
1000
1001    
1002    </div>
1003
1004            
1005            <main class="Main --page --contact relative z-20" role="main">
1006                        
1007    
1008    <div 
1009    class="bg-red-normal component-intro mt-[-5px] pt-[5rem] lg:pt-[7rem] 3xl:pt-[10rem] pb-[10rem] lg:pb-[15rem] 3xl:pb-[20rem]"
1010>
1011    <div class="container">
1012        
1013        
1014        
1015        <div class="grid-wrapper">
1016            <div class="grid-inner-inner">
1017                <div class="white-text font-body [&>p]:lg:!text-25 generated">
1018                    <p>You can find our company all over the world, from Europe and the Middle East to Africa, and from Latin America to Asia. </p>
1019<p>Because our people, agents and distributors are local experts, they are familiar with your home market. However, their knowledge also transcends national borders, and they know they are backed up by a wealth of professionals in our state-of-the-art laboratories. We will work together to find the answers you seek!</p>
1020<p>Find your local representative below!</p>
1021
1022                </div>
1023            </div>
1024        </div>
1025
1026        
1027                    
1028    <div class="grid-wrapper mt-[5rem] lg:mt-[7rem]">
1029        <div class="grid-inner-inner">
1030            <div class="col-span-12">
1031                <a href="#map" title="Find your local representative" label="Find your local representative" class="animated-colors component-button group btn btn-ghost-white">
1032    
1033    <span class="cursor-pointer">Find your local representative</span>
1034
1035            <svg data-name="arrow-bottom" class="icon-arrow-bottom h-[2rem] ml-[2rem] w-[2rem] button-icon group-hover:animate-slideLargeBottom" name="arrow-bottom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M13.193 24.264a1 1 0 0 1-1.415 0l-7.07-7.071a1 1 0 0 1 1.413-1.415l5.365 5.365V1.414a1 1 0 1 1 2 0v19.727l5.363-5.363a1 1 0 0 1 1.327-.077l.088.077a1 1 0 0 1 0 1.415l-7.071 7.07Z"/></svg>
1036    
1037            <div class="flex-none hidden ml-4 w-7 h-7 js-form-submit-loader">
1038            <svg class="text-white animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1039                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
1040                    stroke-width="4"></circle>
1041                <path class="opacity-75" fill="currentColor"
1042                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
1043                </path>
1044            </svg>
1045        </div>
1046    </a>            </div>
1047        </div>
1048    </div>
1049
1050    <div class="grid-wrapper mt-[5rem] lg:mt-[7rem]">        
1051        <div class="grid grid-cols-4 lg:gap-0 gap-[2rem] grid-inner-inner">
1052            <div class="col-span-4 md:col-span-2 lg:col-span-1">
1053                <div class="flex items-end h-full font-bold text-white uppercase font-body text-25 lg:text-30">
1054                    <span>
1055                        Tanatex<br>
1056                        Chemicals B.V.<br>
1057                        Headquarters
1058                    </span>
1059                </div>
1060            </div>
1061            <div class="col-span-4 md:col-span-2 lg:col-span-1">
1062                <div class="md:border-l border-white pt-[2rem] md:pt-[3rem] flex items-end h-full border-t md:border-t-0 md:pl-[2.5rem] component-left-lined-block">
1063    <ul class="flex flex-col text-white font-body text-16 md:text-20">
1064                        <li>Einsteinstraat 1</li>
1065                        <li>6716 AC Ede</li>
1066                        <li>The Netherlands</li>
1067                    </ul>
1068</div>            </div>
1069            <div class="col-span-4 md:col-span-2 lg:col-span-1">
1070                <div class="md:border-l border-white pt-[2rem] md:pt-[3rem] flex items-end h-full border-t md:border-t-0 md:pl-[2.5rem] component-left-lined-block">
1071    <ul class="flex flex-col text-white font-body text-16 md:text-20">
1072                        <li>PO Box 46</li>
1073                        <li>6710 BA Ede</li>
1074                        <li>The Netherlands</li>
1075                    </ul>
1076</div>            </div>
1077            <div class="col-span-4 md:col-span-2 lg:col-span-1">
1078                <div class="md:border-l border-white pt-[2rem] md:pt-[3rem] flex items-end h-full border-t md:border-t-0 md:pl-[2.5rem] component-left-lined-block">
1079    <ul class="flex flex-col text-white font-body text-16 md:text-20">
1080                        <li>
1081                            <a href="tel:0031318670911" title="Call us" class="animated-link">
1082                                +31 (0)318 67 09 11                            </a>
1083                        </li>
1084                        <li>
1085                            <a href="mailto:[email protected]" title="Send us an e-mail" class="animated-link">
1086                                [email protected]                            </a>
1087                        </li>
1088                    </ul>
1089</div>            </div>
1090        </div>
1091    </div>
1092            </div>
1093</div>
1094    
1095    
1096
1097    <div data-scroll="map">
1098        <div class="absolute z-[-999999]">
1099
1100        
1101        <div data-location-id="916" class="absolute top-0 left-0 ">
1102            <div class="sm:w-[66rem] relative">
1103                
1104                <div class="flex justify-center w-full">
1105                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
1106                </div>
1107                
1108                
1109                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
1110                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
1111                </div>
1112
1113                
1114                                    
1115                    <div class="sm:w-full w-[28rem]">
1116                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1117    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1118        
1119                    <!-- Image Container -->
1120    <div class="" image="https://tanatexchemicals.com/cdn/b3498c99-0c97-4f30-8ce3-8a6fe4079560/-/format/preserve/-/quality/lighter/-/progressive/yes/giselle-pisano.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
1121        <!-- Picture Element -->
1122        <picture class="">
1123            <!-- Check if $image is an instance of an image manipulation library -->
1124                            <!-- Iterate over image formats ('webp', original) -->
1125                                                        <!-- Source element for each image format -->
1126                    <source
1127                        srcset="https://tanatexchemicals.com/cdn/b3498c99-0c97-4f30-8ce3-8a6fe4079560/-/crop/171x171/6,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/giselle-pisano.webp"
1128                        type="image/webp"
1129                    >
1130                                                        <!-- Source element for each image format -->
1131                    <source
1132                        srcset="https://tanatexchemicals.com/cdn/b3498c99-0c97-4f30-8ce3-8a6fe4079560/-/crop/171x171/6,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/giselle-pisano.jpg"
1133                        type="image/jpeg"
1134                    >
1135                            
1136            <!-- Image Element -->
1137            <img
1138                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/b3498c99-0c97-4f30-8ce3-8a6fe4079560/-/crop/171x171/6,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/giselle-pisano.jpg"
1139                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1140                alt="Giselle Pisano"
1141                width=""
1142                height=""
1143            />
1144        </picture>
1145    </div>
1146        
1147        
1148        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1149            Mrs. Giselle Pisano
1150        </h3>
1151
1152        
1153        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1154                            <a class="focus-visible:outline-none" href="tel:00541155501602" title="Call Mrs. Giselle Pisano">
1155                    +54 11 5550 1602
1156                </a>
1157            
1158                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mrs. Giselle Pisano">
1159                    [email protected]
1160                </a>
1161                    </div>
1162
1163        
1164                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
1165                                    <a href="https://www.linkedin.com/in/27041972/" target="_blank" title="LinkedIn TANATEX Argentina" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
1166                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
1167                    </a>
1168                
1169                
1170                            </div>
1171            </div>
1172
1173    
1174    <div 
1175        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
1176    >
1177        
1178        <div class="font-bold uppercase !leading-[18px] text-16">
1179                            Buenos Aires – Argentina
1180                    </div>
1181
1182        
1183        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1184            
1185            
1186            tanatex<br>
1187        </h4>
1188
1189        <div class="border-b border-white mt-[3rem]"></div>
1190
1191        
1192        <div class="text-13 pt-[2rem] sm:text-15">
1193            <span class="font-bold">TANATEX Argentina</span>
1194            <p>
1195                M.Lezica 3045 Piso 1°<br />
1196B1642GJA San Isidro<br />
1197Buenos Aires – Argentina
1198            </p>
1199        </div>
1200
1201        
1202            </div>
1203</div>                    </div>
1204                            </div>
1205        </div>
1206        
1207        <div data-location-id="896" class="absolute top-0 left-0 ">
1208            <div class="sm:w-[66rem] relative">
1209                
1210                <div class="flex justify-center w-full">
1211                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
1212                </div>
1213                
1214                
1215                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
1216                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
1217                </div>
1218
1219                
1220                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
1221
1222                        
1223                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
1224                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
1225                            <div 
1226                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
1227                            ></div>
1228                        </div>
1229                        
1230
1231                        <div class="swiper-wrapper !overflow-hidden">
1232                            
1233                            <div class="swiper-slide relative z-20">
1234                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1235    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1236        
1237                    <!-- Image Container -->
1238    <div class="" image="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/format/preserve/-/quality/lighter/-/progressive/yes/thilo-koch.jpg" mediaStyle="maps-location" imageClasses="roun
1238ded-full h-[14rem] w-[14rem] border border-grey-normal">
1239        <!-- Picture Element -->
1240        <picture class="">
1241            <!-- Check if $image is an instance of an image manipulation library -->
1242                            <!-- Iterate over image formats ('webp', original) -->
1243                                                        <!-- Source element for each image format -->
1244                    <source
1245                        srcset="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.webp"
1246                        type="image/webp"
1247                    >
1248                                                        <!-- Source element for each image format -->
1249                    <source
1250                        srcset="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.jpg"
1251                        type="image/jpeg"
1252                    >
1253                            
1254            <!-- Image Element -->
1255            <img
1256                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.jpg"
1257                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1258                alt="Thilo Koch"
1259                width=""
1260                height=""
1261            />
1262        </picture>
1263    </div>
1264        
1265        
1266        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1267            Mr. Thilo Koch
1268        </h3>
1269
1270        
1271        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1272                            <a class="focus-visible:outline-none" href="tel:004915154436702" title="Call Mr. Thilo Koch">
1273                    +49 151 544 36 702
1274                </a>
1275            
1276                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Thilo Koch">
1277                    [email protected]
1278                </a>
1279                    </div>
1280
1281        
1282                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
1283                                    <a href="https://www.linkedin.com/in/thilo-koch-b01b653b/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
1284                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
1285                    </a>
1286                
1287                
1288                            </div>
1289            </div>
1290
1291    
1292    <div 
1293        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
1294    >
1295        
1296        <div class="font-bold uppercase !leading-[18px] text-16">
1297                            Greece
1298                    </div>
1299
1300        
1301        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1302            
1303            
1304            tanatex<br>representative
1305        </h4>
1306
1307        <div class="border-b border-white mt-[3rem]"></div>
1308
1309        
1310        <div class="text-13 pt-[2rem] sm:text-15">
1311            <span class="font-bold">TANATEX Representative</span>
1312            <p>
1313                Greece
1314            </p>
1315        </div>
1316
1317        
1318            </div>
1319</div>                            </div>
1320        
1321                            
1322                                                            <div class="swiper-slide relative z-20">
1323                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1324    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1325        
1326                    <!-- Image Container -->
1327    <div class="" image="https://tanatexchemicals.com/cdn/797892db-4f98-4632-92eb-fb6ad31efd20/-/format/preserve/-/quality/lighter/-/progressive/yes/batoulis-logo.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
1328        <!-- Picture Element -->
1329        <picture class="">
1330            <!-- Check if $image is an instance of an image manipulation library -->
1331                            <!-- Iterate over image formats ('webp', original) -->
1332                                                        <!-- Source element for each image format -->
1333                    <source
1334                        srcset="https://tanatexchemicals.com/cdn/797892db-4f98-4632-92eb-fb6ad31efd20/-/crop/2446x2446/27,33/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/batoulis-logo.webp"
1335                        type="image/webp"
1336                    >
1337                                                        <!-- Source element for each image format -->
1338                    <source
1339                        srcset="https://tanatexchemicals.com/cdn/797892db-4f98-4632-92eb-fb6ad31efd20/-/crop/2446x2446/27,33/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/batoulis-logo.jpg"
1340                        type="image/jpeg"
1341                    >
1342                            
1343            <!-- Image Element -->
1344            <img
1345                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/797892db-4f98-4632-92eb-fb6ad31efd20/-/crop/2446x2446/27,33/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/batoulis-logo.jpg"
1346                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1347                alt="Batoulis"
1348                width=""
1349                height=""
1350            />
1351        </picture>
1352    </div>
1353        
1354        
1355        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1356            Mr P. Batoulis
1357        </h3>
1358
1359        
1360        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1361                            <a class="focus-visible:outline-none" href="tel:+302102852790" title="Call Mr P. Batoulis">
1362                    + 30 210 2852 790
1363                </a>
1364            
1365                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr P. Batoulis">
1366                    [email protected]
1367                </a>
1368                    </div>
1369
1370        
1371            </div>
1372
1373    
1374    <div 
1375        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
1376    >
1377        
1378        <div class="font-bold uppercase !leading-[18px] text-16">
1379                            Greece
1380                    </div>
1381
1382        
1383        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1384            
1385            
1386            tanatex<br>partner
1387        </h4>
1388
1389        <div class="border-b border-white mt-[3rem]"></div>
1390
1391        
1392        <div class="text-13 pt-[2rem] sm:text-15">
1393            <span class="font-bold">P & C.S.Batoulis & Co</span>
1394            <p>
1395                26, Skoufa street<br />
1396136 73 Acharnai<br />
1397Athens, Greece<br />
1398P.O Box 46511<br />
1399136 73 Acharnai<br />
1400Athens, Greece
1401            </p>
1402        </div>
1403
1404        
1405            </div>
1406</div>                                </div>
1407                                                    </div>
1408
1409                        
1410                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
1411                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
1411<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
1412                        </div>
1413                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
1414                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
1415                        </div>
1416                    </div>
1417                            </div>
1418        </div>
1419        
1420        <div data-location-id="898" class="absolute top-0 left-0 ">
1421            <div class="sm:w-[66rem] relative">
1422                
1423                <div class="flex justify-center w-full">
1424                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
1425                </div>
1426                
1427                
1428                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
1429                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
1430                </div>
1431
1432                
1433                                    
1434                    <div class="sm:w-full w-[28rem]">
1435                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1436    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1437        
1438                    <!-- Image Container -->
1439    <div class="" image="https://tanatexchemicals.com/cdn/9592a97c-91ab-4d48-9d33-d40a115511
143957/-/format/preserve/-/quality/lighter/-/progressive/yes/paolo-rosaspina.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
1440        <!-- Picture Element -->
1441        <picture class="">
1442            <!-- Check if $image is an instance of an image manipulation library -->
1443                            <!-- Iterate over image formats ('webp', original) -->
1444                                                        <!-- Source element for each image format -->
1445                    <source
1446                        srcset="https://tanatexchemicals.com/cdn/9592a97c-91ab-4d48-9d33-d40a11551157/-/crop/299x299/51,9/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/paolo-rosaspina.webp"
1447                        type="image/webp"
1448                    >
1449                                                        <!-- Source element for each image format -->
1450                    <source
1451                        srcset="https://tanatexchemicals.com/cdn/9592a97c-91ab-4d48-9d33-d40a115511
145157/-/crop/299x299/51,9/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/paolo-rosaspina.jpg"
1452                        type="image/jpeg"
1453                    >
1454                            
1455            <!-- Image Element -->
1456            <img
1457                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/9592a97c-91ab-4d48-9d33-d40a11551157/-/crop/299x299/51,9/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/paolo-rosaspina.jpg"
1458                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1459                alt="Paolo Rosaspina"
1460                width=""
1461                height=""
1462            />
1463        </picture>
1464    </div>
1465        
1466        
1467        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1468            Mr. Paolo Rosaspina
1469        </h3>
1470
1471        
1472        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1473                            <a class="focus-visible:outline-none" href="tel:003929392341" title="Call Mr. Paolo Rosaspina">
1474                    +39 (0)2 93923 41
1475                </a>
1476            
1477                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Paolo Rosaspina">
1478                    [email protected]
1479                </a>
1480                    </div>
1481
1482        
1483                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
1484                                    <a href="https://www.linkedin.com/in/paolo-rosaspina-876b0a58/" target="_blank" title="LinkedIn TANATEX Chemicals Italia Srl." class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
1485                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
1486                    </a>
1487                
1488                
1489                            </div>
1490            </div>
1491
1492    
1493    <div 
1494        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
1495    >
1496        
1497        <div class="font-bold uppercase !leading-[18px] text-16">
1498                            Italy
1499                    </div>
1500
1501        
1502        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1503            
1504            
1505            tanatex<br>
1506        </h4>
1507
1508        <div class="border-b border-white mt-[3rem]"></div>
1509
1510        
1511        <div class="text-13 pt-[2rem] sm:text-15">
1512            <span class="font-bold">TANATEX Chemicals Italia Srl.</span>
1513            <p>
1514                Via Galileo Galilei 40<br />
151520092 Cinisello Balsamo, Milan<br />
1516Italy
1517            </p>
1518        </div>
1519
1520        
1521            </div>
1522</div>                    </div>
1523                            </div>
1524        </div>
1525        
1526        <div data-location-id="903" class="absolute top-0 left-0 ">
1527            <div class="sm:w-[66rem] relative">
1528                
1529                <div class="flex justify-center w-full">
1530                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
1531                </div>
1532                
1533                
1534                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
1535                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
1536                </div>
1537
1538                
1539                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
1540
1541                        
1542                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
1543                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
1544                            <div 
1545                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
1546                            ></div>
1547                        </div>
1548                        
1549
1550                        <div class="swiper-wrapper !overflow-hidden">
1551                            
1552                            <div class="swiper-slide relative z-20">
1553                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1554    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1555        
1556                    <!-- Image Container -->
1557    <div class="" image="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/format/preserve/-/quality/lighter/-/progressive/yes/kay-muller.jpg" mediaStyle="maps-location" imageClasses="roun
1557ded-full h-[14rem] w-[14rem] border border-grey-normal">
1558        <!-- Picture Element -->
1559        <picture class="">
1560            <!-- Check if $image is an instance of an image manipulation library -->
1561                            <!-- Iterate over image formats ('webp', original) -->
1562                                                        <!-- Source element for each image format -->
1563                    <source
1564                        srcset="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.webp"
1565                        type="image/webp"
1566                    >
1567                                                        <!-- Source element for each image format -->
1568                    <source
1569                        srcset="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.jpg"
1570                        type="image/jpeg"
1571                    >
1572                            
1573            <!-- Image Element -->
1574            <img
1575                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.jpg"
1576                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1577                alt="Kay Muller"
1578                width=""
1579                height=""
1580            />
1581        </picture>
1582    </div>
1583        
1584        
1585        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1586            Mr. Kay MÜLLER
1587        </h3>
1588
1589        
1590        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1591                            <a class="focus-visible:outline-none" href="tel:0031652055103" title="Call Mr. Kay MÜLLER">
1592                    +31(0)652 055 103
1593                </a>
1594            
1595                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Kay MÜLLER">
1596                    [email protected]
1597                </a>
1598                    </div>
1599
1600        
1601                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
1602                                    <a href="https://www.linkedin.com/in/kay-m%C3%BCller-a2182711b/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
1603                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
1604                    </a>
1605                
1606                
1607                            </div>
1608            </div>
1609
1610    
1611    <div 
1612        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
1613    >
1614        
1615        <div class="font-bold uppercase !leading-[18px] text-16">
1616                            Poland
1617                    </div>
1618
1619        
1620        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1621            
1622            
1623            tanatex<br>representative
1624        </h4>
1625
1626        <div class="border-b border-white mt-[3rem]"></div>
1627
1628        
1629        <div class="text-13 pt-[2rem] sm:text-15">
1630            <span class="font-bold">TANATEX Representative</span>
1631            <p>
1632                Poland
1633            </p>
1634        </div>
1635
1636        
1637            </div>
1638</div>                            </div>
1639        
1640                            
1641                                                            <div class="swiper-slide relative z-20">
1642                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1643    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1644        
1645                    <!-- Image Container -->
1646    <div class="" image="https://tanatexchemicals.com/cdn/1cc64320-8036-4353-848b-a49b51c721ec/-/format/preserve/-/quality/lighter/-/progressive/yes/tanachem.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
1647        <!-- Picture Element -->
1648        <picture class="">
1649            <!-- Check if $image is an instance of an image manipulation library -->
1650                            <!-- Iterate over image formats ('webp', original) -->
1651                                                        <!-- Source element for each image format -->
1652                    <source
1653                        srcset="https://tanatexchemicals.com/cdn/1cc64320-8036-4353-848b-a49b51c721ec/-/crop/1294x1294/9,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/tanachem.webp"
1654                        type="image/webp"
1655                    >
1656                                                        <!-- Source element for each image format -->
1657                    <source
1658                        srcset="https://tanatexchemicals.com/cdn/1cc64320-8036-4353-848b-a49b51c721ec/-/crop/1294x1294/9,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/tanachem.jpg"
1659                        type="image/jpeg"
1660                    >
1661                            
1662            <!-- Image Element -->
1663            <img
1664                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/1cc64320-8036-4353-848b-a49b51c721ec/-/crop/1294x1294/9,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/tanachem.jpg"
1665                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1666                alt="TANACHEM Poland"
1667                width=""
1668                height=""
1669            />
1670        </picture>
1671    </div>
1672        
1673        
1674        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1675            Edyta Grzanka
1676        </h3>
1677
1678        
1679        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1680                            <a class="focus-visible:outline-none" href="tel:0048508322407" title="Call Edyta Grzanka">
1681                    0048 508 322 407
1682                </a>
1683            
1684                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Edyta Grzanka">
1685                    [email protected]
1686                </a>
1687                    </div>
1688
1689        
1690            </div>
1691
1692    
1693    <div 
1694        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
1695    >
1696        
1697        <div class="font-bold uppercase !leading-[18px] text-16">
1698                            Poland
1699                    </div>
1700
1701        
1702        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1703            
1704            
1705            tanatex<br>partner
1706        </h4>
1707
1708        <div class="border-b border-white mt-[3rem]"></div>
1709
1710        
1711        <div class="text-13 pt-[2rem] sm:text-15">
1712            <span class="font-bold">Tanachem Edyta Grzanka</span>
1713            <p>
1714                Poland
1715            </p>
1716        </div>
1717
1718        
1719            </div>
1720</div>                                </div>
1721                                                    </div>
1722
1723                        
1724                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
1725                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
1725<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
1726                        </div>
1727                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
1728                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
1729                        </div>
1730                    </div>
1731                            </div>
1732        </div>
1733        
1734        <div data-location-id="905" class="absolute top-0 left-0 ">
1735            <div class="sm:w-[66rem] relative">
1736                
1737                <div class="flex justify-center w-full">
1738                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
1739                </div>
1740                
1741                
1742                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
1743                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
1744                </div>
1745
1746                
1747                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
1748
1749                        
1750                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
1751                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
1752                            <div 
1753                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
1754                            ></div>
1755                        </div>
1756                        
1757
1758                        <div class="swiper-wrapper !overflow-hidden">
1759                            
1760                            <div class="swiper-slide relative z-20">
1761                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1762    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1763        
1764                    <!-- Image Container -->
1765    <div class="" image="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/format/preserve/-/quality/lighter/-/progressive/yes/alex-charles-2.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
1766        <!-- Picture Element -->
1767        <picture class="">
1768            <!-- Check if $image is an instance of an image manipulation library -->
1769                            <!-- Iterate over image formats ('webp', original) -->
1770                                                        <!-- Source element for each image format -->
1771                    <source
1772                        srcset="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/crop/2400x2400/332,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alex-charles-2.webp"
1773                        type="image/webp"
1774                    >
1775                                                        <!-- Source element for each image format -->
1776                    <source
1777                        srcset="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/crop/2400x2400/332,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alex-charles-2.jpg"
1778                        type="image/jpeg"
1779                    >
1780                            
1781            <!-- Image Element -->
1782            <img
1783                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/crop/2400x2400/332,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alex-charles-2.jpg"
1784                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1785                alt="Alex Charles"
1786                width=""
1787                height=""
1788            />
1789        </picture>
1790    </div>
1791        
1792        
1793        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1794            Mr. Alex Charles
1795        </h3>
1796
1797        
1798        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1799                            <a class="focus-visible:outline-none" href="tel:0034934813322" title="Call Mr. Alex Charles">
1800                    +34 93 481 33 22
1801                </a>
1802            
1803                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alex Charles">
1804                    [email protected]
1805                </a>
1806                    </div>
1807
1808        
1809                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
1810                                    <a href="https://www.linkedin.com/in/alex-charles-08640721/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
1811                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
1812                    </a>
1813                
1814                
1815                            </div>
1816            </div>
1817
1818    
1819    <div 
1820        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
1821    >
1822        
1823        <div class="font-bold uppercase !leading-[18px] text-16">
1824                            Portugal
1825                    </div>
1826
1827        
1828        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1829            
1830            
1831            tanatex<br>representative
1832        </h4>
1833
1834        <div class="border-b border-white mt-[3rem]"></div>
1835
1836        
1837        <div class="text-13 pt-[2rem] sm:text-15">
1838            <span class="font-bold">TANATEX Representative</span>
1839            <p>
1840                Portugal
1841            </p>
1842        </div>
1843
1844        
1845            </div>
1846</div>                            </div>
1847        
1848                            
1849                                                            <div class="swiper-slide relative z-20">
1850                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1851    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1852        
1853                    <!-- Image Container -->
1854    <div class="" image="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/format/preserve/-/quality/lighter/-/progressive/yes/adi-horitzontal-ressol-alta.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
1855        <!-- Picture Element -->
1856        <picture class="">
1857            <!-- Check if $image is an instance of an image manipulation library -->
1858                            <!-- Iterate over image formats ('webp', original) -->
1859                                                        <!-- Source element for each image format -->
1860                    <source
1861                        srcset="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/crop/2451x2451/25,28/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/adi-horitzontal-ressol-alta.webp"
1862                        type="image/webp"
1863                    >
1864                                                        <!-- Source element for each image format -->
1865                    <source
1866                        srcset="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/crop/2451x2451/25,28/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/adi-horitzontal-ressol-alta.jpg"
1867                        type="image/jpeg"
1868                    >
1869                            
1870            <!-- Image Element -->
1871            <img
1872                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/crop/2451x2451/25,28/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/adi-horitzontal-ressol-alta.jpg"
1873                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1874                alt="ADI"
1875                width=""
1876                height=""
1877            />
1878        </picture>
1879    </div>
1880        
1881        
1882        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
1883            Mr. António Soares
1884        </h3>
1885
1886        
1887        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
1888                            <a class="focus-visible:outline-none" href="tel:00351 252089425" title="Call Mr. António Soares">
1889                    +351 252 089425
1890                </a>
1891            
1892                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. António Soares">
1893                    [email protected]
1894                </a>
1895                    </div>
1896
1897        
1898            </div>
1899
1900    
1901    <div 
1902        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
1903    >
1904        
1905        <div class="font-bold uppercase !leading-[18px] text-16">
1906                            Portugal
1907                    </div>
1908
1909        
1910        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
1911            
1912            
1913            tanatex<br>partner
1914        </h4>
1915
1916        <div class="border-b border-white mt-[3rem]"></div>
1917
1918        
1919        <div class="text-13 pt-[2rem] sm:text-15">
1920            <span class="font-bold">ADI Center Portugal S.A.</span>
1921            <p>
1922                
1923            </p>
1924        </div>
1925
1926        
1927            </div>
1928</div>                                </div>
1929                                                    </div>
1930
1931                        
1932                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
1933                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
1934                        </div>
1935                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
1936                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
1937                        </div>
1938                    </div>
1939                            </div>
1940        </div>
1941        
1942        <div data-location-id="907" class="absolute top-0 left-0 ">
1943            <div class="sm:w-[66rem] relative">
1944                
1945                <div class="flex justify-center w-full">
1946                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
1947                </div>
1948                
1949                
1950                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
1951                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
1952                </div>
1953
1954                
1955                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
1956
1957                        
1958                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
1959                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
1960                            <div 
1961                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
1962                            ></div>
1963                        </div>
1964                        
1965
1966                        <div class="swiper-wrapper !overflow-hidden">
1967                            
1968                            <div class="swiper-slide relative z-20">
1969                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
1970    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
1971        
1972                    <!-- Image Container -->
1973    <div class="" image="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/format/preserve/-/quality/lighter/-/progressive/yes/thilo-koch.jpg" mediaStyle="maps-location" imageClasses="roun
1973ded-full h-[14rem] w-[14rem] border border-grey-normal">
1974        <!-- Picture Element -->
1975        <picture class="">
1976            <!-- Check if $image is an instance of an image manipulation library -->
1977                            <!-- Iterate over image formats ('webp', original) -->
1978                                                        <!-- Source element for each image format -->
1979                    <source
1980                        srcset="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.webp"
1981                        type="image/webp"
1982                    >
1983                                                        <!-- Source element for each image format -->
1984                    <source
1985                        srcset="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.jpg"
1986                        type="image/jpeg"
1987                    >
1988                            
1989            <!-- Image Element -->
1990            <img
1991                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.jpg"
1992                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
1993                alt="Thilo Koch"
1994                width=""
1995                height=""
1996            />
1997        </picture>
1998    </div>
1999        
2000        
2001        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2002            Mr. Thilo Koch
2003        </h3>
2004
2005        
2006        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2007                            <a class="focus-visible:outline-none" href="tel:004915154436702" title="Call Mr. Thilo Koch">
2008                    +49 151 544 36 702
2009                </a>
2010            
2011                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Thilo Koch">
2012                    [email protected]
2013                </a>
2014                    </div>
2015
2016        
2017                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
2018                                    <a href="https://www.linkedin.com/in/thilo-koch-b01b653b/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
2019                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
2020                    </a>
2021                
2022                
2023                            </div>
2024            </div>
2025
2026    
2027    <div 
2028        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2029    >
2030        
2031        <div class="font-bold uppercase !leading-[18px] text-16">
2032                            Romania
2033                    </div>
2034
2035        
2036        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2037            
2038            
2039            tanatex<br>representative
2040        </h4>
2041
2042        <div class="border-b border-white mt-[3rem]"></div>
2043
2044        
2045        <div class="text-13 pt-[2rem] sm:text-15">
2046            <span class="font-bold">TANATEX Representative</span>
2047            <p>
2048                Romania
2049            </p>
2050        </div>
2051
2052        
2053            </div>
2054</div>                            </div>
2055        
2056                            
2057                                                            <div class="swiper-slide relative z-20">
2058                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2059    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2060        
2061                    <!-- Image Container -->
2062    <div class="" image="https://tanatexchemicals.com/cdn/90360aee-3727-4d12-9133-f5dd5c59d091/-/format/preserve/-/quality/lighter/-/progressive/yes/eurochim.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
2063        <!-- Picture Element -->
2064        <picture class="">
2065            <!-- Check if $image is an instance of an image manipulation library -->
2066                            <!-- Iterate over image formats ('webp', original) -->
2067                                                        <!-- Source element for each image format -->
2068                    <source
2069                        srcset="https://tanatexchemicals.com/cdn/90360aee-3727-4d12-9133-f5dd5c59d091/-/crop/393x393/4,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/eurochim.webp"
2070                        type="image/webp"
2071                    >
2072                                                        <!-- Source element for each image format -->
2073                    <source
2074                        srcset="https://tanatexchemicals.com/cdn/90360aee-3727-4d12-9133-f5dd5c59d091/-/crop/393x393/4,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/eurochim.jpg"
2075                        type="image/jpeg"
2076                    >
2077                            
2078            <!-- Image Element -->
2079            <img
2080                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/90360aee-3727-4d12-9133-f5dd5c59d091/-/crop/393x393/4,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/eurochim.jpg"
2081                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2082                alt="Eurochim"
2083                width=""
2084                height=""
2085            />
2086        </picture>
2087    </div>
2088        
2089        
2090        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2091            Mrs. Ana Ignat
2092        </h3>
2093
2094        
2095        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2096                            <a class="focus-visible:outline-none" href="tel:0040213276551" title="Call Mrs. Ana Ignat">
2097                    0040 21 327 6551
2098                </a>
2099            
2100                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mrs. Ana Ignat">
2101                    [email protected]
2102                </a>
2103                    </div>
2104
2105        
2106            </div>
2107
2108    
2109    <div 
2110        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
2111    >
2112        
2113        <div class="font-bold uppercase !leading-[18px] text-16">
2114                            Romania
2115                    </div>
2116
2117        
2118        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2119            
2120            
2121            tanatex<br>partner
2122        </h4>
2123
2124        <div class="border-b border-white mt-[3rem]"></div>
2125
2126        
2127        <div class="text-13 pt-[2rem] sm:text-15">
2128            <span class="font-bold">Eurochim Impex Srl</span>
2129            <p>
2130                Nicolae Teclu Street 29-31, 550200<br />
2131Sibiu, Romania
2132            </p>
2133        </div>
2134
2135        
2136            </div>
2137</div>                                </div>
2138                                                    </div>
2139
2140                        
2141                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
2142                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
2142<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
2143                        </div>
2144                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
2145                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
2146                        </div>
2147                    </div>
2148                            </div>
2149        </div>
2150        
2151        <div data-location-id="909" class="absolute top-0 left-0 ">
2152            <div class="sm:w-[66rem] relative">
2153                
2154                <div class="flex justify-center w-full">
2155                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
2156                </div>
2157                
2158                
2159                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
2160                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
2161                </div>
2162
2163                
2164                                    
2165                    <div class="sm:w-full w-[28rem]">
2166                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2167    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2168        
2169                    <!-- Image Container -->
2170    <div class="" image="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/format/preserve/-/quality/lighter/-/progressive/yes/alex-charles-2.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
2171        <!-- Picture Element -->
2172        <picture class="">
2173            <!-- Check if $image is an instance of an image manipulation library -->
2174                            <!-- Iterate over image formats ('webp', original) -->
2175                                                        <!-- Source element for each image format -->
2176                    <source
2177                        srcset="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/crop/2400x2400/332,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alex-charles-2.webp"
2178                        type="image/webp"
2179                    >
2180                                                        <!-- Source element for each image format -->
2181                    <source
2182                        srcset="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/crop/2400x2400/332,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alex-charles-2.jpg"
2183                        type="image/jpeg"
2184                    >
2185                            
2186            <!-- Image Element -->
2187            <img
2188                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5a39b8cd-dd44-4350-b41e-4ebb68c9594d/-/crop/2400x2400/332,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alex-charles-2.jpg"
2189                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2190                alt="Alex Charles"
2191                width=""
2192                height=""
2193            />
2194        </picture>
2195    </div>
2196        
2197        
2198        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2199            Mr. Alex Charles
2200        </h3>
2201
2202        
2203        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2204                            <a class="focus-visible:outline-none" href="tel:0034934813322" title="Call Mr. Alex Charles">
2205                    +34 93 481 33 22
2206                </a>
2207            
2208                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alex Charles">
2209                    [email protected]
2210                </a>
2211                    </div>
2212
2213        
2214                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
2215                                    <a href="https://www.linkedin.com/in/alex-charles-08640721/" target="_blank" title="LinkedIn TANATEX Spain" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
2216                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
2217                    </a>
2218                
2219                
2220                            </div>
2221            </div>
2222
2223    
2224    <div 
2225        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2226    >
2227        
2228        <div class="font-bold uppercase !leading-[18px] text-16">
2229                            Spain
2230                    </div>
2231
2232        
2233        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2234            
2235            
2236            tanatex<br>
2237        </h4>
2238
2239        <div class="border-b border-white mt-[3rem]"></div>
2240
2241        
2242        <div class="text-13 pt-[2rem] sm:text-15">
2243            <span class="font-bold">TANATEX Spain</span>
2244            <p>
2245                Calle Aribau, 112 4º 1ª <br />
224608036 Barcelona<br />
2247Spain
2248            </p>
2249        </div>
2250
2251        
2252            </div>
2253</div>                    </div>
2254                            </div>
2255        </div>
2256        
2257        <div data-location-id="910" class="absolute top-0 left-0 ">
2258            <div class="sm:w-[66rem] relative">
2259                
2260                <div class="flex justify-center w-full">
2261                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
2262                </div>
2263                
2264                
2265                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
2266                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
2267                </div>
2268
2269                
2270                                    
2271                    <div class="sm:w-full w-[28rem]">
2272                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2273    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2274        
2275                    <!-- Image Container -->
2276    <div class="" image="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/format/preserve/-/quality/lighter/-/progressive/yes/kay-muller.jpg" mediaStyle="maps-location" imageClasses="roun
2276ded-full h-[14rem] w-[14rem] border border-grey-normal">
2277        <!-- Picture Element -->
2278        <picture class="">
2279            <!-- Check if $image is an instance of an image manipulation library -->
2280                            <!-- Iterate over image formats ('webp', original) -->
2281                                                        <!-- Source element for each image format -->
2282                    <source
2283                        srcset="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.webp"
2284                        type="image/webp"
2285                    >
2286                                                        <!-- Source element for each image format -->
2287                    <source
2288                        srcset="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.jpg"
2289                        type="image/jpeg"
2290                    >
2291                            
2292            <!-- Image Element -->
2293            <img
2294                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.jpg"
2295                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2296                alt="Kay Muller"
2297                width=""
2298                height=""
2299            />
2300        </picture>
2301    </div>
2302        
2303        
2304        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2305            Mr Kay Müller
2306        </h3>
2307
2308        
2309        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2310                            <a class="focus-visible:outline-none" href="tel:0031652055103" title="Call Mr Kay Müller">
2311                    +31 (0)652 055 103
2312                </a>
2313            
2314                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr Kay Müller">
2315                    [email protected]
2316                </a>
2317                    </div>
2318
2319        
2320                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
2321                                    <a href="https://www.linkedin.com/in/kay-m%C3%BCller-a2182711b/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
2322                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
2323                    </a>
2324                
2325                
2326                            </div>
2327            </div>
2328
2329    
2330    <div 
2331        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2332    >
2333        
2334        <div class="font-bold uppercase !leading-[18px] text-16">
2335                            United Kingdom
2336                    </div>
2337
2338        
2339        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2340            
2341            
2342            tanatex<br>representative
2343        </h4>
2344
2345        <div class="border-b border-white mt-[3rem]"></div>
2346
2347        
2348        <div class="text-13 pt-[2rem] sm:text-15">
2349            <span class="font-bold">TANATEX Representative</span>
2350            <p>
2351                United Kingdom
2352            </p>
2353        </div>
2354
2355        
2356            </div>
2357</div>                    </div>
2358                            </div>
2359        </div>
2360        
2361        <div data-location-id="911" class="absolute top-0 left-0 ">
2362            <div class="sm:w-[66rem] relative">
2363                
2364                <div class="flex justify-center w-full">
2365                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
2366                </div>
2367                
2368                
2369                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
2370                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
2371                </div>
2372
2373                
2374                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
2375
2376                        
2377                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
2378                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
2379                            <div 
2380                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
2381                            ></div>
2382                        </div>
2383                        
2384
2385                        <div class="swiper-wrapper !overflow-hidden">
2386                            
2387                            <div class="swiper-slide relative z-20">
2388                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2389    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2390        
2391                    <!-- Image Container -->
2392    <div class="" image="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/format/preserve/-/quality/lighter/-/progressive/yes/kay-muller.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
2393        <!-- Picture Element -->
2394        <picture class="">
2395            <!-- Check if $image is an instance of an image manipulation library -->
2396                            <!-- Iterate over image formats ('webp', original) -->
2397                                                        <!-- Source element for each image format -->
2398                    <source
2399                        srcset="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.webp"
2400                        type="image/webp"
2401                    >
2402                                                        <!-- Source element for each image format -->
2403                    <source
2404                        srcset="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.jpg"
2405                        type="image/jpeg"
2406                    >
2407                            
2408            <!-- Image Element -->
2409            <img
2410                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5a32c64d-9a6a-43a9-87ad-528bc9086c7a/-/crop/2637x2637/147,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/kay-muller.jpg"
2411                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2412                alt=""
2413                width=""
2414                height=""
2415            />
2416        </picture>
2417    </div>
2418        
2419        
2420        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2421            Mr. Kay Mueller
2422        </h3>
2423
2424        
2425        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2426                            <a class="focus-visible:outline-none" href="tel:0031652055103" title="Call Mr. Kay Mueller">
2427                    +31 6 52 05 51 03
2428                </a>
2429            
2430                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Kay Mueller">
2431                    [email protected]
2432                </a>
2433                    </div>
2434
2435        
2436                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
2437                                    <a href="https://www.linkedin.com/in/kay-m%C3%BCller-a2182711b/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
2438                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
2439                    </a>
2440                
2441                
2442                            </div>
2443            </div>
2444
2445    
2446    <div 
2447        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2448    >
2449        
2450        <div class="font-bold uppercase !leading-[18px] text-16">
2451                            Canada
2452                    </div>
2453
2454        
2455        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2456            
2457            
2458            tanatex<br>representative
2459        </h4>
2460
2461        <div class="border-b border-white mt-[3rem]"></div>
2462
2463        
2464        <div class="text-13 pt-[2rem] sm:text-15">
2465            <span class="font-bold">TANATEX Representative</span>
2466            <p>
2467                Canada
2468            </p>
2469        </div>
2470
2471        
2472            </div>
2473</div>                            </div>
2474        
2475                            
2476                                                            <div class="swiper-slide relative z-20">
2477                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2478    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2479        
2480                    <!-- Image Container -->
2481    <div class="" image="https://tanatexchemicals.com/cdn/a2cabf26-e64f-4075-a7d3-003c4ad8b545/-/format/preserve/-/quality/lighter/solutions-gtr.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
2482        <!-- Picture Element -->
2483        <picture class="">
2484            <!-- Check if $image is an instance of an image manipulation library -->
2485                            <!-- Iterate over image formats ('webp', original) -->
2486                                                        <!-- Source element for each image format -->
2487                    <source
2488                        srcset="https://tanatexchemicals.com/cdn/a2cabf26-e64f-4075-a7d3-003c4ad8b545/-/crop/648x648/6,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/solutions-gtr.webp"
2489                        type="image/webp"
2490                    >
2491                                                        <!-- Source element for each image format -->
2492                    <source
2493                        srcset="https://tanatexchemicals.com/cdn/a2cabf26-e64f-4075-a7d3-003c4ad8b545/-/crop/648x648/6,0/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/solutions-gtr.png"
2494                        type="image/jpeg"
2495                    >
2496                            
2497            <!-- Image Element -->
2498            <img
2499                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/a2cabf26-e64f-4075-a7d3-003c4ad8b545/-/crop/648x648/6,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/solutions-gtr.png"
2500                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2501                alt="Solutions GTR"
2502                width=""
2503                height=""
2504            />
2505        </picture>
2506    </div>
2507        
2508        
2509        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2510            Mr. Michel Daigneault
2511        </h3>
2512
2513        
2514        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2515                            <a class="focus-visible:outline-none" href="tel:0015146977760" title="Call Mr. Michel Daigneault">
2516                    +1 514 697 7760
2517                </a>
2518            
2519                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Michel Daigneault">
2520                    [email protected]
2521                </a>
2522                    </div>
2523
2524        
2525            </div>
2526
2527    
2528    <div 
2529        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
2530    >
2531        
2532        <div class="font-bold uppercase !leading-[18px] text-16">
2533                            Canada
2534                    </div>
2535
2536        
2537        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2538            
2539            
2540            tanatex<br>partner
2541        </h4>
2542
2543        <div class="border-b border-white mt-[3rem]"></div>
2544
2545        
2546        <div class="text-13 pt-[2rem] sm:text-15">
2547            <span class="font-bold">Solutions Chimiques Industrielles I</span>
2548            <p>
2549                190 Oneida, Pointe-Claire,<br />
2550Quebec H9R 1A8, Canada
2551            </p>
2552        </div>
2553
2554        
2555            </div>
2556</div>                                </div>
2557                                                    </div>
2558
2559                        
2560                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
2561                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
2562                        </div>
2563                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
2564                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
2565                        </div>
2566                    </div>
2567                            </div>
2568        </div>
2569        
2570        <div data-location-id="913" class="absolute top-0 left-0 ">
2571            <div class="sm:w-[66rem] relative">
2572                
2573                <div class="flex justify-center w-full">
2574                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
2575                </div>
2576                
2577                
2578                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
2579                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
2580                </div>
2581
2582                
2583                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
2584
2585                        
2586                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
2587                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
2588                            <div 
2589                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
2590                            ></div>
2591                        </div>
2592                        
2593
2594                        <div class="swiper-wrapper !overflow-hidden">
2595                            
2596                            <div class="swiper-slide relative z-20">
2597                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2598    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2599        
2600                    <!-- Image Container -->
2601    <div class="" image="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/format/preserve/-/quality/lighter/-/progressive/yes/alvaro-galindo.jpg" mediaStyle="maps-location" imageClasses="roun
2601ded-full h-[14rem] w-[14rem] border border-grey-normal">
2602        <!-- Picture Element -->
2603        <picture class="">
2604            <!-- Check if $image is an instance of an image manipulation library -->
2605                            <!-- Iterate over image formats ('webp', original) -->
2606                                                        <!-- Source element for each image format -->
2607                    <source
2608                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.webp"
2609                        type="image/webp"
2610                    >
2611                                                        <!-- Source element for each image format -->
2612                    <source
2613                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
2614                        type="image/jpeg"
2615                    >
2616                            
2617            <!-- Image Element -->
2618            <img
2619                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
2620                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2621                alt="Alvaro Galindo"
2622                width=""
2623                height=""
2624            />
2625        </picture>
2626    </div>
2627        
2628        
2629        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2630            Mr. Alvaro Galindo
2631        </h3>
2632
2633        
2634        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2635                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
2636                    +52 55 53445186
2637                </a>
2638            
2639                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
2640                    [email protected]
2641                </a>
2642                    </div>
2643
2644        
2645                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
2646                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
2647                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
2648                    </a>
2649                
2650                
2651                            </div>
2652            </div>
2653
2654    
2655    <div 
2656        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2657    >
2658        
2659        <div class="font-bold uppercase !leading-[18px] text-16">
2660                            Mexico
2661                    </div>
2662
2663        
2664        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2665            
2666            
2667            tanatex<br>representative
2668        </h4>
2669
2670        <div class="border-b border-white mt-[3rem]"></div>
2671
2672        
2673        <div class="text-13 pt-[2rem] sm:text-15">
2674            <span class="font-bold">TANATEX Representative</span>
2675            <p>
2676                Mexico
2677            </p>
2678        </div>
2679
2680        
2681            </div>
2682</div>                            </div>
2683        
2684                            
2685                                                            <div class="swiper-slide relative z-20">
2686                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2687    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2688        
2689                    <!-- Image Container -->
2690    <div class="" image="https://tanatexchemicals.com/cdn/1092fade-fba8-4692-aa26-d7557c734235/-/format/preserve/-/quality/lighter/anylquimtex-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
2691        <!-- Picture Element -->
2692        <picture class="">
2693            <!-- Check if $image is an instance of an image manipulation library -->
2694                            <!-- Iterate over image formats ('webp', original) -->
2695                                                        <!-- Source element for each image format -->
2696                    <source
2697                        srcset="https://tanatexchemicals.com/cdn/1092fade-fba8-4692-aa26-d7557c734235/-/crop/997x997/2,1/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/anylquimtex-logo.webp"
2698                        type="image/webp"
2699                    >
2700                                                        <!-- Source element for each image format -->
2701                    <source
2702                        srcset="https://tanatexchemicals.com/cdn/1092fade-fba8-4692-aa26-d7557c734235/-/crop/997x997/2,1/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/anylquimtex-logo.png"
2703                        type="image/jpeg"
2704                    >
2705                            
2706            <!-- Image Element -->
2707            <img
2708                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/1092fade-fba8-4692-aa26-d7557c734235/-/crop/997x997/2,1/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/anylquimtex-logo.png"
2709                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2710                alt="Anylquimtex"
2711                width=""
2712                height=""
2713            />
2714        </picture>
2715    </div>
2716        
2717        
2718        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2719            Yessica Antunez
2720        </h3>
2721
2722        
2723        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2724                            <a class="focus-visible:outline-none" href="tel:01+5553883880" title="Call Yessica Antunez">
2725                    01  +55 53 88  38 80
2726                </a>
2727            
2728                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Yessica Antunez">
2729                    [email protected]
2730                </a>
2731                    </div>
2732
2733        
2734            </div>
2735
2736    
2737    <div 
2738        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
2739    >
2740        
2741        <div class="font-bold uppercase !leading-[18px] text-16">
2742                            Mexico
2743                    </div>
2744
2745        
2746        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2747            
2748            
2749            tanatex<br>partner
2750        </h4>
2751
2752        <div class="border-b border-white mt-[3rem]"></div>
2753
2754        
2755        <div class="text-13 pt-[2rem] sm:text-15">
2756            <span class="font-bold">Anylquimtex Mexico</span>
2757            <p>
2758                Anilinas y Químicos Textiles S.A. de C.V.<br />
2759Calle Monterrey 178, Valle Ceylan,<br />
2760Tlalnepantla, Estado de México C.P. 54150<br />
2761Mexico
2762            </p>
2763        </div>
2764
2765        
2766            </div>
2767</div>                                </div>
2768                                                    </div>
2769
2770                        
2771                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
2772                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
2772<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
2773                        </div>
2774                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
2775                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
2776                        </div>
2777                    </div>
2778                            </div>
2779        </div>
2780        
2781        <div data-location-id="915" class="absolute top-0 left-0 ">
2782            <div class="sm:w-[66rem] relative">
2783                
2784                <div class="flex justify-center w-full">
2785                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
2786                </div>
2787                
2788                
2789                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
2790                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
2791                </div>
2792
2793                
2794                                    
2795                    <div class="sm:w-full w-[28rem]">
2796                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2797    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2798        
2799        
2800        
2801        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2802            Lorena Giraldo
2803        </h3>
2804
2805        
2806        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2807                            <a class="focus-visible:outline-none" href="tel:001(980)4510004" title="Call Lorena Giraldo">
2808                    +1 (980) 451 0004
2809                </a>
2810            
2811                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Lorena Giraldo">
2812                    [email protected]
2813                </a>
2814                    </div>
2815
2816        
2817            </div>
2818
2819    
2820    <div 
2821        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2822    >
2823        
2824        <div class="font-bold uppercase !leading-[18px] text-16">
2825                            USA
2826                    </div>
2827
2828        
2829        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2830            
2831            
2832            tanatex<br>
2833        </h4>
2834
2835        <div class="border-b border-white mt-[3rem]"></div>
2836
2837        
2838        <div class="text-13 pt-[2rem] sm:text-15">
2839            <span class="font-bold">TANATEX USA</span>
2840            <p>
2841                4301 Morris Park Drive, Suite 4<br />
2842Mint Hill, North Carolina 28227<br />
2843USA
2844            </p>
2845        </div>
2846
2847        
2848            </div>
2849</div>                    </div>
2850                            </div>
2851        </div>
2852        
2853        <div data-location-id="894" class="absolute top-0 left-0 ">
2854            <div class="sm:w-[66rem] relative">
2855                
2856                <div class="flex justify-center w-full">
2857                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
2858                </div>
2859                
2860                
2861                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
2862                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
2863                </div>
2864
2865                
2866                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
2867
2868                        
2869                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
2870                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
2871                            <div 
2872                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
2873                            ></div>
2874                        </div>
2875                        
2876
2877                        <div class="swiper-wrapper !overflow-hidden">
2878                            
2879                            <div class="swiper-slide relative z-20">
2880                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2881    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2882        
2883                    <!-- Image Container -->
2884    <div class="" image="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/format/preserve/-/quality/lighter/-/progressive/yes/jo-porre-2.jpg" mediaStyle="maps-location" imageClasses="roun
2884ded-full h-[14rem] w-[14rem] border border-grey-normal">
2885        <!-- Picture Element -->
2886        <picture class="">
2887            <!-- Check if $image is an instance of an image manipulation library -->
2888                            <!-- Iterate over image formats ('webp', original) -->
2889                                                        <!-- Source element for each image format -->
2890                    <source
2891                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.webp"
2892                        type="image/webp"
2893                    >
2894                                                        <!-- Source element for each image format -->
2895                    <source
2896                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
2897                        type="image/jpeg"
2898                    >
2899                            
2900            <!-- Image Element -->
2901            <img
2902                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
2903                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2904                alt="Jo Porre"
2905                width=""
2906                height=""
2907            />
2908        </picture>
2909    </div>
2910        
2911        
2912        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
2913            Mr. Jo Porré
2914        </h3>
2915
2916        
2917        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
2918                            <a class="focus-visible:outline-none" href="tel:0031318670911" title="Call Mr. Jo Porré">
2919                    +31 (0)318 67 09 11
2920                </a>
2921            
2922                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Jo Porré">
2923                    [email protected]
2924                </a>
2925                    </div>
2926
2927        
2928                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
2929                                    <a href="https://www.linkedin.com/in/jo-porr%C3%A9-a7877a6/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
2930                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
2931                    </a>
2932                
2933                
2934                            </div>
2935            </div>
2936
2937    
2938    <div 
2939        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
2940    >
2941        
2942        <div class="font-bold uppercase !leading-[18px] text-16">
2943                            France
2944                    </div>
2945
2946        
2947        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
2948            
2949            
2950            tanatex<br>representative
2951        </h4>
2952
2953        <div class="border-b border-white mt-[3rem]"></div>
2954
2955        
2956        <div class="text-13 pt-[2rem] sm:text-15">
2957            <span class="font-bold">TANATEX Representative</span>
2958            <p>
2959                France
2960            </p>
2961        </div>
2962
2963        
2964            </div>
2965</div>                            </div>
2966        
2967                            
2968                                                            <div class="swiper-slide relative z-20">
2969                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
2970    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
2971        
2972                    <!-- Image Container -->
2973    <div class="" image="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/format/preserve/-/quality/lighter/-/progressive/yes/adi-horitzontal-ressol-alta.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
2974        <!-- Picture Element -->
2975        <picture class="">
2976            <!-- Check if $image is an instance of an image manipulation library -->
2977                            <!-- Iterate over image formats ('webp', original) -->
2978                                                        <!-- Source element for each image format -->
2979                    <source
2980                        srcset="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/crop/2451x2451/25,28/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/adi-horitzontal-ressol-alta.webp"
2981                        type="image/webp"
2982                    >
2983                                                        <!-- Source element for each image format -->
2984                    <source
2985                        srcset="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/crop/2451x2451/25,28/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/adi-horitzontal-ressol-alta.jpg"
2986                        type="image/jpeg"
2987                    >
2988                            
2989            <!-- Image Element -->
2990            <img
2991                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/4b7b0227-10c1-41bd-a62c-587e4511bbd8/-/crop/2451x2451/25,28/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/adi-horitzontal-ressol-alta.jpg"
2992                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
2993                alt="ADI"
2994                width=""
2995                height=""
2996            />
2997        </picture>
2998    </div>
2999        
3000        
3001        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3002            Ms. Audrey Despinoy
3003        </h3>
3004
3005        
3006        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3007                            <a class="focus-visible:outline-none" href="tel:0033320894780" title="Call Ms. Audrey Despinoy">
3008                    +33 3 20 89 47 80
3009                </a>
3010            
3011                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Ms. Audrey Despinoy">
3012                    [email protected]
3013                </a>
3014                    </div>
3015
3016        
3017            </div>
3018
3019    
3020    <div 
3021        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
3022    >
3023        
3024        <div class="font-bold uppercase !leading-[18px] text-16">
3025                            France
3026                    </div>
3027
3028        
3029        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3030            
3031            
3032            tanatex<br>partner
3033        </h4>
3034
3035        <div class="border-b border-white mt-[3rem]"></div>
3036
3037        
3038        <div class="text-13 pt-[2rem] sm:text-15">
3039            <span class="font-bold">ADI Center France SARL</span>
3040            <p>
3041                Parc D’activites Ravennes Les Francs<br />
30425 Rue Henri Poincaré<br />
304359910 Bondues, France
3044            </p>
3045        </div>
3046
3047        
3048            </div>
3049</div>                                </div>
3050                                                    </div>
3051
3052                        
3053                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
3054                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
3054<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3055                        </div>
3056                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
3057                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3058                        </div>
3059                    </div>
3060                            </div>
3061        </div>
3062        
3063        <div data-location-id="917" class="absolute top-0 left-0 ">
3064            <div class="sm:w-[66rem] relative">
3065                
3066                <div class="flex justify-center w-full">
3067                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
3068                </div>
3069                
3070                
3071                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
3072                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
3073                </div>
3074
3075                
3076                                    
3077                    <div class="sm:w-full w-[28rem]">
3078                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3079    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3080        
3081                    <!-- Image Container -->
3082    <div class="" image="https://tanatexchemicals.com/cdn/5de113c0-7ec1-4e18-ad20-073e16fb8659/-/format/preserve/-/quality/lighter/-/progressive/yes/luciano-santos.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
3083        <!-- Picture Element -->
3084        <picture class="">
3085            <!-- Check if $image is an instance of an image manipulation library -->
3086                            <!-- Iterate over image formats ('webp', original) -->
3087                                                        <!-- Source element for each image format -->
3088                    <source
3089                        srcset="https://tanatexchemicals.com/cdn/5de113c0-7ec1-4e18-ad20-073e16fb8659/-/crop/2399x2399/1893,-14/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/luciano-santos.webp"
3090                        type="image/webp"
3091                    >
3092                                                        <!-- Source element for each image format -->
3093                    <source
3094                        srcset="https://tanatexchemicals.com/cdn/5de113c0-7ec1-4e18-ad20-073e16fb8659/-/crop/2399x2399/1893,-14/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/luciano-santos.jpg"
3095                        type="image/jpeg"
3096                    >
3097                            
3098            <!-- Image Element -->
3099            <img
3100                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5de113c0-7ec1-4e18-ad20-073e16fb8659/-/crop/2399x2399/1893,-14/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/luciano-santos.jpg"
3101                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3102                alt="Luciano Santos"
3103                width=""
3104                height=""
3105            />
3106        </picture>
3107    </div>
3108        
3109        
3110        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3111            Mr. Luciano Notário dos Santos
3112        </h3>
3113
3114        
3115        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3116                            <a class="focus-visible:outline-none" href="tel:+5519993269063" title="Call Mr. Luciano Notário dos Santos">
3117                    + 55 19 99326 9063
3118                </a>
3119            
3120                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Luciano Notário dos Santos">
3121                    [email protected]
3122                </a>
3123                    </div>
3124
3125        
3126                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
3127                                    <a href="https://www.linkedin.com/in/lucianonotario/" target="_blank" title="LinkedIn TANATEX Brazil" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
3128                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
3129                    </a>
3130                
3131                
3132                            </div>
3133            </div>
3134
3135    
3136    <div 
3137        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
3138    >
3139        
3140        <div class="font-bold uppercase !leading-[18px] text-16">
3141                            São Paulo SP, Brasil, 03333-050
3142                    </div>
3143
3144        
3145        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3146            
3147            
3148            tanatex<br>
3149        </h4>
3150
3151        <div class="border-b border-white mt-[3rem]"></div>
3152
3153        
3154        <div class="text-13 pt-[2rem] sm:text-15">
3155            <span class="font-bold">TANATEX Brazil</span>
3156            <p>
3157                Rue Colonel Irineu de Castro, 43<br />
3158Jd. Analia Franco<br />
3159São Paulo SP, Brasil, 03333-050
3160            </p>
3161        </div>
3162
3163        
3164            </div>
3165</div>                    </div>
3166                            </div>
3167        </div>
3168        
3169        <div data-location-id="918" class="absolute top-0 left-0 ">
3170            <div class="sm:w-[66rem] relative">
3171                
3172                <div class="flex justify-center w-full">
3173                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
3174                </div>
3175                
3176                
3177                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
3178                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
3179                </div>
3180
3181                
3182                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
3183
3184                        
3185                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
3186                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
3187                            <div 
3188                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
3189                            ></div>
3190                        </div>
3191                        
3192
3193                        <div class="swiper-wrapper !overflow-hidden">
3194                            
3195                            <div class="swiper-slide relative z-20">
3196                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3197    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3198        
3199                    <!-- Image Container -->
3200    <div class="" image="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/format/preserve/-/quality/lighter/-/progressive/yes/alvaro-galindo.jpg" mediaStyle="maps-location" imageClasses="roun
3200ded-full h-[14rem] w-[14rem] border border-grey-normal">
3201        <!-- Picture Element -->
3202        <picture class="">
3203            <!-- Check if $image is an instance of an image manipulation library -->
3204                            <!-- Iterate over image formats ('webp', original) -->
3205                                                        <!-- Source element for each image format -->
3206                    <source
3207                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.webp"
3208                        type="image/webp"
3209                    >
3210                                                        <!-- Source element for each image format -->
3211                    <source
3212                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
3213                        type="image/jpeg"
3214                    >
3215                            
3216            <!-- Image Element -->
3217            <img
3218                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
3219                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3220                alt="Alvaro Galindo"
3221                width=""
3222                height=""
3223            />
3224        </picture>
3225    </div>
3226        
3227        
3228        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3229            Mr. Alvaro Galindo
3230        </h3>
3231
3232        
3233        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3234                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
3235                    +52 55 53445186
3236                </a>
3237            
3238                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
3239                    [email protected]
3240                </a>
3241                    </div>
3242
3243        
3244                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
3245                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Costa Rica" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
3246                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
3247                    </a>
3248                
3249                
3250                            </div>
3251            </div>
3252
3253    
3254    <div 
3255        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
3256    >
3257        
3258        <div class="font-bold uppercase !leading-[18px] text-16">
3259                            
3260                    </div>
3261
3262        
3263        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3264            
3265            
3266            tanatex<br>
3267        </h4>
3268
3269        <div class="border-b border-white mt-[3rem]"></div>
3270
3271        
3272        <div class="text-13 pt-[2rem] sm:text-15">
3273            <span class="font-bold">TANATEX Costa Rica</span>
3274            <p>
3275                
3276            </p>
3277        </div>
3278
3279        
3280            </div>
3281</div>                            </div>
3282        
3283                            
3284                                                            <div class="swiper-slide relative z-20">
3285                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3286    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3287        
3288                    <!-- Image Container -->
3289    <div class="" image="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/format/preserve/-/quality/lighter/barentz.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
3290        <!-- Picture Element -->
3291        <picture class="">
3292            <!-- Check if $image is an instance of an image manipulation library -->
3293                            <!-- Iterate over image formats ('webp', original) -->
3294                                                        <!-- Source element for each image format -->
3295                    <source
3296                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/barentz.webp"
3297                        type="image/webp"
3298                    >
3299                                                        <!-- Source element for each image format -->
3300                    <source
3301                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/barentz.png"
3302                        type="image/jpeg"
3303                    >
3304                            
3305            <!-- Image Element -->
3306            <img
3307                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/barentz.png"
3308                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3309                alt="Barentz"
3310                width=""
3311                height=""
3312            />
3313        </picture>
3314    </div>
3315        
3316        
3317        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3318            Katherine Arce
3319        </h3>
3320
3321        
3322        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3323                            <a class="focus-visible:outline-none" href="tel:0050377438508" title="Call Katherine Arce">
3324                    +503 77438508
3325                </a>
3326            
3327                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Katherine Arce">
3328                    [email protected]
3329                </a>
3330                    </div>
3331
3332        
3333            </div>
3334
3335    
3336    <div 
3337        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
3338    >
3339        
3340        <div class="font-bold uppercase !leading-[18px] text-16">
3341                            
3342                    </div>
3343
3344        
3345        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3346            
3347            
3348            tanatex<br>partner
3349        </h4>
3350
3351        <div class="border-b border-white mt-[3rem]"></div>
3352
3353        
3354        <div class="text-13 pt-[2rem] sm:text-15">
3355            <span class="font-bold">Barentz Costa Rica, S.A.</span>
3356            <p>
3357                1.5km al oeste del aeropuerto <br />
3358Juan Santamaria, complejo de bodegas Hormas Internacionales 2010 <br />
3359Alajuela <br />
3360Costa Rica
3361            </p>
3362        </div>
3363
3364        
3365            </div>
3366</div>                                </div>
3367                                                    </div>
3368
3369                        
3370                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
3371                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
3371<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3372                        </div>
3373                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
3374                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3375                        </div>
3376                    </div>
3377                            </div>
3378        </div>
3379        
3380        <div data-location-id="920" class="absolute top-0 left-0 ">
3381            <div class="sm:w-[66rem] relative">
3382                
3383                <div class="flex justify-center w-full">
3384                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
3385                </div>
3386                
3387                
3388                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
3389                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
3390                </div>
3391
3392                
3393                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
3394
3395                        
3396                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
3397                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
3398                            <div 
3399                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
3400                            ></div>
3401                        </div>
3402                        
3403
3404                        <div class="swiper-wrapper !overflow-hidden">
3405                            
3406                            <div class="swiper-slide relative z-20">
3407                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3408    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3409        
3410                    <!-- Image Container -->
3411    <div class="" image="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/format/preserve/-/quality/lighter/-/progressive/yes/photo-david-arredondo.jpeg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
3412        <!-- Picture Element -->
3413        <picture class="">
3414            <!-- Check if $image is an instance of an image manipulation library -->
3415                            <!-- Iterate over image formats ('webp', original) -->
3416                                                        <!-- Source element for each image format -->
3417                    <source
3418                        srcset="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.webp"
3419                        type="image/webp"
3420                    >
3421                                                        <!-- Source element for each image format -->
3422                    <source
3423                        srcset="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.jpg"
3424                        type="image/jpeg"
3425                    >
3426                            
3427            <!-- Image Element -->
3428            <img
3429                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.jpeg"
3430                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3431                alt="David Arredondo"
3432                width=""
3433                height=""
3434            />
3435        </picture>
3436    </div>
3437        
3438        
3439        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3440            Mr. David Arredondo
3441        </h3>
3442
3443        
3444        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3445                            <a class="focus-visible:outline-none" href="tel:005730129852" title="Call Mr. David Arredondo">
3446                    +57 301 298 52
3447                </a>
3448            
3449                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. David Arredondo">
3450                    [email protected]
3451                </a>
3452                    </div>
3453
3454        
3455                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
3456                                    <a href="https://www.linkedin.com/in/david-arredondo-agudelo-80102084/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
3457                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
3458                    </a>
3459                
3460                
3461                            </div>
3462            </div>
3463
3464    
3465    <div 
3466        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
3467    >
3468        
3469        <div class="font-bold uppercase !leading-[18px] text-16">
3470                            Colombia
3471                    </div>
3472
3473        
3474        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3475            
3476            
3477            tanatex<br>representative
3478        </h4>
3479
3480        <div class="border-b border-white mt-[3rem]"></div>
3481
3482        
3483        <div class="text-13 pt-[2rem] sm:text-15">
3484            <span class="font-bold">TANATEX Representative</span>
3485            <p>
3486                Colombia
3487            </p>
3488        </div>
3489
3490        
3491            </div>
3492</div>                            </div>
3493        
3494                            
3495                                                            <div class="swiper-slide relative z-20">
3496                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3497    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3498        
3499                    <!-- Image Container -->
3500    <div class="" image="https://tanatexchemicals.com/cdn/fcde5ff9-d819-4aea-9b2c-52b9f4c7fdb2/-/format/preserve/-/quality/lighter/cropped-logo-merquiand.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
3501        <!-- Picture Element -->
3502        <picture class="">
3503            <!-- Check if $image is an instance of an image manipulation library -->
3504                            <!-- Iterate over image formats ('webp', original) -->
3505                                                        <!-- Source element for each image format -->
3506                    <source
3507                        srcset="https://tanatexchemicals.com/cdn/fcde5ff9-d819-4aea-9b2c-52b9f4c7fdb2/-/crop/2372x2372/14,20/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/cropped-logo-merquiand.webp"
3508                        type="image/webp"
3509                    >
3510                                                        <!-- Source element for each image format -->
3511                    <source
3512                        srcset="https://tanatexchemicals.com/cdn/fcde5ff9-d819-4aea-9b2c-52b9f4c7fdb2/-/crop/2372x2372/14,20/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/cropped-logo-merquiand.png"
3513                        type="image/jpeg"
3514                    >
3515                            
3516            <!-- Image Element -->
3517            <img
3518                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/fcde5ff9-d819-4aea-9b2c-52b9f4c7fdb2/-/crop/2372x2372/14,20/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/cropped-logo-merquiand.png"
3519                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3520                alt="Merquiand"
3521                width=""
3522                height=""
3523            />
3524        </picture>
3525    </div>
3526        
3527        
3528        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3529            Mrs. Patricia Gómez
3530        </h3>
3531
3532        
3533        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3534                            <a class="focus-visible:outline-none" href="tel:005743010128" title="Call Mrs. Patricia Gómez">
3535                    +57 4 301 0128
3536                </a>
3537            
3538                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mrs. Patricia Gómez">
3539                    [email protected]
3540                </a>
3541                    </div>
3542
3543        
3544            </div>
3545
3546    
3547    <div 
3548        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
3549    >
3550        
3551        <div class="font-bold uppercase !leading-[18px] text-16">
3552                            Colombia
3553                    </div>
3554
3555        
3556        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3557            
3558            
3559            tanatex<br>partner
3560        </h4>
3561
3562        <div class="border-b border-white mt-[3rem]"></div>
3563
3564        
3565        <div class="text-13 pt-[2rem] sm:text-15">
3566            <span class="font-bold">MERQUIAND</span>
3567            <p>
3568                Carrera 49 No 61 sur 540, Bod 134,<br />
3569Parque de Bodegas la Regional<br />
3570Sabaneta, Colombia
3571            </p>
3572        </div>
3573
3574        
3575            </div>
3576</div>                                </div>
3577                                                    </div>
3578
3579                        
3580                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
3581                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3582                        </div>
3583                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
3584                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3585                        </div>
3586                    </div>
3587                            </div>
3588        </div>
3589        
3590        <div data-location-id="922" class="absolute top-0 left-0 ">
3591            <div class="sm:w-[66rem] relative">
3592                
3593                <div class="flex justify-center w-full">
3594                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
3595                </div>
3596                
3597                
3598                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
3599                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
3600                </div>
3601
3602                
3603                                    
3604                    <div class="sm:w-full w-[28rem]">
3605                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3606    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3607        
3608                    <!-- Image Container -->
3609    <div class="" image="https://tanatexchemicals.com/cdn/dd9b2960-bf7e-41a4-9c56-fbc71afb8f91/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="roun
3609ded-full h-[14rem] w-[14rem] border border-grey-normal">
3610        <!-- Picture Element -->
3611        <picture class="">
3612            <!-- Check if $image is an instance of an image manipulation library -->
3613                            <!-- Iterate over image formats ('webp', original) -->
3614                                                        <!-- Source element for each image format -->
3615                    <source
3616                        srcset="https://tanatexchemicals.com/cdn/dd9b2960-bf7e-41a4-9c56-fbc71afb8f91/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
3617                        type="image/webp"
3618                    >
3619                                                        <!-- Source element for each image format -->
3620                    <source
3621                        srcset="https://tanatexchemicals.com/cdn/dd9b2960-bf7e-41a4-9c56-fbc71afb8f91/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
3622                        type="image/jpeg"
3623                    >
3624                            
3625            <!-- Image Element -->
3626            <img
3627                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/dd9b2960-bf7e-41a4-9c56-fbc71afb8f91/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
3628                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3629                alt="TANATEX Molecule"
3630                width=""
3631                height=""
3632            />
3633        </picture>
3634    </div>
3635        
3636        
3637        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3638            Mr. Alvaro Galindo
3639        </h3>
3640
3641        
3642        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3643                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
3644                    +52 55 53445186
3645                </a>
3646            
3647                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
3648                    [email protected]
3649                </a>
3650                    </div>
3651
3652        
3653                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
3654                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Dominican Republic" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
3655                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
3656                    </a>
3657                
3658                
3659                            </div>
3660            </div>
3661
3662    
3663    <div 
3664        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
3665    >
3666        
3667        <div class="font-bold uppercase !leading-[18px] text-16">
3668                            
3669                    </div>
3670
3671        
3672        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3673            
3674            
3675            tanatex<br>
3676        </h4>
3677
3678        <div class="border-b border-white mt-[3rem]"></div>
3679
3680        
3681        <div class="text-13 pt-[2rem] sm:text-15">
3682            <span class="font-bold">TANATEX Dominican Republic</span>
3683            <p>
3684                
3685            </p>
3686        </div>
3687
3688        
3689            </div>
3690</div>                    </div>
3691                            </div>
3692        </div>
3693        
3694        <div data-location-id="924" class="absolute top-0 left-0 ">
3695            <div class="sm:w-[66rem] relative">
3696                
3697                <div class="flex justify-center w-full">
3698                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
3699                </div>
3700                
3701                
3702                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
3703                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
3704                </div>
3705
3706                
3707                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
3708
3709                        
3710                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
3711                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
3712                            <div 
3713                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
3714                            ></div>
3715                        </div>
3716                        
3717
3718                        <div class="swiper-wrapper !overflow-hidden">
3719                            
3720                            <div class="swiper-slide relative z-20">
3721                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3722    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3723        
3724                    <!-- Image Container -->
3725    <div class="" image="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/format/preserve/-/quality/lighter/-/progressive/yes/alvaro-galindo.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
3726        <!-- Picture Element -->
3727        <picture class="">
3728            <!-- Check if $image is an instance of an image manipulation library -->
3729                            <!-- Iterate over image formats ('webp', original) -->
3730                                                        <!-- Source element for each image format -->
3731                    <source
3732                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.webp"
3733                        type="image/webp"
3734                    >
3735                                                        <!-- Source element for each image format -->
3736                    <source
3737                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
3738                        type="image/jpeg"
3739                    >
3740                            
3741            <!-- Image Element -->
3742            <img
3743                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
3744                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3745                alt="Alvaro Galindo"
3746                width=""
3747                height=""
3748            />
3749        </picture>
3750    </div>
3751        
3752        
3753        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3754            Mr. Alvaro Galindo
3755        </h3>
3756
3757        
3758        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3759                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
3760                    +52 55 53445186
3761                </a>
3762            
3763                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
3764                    [email protected]
3765                </a>
3766                    </div>
3767
3768        
3769                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
3770                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
3771                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
3772                    </a>
3773                
3774                
3775                            </div>
3776            </div>
3777
3778    
3779    <div 
3780        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
3781    >
3782        
3783        <div class="font-bold uppercase !leading-[18px] text-16">
3784                            El Salvador
3785                    </div>
3786
3787        
3788        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3789            
3790            
3791            tanatex<br>representative
3792        </h4>
3793
3794        <div class="border-b border-white mt-[3rem]"></div>
3795
3796        
3797        <div class="text-13 pt-[2rem] sm:text-15">
3798            <span class="font-bold">TANATEX Representative</span>
3799            <p>
3800                El Salvador
3801            </p>
3802        </div>
3803
3804        
3805            </div>
3806</div>                            </div>
3807        
3808                            
3809                                                            <div class="swiper-slide relative z-20">
3810                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3811    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3812        
3813                    <!-- Image Container -->
3814    <div class="" image="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/format/preserve/-/quality/lighter/barentz.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
3815        <!-- Picture Element -->
3816        <picture class="">
3817            <!-- Check if $image is an instance of an image manipulation library -->
3818                            <!-- Iterate over image formats ('webp', original) -->
3819                                                        <!-- Source element for each image format -->
3820                    <source
3821                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/barentz.webp"
3822                        type="image/webp"
3823                    >
3824                                                        <!-- Source element for each image format -->
3825                    <source
3826                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/barentz.png"
3827                        type="image/jpeg"
3828                    >
3829                            
3830            <!-- Image Element -->
3831            <img
3832                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/barentz.png"
3833                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3834                alt="Barentz"
3835                width=""
3836                height=""
3837            />
3838        </picture>
3839    </div>
3840        
3841        
3842        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3843            Luisa Mendoza
3844        </h3>
3845
3846        
3847        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3848                            <a class="focus-visible:outline-none" href="tel:0050377438508" title="Call Luisa Mendoza">
3849                    +503 77438508
3850                </a>
3851            
3852                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Luisa Mendoza">
3853                    [email protected]
3854                </a>
3855                    </div>
3856
3857        
3858            </div>
3859
3860    
3861    <div 
3862        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
3863    >
3864        
3865        <div class="font-bold uppercase !leading-[18px] text-16">
3866                            El Salvador
3867                    </div>
3868
3869        
3870        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
3871            
3872            
3873            tanatex<br>partner
3874        </h4>
3875
3876        <div class="border-b border-white mt-[3rem]"></div>
3877
3878        
3879        <div class="text-13 pt-[2rem] sm:text-15">
3880            <span class="font-bold">Barentz El Salvador, S.A. de C.V.</span>
3881            <p>
3882                Boulevard Si Ham No. 15 Pol. A<br />
3883Zona Industrial de Merliot<br />
3884Antiguo Cuscatlán<br />
3885San Salvador<br />
3886El Salvador
3887            </p>
3888        </div>
3889
3890        
3891            </div>
3892</div>                                </div>
3893                                                    </div>
3894
3895                        
3896                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
3897                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3898                        </div>
3899                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
3900                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
3901                        </div>
3902                    </div>
3903                            </div>
3904        </div>
3905        
3906        <div data-location-id="926" class="absolute top-0 left-0 ">
3907            <div class="sm:w-[66rem] relative">
3908                
3909                <div class="flex justify-center w-full">
3910                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
3911                </div>
3912                
3913                
3914                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
3915                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
3916                </div>
3917
3918                
3919                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
3920
3921                        
3922                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
3923                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
3924                            <div 
3925                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
3926                            ></div>
3927                        </div>
3928                        
3929
3930                        <div class="swiper-wrapper !overflow-hidden">
3931                            
3932                            <div class="swiper-slide relative z-20">
3933                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
3934    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
3935        
3936                    <!-- Image Container -->
3937    <div class="" image="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/format/preserve/-/quality/lighter/-/progressive/yes/photo-david-arredondo.jpeg" mediaStyle="maps-location" imageClasses="roun
3937ded-full h-[14rem] w-[14rem] border border-grey-normal">
3938        <!-- Picture Element -->
3939        <picture class="">
3940            <!-- Check if $image is an instance of an image manipulation library -->
3941                            <!-- Iterate over image formats ('webp', original) -->
3942                                                        <!-- Source element for each image format -->
3943                    <source
3944                        srcset="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.webp"
3945                        type="image/webp"
3946                    >
3947                                                        <!-- Source element for each image format -->
3948                    <source
3949                        srcset="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.jpg"
3950                        type="image/jpeg"
3951                    >
3952                            
3953            <!-- Image Element -->
3954            <img
3955                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.jpeg"
3956                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
3957                alt="David Arredondo"
3958                width=""
3959                height=""
3960            />
3961        </picture>
3962    </div>
3963        
3964        
3965        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
3966            Mr. David Arredondo
3967        </h3>
3968
3969        
3970        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
3971                            <a class="focus-visible:outline-none" href="tel:005730129852" title="Call Mr. David Arredondo">
3972                    +57 301 298 52
3973                </a>
3974            
3975                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. David Arredondo">
3976                    [email protected]
3977                </a>
3978                    </div>
3979
3980        
3981                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
3982                                    <a href="https://www.linkedin.com/in/david-arredondo-agudelo-80102084/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
3983                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
3984                    </a>
3985                
3986                
3987                            </div>
3988            </div>
3989
3990    
3991    <div 
3992        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
3993    >
3994        
3995        <div class="font-bold uppercase !leading-[18px] text-16">
3996                            Ecuador
3997                    </div>
3998
3999        
4000        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4001            
4002            
4003            tanatex<br>representative
4004        </h4>
4005
4006        <div class="border-b border-white mt-[3rem]"></div>
4007
4008        
4009        <div class="text-13 pt-[2rem] sm:text-15">
4010            <span class="font-bold">TANATEX Representative</span>
4011            <p>
4012                Ecuador
4013            </p>
4014        </div>
4015
4016        
4017            </div>
4018</div>                            </div>
4019        
4020                            
4021                                                            <div class="swiper-slide relative z-20">
4022                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4023    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4024        
4025                    <!-- Image Container -->
4026    <div class="" image="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/format/preserve/-/quality/lighter/disanquimicos.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4027        <!-- Picture Element -->
4028        <picture class="">
4029            <!-- Check if $image is an instance of an image manipulation library -->
4030                            <!-- Iterate over image formats ('webp', original) -->
4031                                                        <!-- Source element for each image format -->
4032                    <source
4033                        srcset="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/crop/697x697/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/disanquimicos.webp"
4034                        type="image/webp"
4035                    >
4036                                                        <!-- Source element for each image format -->
4037                    <source
4038                        srcset="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/crop/697x697/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/disanquimicos.png"
4039                        type="image/jpeg"
4040                    >
4041                            
4042            <!-- Image Element -->
4043            <img
4044                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/crop/697x697/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/disanquimicos.png"
4045                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4046                alt="Disan Quimicos"
4047                width=""
4048                height=""
4049            />
4050        </picture>
4051    </div>
4052        
4053        
4054        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4055            Mrs. Alexandra Sambache
4056        </h3>
4057
4058        
4059        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4060                            <a class="focus-visible:outline-none" href="tel:00593968911020" title="Call Mrs. Alexandra Sambache">
4061                    +593 968 911 020
4062                </a>
4063            
4064                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mrs. Alexandra Sambache">
4065                    [email protected]
4066                </a>
4067                    </div>
4068
4069        
4070            </div>
4071
4072    
4073    <div 
4074        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
4075    >
4076        
4077        <div class="font-bold uppercase !leading-[18px] text-16">
4078                            Ecuador
4079                    </div>
4080
4081        
4082        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4083            
4084            
4085            tanatex<br>partner
4086        </h4>
4087
4088        <div class="border-b border-white mt-[3rem]"></div>
4089
4090        
4091        <div class="text-13 pt-[2rem] sm:text-15">
4092            <span class="font-bold">DISAN Ecuador</span>
4093            <p>
4094                Calle Elías Godoy N9-63 y E2A Emilio Obando, Calderón.<br />
4095Quito, Ecuador
4096            </p>
4097        </div>
4098
4099        
4100            </div>
4101</div>                                </div>
4102                                                    </div>
4103
4104                        
4105                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
4106                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
4106<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4107                        </div>
4108                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
4109                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4110                        </div>
4111                    </div>
4112                            </div>
4113        </div>
4114        
4115        <div data-location-id="928" class="absolute top-0 left-0 ">
4116            <div class="sm:w-[66rem] relative">
4117                
4118                <div class="flex justify-center w-full">
4119                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
4120                </div>
4121                
4122                
4123                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
4124                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
4125                </div>
4126
4127                
4128                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
4129
4130                        
4131                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
4132                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
4133                            <div 
4134                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
4135                            ></div>
4136                        </div>
4137                        
4138
4139                        <div class="swiper-wrapper !overflow-hidden">
4140                            
4141                            <div class="swiper-slide relative z-20">
4142                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4143    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4144        
4145                    <!-- Image Container -->
4146    <div class="" image="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/format/preserve/-/quality/lighter/-/progressive/yes/alvaro-galindo.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4147        <!-- Picture Element -->
4148        <picture class="">
4149            <!-- Check if $image is an instance of an image manipulation library -->
4150                            <!-- Iterate over image formats ('webp', original) -->
4151                                                        <!-- Source element for each image format -->
4152                    <source
4153                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.webp"
4154                        type="image/webp"
4155                    >
4156                                                        <!-- Source element for each image format -->
4157                    <source
4158                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
4159                        type="image/jpeg"
4160                    >
4161                            
4162            <!-- Image Element -->
4163            <img
4164                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
4165                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4166                alt="Alvaro Galindo"
4167                width=""
4168                height=""
4169            />
4170        </picture>
4171    </div>
4172        
4173        
4174        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4175            Mr. Alvaro Galindo
4176        </h3>
4177
4178        
4179        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4180                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
4181                    +52 55 53445186
4182                </a>
4183            
4184                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
4185                    [email protected]
4186                </a>
4187                    </div>
4188
4189        
4190                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
4191                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
4192                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
4193                    </a>
4194                
4195                
4196                            </div>
4197            </div>
4198
4199    
4200    <div 
4201        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
4202    >
4203        
4204        <div class="font-bold uppercase !leading-[18px] text-16">
4205                            Guatamala
4206                    </div>
4207
4208        
4209        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4210            
4211            
4212            tanatex<br>representative
4213        </h4>
4214
4215        <div class="border-b border-white mt-[3rem]"></div>
4216
4217        
4218        <div class="text-13 pt-[2rem] sm:text-15">
4219            <span class="font-bold">TANATEX Representative</span>
4220            <p>
4221                Guatamala
4222            </p>
4223        </div>
4224
4225        
4226            </div>
4227</div>                            </div>
4228        
4229                            
4230                                                            <div class="swiper-slide relative z-20">
4231                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4232    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4233        
4234                    <!-- Image Container -->
4235    <div class="" image="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/format/preserve/-/quality/lighter/barentz.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4236        <!-- Picture Element -->
4237        <picture class="">
4238            <!-- Check if $image is an instance of an image manipulation library -->
4239                            <!-- Iterate over image formats ('webp', original) -->
4240                                                        <!-- Source element for each image format -->
4241                    <source
4242                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/barentz.webp"
4243                        type="image/webp"
4244                    >
4245                                                        <!-- Source element for each image format -->
4246                    <source
4247                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/barentz.png"
4248                        type="image/jpeg"
4249                    >
4250                            
4251            <!-- Image Element -->
4252            <img
4253                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/barentz.png"
4254                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4255                alt="Barentz"
4256                width=""
4257                height=""
4258            />
4259        </picture>
4260    </div>
4261        
4262        
4263        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4264            Margarita Santizo
4265        </h3>
4266
4267        
4268        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4269                            <a class="focus-visible:outline-none" href="tel:+(502)6626-4500" title="Call Margarita Santizo">
4270                    + (502) 6626-4500
4271                </a>
4272            
4273                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Margarita Santizo">
4274                    [email protected]
4275                </a>
4276                    </div>
4277
4278        
4279            </div>
4280
4281    
4282    <div 
4283        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
4284    >
4285        
4286        <div class="font-bold uppercase !leading-[18px] text-16">
4287                            Guatamala
4288                    </div>
4289
4290        
4291        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4292            
4293            
4294            tanatex<br>partner
4295        </h4>
4296
4297        <div class="border-b border-white mt-[3rem]"></div>
4298
4299        
4300        <div class="text-13 pt-[2rem] sm:text-15">
4301            <span class="font-bold">Barentz Guatemala, S.A.</span>
4302            <p>
4303                Km. 18.5 Carretera a lo de Dieguez, Finca Las Delicias <br />
4304Fraijanes<br />
4305Guatemala<br />
4306Guatemala
4307            </p>
4308        </div>
4309
4310        
4311            </div>
4312</div>                                </div>
4313                                                    </div>
4314
4315                        
4316                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
4317                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4318                        </div>
4319                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
4320                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4321                        </div>
4322                    </div>
4323                            </div>
4324        </div>
4325        
4326        <div data-location-id="930" class="absolute top-0 left-0 ">
4327            <div class="sm:w-[66rem] relative">
4328                
4329                <div class="flex justify-center w-full">
4330                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
4331                </div>
4332                
4333                
4334                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
4335                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
4336                </div>
4337
4338                
4339                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
4340
4341                        
4342                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
4343                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
4344                            <div 
4345                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
4346                            ></div>
4347                        </div>
4348                        
4349
4350                        <div class="swiper-wrapper !overflow-hidden">
4351                            
4352                            <div class="swiper-slide relative z-20">
4353                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4354    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4355        
4356                    <!-- Image Container -->
4357    <div class="" image="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/format/preserve/-/quality/lighter/-/progressive/yes/alvaro-galindo.jpg" mediaStyle="maps-location" imageClasses="roun
4357ded-full h-[14rem] w-[14rem] border border-grey-normal">
4358        <!-- Picture Element -->
4359        <picture class="">
4360            <!-- Check if $image is an instance of an image manipulation library -->
4361                            <!-- Iterate over image formats ('webp', original) -->
4362                                                        <!-- Source element for each image format -->
4363                    <source
4364                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.webp"
4365                        type="image/webp"
4366                    >
4367                                                        <!-- Source element for each image format -->
4368                    <source
4369                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
4370                        type="image/jpeg"
4371                    >
4372                            
4373            <!-- Image Element -->
4374            <img
4375                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
4376                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4377                alt="Alvaro Galindo"
4378                width=""
4379                height=""
4380            />
4381        </picture>
4382    </div>
4383        
4384        
4385        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4386            Mr. Alvaro Galindo
4387        </h3>
4388
4389        
4390        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4391                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
4392                    +52 55 53445186
4393                </a>
4394            
4395                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
4396                    [email protected]
4397                </a>
4398                    </div>
4399
4400        
4401                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
4402                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
4403                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
4404                    </a>
4405                
4406                
4407                            </div>
4408            </div>
4409
4410    
4411    <div 
4412        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
4413    >
4414        
4415        <div class="font-bold uppercase !leading-[18px] text-16">
4416                            Honduras
4417                    </div>
4418
4419        
4420        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4421            
4422            
4423            tanatex<br>representative
4424        </h4>
4425
4426        <div class="border-b border-white mt-[3rem]"></div>
4427
4428        
4429        <div class="text-13 pt-[2rem] sm:text-15">
4430            <span class="font-bold">TANATEX Representative</span>
4431            <p>
4432                Honduras
4433            </p>
4434        </div>
4435
4436        
4437            </div>
4438</div>                            </div>
4439        
4440                            
4441                                                            <div class="swiper-slide relative z-20">
4442                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4443    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4444        
4445                    <!-- Image Container -->
4446    <div class="" image="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/format/preserve/-/quality/lighter/barentz.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4447        <!-- Picture Element -->
4448        <picture class="">
4449            <!-- Check if $image is an instance of an image manipulation library -->
4450                            <!-- Iterate over image formats ('webp', original) -->
4451                                                        <!-- Source element for each image format -->
4452                    <source
4453                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/barentz.webp"
4454                        type="image/webp"
4455                    >
4456                                                        <!-- Source element for each image format -->
4457                    <source
4458                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/barentz.png"
4459                        type="image/jpeg"
4460                    >
4461                            
4462            <!-- Image Element -->
4463            <img
4464                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/barentz.png"
4465                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4466                alt="Barentz"
4467                width=""
4468                height=""
4469            />
4470        </picture>
4471    </div>
4472        
4473        
4474        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4475            Isis Cerrato
4476        </h3>
4477
4478        
4479        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4480                            <a class="focus-visible:outline-none" href="tel:+504-2559-0179" title="Call Isis Cerrato">
4481                    + 504-2559-0179
4482                </a>
4483            
4484                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Isis Cerrato">
4485                    [email protected]
4486                </a>
4487                    </div>
4488
4489        
4490            </div>
4491
4492    
4493    <div 
4494        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
4495    >
4496        
4497        <div class="font-bold uppercase !leading-[18px] text-16">
4498                            Honduras
4499                    </div>
4500
4501        
4502        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4503            
4504            
4505            tanatex<br>partner
4506        </h4>
4507
4508        <div class="border-b border-white mt-[3rem]"></div>
4509
4510        
4511        <div class="text-13 pt-[2rem] sm:text-15">
4512            <span class="font-bold">Barentz Honduras, S.A.</span>
4513            <p>
4514                Boulevard del Este  <br />
4515Desvio Colonia Rivera Hernadez  <br />
451650 metros de<br />
4517Gasolinera Shell <br />
4518Bodegas 1 y 2 <br />
4519San Pedro Sula <br />
4520Honduras
4521            </p>
4522        </div>
4523
4524        
4525            </div>
4526</div>                                </div>
4527                                                    </div>
4528
4529                        
4530                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
4531                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
4531<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4532                        </div>
4533                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
4534                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4535                        </div>
4536                    </div>
4537                            </div>
4538        </div>
4539        
4540        <div data-location-id="932" class="absolute top-0 left-0 ">
4541            <div class="sm:w-[66rem] relative">
4542                
4543                <div class="flex justify-center w-full">
4544                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
4545                </div>
4546                
4547                
4548                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
4549                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
4550                </div>
4551
4552                
4553                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
4554
4555                        
4556                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
4557                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
4558                            <div 
4559                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
4560                            ></div>
4561                        </div>
4562                        
4563
4564                        <div class="swiper-wrapper !overflow-hidden">
4565                            
4566                            <div class="swiper-slide relative z-20">
4567                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4568    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4569        
4570                    <!-- Image Container -->
4571    <div class="" image="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/format/preserve/-/quality/lighter/-/progressive/yes/photo-david-arredondo.jpeg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4572        <!-- Picture Element -->
4573        <picture class="">
4574            <!-- Check if $image is an instance of an image manipulation library -->
4575                            <!-- Iterate over image formats ('webp', original) -->
4576                                                        <!-- Source element for each image format -->
4577                    <source
4578                        srcset="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.webp"
4579                        type="image/webp"
4580                    >
4581                                                        <!-- Source element for each image format -->
4582                    <source
4583                        srcset="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.jpg"
4584                        type="image/jpeg"
4585                    >
4586                            
4587            <!-- Image Element -->
4588            <img
4589                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e050a9e4-1dba-4daf-8d75-85fbaefbda78/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/photo-david-arredondo.jpeg"
4590                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4591                alt="David Arredondo"
4592                width=""
4593                height=""
4594            />
4595        </picture>
4596    </div>
4597        
4598        
4599        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4600            Mr. David Arredondo
4601        </h3>
4602
4603        
4604        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4605                            <a class="focus-visible:outline-none" href="tel:005730129852" title="Call Mr. David Arredondo">
4606                    +57 301 298 52
4607                </a>
4608            
4609                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. David Arredondo">
4610                    [email protected]
4611                </a>
4612                    </div>
4613
4614        
4615                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
4616                                    <a href="https://www.linkedin.com/in/david-arredondo-agudelo-80102084/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
4617                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
4618                    </a>
4619                
4620                
4621                            </div>
4622            </div>
4623
4624    
4625    <div 
4626        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
4627    >
4628        
4629        <div class="font-bold uppercase !leading-[18px] text-16">
4630                            Peru
4631                    </div>
4632
4633        
4634        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4635            
4636            
4637            tanatex<br>representative
4638        </h4>
4639
4640        <div class="border-b border-white mt-[3rem]"></div>
4641
4642        
4643        <div class="text-13 pt-[2rem] sm:text-15">
4644            <span class="font-bold">TANATEX Representative</span>
4645            <p>
4646                Peru
4647            </p>
4648        </div>
4649
4650        
4651            </div>
4652</div>                            </div>
4653        
4654                            
4655                                                            <div class="swiper-slide relative z-20">
4656                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4657    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4658        
4659                    <!-- Image Container -->
4660    <div class="" image="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/format/preserve/-/quality/lighter/disanquimicos.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4661        <!-- Picture Element -->
4662        <picture class="">
4663            <!-- Check if $image is an instance of an image manipulation library -->
4664                            <!-- Iterate over image formats ('webp', original) -->
4665                                                        <!-- Source element for each image format -->
4666                    <source
4667                        srcset="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/crop/697x697/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/disanquimicos.webp"
4668                        type="image/webp"
4669                    >
4670                                                        <!-- Source element for each image format -->
4671                    <source
4672                        srcset="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/crop/697x697/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/disanquimicos.png"
4673                        type="image/jpeg"
4674                    >
4675                            
4676            <!-- Image Element -->
4677            <img
4678                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/941dc617-7fb9-41ec-a6f2-206f55e4bbe2/-/crop/697x697/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/disanquimicos.png"
4679                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4680                alt="Disan Quimicos"
4681                width=""
4682                height=""
4683            />
4684        </picture>
4685    </div>
4686        
4687        
4688        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4689            Mr. Andrés Pimienta
4690        </h3>
4691
4692        
4693        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4694                            <a class="focus-visible:outline-none" href="tel:0051936125051" title="Call Mr. Andrés Pimienta">
4695                    +51 936 125 051
4696                </a>
4697            
4698                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Andrés Pimienta">
4699                    [email protected]
4700                </a>
4701                    </div>
4702
4703        
4704            </div>
4705
4706    
4707    <div 
4708        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
4709    >
4710        
4711        <div class="font-bold uppercase !leading-[18px] text-16">
4712                            Peru
4713                    </div>
4714
4715        
4716        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4717            
4718            
4719            tanatex<br>partner
4720        </h4>
4721
4722        <div class="border-b border-white mt-[3rem]"></div>
4723
4724        
4725        <div class="text-13 pt-[2rem] sm:text-15">
4726            <span class="font-bold">DISAN PERU</span>
4727            <p>
4728                Av. Los Tucanes, C.P. Santa María de Huachipa, Lurigancho - Choisca<br />
4729Lima, Peru
4730            </p>
4731        </div>
4732
4733        
4734            </div>
4735</div>                                </div>
4736                                                    </div>
4737
4738                        
4739                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
4740                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4741                        </div>
4742                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
4743                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4744                        </div>
4745                    </div>
4746                            </div>
4747        </div>
4748        
4749        <div data-location-id="963" class="absolute top-0 left-0 ">
4750            <div class="sm:w-[66rem] relative">
4751                
4752                <div class="flex justify-center w-full">
4753                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
4754                </div>
4755                
4756                
4757                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
4758                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
4759                </div>
4760
4761                
4762                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
4763
4764                        
4765                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
4766                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
4767                            <div 
4768                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
4769                            ></div>
4770                        </div>
4771                        
4772
4773                        <div class="swiper-wrapper !overflow-hidden">
4774                            
4775                            <div class="swiper-slide relative z-20">
4776                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4777    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4778        
4779                    <!-- Image Container -->
4780    <div class="" image="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/format/preserve/-/quality/lighter/-/progressive/yes/alvaro-galindo.jpg" mediaStyle="maps-location" imageClasses="roun
4780ded-full h-[14rem] w-[14rem] border border-grey-normal">
4781        <!-- Picture Element -->
4782        <picture class="">
4783            <!-- Check if $image is an instance of an image manipulation library -->
4784                            <!-- Iterate over image formats ('webp', original) -->
4785                                                        <!-- Source element for each image format -->
4786                    <source
4787                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.webp"
4788                        type="image/webp"
4789                    >
4790                                                        <!-- Source element for each image format -->
4791                    <source
4792                        srcset="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
4793                        type="image/jpeg"
4794                    >
4795                            
4796            <!-- Image Element -->
4797            <img
4798                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/e9de2e05-c8d2-48d0-a97f-aa5fb238616d/-/crop/409x409/27,2/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/alvaro-galindo.jpg"
4799                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4800                alt="Alvaro Galindo"
4801                width=""
4802                height=""
4803            />
4804        </picture>
4805    </div>
4806        
4807        
4808        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4809            Mr. Alvaro Galindo
4810        </h3>
4811
4812        
4813        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4814                            <a class="focus-visible:outline-none" href="tel:00525553445186" title="Call Mr. Alvaro Galindo">
4815                    +52 55 53445186
4816                </a>
4817            
4818                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Alvaro Galindo">
4819                    [email protected]
4820                </a>
4821                    </div>
4822
4823        
4824                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
4825                                    <a href="https://www.linkedin.com/in/alvaro-galindo-barraza/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
4826                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
4827                    </a>
4828                
4829                
4830                            </div>
4831            </div>
4832
4833    
4834    <div 
4835        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
4836    >
4837        
4838        <div class="font-bold uppercase !leading-[18px] text-16">
4839                            Dominican Republic
4840                    </div>
4841
4842        
4843        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4844            
4845            
4846            tanatex<br>representative
4847        </h4>
4848
4849        <div class="border-b border-white mt-[3rem]"></div>
4850
4851        
4852        <div class="text-13 pt-[2rem] sm:text-15">
4853            <span class="font-bold">TANATEX Representative</span>
4854            <p>
4855                Dominican Republic
4856            </p>
4857        </div>
4858
4859        
4860            </div>
4861</div>                            </div>
4862        
4863                            
4864                                                            <div class="swiper-slide relative z-20">
4865                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4866    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4867        
4868                    <!-- Image Container -->
4869    <div class="" image="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/format/preserve/-/quality/lighter/barentz.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4870        <!-- Picture Element -->
4871        <picture class="">
4872            <!-- Check if $image is an instance of an image manipulation library -->
4873                            <!-- Iterate over image formats ('webp', original) -->
4874                                                        <!-- Source element for each image format -->
4875                    <source
4876                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/barentz.webp"
4877                        type="image/webp"
4878                    >
4879                                                        <!-- Source element for each image format -->
4880                    <source
4881                        srcset="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/barentz.png"
4882                        type="image/jpeg"
4883                    >
4884                            
4885            <!-- Image Element -->
4886            <img
4887                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/038baa86-1763-4641-ad6b-3c3513b78070/-/crop/644x644/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/barentz.png"
4888                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4889                alt="Barentz"
4890                width=""
4891                height=""
4892            />
4893        </picture>
4894    </div>
4895        
4896        
4897        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
4898            Ana Rosa Encarnación
4899        </h3>
4900
4901        
4902        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
4903                            <a class="focus-visible:outline-none" href="tel:001(809)3790409" title="Call Ana Rosa Encarnación">
4904                    +1 (809) 3790409
4905                </a>
4906            
4907                            <a class="focus-visible:outline-none" href="mailto:ar.encarnació[email protected]" title="E-mail Ana Rosa Encarnación">
4908                    ar.encarnació[email protected]
4909                </a>
4910                    </div>
4911
4912        
4913            </div>
4914
4915    
4916    <div 
4917        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
4918    >
4919        
4920        <div class="font-bold uppercase !leading-[18px] text-16">
4921                            Dominican Republic
4922                    </div>
4923
4924        
4925        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
4926            
4927            
4928            tanatex<br>partner
4929        </h4>
4930
4931        <div class="border-b border-white mt-[3rem]"></div>
4932
4933        
4934        <div class="text-13 pt-[2rem] sm:text-15">
4935            <span class="font-bold">Barentz República Dominicana, S.R.L.</span>
4936            <p>
4937                Autopista Duarte Km 10 1/2, Calle principal, Nave No.2, Detras de Carrefour, Los Rios<br />
4938Santo Domingo <br />
4939República Dominicana
4940            </p>
4941        </div>
4942
4943        
4944            </div>
4945</div>                                </div>
4946                                                    </div>
4947
4948                        
4949                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
4950                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
4950<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4951                        </div>
4952                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
4953                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
4954                        </div>
4955                    </div>
4956                            </div>
4957        </div>
4958        
4959        <div data-location-id="858" class="absolute top-0 left-0 ">
4960            <div class="sm:w-[66rem] relative">
4961                
4962                <div class="flex justify-center w-full">
4963                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
4964                </div>
4965                
4966                
4967                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
4968                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
4969                </div>
4970
4971                
4972                                    
4973                    <div class="sm:w-full w-[28rem]">
4974                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
4975    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
4976        
4977                    <!-- Image Container -->
4978    <div class="" image="https://tanatexchemicals.com/cdn/7c50156f-e121-45a8-86e9-bd789637722e/-/format/preserve/-/quality/lighter/-/progressive/yes/vivek.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
4979        <!-- Picture Element -->
4980        <picture class="">
4981            <!-- Check if $image is an instance of an image manipulation library -->
4982                            <!-- Iterate over image formats ('webp', original) -->
4983                                                        <!-- Source element for each image format -->
4984                    <source
4985                        srcset="https://tanatexchemicals.com/cdn/7c50156f-e121-45a8-86e9-bd789637722e/-/crop/401x401/2,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivek.webp"
4986                        type="image/webp"
4987                    >
4988                                                        <!-- Source element for each image format -->
4989                    <source
4990                        srcset="https://tanatexchemicals.com/cdn/7c50156f-e121-45a8-86e9-bd789637722e/-/crop/401x401/2,3/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivek.jpg"
4991                        type="image/jpeg"
4992                    >
4993                            
4994            <!-- Image Element -->
4995            <img
4996                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/7c50156f-e121-45a8-86e9-bd789637722e/-/crop/401x401/2,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivek.jpg"
4997                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
4998                alt="Sengodan Vivekanandaraja"
4999                width=""
5000                height=""
5001            />
5002        </picture>
5003    </div>
5004        
5005        
5006        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5007            Mr. Vivekanandaraja Sengodan
5008        </h3>
5009
5010        
5011        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5012                            <a class="focus-visible:outline-none" href="tel:00919944459759" title="Call Mr. Vivekanandaraja Sengodan">
5013                    +91 99 4445 9759
5014                </a>
5015            
5016                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Vivekanandaraja Sengodan">
5017                    [email protected]
5018                </a>
5019                    </div>
5020
5021        
5022                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
5023                                    <a href="https://www.linkedin.com/in/texstylevivek/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
5024                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
5025                    </a>
5026                
5027                
5028                            </div>
5029            </div>
5030
5031    
5032    <div 
5033        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
5034    >
5035        
5036        <div class="font-bold uppercase !leading-[18px] text-16">
5037                            South India
5038                    </div>
5039
5040        
5041        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5042            
5043            
5044            tanatex<br>representative
5045        </h4>
5046
5047        <div class="border-b border-white mt-[3rem]"></div>
5048
5049        
5050        <div class="text-13 pt-[2rem] sm:text-15">
5051            <span class="font-bold">TANATEX Representative</span>
5052            <p>
5053                South India
5054            </p>
5055        </div>
5056
5057        
5058            </div>
5059</div>                    </div>
5060                            </div>
5061        </div>
5062        
5063        <div data-location-id="839" class="absolute top-0 left-0 ">
5064            <div class="sm:w-[66rem] relative">
5065                
5066                <div class="flex justify-center w-full">
5067                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
5068                </div>
5069                
5070                
5071                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
5072                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
5073                </div>
5074
5075                
5076                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
5077
5078                        
5079                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
5080                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
5081                            <div 
5082                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
5083                            ></div>
5084                        </div>
5085                        
5086
5087                        <div class="swiper-wrapper !overflow-hidden">
5088                            
5089                            <div class="swiper-slide relative z-20">
5090                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5091    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5092        
5093                    <!-- Image Container -->
5094    <div class="" image="https://tanatexchemicals.com/cdn/ed1c2491-d622-40cf-9909-712a809258ba/-/format/preserve/-/quality/lighter/-/progressive/yes/dave-he.jpg" mediaStyle="maps-location" imageClasses="roun
5094ded-full h-[14rem] w-[14rem] border border-grey-normal">
5095        <!-- Picture Element -->
5096        <picture class="">
5097            <!-- Check if $image is an instance of an image manipulation library -->
5098                            <!-- Iterate over image formats ('webp', original) -->
5099                                                        <!-- Source element for each image format -->
5100                    <source
5101                        srcset="https://tanatexchemicals.com/cdn/ed1c2491-d622-40cf-9909-712a809258ba/-/crop/407x407/6,13/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/dave-he.webp"
5102                        type="image/webp"
5103                    >
5104                                                        <!-- Source element for each image format -->
5105                    <source
5106                        srcset="https://tanatexchemicals.com/cdn/ed1c2491-d622-40cf-9909-712a809258ba/-/crop/407x407/6,13/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/dave-he.jpg"
5107                        type="image/jpeg"
5108                    >
5109                            
5110            <!-- Image Element -->
5111            <img
5112                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ed1c2491-d622-40cf-9909-712a809258ba/-/crop/407x407/6,13/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/dave-he.jpg"
5113                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5114                alt="Dave He"
5115                width=""
5116                height=""
5117            />
5118        </picture>
5119    </div>
5120        
5121        
5122        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5123            Mr. Dave He
5124        </h3>
5125
5126        
5127        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5128                            <a class="focus-visible:outline-none" href="tel:008613732254398" title="Call Mr. Dave He">
5129                    +86 13732254398
5130                </a>
5131            
5132                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Dave He">
5133                    [email protected]
5134                </a>
5135                    </div>
5136
5137        
5138            </div>
5139
5140    
5141    <div 
5142        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
5143    >
5144        
5145        <div class="font-bold uppercase !leading-[18px] text-16">
5146                            Egypt
5147                    </div>
5148
5149        
5150        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5151            
5152            
5153            tanatex<br>representative
5154        </h4>
5155
5156        <div class="border-b border-white mt-[3rem]"></div>
5157
5158        
5159        <div class="text-13 pt-[2rem] sm:text-15">
5160            <span class="font-bold">TANATEX Representative</span>
5161            <p>
5162                Egypt
5163            </p>
5164        </div>
5165
5166        
5167            </div>
5168</div>                            </div>
5169        
5170                            
5171                                                            <div class="swiper-slide relative z-20">
5172                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5173    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5174        
5175                    <!-- Image Container -->
5176    <div class="" image="https://tanatexchemicals.com/cdn/4c888c43-c40d-4f7c-b026-70419b232c65/-/format/preserve/-/quality/lighter/awika-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5177        <!-- Picture Element -->
5178        <picture class="">
5179            <!-- Check if $image is an instance of an image manipulation library -->
5180                            <!-- Iterate over image formats ('webp', original) -->
5181                                                        <!-- Source element for each image format -->
5182                    <source
5183                        srcset="https://tanatexchemicals.com/cdn/4c888c43-c40d-4f7c-b026-70419b232c65/-/crop/2464x2464/8,13/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/awika-logo.webp"
5184                        type="image/webp"
5185                    >
5186                                                        <!-- Source element for each image format -->
5187                    <source
5188                        srcset="https://tanatexchemicals.com/cdn/4c888c43-c40d-4f7c-b026-70419b232c65/-/crop/2464x2464/8,13/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/awika-logo.png"
5189                        type="image/jpeg"
5190                    >
5191                            
5192            <!-- Image Element -->
5193            <img
5194                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/4c888c43-c40d-4f7c-b026-70419b232c65/-/crop/2464x2464/8,13/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/awika-logo.png"
5195                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5196                alt="Awika Egypt"
5197                width=""
5198                height=""
5199            />
5200        </picture>
5201    </div>
5202        
5203        
5204        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5205            Mr. Reda Awika
5206        </h3>
5207
5208        
5209        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5210                            <a class="focus-visible:outline-none" href="tel:0020226373225" title="Call Mr. Reda Awika">
5211                    +202 263 73225
5212                </a>
5213            
5214                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Reda Awika">
5215                    [email protected]
5216                </a>
5217                    </div>
5218
5219        
5220            </div>
5221
5222    
5223    <div 
5224        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5225    >
5226        
5227        <div class="font-bold uppercase !leading-[18px] text-16">
5228                            Egypt
5229                    </div>
5230
5231        
5232        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5233            
5234            
5235            tanatex<br>partner
5236        </h4>
5237
5238        <div class="border-b border-white mt-[3rem]"></div>
5239
5240        
5241        <div class="text-13 pt-[2rem] sm:text-15">
5242            <span class="font-bold">Awika Trading Est</span>
5243            <p>
5244                25 Dr.Mohamed Maamoun St. Hegaz Square,<br />
524511351 West Heliopolis<br />
5246Heliopolis, Cairo, Egypt
5247            </p>
5248        </div>
5249
5250        
5251            </div>
5252</div>                                </div>
5253                                                    </div>
5254
5255                        
5256                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
5257                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
5258                        </div>
5259                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
5260                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
5261                        </div>
5262                    </div>
5263                            </div>
5264        </div>
5265        
5266        <div data-location-id="842" class="absolute top-0 left-0 ">
5267            <div class="sm:w-[66rem] relative">
5268                
5269                <div class="flex justify-center w-full">
5270                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
5271                </div>
5272                
5273                
5274                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
5275                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
5276                </div>
5277
5278                
5279                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
5280
5281                        
5282                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
5283                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
5284                            <div 
5285                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
5286                            ></div>
5287                        </div>
5288                        
5289
5290                        <div class="swiper-wrapper !overflow-hidden">
5291                            
5292                            <div class="swiper-slide relative z-20">
5293                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5294    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5295        
5296                    <!-- Image Container -->
5297    <div class="" image="https://tanatexchemicals.com/cdn/be4e63d9
5297-0bb2-47de-be16-e64b1d3ad183/-/format/preserve/-/quality/lighter/-/progressive/yes/aminul-islam.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5298        <!-- Picture Element -->
5299        <picture class="">
5300            <!-- Check if $image is an instance of an image manipulation library -->
5301                            <!-- Iterate over image formats ('webp', original) -->
5302                                                        <!-- Source element for each image format -->
5303                    <source
5304                        srcset="https://tanatexchemicals.com/cdn/be4e63d9-0bb2-47de-be16-e64b1d3ad183/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/aminul-islam.webp"
5305                        type="image/webp"
5306                    >
5307                                                        <!-- Source element for each image format -->
5308                    <source
5309                        srcset="https://tanatexchemicals.com/cdn/be4e63d9-0bb2-47de-be16-e64b1d3ad183/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/aminul-islam.jpg"
5310                        type="image/jpeg"
5311                    >
5312                            
5313            <!-- Image Element -->
5314            <img
5315                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/be4e63d9-0bb2-47de-be16-e64b1d3ad183/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/aminul-islam.jpg"
5316                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5317                alt=""
5318                width=""
5319                height=""
5320            />
5321        </picture>
5322    </div>
5323        
5324        
5325        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5326            Mr. Aminul Islam
5327        </h3>
5328
5329        
5330        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5331            
5332                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Aminul Islam">
5333                    [email protected]
5334                </a>
5335                    </div>
5336
5337        
5338                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
5339                                    <a href="https://www.linkedin.com/in/md-aminul-islam-ab4205a2/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
5340                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
5341                    </a>
5342                
5343                
5344                            </div>
5345            </div>
5346
5347    
5348    <div 
5349        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
5350    >
5351        
5352        <div class="font-bold uppercase !leading-[18px] text-16">
5353                            Bangladesh
5354                    </div>
5355
5356        
5357        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5358            
5359            
5360            tanatex<br>representative
5361        </h4>
5362
5363        <div class="border-b border-white mt-[3rem]"></div>
5364
5365        
5366        <div class="text-13 pt-[2rem] sm:text-15">
5367            <span class="font-bold">TANATEX Representative</span>
5368            <p>
5369                Bangladesh
5370            </p>
5371        </div>
5372
5373        
5374            </div>
5375</div>                            </div>
5376        
5377                            
5378                                                            <div class="swiper-slide relative z-20">
5379                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5380    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5381        
5382                    <!-- Image Container -->
5383    <div class="" image="https://tanatexchemicals.com/cdn/9bdcf11c-6c98-409a-98bb-4f1898c37cf4/-/format/preserve/-/quality/lighter/-/progressive/yes/colours-concern.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5384        <!-- Picture Element -->
5385        <picture class="">
5386            <!-- Check if $image is an instance of an image manipulation library -->
5387                            <!-- Iterate over image formats ('webp', original) -->
5388                                                        <!-- Source element for each image format -->
5389                    <source
5390                        srcset="https://tanatexchemicals.com/cdn/9bdcf11c-6c98-409a-98bb-4f1898c37cf4/-/crop/1487x1487/7,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/colours-concern.webp"
5391                        type="image/webp"
5392                    >
5393                                                        <!-- Source element for each image format -->
5394                    <source
5395                        srcset="https://tanatexchemicals.com/cdn/9bdcf11c-6c98-409a-98bb-4f1898c37cf4/-/crop/1487x1487/7,3/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/colours-concern.jpg"
5396                        type="image/jpeg"
5397                    >
5398                            
5399            <!-- Image Element -->
5400            <img
5401                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/9bdcf11c-6c98-409a-98bb-4f1898c37cf4/-/crop/1487x1487/7,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/colours-concern.jpg"
5402                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5403                alt="Colours Concern"
5404                width=""
5405                height=""
5406            />
5407        </picture>
5408    </div>
5409        
5410        
5411        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5412            Mr. Mohamad Haider Ali
5413        </h3>
5414
5415        
5416        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5417                            <a class="focus-visible:outline-none" href="tel:008801713075714" title="Call Mr. Mohamad Haider Ali">
5418                    +88 01 71 30 75 714
5419                </a>
5420            
5421                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Mohamad Haider Ali">
5422                    [email protected]
5423                </a>
5424                    </div>
5425
5426        
5427            </div>
5428
5429    
5430    <div 
5431        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5432    >
5433        
5434        <div class="font-bold uppercase !leading-[18px] text-16">
5435                            Bangladesh
5436                    </div>
5437
5438        
5439        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5440            
5441            
5442            tanatex<br>partner
5443        </h4>
5444
5445        <div class="border-b border-white mt-[3rem]"></div>
5446
5447        
5448        <div class="text-13 pt-[2rem] sm:text-15">
5449            <span class="font-bold">Colours Concern</span>
5450            <p>
5451                Akbar Trade Center, <br />
5452Bidc Road, <br />
5453Shibbari Joydebpur, <br />
5454Gazipur-1700<br />
5455Bangladesh
5456            </p>
5457        </div>
5458
5459        
5460            </div>
5461</div>                                </div>
5462                                                            <div class="swiper-slide relative z-20">
5463                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5464    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5465        
5466                    <!-- Image Container -->
5467    <div class="" image="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="roun
5467ded-full h-[14rem] w-[14rem] border border-grey-normal">
5468        <!-- Picture Element -->
5469        <picture class="">
5470            <!-- Check if $image is an instance of an image manipulation library -->
5471                            <!-- Iterate over image formats ('webp', original) -->
5472                                                        <!-- Source element for each image format -->
5473                    <source
5474                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
5475                        type="image/webp"
5476                    >
5477                                                        <!-- Source element for each image format -->
5478                    <source
5479                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
5480                        type="image/jpeg"
5481                    >
5482                            
5483            <!-- Image Element -->
5484            <img
5485                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
5486                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5487                alt="TANATEX Molecule"
5488                width=""
5489                height=""
5490            />
5491        </picture>
5492    </div>
5493        
5494        
5495        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5496            Mr. Syed Refat Ahmed
5497        </h3>
5498
5499        
5500        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5501                            <a class="focus-visible:outline-none" href="tel:008801739393015" title="Call Mr. Syed Refat Ahmed">
5502                    +88 01 73 93 93 015
5503                </a>
5504            
5505                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Syed Refat Ahmed">
5506                    [email protected]
5507                </a>
5508                    </div>
5509
5510        
5511            </div>
5512
5513    
5514    <div 
5515        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5516    >
5517        
5518        <div class="font-bold uppercase !leading-[18px] text-16">
5519                            Bangladesh
5520                    </div>
5521
5522        
5523        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5524            
5525            
5526            tanatex<br>partner
5527        </h4>
5528
5529        <div class="border-b border-white mt-[3rem]"></div>
5530
5531        
5532        <div class="text-13 pt-[2rem] sm:text-15">
5533            <span class="font-bold">Micro Solutions</span>
5534            <p>
5535                218, Elephant Road.<br />
5536Sahera Tropical Center,<br />
5537Dhaka- 1205<br />
5538Bangladesh
5539            </p>
5540        </div>
5541
5542        
5543            </div>
5544</div>                                </div>
5545                                                            <div class="swiper-slide relative z-20">
5546                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5547    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5548        
5549                    <!-- Image Container -->
5550    <div class="" image="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/format/preserve/-/quality/lighter/asons-bangladesh-sri-lanka.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5551        <!-- Picture Element -->
5552        <picture class="">
5553            <!-- Check if $image is an instance of an image manipulation library -->
5554                            <!-- Iterate over image formats ('webp', original) -->
5555                                                        <!-- Source element for each image format -->
5556                    <source
5557                        srcset="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/crop/1333x1333/9,12/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/asons-bangladesh-sri-lanka.webp"
5558                        type="image/webp"
5559                    >
5560                                                        <!-- Source element for each image format -->
5561                    <source
5562                        srcset="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/crop/1333x1333/9,12/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/asons-bangladesh-sri-lanka.png"
5563                        type="image/jpeg"
5564                    >
5565                            
5566            <!-- Image Element -->
5567            <img
5568                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/crop/1333x1333/9,12/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/asons-bangladesh-sri-lanka.png"
5569                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5570                alt="Asons"
5571                width=""
5572                height=""
5573            />
5574        </picture>
5575    </div>
5576        
5577        
5578        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5579            Mr. Anjum Asmat
5580        </h3>
5581
5582        
5583        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5584                            <a class="focus-visible:outline-none" href="tel:+94773770633" title="Call Mr. Anjum Asmat">
5585                    + 94 77 37 70 633
5586                </a>
5587            
5588                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Anjum Asmat">
5589                    [email protected]
5590                </a>
5591                    </div>
5592
5593        
5594            </div>
5595
5596    
5597    <div 
5598        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5599    >
5600        
5601        <div class="font-bold uppercase !leading-[18px] text-16">
5602                            Bangladesh
5603                    </div>
5604
5605        
5606        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5607            
5608            
5609            tanatex<br>partner
5610        </h4>
5611
5612        <div class="border-b border-white mt-[3rem]"></div>
5613
5614        
5615        <div class="text-13 pt-[2rem] sm:text-15">
5616            <span class="font-bold">Asons Bangladesh ( Pvt) Ltd</span>
5617            <p>
5618                Road -04,<br />
5619Nyloy Housing Area,<br />
5620Gasa Boarder Bazar, Gazipur<br />
5621Bangladesh
5622            </p>
5623        </div>
5624
5625        
5626            </div>
5627</div>                                </div>
5628                                                            <div class="swiper-slide relative z-20">
5629                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5630    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5631        
5632                    <!-- Image Container -->
5633    <div class="" image="https://tanatexchemicals.com/cdn/861d49bd-354e-4819-aa6c-0f1edbac3758/-/format/preserve/-/quality/lighter/-/progressive/yes/german-euro-chemicals.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5634        <!-- Picture Element -->
5635        <picture class="">
5636            <!-- Check if $image is an instance of an image manipulation library -->
5637                            <!-- Iterate over image formats ('webp', original) -->
5638                                                        <!-- Source element for each image format -->
5639                    <source
5640                        srcset="https://tanatexchemicals.com/cdn/861d49bd-354e-4819-aa6c-0f1edbac3758/-/crop/397x397/2,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/german-euro-chemicals.webp"
5641                        type="image/webp"
5642                    >
5643                                                        <!-- Source element for each image format -->
5644                    <source
5645                        srcset="https://tanatexchemicals.com/cdn/861d49bd-354e-4819-aa6c-0f1edbac3758/-/crop/397x397/2,3/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/german-euro-chemicals.jpg"
5646                        type="image/jpeg"
5647                    >
5648                            
5649            <!-- Image Element -->
5650            <img
5651                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/861d49bd-354e-4819-aa6c-0f1edbac3758/-/crop/397x397/2,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/german-euro-chemicals.jpg"
5652                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5653                alt="Euro Chemicals"
5654                width=""
5655                height=""
5656            />
5657        </picture>
5658    </div>
5659        
5660        
5661        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5662            Mr. Mohammad Tarif Uddin
5663        </h3>
5664
5665        
5666        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5667                            <a class="focus-visible:outline-none" href="tel:008801711567231" title="Call Mr. Mohammad Tarif Uddin">
5668                    +88 01 71 15 67 231
5669                </a>
5670            
5671                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Mohammad Tarif Uddin">
5672                    [email protected]
5673                </a>
5674                    </div>
5675
5676        
5677            </div>
5678
5679    
5680    <div 
5681        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5682    >
5683        
5684        <div class="font-bold uppercase !leading-[18px] text-16">
5685                            Bangladesh
5686                    </div>
5687
5688        
5689        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5690            
5691            
5692            tanatex<br>partner
5693        </h4>
5694
5695        <div class="border-b border-white mt-[3rem]"></div>
5696
5697        
5698        <div class="text-13 pt-[2rem] sm:text-15">
5699            <span class="font-bold">German Euro Chemicals</span>
5700            <p>
5701                Lalmatia<br />
5702Dhaka 1207<br />
5703Bangladesh
5704            </p>
5705        </div>
5706
5707        
5708            </div>
5709</div>                                </div>
5710                                                            <div class="swiper-slide relative z-20">
5711                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5712    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5713        
5714                    <!-- Image Container -->
5715    <div class="" image="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5716        <!-- Picture Element -->
5717        <picture class="">
5718            <!-- Check if $image is an instance of an image manipulation library -->
5719                            <!-- Iterate over image formats ('webp', original) -->
5720                                                        <!-- Source element for each image format -->
5721                    <source
5722                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
5723                        type="image/webp"
5724                    >
5725                                                        <!-- Source element for each image format -->
5726                    <source
5727                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
5728                        type="image/jpeg"
5729                    >
5730                            
5731            <!-- Image Element -->
5732            <img
5733                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
5734                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5735                alt="TANATEX Molecule"
5736                width=""
5737                height=""
5738            />
5739        </picture>
5740    </div>
5741        
5742        
5743        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5744            Mr. Jerry
5745        </h3>
5746
5747        
5748        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5749                            <a class="focus-visible:outline-none" href="tel:008801710991399" title="Call Mr. Jerry">
5750                    +88 01 71 09 91 399
5751                </a>
5752            
5753                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Jerry">
5754                    [email protected]
5755                </a>
5756                    </div>
5757
5758        
5759            </div>
5760
5761    
5762    <div 
5763        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5764    >
5765        
5766        <div class="font-bold uppercase !leading-[18px] text-16">
5767                            Bangladesh
5768                    </div>
5769
5770        
5771        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5772            
5773            
5774            tanatex<br>partner
5775        </h4>
5776
5777        <div class="border-b border-white mt-[3rem]"></div>
5778
5779        
5780        <div class="text-13 pt-[2rem] sm:text-15">
5781            <span class="font-bold">Goldview International HK Limited</span>
5782            <p>
5783                House 28, Road 1<br />
5784Banani<br />
5785Dhaka<br />
5786Bangladesh
5787            </p>
5788        </div>
5789
5790        
5791            </div>
5792</div>                                </div>
5793                                                            <div class="swiper-slide relative z-20">
5794                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5795    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5796        
5797                    <!-- Image Container -->
5798    <div class="" image="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="roun
5798ded-full h-[14rem] w-[14rem] border border-grey-normal">
5799        <!-- Picture Element -->
5800        <picture class="">
5801            <!-- Check if $image is an instance of an image manipulation library -->
5802                            <!-- Iterate over image formats ('webp', original) -->
5803                                                        <!-- Source element for each image format -->
5804                    <source
5805                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
5806                        type="image/webp"
5807                    >
5808                                                        <!-- Source element for each image format -->
5809                    <source
5810                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
5811                        type="image/jpeg"
5812                    >
5813                            
5814            <!-- Image Element -->
5815            <img
5816                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
5817                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5818                alt="TANATEX Molecule"
5819                width=""
5820                height=""
5821            />
5822        </picture>
5823    </div>
5824        
5825        
5826        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5827            Mr. Sayem
5828        </h3>
5829
5830        
5831        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5832                            <a class="focus-visible:outline-none" href="tel:008801713388003" title="Call Mr. Sayem">
5833                    +88 01 71 33 88 003
5834                </a>
5835            
5836                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Sayem">
5837                    [email protected]
5838                </a>
5839                    </div>
5840
5841        
5842            </div>
5843
5844    
5845    <div 
5846        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
5847    >
5848        
5849        <div class="font-bold uppercase !leading-[18px] text-16">
5850                            Bangladesh
5851                    </div>
5852
5853        
5854        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5855            
5856            
5857            tanatex<br>partner
5858        </h4>
5859
5860        <div class="border-b border-white mt-[3rem]"></div>
5861
5862        
5863        <div class="text-13 pt-[2rem] sm:text-15">
5864            <span class="font-bold">Global Colorchem</span>
5865            <p>
5866                Udayanchal, Flat-2B <br />
5867House 96, Road 23/A<br />
5868Banani<br />
5869Dhaka 1213<br />
5870Bangladesh
5871            </p>
5872        </div>
5873
5874        
5875            </div>
5876</div>                                </div>
5877                                                    </div>
5878
5879                        
5880                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
5881                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
5882                        </div>
5883                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
5884                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
5884<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
5885                        </div>
5886                    </div>
5887                            </div>
5888        </div>
5889        
5890        <div data-location-id="849" class="absolute top-0 left-0 ">
5891            <div class="sm:w-[66rem] relative">
5892                
5893                <div class="flex justify-center w-full">
5894                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
5895                </div>
5896                
5897                
5898                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
5899                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
5900                </div>
5901
5902                
5903                                    
5904                    <div class="sm:w-full w-[28rem]">
5905                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
5906    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
5907        
5908                    <!-- Image Container -->
5909    <div class="" image="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
5910        <!-- Picture Element -->
5911        <picture class="">
5912            <!-- Check if $image is an instance of an image manipulation library -->
5913                            <!-- Iterate over image formats ('webp', original) -->
5914                                                        <!-- Source element for each image format -->
5915                    <source
5916                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
5917                        type="image/webp"
5918                    >
5919                                                        <!-- Source element for each image format -->
5920                    <source
5921                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
5922                        type="image/jpeg"
5923                    >
5924                            
5925            <!-- Image Element -->
5926            <img
5927                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
5928                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
5929                alt="TANATEX Molecule"
5930                width=""
5931                height=""
5932            />
5933        </picture>
5934    </div>
5935        
5936        
5937        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
5938            Ms. Zoey Zou
5939        </h3>
5940
5941        
5942        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
5943                            <a class="focus-visible:outline-none" href="tel:00862133583080" title="Call Ms. Zoey Zou">
5944                    +86 21 3358 3080
5945                </a>
5946            
5947                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Ms. Zoey Zou">
5948                    [email protected]
5949                </a>
5950                    </div>
5951
5952        
5953            </div>
5954
5955    
5956    <div 
5957        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
5958    >
5959        
5960        <div class="font-bold uppercase !leading-[18px] text-16">
5961                            P.R. China
5962                    </div>
5963
5964        
5965        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
5966            
5967            
5968            tanatex<br>
5969        </h4>
5970
5971        <div class="border-b border-white mt-[3rem]"></div>
5972
5973        
5974        <div class="text-13 pt-[2rem] sm:text-15">
5975            <span class="font-bold">Shanghai TANATEX Chemicals New Materials Co., Ltd.</span>
5976            <p>
5977                Building 8, No. 1128 Wuzhong Road, <br />
5978Minhang District, Shanghai 201103, <br />
5979P.R. China
5980            </p>
5981        </div>
5982
5983        
5984            </div>
5985</div>                    </div>
5986                            </div>
5987        </div>
5988        
5989        <div data-location-id="850" class="absolute top-0 left-0 ">
5990            <div class="sm:w-[66rem] relative">
5991                
5992                <div class="flex justify-center w-full">
5993                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
5994                </div>
5995                
5996                
5997                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
5998                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
5999                </div>
6000
6001                
6002                                    
6003                    <div class="sm:w-full w-[28rem]">
6004                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6005    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6006        
6007                    <!-- Image Container -->
6008    <div class="" image="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6009        <!-- Picture Element -->
6010        <picture class="">
6011            <!-- Check if $image is an instance of an image manipulation library -->
6012                            <!-- Iterate over image formats ('webp', original) -->
6013                                                        <!-- Source element for each image format -->
6014                    <source
6015                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
6016                        type="image/webp"
6017                    >
6018                                                        <!-- Source element for each image format -->
6019                    <source
6020                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
6021                        type="image/jpeg"
6022                    >
6023                            
6024            <!-- Image Element -->
6025            <img
6026                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
6027                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6028                alt="TANATEX Molecule"
6029                width=""
6030                height=""
6031            />
6032        </picture>
6033    </div>
6034        
6035        
6036        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6037            Ms. Clara Mok
6038        </h3>
6039
6040        
6041        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6042                            <a class="focus-visible:outline-none" href="tel:0085227630061" title="Call Ms. Clara Mok">
6043                    +852 2763 0061
6044                </a>
6045            
6046                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Ms. Clara Mok">
6047                    [email protected]
6048                </a>
6049                    </div>
6050
6051        
6052            </div>
6053
6054    
6055    <div 
6056        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6057    >
6058        
6059        <div class="font-bold uppercase !leading-[18px] text-16">
6060                            Hong Kong
6061                    </div>
6062
6063        
6064        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6065            
6066            
6067            tanatex<br>
6068        </h4>
6069
6070        <div class="border-b border-white mt-[3rem]"></div>
6071
6072        
6073        <div class="text-13 pt-[2rem] sm:text-15">
6074            <span class="font-bold">TANATEX Chemicals Hong Kong Limited</span>
6075            <p>
6076                Unite 2605, 26/F, Skyline Tower<br />
607739 Wang Kwong Road<br />
6078Kowloon bay, Kowloon<br />
6079Hong Kong
6080            </p>
6081        </div>
6082
6083        
6084            </div>
6085</div>                    </div>
6086                            </div>
6087        </div>
6088        
6089        <div data-location-id="851" class="absolute top-0 left-0 ">
6090            <div class="sm:w-[66rem] relative">
6091                
6092                <div class="flex justify-center w-full">
6093                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6094                </div>
6095                
6096                
6097                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6098                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6099                </div>
6100
6101                
6102                                    
6103                    <div class="sm:w-full w-[28rem]">
6104                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6105    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6106        
6107                    <!-- Image Container -->
6108    <div class="" image="https://tanatexchemicals.com/cdn/ae9bce5d-b367-40f0-b958-c318f95de2b7/-/format/preserve/-/quality/lighter/-/progressive/yes/yasuhiro-matsuura.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6109        <!-- Picture Element -->
6110        <picture class="">
6111            <!-- Check if $image is an instance of an image manipulation library -->
6112                            <!-- Iterate over image formats ('webp', original) -->
6113                                                        <!-- Source element for each image format -->
6114                    <source
6115                        srcset="https://tanatexchemicals.com/cdn/ae9bce5d-b367-40f0-b958-c318f95de2b7/-/crop/492x492/39,5/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/yasuhiro-matsuura.webp"
6116                        type="image/webp"
6117                    >
6118                                                        <!-- Source element for each image format -->
6119                    <source
6120                        srcset="https://tanatexchemicals.com/cdn/ae9bce5d-b367-40f0-b958-c318f95de2b7/-/crop/492x492/39,5/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/yasuhiro-matsuura.jpg"
6121                        type="image/jpeg"
6122                    >
6123                            
6124            <!-- Image Element -->
6125            <img
6126                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ae9bce5d-b367-40f0-b958-c318f95de2b7/-/crop/492x492/39,5/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/yasuhiro-matsuura.jpg"
6127                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6128                alt="Yasuhiro Matsuura"
6129                width=""
6130                height=""
6131            />
6132        </picture>
6133    </div>
6134        
6135        
6136        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6137            Mr. Y. Matsuura
6138        </h3>
6139
6140        
6141        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6142                            <a class="focus-visible:outline-none" href="tel:00816-6228-6213" title="Call Mr. Y. Matsuura">
6143                    +81 6-6228-6213
6144                </a>
6145            
6146                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Y. Matsuura">
6147                    [email protected]
6148                </a>
6149                    </div>
6150
6151        
6152                    <div class="flex space-x-4 [&>
6152a:hover]:bg-red-normal [&>a]:transition-colors">
6153                                    <a href="https://www.linkedin.com/in/yasuhiro-matsuura-946980111/" target="_blank" title="LinkedIn TANATEX Chemicals Japan K.K." class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
6154                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
6155                    </a>
6156                
6157                
6158                            </div>
6159            </div>
6160
6161    
6162    <div 
6163        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6164    >
6165        
6166        <div class="font-bold uppercase !leading-[18px] text-16">
6167                            Japan
6168                    </div>
6169
6170        
6171        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6172            
6173            
6174            tanatex<br>
6175        </h4>
6176
6177        <div class="border-b border-white mt-[3rem]"></div>
6178
6179        
6180        <div class="text-13 pt-[2rem] sm:text-15">
6181            <span class="font-bold">TANATEX Chemicals Japan K.K.</span>
6182            <p>
6183                3-10, Kawaramachi 2-chome,<br />
6184Chuo-ku, Osaka,<br />
6185541-0048 Kawaramachi Chuo Building 3F<br />
6186Japan
6187            </p>
6188        </div>
6189
6190        
6191            </div>
6192</div>                    </div>
6193                            </div>
6194        </div>
6195        
6196        <div data-location-id="852" class="absolute top-0 left-0 ">
6197            <div class="sm:w-[66rem] relative">
6198                
6199                <div class="flex justify-center w-full">
6200                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6201                </div>
6202                
6203                
6204                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6205                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6206                </div>
6207
6208                
6209                                    
6210                    <div class="sm:w-full w-[28rem]">
6211                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6212    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6213        
6214                    <!-- Image Container -->
6215    <div class="" image="https://tanatexchemicals.com/cdn/62df2c8d-18f7-4ee5-8976-8491aa2e45d1/-/format/preserve/-/quality/lighter/-/progressive/yes/ajay-kanwar.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6216        <!-- Picture Element -->
6217        <picture class="">
6218            <!-- Check if $image is an instance of an image manipulation library -->
6219                            <!-- Iterate over image formats ('webp', original) -->
6220                                                        <!-- Source element for each image format -->
6221                    <source
6222                        srcset="https://tanatexchemicals.com/cdn/62df2c8d-18f7-4ee5-8976-8491aa2e45d1/-/crop/399x399/160,82/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/ajay-kanwar.webp"
6223                        type="image/webp"
6224                    >
6225                                                        <!-- Source element for each image format -->
6226                    <source
6227                        srcset="https://tanatexchemicals.com/cdn/62df2c8d-18f7-4ee5-8976-8491aa2e45d1/-/crop/399x399/160,82/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/ajay-kanwar.jpg"
6228                        type="image/jpeg"
6229                    >
6230                            
6231            <!-- Image Element -->
6232            <img
6233                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/62df2c8d-18f7-4ee5-8976-8491aa2e45d1/-/crop/399x399/160,82/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/ajay-kanwar.jpg"
6234                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6235                alt="Ajay Kanwar"
6236                width=""
6237                height=""
6238            />
6239        </picture>
6240    </div>
6241        
6242        
6243        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6244            Mr. Ajay Kanwar
6245        </h3>
6246
6247        
6248        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6249                            <a class="focus-visible:outline-none" href="tel:00912241292020" title="Call Mr. Ajay Kanwar">
6250                    +91 22 4129 2020
6251                </a>
6252            
6253                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Ajay Kanwar">
6254                    [email protected]
6255                </a>
6256                    </div>
6257
6258        
6259                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
6260                                    <a href="https://www.linkedin.com/in/ajay-kanwar-71780220/" target="_blank" title="LinkedIn TANATEX Chemicals India Private Limited" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
6261                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
6262                    </a>
6263                
6264                
6265                            </div>
6266            </div>
6267
6268    
6269    <div 
6270        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6271    >
6272        
6273        <div class="font-bold uppercase !leading-[18px] text-16">
6274                            India
6275                    </div>
6276
6277        
6278        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6279            
6280            
6281            tanatex<br>
6282        </h4>
6283
6284        <div class="border-b border-white mt-[3rem]"></div>
6285
6286        
6287        <div class="text-13 pt-[2rem] sm:text-15">
6288            <span class="font-bold">TANATEX Chemicals India Private Limited</span>
6289            <p>
6290                ACE Business Centre 401, 4th Floor,<br />
6291Gokul Nagar<br />
6292L.B.S. Road<br />
6293THANE (West) 400 601<br />
6294India
6295            </p>
6296        </div>
6297
6298        
6299            </div>
6300</div>                    </div>
6301                            </div>
6302        </div>
6303        
6304        <div data-location-id="853" class="absolute top-0 left-0 ">
6305            <div class="sm:w-[66rem] relative">
6306                
6307                <div class="flex justify-center w-full">
6308                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6309                </div>
6310                
6311                
6312                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6313                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6314                </div>
6315
6316                
6317                                    
6318                    <div class="sm:w-full w-[28rem]">
6319                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6320    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6321        
6322                    <!-- Image Container -->
6323    <div class="" image="https://tanatexchemicals.com/cdn/6f973213-4006-4988-8e85-3b8d6006e834/-/format/preserve/-/quality/lighter/-/progressive/yes/daniel-photo.jpg" mediaStyle="maps-location" imageClasses="roun
6323ded-full h-[14rem] w-[14rem] border border-grey-normal">
6324        <!-- Picture Element -->
6325        <picture class="">
6326            <!-- Check if $image is an instance of an image manipulation library -->
6327                            <!-- Iterate over image formats ('webp', original) -->
6328                                                        <!-- Source element for each image format -->
6329                    <source
6330                        srcset="https://tanatexchemicals.com/cdn/6f973213-4006-4988-8e85-3b8d6006e834/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/daniel-photo.webp"
6331                        type="image/webp"
6332                    >
6333                                                        <!-- Source element for each image format -->
6334                    <source
6335                        srcset="https://tanatexchemicals.com/cdn/6f973213-4006-4988-8e85-3b8d6006e834/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/daniel-photo.jpg"
6336                        type="image/jpeg"
6337                    >
6338                            
6339            <!-- Image Element -->
6340            <img
6341                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/6f973213-4006-4988-8e85-3b8d6006e834/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/daniel-photo.jpg"
6342                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6343                alt="Daniel Suradjaja"
6344                width=""
6345                height=""
6346            />
6347        </picture>
6348    </div>
6349        
6350        
6351        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6352            Mr. Daniel Suradjaja
6353        </h3>
6354
6355        
6356        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6357                            <a class="focus-visible:outline-none" href="tel:00628159903155" title="Call Mr. Daniel Suradjaja">
6358                    +628159903155
6359                </a>
6360            
6361                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Daniel Suradjaja">
6362                    [email protected]
6363                </a>
6364                    </div>
6365
6366        
6367                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
6368                                    <a href="https://www.linkedin.com/in/daniel-judha-suradjaja-284b953a/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
6369                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
6370                    </a>
6371                
6372                
6373                            </div>
6374            </div>
6375
6376    
6377    <div 
6378        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6379    >
6380        
6381        <div class="font-bold uppercase !leading-[18px] text-16">
6382                            Indonesia
6383                    </div>
6384
6385        
6386        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6387            
6388            
6389            tanatex<br>representative
6390        </h4>
6391
6392        <div class="border-b border-white mt-[3rem]"></div>
6393
6394        
6395        <div class="text-13 pt-[2rem] sm:text-15">
6396            <span class="font-bold">TANATEX Representative</span>
6397            <p>
6398                Indonesia
6399            </p>
6400        </div>
6401
6402        
6403            </div>
6404</div>                    </div>
6405                            </div>
6406        </div>
6407        
6408        <div data-location-id="854" class="absolute top-0 left-0 ">
6409            <div class="sm:w-[66rem] relative">
6410                
6411                <div class="flex justify-center w-full">
6412                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6413                </div>
6414                
6415                
6416                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6417                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6418                </div>
6419
6420                
6421                                    
6422                    <div class="sm:w-full w-[28rem]">
6423                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6424    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6425        
6426                    <!-- Image Container -->
6427    <div class="" image="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/format/preserve/-/quality/lighter/no-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6428        <!-- Picture Element -->
6429        <picture class="">
6430            <!-- Check if $image is an instance of an image manipulation library -->
6431                            <!-- Iterate over image formats ('webp', original) -->
6432                                                        <!-- Source element for each image format -->
6433                    <source
6434                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/no-logo.webp"
6435                        type="image/webp"
6436                    >
6437                                                        <!-- Source element for each image format -->
6438                    <source
6439                        srcset="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/no-logo.png"
6440                        type="image/jpeg"
6441                    >
6442                            
6443            <!-- Image Element -->
6444            <img
6445                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/75efc4d1-7c71-4036-95c0-6ab5bd21622e/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/no-logo.png"
6446                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6447                alt="TANATEX Molecule"
6448                width=""
6449                height=""
6450            />
6451        </picture>
6452    </div>
6453        
6454        
6455        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6456            Ms. Clara Mok
6457        </h3>
6458
6459        
6460        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6461                            <a class="focus-visible:outline-none" href="tel:0085227630061" title="Call Ms. Clara Mok">
6462                    +852 2763 0061
6463                </a>
6464            
6465                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Ms. Clara Mok">
6466                    [email protected]
6467                </a>
6468                    </div>
6469
6470        
6471            </div>
6472
6473    
6474    <div 
6475        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6476    >
6477        
6478        <div class="font-bold uppercase !leading-[18px] text-16">
6479                            Korea
6480                    </div>
6481
6482        
6483        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6484            
6485            
6486            tanatex<br>representative
6487        </h4>
6488
6489        <div class="border-b border-white mt-[3rem]"></div>
6490
6491        
6492        <div class="text-13 pt-[2rem] sm:text-15">
6493            <span class="font-bold">TANATEX Representative</span>
6494            <p>
6495                Korea
6496            </p>
6497        </div>
6498
6499        
6500            </div>
6501</div>                    </div>
6502                            </div>
6503        </div>
6504        
6505        <div data-location-id="855" class="absolute top-0 left-0 ">
6506            <div class="sm:w-[66rem] relative">
6507                
6508                <div class="flex justify-center w-full">
6509                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6510                </div>
6511                
6512                
6513                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6514                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6515                </div>
6516
6517                
6518                                    
6519                    <div class="sm:w-full w-[28rem]">
6520                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6521    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6522        
6523                    <!-- Image Container -->
6524    <div class="" image="https://tanatexchemicals.com/cdn/331a8220-68f0-4016-947f-20d3115f48de/-/format/preserve/-/quality/lighter/-/progressive/yes/mukesh-narang.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6525        <!-- Picture Element -->
6526        <picture class="">
6527            <!-- Check if $image is an instance of an image manipulation library -->
6528                            <!-- Iterate over image formats ('webp', original) -->
6529                                                        <!-- Source element for each image format -->
6530                    <source
6531                        srcset="https://tanatexchemicals.com/cdn/331a8220-68f0-4016-947f-20d3115f48de/-/crop/573x573/5,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/mukesh-narang.webp"
6532                        type="image/webp"
6533                    >
6534                                                        <!-- Source element for each image format -->
6535                    <source
6536                        srcset="https://tanatexchemicals.com/cdn/331a8220-68f0-4016-947f-20d3115f48de/-/crop/573x573/5,3/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/mukesh-narang.jpg"
6537                        type="image/jpeg"
6538                    >
6539                            
6540            <!-- Image Element -->
6541            <img
6542                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/331a8220-68f0-4016-947f-20d3115f48de/-/crop/573x573/5,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/mukesh-narang.jpg"
6543                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6544                alt="Mukesh Kumar"
6545                width=""
6546                height=""
6547            />
6548        </picture>
6549    </div>
6550        
6551        
6552        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6553            Mr. Mukesh Narang
6554        </h3>
6555
6556        
6557        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6558                            <a class="focus-visible:outline-none" href="tel:00918146568046" title="Call Mr. Mukesh Narang">
6559                    +91 81 4656 8046
6560                </a>
6561            
6562                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Mukesh Narang">
6563                    [email protected]
6564                </a>
6565                    </div>
6566
6567        
6568                    <div class="flex space-x-4 [&>
6568a:hover]:bg-red-normal [&>a]:transition-colors">
6569                                    <a href="https://www.linkedin.com/in/mukesh-narang-80450b37/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
6570                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
6571                    </a>
6572                
6573                
6574                            </div>
6575            </div>
6576
6577    
6578    <div 
6579        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6580    >
6581        
6582        <div class="font-bold uppercase !leading-[18px] text-16">
6583                            North India and Kolkata
6584                    </div>
6585
6586        
6587        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6588            
6589            
6590            tanatex<br>representative
6591        </h4>
6592
6593        <div class="border-b border-white mt-[3rem]"></div>
6594
6595        
6596        <div class="text-13 pt-[2rem] sm:text-15">
6597            <span class="font-bold">TANATEX Representative</span>
6598            <p>
6599                North India and Kolkata
6600            </p>
6601        </div>
6602
6603        
6604            </div>
6605</div>                    </div>
6606                            </div>
6607        </div>
6608        
6609        <div data-location-id="856" class="absolute top-0 left-0 ">
6610            <div class="sm:w-[66rem] relative">
6611                
6612                <div class="flex justify-center w-full">
6613                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6614                </div>
6615                
6616                
6617                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6618                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6619                </div>
6620
6621                
6622                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
6623
6624                        
6625                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
6626                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
6627                            <div 
6628                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
6629                            ></div>
6630                        </div>
6631                        
6632
6633                        <div class="swiper-wrapper !overflow-hidden">
6634                            
6635                            <div class="swiper-slide relative z-20">
6636                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6637    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6638        
6639                    <!-- Image Container -->
6640    <div class="" image="https://tanatexchemicals.com/cdn/3f58b0a3
6640-6c0d-4b1b-b74e-6684003ed44d/-/format/preserve/-/quality/lighter/-/progressive/yes/arbab-skunder.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6641        <!-- Picture Element -->
6642        <picture class="">
6643            <!-- Check if $image is an instance of an image manipulation library -->
6644                            <!-- Iterate over image formats ('webp', original) -->
6645                                                        <!-- Source element for each image format -->
6646                    <source
6647                        srcset="https://tanatexchemicals.com/cdn/3f58b0a3-6c0d-4b1b-b74e-6684003ed44d/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/arbab-skunder.webp"
6648                        type="image/webp"
6649                    >
6650                                                        <!-- Source element for each image format -->
6651                    <source
6652                        srcset="https://tanatexchemicals.com/cdn/3f58b0a3-6c0d-4b1b-b74e-6684003ed44d/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/arbab-skunder.jpg"
6653                        type="image/jpeg"
6654                    >
6655                            
6656            <!-- Image Element -->
6657            <img
6658                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/3f58b0a3-6c0d-4b1b-b74e-6684003ed44d/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/arbab-skunder.jpg"
6659                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6660                alt=""
6661                width=""
6662                height=""
6663            />
6664        </picture>
6665    </div>
6666        
6667        
6668        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6669            Mr. Arbab Skunder
6670        </h3>
6671
6672        
6673        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6674                            <a class="focus-visible:outline-none" href="tel:00923339938008" title="Call Mr. Arbab Skunder">
6675                    +92 333 993 8008
6676                </a>
6677            
6678                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Arbab Skunder">
6679                    [email protected]
6680                </a>
6681                    </div>
6682
6683        
6684                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
6685                                    <a href="https://www.linkedin.com/in/arbab-skunder-00b8081a/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
6686                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
6687                    </a>
6688                
6689                
6690                            </div>
6691            </div>
6692
6693    
6694    <div 
6695        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6696    >
6697        
6698        <div class="font-bold uppercase !leading-[18px] text-16">
6699                            Pakistan
6700                    </div>
6701
6702        
6703        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6704            
6705            
6706            tanatex<br>representative
6707        </h4>
6708
6709        <div class="border-b border-white mt-[3rem]"></div>
6710
6711        
6712        <div class="text-13 pt-[2rem] sm:text-15">
6713            <span class="font-bold">TANATEX Representative</span>
6714            <p>
6715                Pakistan
6716            </p>
6717        </div>
6718
6719        
6720            </div>
6721</div>                            </div>
6722        
6723                            
6724                                                            <div class="swiper-slide relative z-20">
6725                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6726    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6727        
6728                    <!-- Image Container -->
6729    <div class="" image="https://tanatexchemicals.com/cdn/7e7ab0c8-4a32-4be2-8c3e-c2336f4b3f6f/-/format/preserve/-/quality/lighter/-/progressive/yes/protoge-chemicals.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6730        <!-- Picture Element -->
6731        <picture class="">
6732            <!-- Check if $image is an instance of an image manipulation library -->
6733                            <!-- Iterate over image formats ('webp', original) -->
6734                                                        <!-- Source element for each image format -->
6735                    <source
6736                        srcset="https://tanatexchemicals.com/cdn/7e7ab0c8-4a32-4be2-8c3e-c2336f4b3f6f/-/crop/594x594/3,3/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/protoge-chemicals.webp"
6737                        type="image/webp"
6738                    >
6739                                                        <!-- Source element for each image format -->
6740                    <source
6741                        srcset="https://tanatexchemicals.com/cdn/7e7ab0c8-4a32-4be2-8c3e-c2336f4b3f6f/-/crop/594x594/3,3/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/protoge-chemicals.jpg"
6742                        type="image/jpeg"
6743                    >
6744                            
6745            <!-- Image Element -->
6746            <img
6747                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/7e7ab0c8-4a32-4be2-8c3e-c2336f4b3f6f/-/crop/594x594/3,3/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/protoge-chemicals.jpg"
6748                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6749                alt="Protoge Chemicals"
6750                width=""
6751                height=""
6752            />
6753        </picture>
6754    </div>
6755        
6756        
6757        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6758            Mr. Noor Ahmed
6759        </h3>
6760
6761        
6762        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6763                            <a class="focus-visible:outline-none" href="tel:00922136404200" title="Call Mr. Noor Ahmed">
6764                    +92 21 3640 4200
6765                </a>
6766            
6767                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Noor Ahmed">
6768                    [email protected]
6769                </a>
6770                    </div>
6771
6772        
6773            </div>
6774
6775    
6776    <div 
6777        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
6778    >
6779        
6780        <div class="font-bold uppercase !leading-[18px] text-16">
6781                            Pakistan
6782                    </div>
6783
6784        
6785        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6786            
6787            
6788            tanatex<br>partner
6789        </h4>
6790
6791        <div class="border-b border-white mt-[3rem]"></div>
6792
6793        
6794        <div class="text-13 pt-[2rem] sm:text-15">
6795            <span class="font-bold">Protegé Chemicals (Private) Limited</span>
6796            <p>
6797                Suit #207, S.P. Chamber, B9/B1, SITE<br />
6798Karachi-75700<br />
6799Pakistan
6800            </p>
6801        </div>
6802
6803        
6804            </div>
6805</div>                                </div>
6806                                                    </div>
6807
6808                        
6809                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
6810                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
6810<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
6811                        </div>
6812                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
6813                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
6814                        </div>
6815                    </div>
6816                            </div>
6817        </div>
6818        
6819        <div data-location-id="639" class="absolute top-0 left-0 ">
6820            <div class="sm:w-[66rem] relative">
6821                
6822                <div class="flex justify-center w-full">
6823                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6824                </div>
6825                
6826                
6827                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6828                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6829                </div>
6830
6831                
6832                                    
6833                    <div class="sm:w-full w-[28rem]">
6834                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6835    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6836        
6837                    <!-- Image Container -->
6838    <div class="" image="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/format/preserve/-/quality/lighter/-/progressive/yes/jo-porre-2.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
6839        <!-- Picture Element -->
6840        <picture class="">
6841            <!-- Check if $image is an instance of an image manipulation library -->
6842                            <!-- Iterate over image formats ('webp', original) -->
6843                                                        <!-- Source element for each image format -->
6844                    <source
6845                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.webp"
6846                        type="image/webp"
6847                    >
6848                                                        <!-- Source element for each image format -->
6849                    <source
6850                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
6851                        type="image/jpeg"
6852                    >
6853                            
6854            <!-- Image Element -->
6855            <img
6856                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
6857                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6858                alt="Jo Porre"
6859                width=""
6860                height=""
6861            />
6862        </picture>
6863    </div>
6864        
6865        
6866        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6867            Jo Porré
6868        </h3>
6869
6870        
6871        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6872                            <a class="focus-visible:outline-none" href="tel:0031318670911" title="Call Jo Porré">
6873                    +31 (0)318 67 09 11
6874                </a>
6875            
6876                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Jo Porré">
6877                    [email protected]
6878                </a>
6879                    </div>
6880
6881        
6882                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
6883                                    <a href="https://www.linkedin.com/" target="_blank" title="LinkedIn TANATEX Chemicals B.V." class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
6884                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
6885                    </a>
6886                
6887                
6888                            </div>
6889            </div>
6890
6891    
6892    <div 
6893        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
6894    >
6895        
6896        <div class="font-bold uppercase !leading-[18px] text-16">
6897                            The Netherlands
6898                    </div>
6899
6900        
6901        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
6902            
6903            
6904            tanatex<br>headquarters
6905        </h4>
6906
6907        <div class="border-b border-white mt-[3rem]"></div>
6908
6909        
6910        <div class="text-13 pt-[2rem] sm:text-15">
6911            <span class="font-bold">TANATEX Chemicals B.V.</span>
6912            <p>
6913                Einsteinstraat 1<br />
69146716 AC Ede<br />
6915The Netherlands
6916            </p>
6917        </div>
6918
6919        
6920                    <div class="pt-[2rem] text-13 hover:text-black sm:text-16 underline">
6921                <a href="https://tanatexchemicals.com/tanatex-netherlands" title="Go to Production Plant" target="_blank">
6922                    Go to Production Plant                </a>
6923            </div>
6924            </div>
6925</div>                    </div>
6926                            </div>
6927        </div>
6928        
6929        <div data-location-id="859" class="absolute top-0 left-0 ">
6930            <div class="sm:w-[66rem] relative">
6931                
6932                <div class="flex justify-center w-full">
6933                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
6934                </div>
6935                
6936                
6937                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
6938                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
6939                </div>
6940
6941                
6942                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
6943
6944                        
6945                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
6946                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
6947                            <div 
6948                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
6949                            ></div>
6950                        </div>
6951                        
6952
6953                        <div class="swiper-wrapper !overflow-hidden">
6954                            
6955                            <div class="swiper-slide relative z-20">
6956                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
6957    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
6958        
6959                    <!-- Image Container -->
6960    <div class="" image="https://tanatexchemicals.com/cdn/c1c2a080-b16f-496c-9e9c-a2f6cc6f50ed/-/format/preserve/-/quality/lighter/-/progressive/yes/vivekanandaraja.jpg" mediaStyle="maps-location" imageClasses="roun
6960ded-full h-[14rem] w-[14rem] border border-grey-normal">
6961        <!-- Picture Element -->
6962        <picture class="">
6963            <!-- Check if $image is an instance of an image manipulation library -->
6964                            <!-- Iterate over image formats ('webp', original) -->
6965                                                        <!-- Source element for each image format -->
6966                    <source
6967                        srcset="https://tanatexchemicals.com/cdn/c1c2a080-b16f-496c-9e9c-a2f6cc6f50ed/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivekanandaraja.webp"
6968                        type="image/webp"
6969                    >
6970                                                        <!-- Source element for each image format -->
6971                    <source
6972                        srcset="https://tanatexchemicals.com/cdn/c1c2a080-b16f-496c-9e9c-a2f6cc6f50ed/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivekanandaraja.jpg"
6973                        type="image/jpeg"
6974                    >
6975                            
6976            <!-- Image Element -->
6977            <img
6978                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/c1c2a080-b16f-496c-9e9c-a2f6cc6f50ed/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivekanandaraja.jpg"
6979                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
6980                alt=""
6981                width=""
6982                height=""
6983            />
6984        </picture>
6985    </div>
6986        
6987        
6988        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
6989            Mr. Vivekanandaraja Sengodan
6990        </h3>
6991
6992        
6993        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
6994                            <a class="focus-visible:outline-none" href="tel:00919944459759" title="Call Mr. Vivekanandaraja Sengodan">
6995                    +91 9944459759
6996                </a>
6997            
6998                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Vivekanandaraja Sengodan">
6999                    [email protected]
7000                </a>
7001                    </div>
7002
7003        
7004                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
7005                                    <a href="https://www.linkedin.com/in/texstylevivek/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
7006                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
7007                    </a>
7008                
7009                
7010                            </div>
7011            </div>
7012
7013    
7014    <div 
7015        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7016    >
7017        
7018        <div class="font-bold uppercase !leading-[18px] text-16">
7019                            Sri Lanka
7020                    </div>
7021
7022        
7023        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7024            
7025            
7026            tanatex<br>representative
7027        </h4>
7028
7029        <div class="border-b border-white mt-[3rem]"></div>
7030
7031        
7032        <div class="text-13 pt-[2rem] sm:text-15">
7033            <span class="font-bold">TANATEX Representative</span>
7034            <p>
7035                Sri Lanka
7036            </p>
7037        </div>
7038
7039        
7040            </div>
7041</div>                            </div>
7042        
7043                            
7044                                                            <div class="swiper-slide relative z-20">
7045                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7046    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7047        
7048                    <!-- Image Container -->
7049    <div class="" image="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/format/preserve/-/quality/lighter/asons-bangladesh-sri-lanka.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7050        <!-- Picture Element -->
7051        <picture class="">
7052            <!-- Check if $image is an instance of an image manipulation library -->
7053                            <!-- Iterate over image formats ('webp', original) -->
7054                                                        <!-- Source element for each image format -->
7055                    <source
7056                        srcset="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/crop/1333x1333/9,12/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/asons-bangladesh-sri-lanka.webp"
7057                        type="image/webp"
7058                    >
7059                                                        <!-- Source element for each image format -->
7060                    <source
7061                        srcset="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/crop/1333x1333/9,12/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/asons-bangladesh-sri-lanka.png"
7062                        type="image/jpeg"
7063                    >
7064                            
7065            <!-- Image Element -->
7066            <img
7067                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/9826a90d-60d9-4821-ae62-2342264709c2/-/crop/1333x1333/9,12/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/asons-bangladesh-sri-lanka.png"
7068                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7069                alt="Asons"
7070                width=""
7071                height=""
7072            />
7073        </picture>
7074    </div>
7075        
7076        
7077        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7078            Mr. Anjum Asmat
7079        </h3>
7080
7081        
7082        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7083                            <a class="focus-visible:outline-none" href="tel:+94773770633" title="Call Mr. Anjum Asmat">
7084                    + 94 77 37 70 633
7085                </a>
7086            
7087                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Anjum Asmat">
7088                    [email protected]
7089                </a>
7090                    </div>
7091
7092        
7093            </div>
7094
7095    
7096    <div 
7097        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
7098    >
7099        
7100        <div class="font-bold uppercase !leading-[18px] text-16">
7101                            Sri Lanka
7102                    </div>
7103
7104        
7105        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7106            
7107            
7108            tanatex<br>partner
7109        </h4>
7110
7111        <div class="border-b border-white mt-[3rem]"></div>
7112
7113        
7114        <div class="text-13 pt-[2rem] sm:text-15">
7115            <span class="font-bold">Asons Pvt Limited</span>
7116            <p>
7117                No.71, Srimath Bhandarnayake Mawatha,<br />
7118Colombo -12,<br />
7119Sri Lanka
7120            </p>
7121        </div>
7122
7123        
7124            </div>
7125</div>                                </div>
7126                                                    </div>
7127
7128                        
7129                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
7130                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
7130<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
7131                        </div>
7132                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
7133                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
7134                        </div>
7135                    </div>
7136                            </div>
7137        </div>
7138        
7139        <div data-location-id="861" class="absolute top-0 left-0 ">
7140            <div class="sm:w-[66rem] relative">
7141                
7142                <div class="flex justify-center w-full">
7143                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7144                </div>
7145                
7146                
7147                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7148                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7149                </div>
7150
7151                
7152                                    
7153                    <div class="sm:w-full w-[28rem]">
7154                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7155    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7156        
7157                    <!-- Image Container -->
7158    <div class="" image="https://tanatexchemicals.com/cdn/ff4a5b71-b00f-45ac-a701-6c86ff02f7a8/-/format/preserve/-/quality/lighter/-/progressive/yes/eason-huang.jpeg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7159        <!-- Picture Element -->
7160        <picture class="">
7161            <!-- Check if $image is an instance of an image manipulation library -->
7162                            <!-- Iterate over image formats ('webp', original) -->
7163                                                        <!-- Source element for each image format -->
7164                    <source
7165                        srcset="https://tanatexchemicals.com/cdn/ff4a5b71-b00f-45ac-a701-6c86ff02f7a8/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/eason-huang.webp"
7166                        type="image/webp"
7167                    >
7168                                                        <!-- Source element for each image format -->
7169                    <source
7170                        srcset="https://tanatexchemicals.com/cdn/ff4a5b71-b00f-45ac-a701-6c86ff02f7a8/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/eason-huang.jpg"
7171                        type="image/jpeg"
7172                    >
7173                            
7174            <!-- Image Element -->
7175            <img
7176                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ff4a5b71-b00f-45ac-a701-6c86ff02f7a8/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/eason-huang.jpeg"
7177                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7178                alt="Eason Huang"
7179                width=""
7180                height=""
7181            />
7182        </picture>
7183    </div>
7184        
7185        
7186        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7187            Mr. Eason Huang
7188        </h3>
7189
7190        
7191        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7192                            <a class="focus-visible:outline-none" href="tel:00886919350390" title="Call Mr. Eason Huang">
7193                    +886919350390
7194                </a>
7195            
7196                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Eason Huang">
7197                    [email protected]
7198                </a>
7199                    </div>
7200
7201        
7202            </div>
7203
7204    
7205    <div 
7206        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7207    >
7208        
7209        <div class="font-bold uppercase !leading-[18px] text-16">
7210                            Taiwan
7211                    </div>
7212
7213        
7214        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7215            
7216            
7217            tanatex<br>representative
7218        </h4>
7219
7220        <div class="border-b border-white mt-[3rem]"></div>
7221
7222        
7223        <div class="text-13 pt-[2rem] sm:text-15">
7224            <span class="font-bold">TANATEX Representative</span>
7225            <p>
7226                Taiwan
7227            </p>
7228        </div>
7229
7230        
7231            </div>
7232</div>                    </div>
7233                            </div>
7234        </div>
7235        
7236        <div data-location-id="862" class="absolute top-0 left-0 ">
7237            <div class="sm:w-[66rem] relative">
7238                
7239                <div class="flex justify-center w-full">
7240                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7241                </div>
7242                
7243                
7244                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7245                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7246                </div>
7247
7248                
7249                                    
7250                    <div class="sm:w-full w-[28rem]">
7251                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7252    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7253        
7254                    <!-- Image Container -->
7255    <div class="" image="https://tanatexchemicals.com/cdn/5885ee5c-da36-4281-9118-bd187690cf9d/-/format/preserve/-/quality/lighter/-/progressive/yes/sarinee.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7256        <!-- Picture Element -->
7257        <picture class="">
7258            <!-- Check if $image is an instance of an image manipulation library -->
7259                            <!-- Iterate over image formats ('webp', original) -->
7260                                                        <!-- Source element for each image format -->
7261                    <source
7262                        srcset="https://tanatexchemicals.com/cdn/5885ee5c-da36-4281-9118-bd187690cf9d/-/crop/427x427/62,0/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/sarinee.webp"
7263                        type="image/webp"
7264                    >
7265                                                        <!-- Source element for each image format -->
7266                    <source
7267                        srcset="https://tanatexchemicals.com/cdn/5885ee5c-da36-4281-9118-bd187690cf9d/-/crop/427x427/62,0/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/sarinee.jpg"
7268                        type="image/jpeg"
7269                    >
7270                            
7271            <!-- Image Element -->
7272            <img
7273                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/5885ee5c-da36-4281-9118-bd187690cf9d/-/crop/427x427/62,0/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/sarinee.jpg"
7274                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7275                alt=""
7276                width=""
7277                height=""
7278            />
7279        </picture>
7280    </div>
7281        
7282        
7283        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7284            Ms. Sarinee  Kongcharoen
7285        </h3>
7286
7287        
7288        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7289                            <a class="focus-visible:outline-none" href="tel:006633010460" title="Call Ms. Sarinee  Kongcharoen">
7290                    +66 33 010460
7291                </a>
7292            
7293                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Ms. Sarinee  Kongcharoen">
7294                    [email protected]
7295                </a>
7296                    </div>
7297
7298        
7299            </div>
7300
7301    
7302    <div 
7303        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7304    >
7305        
7306        <div class="font-bold uppercase !leading-[18px] text-16">
7307                            Thailand
7308                    </div>
7309
7310        
7311        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7312            
7313            
7314            tanatex<br>
7315        </h4>
7316
7317        <div class="border-b border-white mt-[3rem]"></div>
7318
7319        
7320        <div class="text-13 pt-[2rem] sm:text-15">
7321            <span class="font-bold">TANATEX Chemicals (Thailand) Co., Ltd.</span>
7322            <p>
7323                Hemaraj Eastern Seaboard I.E. 500/107 Moo 2<br />
7324Tambol Tasit<br />
7325Amphur Pluakdaeng Rayong<br />
732621140<br />
7327Thailand
7328            </p>
7329        </div>
7330
7331        
7332                    <div class="pt-[2rem] text-13 hover:text-black sm:text-16 underline">
7333                <a href="https://tanatexchemicals.com/tanatex-thailand" title="Go to Production Plant" target="_blank">
7334                    Go to Production Plant                </a>
7335            </div>
7336            </div>
7337</div>                    </div>
7338                            </div>
7339        </div>
7340        
7341        <div data-location-id="863" class="absolute top-0 left-0 ">
7342            <div class="sm:w-[66rem] relative">
7343                
7344                <div class="flex justify-center w-full">
7345                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7346                </div>
7347                
7348                
7349                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7350                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7351                </div>
7352
7353                
7354                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
7355
7356                        
7357                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
7358                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
7359                            <div 
7360                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
7361                            ></div>
7362                        </div>
7363                        
7364
7365                        <div class="swiper-wrapper !overflow-hidden">
7366                            
7367                            <div class="swiper-slide relative z-20">
7368                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7369    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7370        
7371                    <!-- Image Container -->
7372    <div class="" image="https://tanatexchemicals.com/cdn/1ef3842a-1a32-412a-b49c-bdbaaa7d3293/-/format/preserve/-/quality/lighter/-/progressive/yes/suri-bayirli.jpg" mediaStyle="maps-location" imageClasses="roun
7372ded-full h-[14rem] w-[14rem] border border-grey-normal">
7373        <!-- Picture Element -->
7374        <picture class="">
7375            <!-- Check if $image is an instance of an image manipulation library -->
7376                            <!-- Iterate over image formats ('webp', original) -->
7377                                                        <!-- Source element for each image format -->
7378                    <source
7379                        srcset="https://tanatexchemicals.com/cdn/1ef3842a-1a32-412a-b49c-bdbaaa7d3293/-/crop/2410x2410/79,232/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/suri-bayirli.webp"
7380                        type="image/webp"
7381                    >
7382                                                        <!-- Source element for each image format -->
7383                    <source
7384                        srcset="https://tanatexchemicals.com/cdn/1ef3842a-1a32-412a-b49c-bdbaaa7d3293/-/crop/2410x2410/79,232/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/suri-bayirli.jpg"
7385                        type="image/jpeg"
7386                    >
7387                            
7388            <!-- Image Element -->
7389            <img
7390                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/1ef3842a-1a32-412a-b49c-bdbaaa7d3293/-/crop/2410x2410/79,232/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/suri-bayirli.jpg"
7391                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7392                alt="Suri Bayirli"
7393                width=""
7394                height=""
7395            />
7396        </picture>
7397    </div>
7398        
7399        
7400        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7401            Mr. Suri Bayirli
7402        </h3>
7403
7404        
7405        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7406                            <a class="focus-visible:outline-none" href="tel:0031318670911" title="Call Mr. Suri Bayirli">
7407                    +31 (0)318 67 09 11
7408                </a>
7409            
7410                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Suri Bayirli">
7411                    [email protected]
7412                </a>
7413                    </div>
7414
7415        
7416                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
7417                                    <a href="https://www.linkedin.com/in/suri-bayirli-1306209/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
7418                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
7419                    </a>
7420                
7421                
7422                            </div>
7423            </div>
7424
7425    
7426    <div 
7427        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7428    >
7429        
7430        <div class="font-bold uppercase !leading-[18px] text-16">
7431                            Turkey
7432                    </div>
7433
7434        
7435        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7436            
7437            
7438            tanatex<br>representative
7439        </h4>
7440
7441        <div class="border-b border-white mt-[3rem]"></div>
7442
7443        
7444        <div class="text-13 pt-[2rem] sm:text-15">
7445            <span class="font-bold">TANATEX Representative</span>
7446            <p>
7447                Turkey
7448            </p>
7449        </div>
7450
7451        
7452            </div>
7453</div>                            </div>
7454        
7455                            
7456                                                            <div class="swiper-slide relative z-20">
7457                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7458    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7459        
7460                    <!-- Image Container -->
7461    <div class="" image="https://tanatexchemicals.com/cdn/0edd199e-e4af-419f-9048-7b98623825ad/-/format/preserve/-/quality/lighter/-/progressive/yes/spot-logo-2016.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7462        <!-- Picture Element -->
7463        <picture class="">
7464            <!-- Check if $image is an instance of an image manipulation library -->
7465                            <!-- Iterate over image formats ('webp', original) -->
7466                                                        <!-- Source element for each image format -->
7467                    <source
7468                        srcset="https://tanatexchemicals.com/cdn/0edd199e-e4af-419f-9048-7b98623825ad/-/crop/839x839/6,4/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/spot-logo-2016.webp"
7469                        type="image/webp"
7470                    >
7471                                                        <!-- Source element for each image format -->
7472                    <source
7473                        srcset="https://tanatexchemicals.com/cdn/0edd199e-e4af-419f-9048-7b98623825ad/-/crop/839x839/6,4/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/spot-logo-2016.jpg"
7474                        type="image/jpeg"
7475                    >
7476                            
7477            <!-- Image Element -->
7478            <img
7479                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/0edd199e-e4af-419f-9048-7b98623825ad/-/crop/839x839/6,4/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/spot-logo-2016.jpg"
7480                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7481                alt="SPOT Kimya"
7482                width=""
7483                height=""
7484            />
7485        </picture>
7486    </div>
7487        
7488        
7489        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7490            Mrs. Işıl Bayram Ersin
7491        </h3>
7492
7493        
7494        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7495                            <a class="focus-visible:outline-none" href="tel:00902164641054" title="Call Mrs. Işıl Bayram Ersin">
7496                    +90 216 464 10 54
7497                </a>
7498            
7499                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mrs. Işıl Bayram Ersin">
7500                    [email protected]
7501                </a>
7502                    </div>
7503
7504        
7505            </div>
7506
7507    
7508    <div 
7509        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
7510    >
7511        
7512        <div class="font-bold uppercase !leading-[18px] text-16">
7513                            Turkey
7514                    </div>
7515
7516        
7517        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7518            
7519            
7520            tanatex<br>partner
7521        </h4>
7522
7523        <div class="border-b border-white mt-[3rem]"></div>
7524
7525        
7526        <div class="text-13 pt-[2rem] sm:text-15">
7527            <span class="font-bold">SPOT Kimya Sanayi ve Ticaret A.Ş.</span>
7528            <p>
7529                Bagdatlioglu Plaza No:3 Kat:7<br />
7530Kozyatagi 34742 Istanbul<br />
7531Turkey
7532            </p>
7533        </div>
7534
7535        
7536            </div>
7537</div>                                </div>
7538                                                    </div>
7539
7540                        
7541                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
7542                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
7542<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
7543                        </div>
7544                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
7545                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
7546                        </div>
7547                    </div>
7548                            </div>
7549        </div>
7550        
7551        <div data-location-id="865" class="absolute top-0 left-0 ">
7552            <div class="sm:w-[66rem] relative">
7553                
7554                <div class="flex justify-center w-full">
7555                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7556                </div>
7557                
7558                
7559                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7560                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7561                </div>
7562
7563                
7564                                    
7565                    <div class="sm:w-full w-[28rem]">
7566                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7567    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7568        
7569                    <!-- Image Container -->
7570    <div class="" image="https://tanatexchemicals.com/cdn/b0c0aaf3-0b01-4c79-be33-0a7531253c58/-/format/preserve/-/quality/lighter/-/progressive/yes/vivek-kumbhar.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7571        <!-- Picture Element -->
7572        <picture class="">
7573            <!-- Check if $image is an instance of an image manipulation library -->
7574                            <!-- Iterate over image formats ('webp', original) -->
7575                                                        <!-- Source element for each image format -->
7576                    <source
7577                        srcset="https://tanatexchemicals.com/cdn/b0c0aaf3-0b01-4c79-be33-0a7531253c58/-/crop/340x340/56,41/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivek-kumbhar.webp"
7578                        type="image/webp"
7579                    >
7580                                                        <!-- Source element for each image format -->
7581                    <source
7582                        srcset="https://tanatexchemicals.com/cdn/b0c0aaf3-0b01-4c79-be33-0a7531253c58/-/crop/340x340/56,41/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivek-kumbhar.jpg"
7583                        type="image/jpeg"
7584                    >
7585                            
7586            <!-- Image Element -->
7587            <img
7588                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/b0c0aaf3-0b01-4c79-be33-0a7531253c58/-/crop/340x340/56,41/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/vivek-kumbhar.jpg"
7589                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7590                alt="Vivek Kumbhar"
7591                width=""
7592                height=""
7593            />
7594        </picture>
7595    </div>
7596        
7597        
7598        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7599            Mr. Vivek Kumbhar
7600        </h3>
7601
7602        
7603        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7604                            <a class="focus-visible:outline-none" href="tel:00918793018294" title="Call Mr. Vivek Kumbhar">
7605                    +91 87 9301 8294
7606                </a>
7607            
7608                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Vivek Kumbhar">
7609                    [email protected]
7610                </a>
7611                    </div>
7612
7613        
7614                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
7615                                    <a href="https://www.linkedin.com/in/vivek-kumbhar-6b919417/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
7616                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
7617                    </a>
7618                
7619                
7620                            </div>
7621            </div>
7622
7623    
7624    <div 
7625        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7626    >
7627        
7628        <div class="font-bold uppercase !leading-[18px] text-16">
7629                            West India
7630                    </div>
7631
7632        
7633        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7634            
7635            
7636            tanatex<br>representative
7637        </h4>
7638
7639        <div class="border-b border-white mt-[3rem]"></div>
7640
7641        
7642        <div class="text-13 pt-[2rem] sm:text-15">
7643            <span class="font-bold">TANATEX Representative</span>
7644            <p>
7645                West India
7646            </p>
7647        </div>
7648
7649        
7650            </div>
7651</div>                    </div>
7652                            </div>
7653        </div>
7654        
7655        <div data-location-id="882" class="absolute top-0 left-0 ">
7656            <div class="sm:w-[66rem] relative">
7657                
7658                <div class="flex justify-center w-full">
7659                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7660                </div>
7661                
7662                
7663                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7664                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7665                </div>
7666
7667                
7668                                    
7669                    <div class="sm:w-full w-[28rem]">
7670                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7671    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7672        
7673                    <!-- Image Container -->
7674    <div class="" image="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/format/preserve/-/quality/lighter/-/progressive/yes/jo-porre-2.jpg" mediaStyle="maps-location" imageClasses="roun
7674ded-full h-[14rem] w-[14rem] border border-grey-normal">
7675        <!-- Picture Element -->
7676        <picture class="">
7677            <!-- Check if $image is an instance of an image manipulation library -->
7678                            <!-- Iterate over image formats ('webp', original) -->
7679                                                        <!-- Source element for each image format -->
7680                    <source
7681                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.webp"
7682                        type="image/webp"
7683                    >
7684                                                        <!-- Source element for each image format -->
7685                    <source
7686                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
7687                        type="image/jpeg"
7688                    >
7689                            
7690            <!-- Image Element -->
7691            <img
7692                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
7693                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7694                alt="Jo Porre"
7695                width=""
7696                height=""
7697            />
7698        </picture>
7699    </div>
7700        
7701        
7702        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7703            Mr. Jo Porré
7704        </h3>
7705
7706        
7707        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7708                            <a class="focus-visible:outline-none" href="tel:0031318670911" title="Call Mr. Jo Porré">
7709                    +31 (0)318 67 09 11
7710                </a>
7711            
7712                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Jo Porré">
7713                    [email protected]
7714                </a>
7715                    </div>
7716
7717        
7718                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
7719                                    <a href="https://www.linkedin.com/in/jo-porr%C3%A9-a7877a6/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
7720                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
7721                    </a>
7722                
7723                
7724                            </div>
7725            </div>
7726
7727    
7728    <div 
7729        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7730    >
7731        
7732        <div class="font-bold uppercase !leading-[18px] text-16">
7733                            Belgium
7734                    </div>
7735
7736        
7737        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7738            
7739            
7740            tanatex<br>representative
7741        </h4>
7742
7743        <div class="border-b border-white mt-[3rem]"></div>
7744
7745        
7746        <div class="text-13 pt-[2rem] sm:text-15">
7747            <span class="font-bold">TANATEX Representative</span>
7748            <p>
7749                Belgium
7750            </p>
7751        </div>
7752
7753        
7754            </div>
7755</div>                    </div>
7756                            </div>
7757        </div>
7758        
7759        <div data-location-id="883" class="absolute top-0 left-0 ">
7760            <div class="sm:w-[66rem] relative">
7761                
7762                <div class="flex justify-center w-full">
7763                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7764                </div>
7765                
7766                
7767                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7768                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7769                </div>
7770
7771                
7772                                    
7773                    <div class="sm:w-full w-[28rem]">
7774                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7775    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7776        
7777                    <!-- Image Container -->
7778    <div class="" image="https://tanatexchemicals.com/cdn/12490661-ba39-4a17-8df0-f098c8d3c570/-/format/preserve/-/quality/lighter/-/progressive/yes/lenka-hanusova-czech-republic.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7779        <!-- Picture Element -->
7780        <picture class="">
7781            <!-- Check if $image is an instance of an image manipulation library -->
7782                            <!-- Iterate over image formats ('webp', original) -->
7783                                                        <!-- Source element for each image format -->
7784                    <source
7785                        srcset="https://tanatexchemicals.com/cdn/12490661-ba39-4a17-8df0-f098c8d3c570/-/crop/439x439/358,170/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/lenka-hanusova-czech-republic.webp"
7786                        type="image/webp"
7787                    >
7788                                                        <!-- Source element for each image format -->
7789                    <source
7790                        srcset="https://tanatexchemicals.com/cdn/12490661-ba39-4a17-8df0-f098c8d3c570/-/crop/439x439/358,170/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/lenka-hanusova-czech-republic.jpg"
7791                        type="image/jpeg"
7792                    >
7793                            
7794            <!-- Image Element -->
7795            <img
7796                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/12490661-ba39-4a17-8df0-f098c8d3c570/-/crop/439x439/358,170/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/lenka-hanusova-czech-republic.jpg"
7797                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7798                alt="Lenka Hanusova"
7799                width=""
7800                height=""
7801            />
7802        </picture>
7803    </div>
7804        
7805        
7806        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7807            Lenka Hanušová
7808        </h3>
7809
7810        
7811        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7812                            <a class="focus-visible:outline-none" href="tel:00420770146736" title="Call Lenka Hanušová">
7813                    +420 770 146 736
7814                </a>
7815            
7816                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Lenka Hanušová">
7817                    [email protected]
7818                </a>
7819                    </div>
7820
7821        
7822            </div>
7823
7824    
7825    <div 
7826        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7827    >
7828        
7829        <div class="font-bold uppercase !leading-[18px] text-16">
7830                            Czech republic
7831                    </div>
7832
7833        
7834        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7835            
7836            
7837            tanatex<br>representative
7838        </h4>
7839
7840        <div class="border-b border-white mt-[3rem]"></div>
7841
7842        
7843        <div class="text-13 pt-[2rem] sm:text-15">
7844            <span class="font-bold">TANATEX Representative</span>
7845            <p>
7846                Czech republic
7847            </p>
7848        </div>
7849
7850        
7851            </div>
7852</div>                    </div>
7853                            </div>
7854        </div>
7855        
7856        <div data-location-id="887" class="absolute top-0 left-0 ">
7857            <div class="sm:w-[66rem] relative">
7858                
7859                <div class="flex justify-center w-full">
7860                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
7861                </div>
7862                
7863                
7864                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
7865                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
7866                </div>
7867
7868                
7869                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
7870
7871                        
7872                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
7873                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
7874                            <div 
7875                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
7876                            ></div>
7877                        </div>
7878                        
7879
7880                        <div class="swiper-wrapper !overflow-hidden">
7881                            
7882                            <div class="swiper-slide relative z-20">
7883                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7884    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7885        
7886                    <!-- Image Container -->
7887    <div class="" image="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/format/preserve/-/quality/lighter/-/progressive/yes/jo-porre-2.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7888        <!-- Picture Element -->
7889        <picture class="">
7890            <!-- Check if $image is an instance of an image manipulation library -->
7891                            <!-- Iterate over image formats ('webp', original) -->
7892                                                        <!-- Source element for each image format -->
7893                    <source
7894                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.webp"
7895                        type="image/webp"
7896                    >
7897                                                        <!-- Source element for each image format -->
7898                    <source
7899                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
7900                        type="image/jpeg"
7901                    >
7902                            
7903            <!-- Image Element -->
7904            <img
7905                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
7906                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7907                alt="Jo Porre"
7908                width=""
7909                height=""
7910            />
7911        </picture>
7912    </div>
7913        
7914        
7915        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
7916            Mr. Jo Porré
7917        </h3>
7918
7919        
7920        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
7921                            <a class="focus-visible:outline-none" href="tel:0031318670911" title="Call Mr. Jo Porré">
7922                    +31 (0)318 67 09 11
7923                </a>
7924            
7925                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Jo Porré">
7926                    [email protected]
7927                </a>
7928                    </div>
7929
7930        
7931                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
7932                                    <a href="https://www.linkedin.com/in/jo-porr%C3%A9-a7877a6/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
7933                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
7934                    </a>
7935                
7936                
7937                            </div>
7938            </div>
7939
7940    
7941    <div 
7942        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
7943    >
7944        
7945        <div class="font-bold uppercase !leading-[18px] text-16">
7946                            Denmark
7947                    </div>
7948
7949        
7950        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
7951            
7952            
7953            tanatex<br>representative
7954        </h4>
7955
7956        <div class="border-b border-white mt-[3rem]"></div>
7957
7958        
7959        <div class="text-13 pt-[2rem] sm:text-15">
7960            <span class="font-bold">TANATEX Representative</span>
7961            <p>
7962                Denmark
7963            </p>
7964        </div>
7965
7966        
7967            </div>
7968</div>                            </div>
7969        
7970                            
7971                                                            <div class="swiper-slide relative z-20">
7972                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
7973    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
7974        
7975                    <!-- Image Container -->
7976    <div class="" image="https://tanatexchemicals.com/cdn/64b1cdc3-ce7d-480e-b798-8d880ba5cfe3/-/format/preserve/-/quality/lighter/bodotex-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
7977        <!-- Picture Element -->
7978        <picture class="">
7979            <!-- Check if $image is an instance of an image manipulation library -->
7980                            <!-- Iterate over image formats ('webp', original) -->
7981                                                        <!-- Source element for each image format -->
7982                    <source
7983                        srcset="https://tanatexchemicals.com/cdn/64b1cdc3-ce7d-480e-b798-8d880ba5cfe3/-/crop/1954x1954/64,54/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/bodotex-logo.webp"
7984                        type="image/webp"
7985                    >
7986                                                        <!-- Source element for each image format -->
7987                    <source
7988                        srcset="https://tanatexchemicals.com/cdn/64b1cdc3-ce7d-480e
7988-b798-8d880ba5cfe3/-/crop/1954x1954/64,54/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/bodotex-logo.png"
7989                        type="image/jpeg"
7990                    >
7991                            
7992            <!-- Image Element -->
7993            <img
7994                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/64b1cdc3-ce7d-480e-b798-8d880ba5cfe3/-/crop/1954x1954/64,54/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/bodotex-logo.png"
7995                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
7996                alt="Bodotex"
7997                width=""
7998                height=""
7999            />
8000        </picture>
8001    </div>
8002        
8003        
8004        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
8005            Mr. Thomas L. Nielsen
8006        </h3>
8007
8008        
8009        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
8010                            <a class="focus-visible:outline-none" href="tel:004576408999" title="Call Mr. Thomas L. Nielsen">
8011                    +45 7640 8999
8012                </a>
8013            
8014                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Thomas L. Nielsen">
8015                    [email protected]
8016                </a>
8017                    </div>
8018
8019        
8020            </div>
8021
8022    
8023    <div 
8024        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
8025    >
8026        
8027        <div class="font-bold uppercase !leading-[18px] text-16">
8028                            Denmark
8029                    </div>
8030
8031        
8032        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
8033            
8034            
8035            tanatex<br>partner
8036        </h4>
8037
8038        <div class="border-b border-white mt-[3rem]"></div>
8039
8040        
8041        <div class="text-13 pt-[2rem] sm:text-15">
8042            <span class="font-bold">Bodotex International A/S</span>
8043            <p>
8044                Ferrarivej 4<br />
80457100 Vejle<br />
8046Denmark
8047            </p>
8048        </div>
8049
8050        
8051            </div>
8052</div>                                </div>
8053                                                    </div>
8054
8055                        
8056                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
8057                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
8058                        </div>
8059                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
8060                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
8061                        </div>
8062                    </div>
8063                            </div>
8064        </div>
8065        
8066        <div data-location-id="891" class="absolute top-0 left-0 ">
8067            <div class="sm:w-[66rem] relative">
8068                
8069                <div class="flex justify-center w-full">
8070                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
8071                </div>
8072                
8073                
8074                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
8075                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
8076                </div>
8077
8078                
8079                                    <div class="swiper sm:w-full w-[28rem] js-location-swiper location-swiper !overflow-visible">
8080
8081                        
8082                        <div class="absolute top-[-3rem] md:top-auto md:bottom-[4rem] left-[4rem] pb-[3rem] mt-[3rem] w-full max-w-[10rem]">
8083                            <div class="absolute js-nav-indicator z-20 top-1/2 -translate-y-1/2 h-[5px] bg-red-normal rounded-full transition-[left] duration-300 ease-in-out" style="width: 3rem; left: 0%;"></div>
8084                            <div 
8085                                class="absolute z-10 top-1/2 -translate-y-1/2 w-full h-[1px] bg-grey-dark"
8086                            ></div>
8087                        </div>
8088                        
8089
8090                        <div class="swiper-wrapper !overflow-hidden">
8091                            
8092                            <div class="swiper-slide relative z-20">
8093                                <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
8094    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
8095        
8096                    <!-- Image Container -->
8097    <div class="" image="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/format/preserve/-/quality/lighter/-/progressive/yes/jo-porre-2.jpg" mediaStyle="maps-location" imageClasses="roun
8097ded-full h-[14rem] w-[14rem] border border-grey-normal">
8098        <!-- Picture Element -->
8099        <picture class="">
8100            <!-- Check if $image is an instance of an image manipulation library -->
8101                            <!-- Iterate over image formats ('webp', original) -->
8102                                                        <!-- Source element for each image format -->
8103                    <source
8104                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.webp"
8105                        type="image/webp"
8106                    >
8107                                                        <!-- Source element for each image format -->
8108                    <source
8109                        srcset="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
8110                        type="image/jpeg"
8111                    >
8112                            
8113            <!-- Image Element -->
8114            <img
8115                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/ab44d430-3130-4c67-b0f5-62267f22a78d/-/crop/2521x2521/471,4/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/jo-porre-2.jpg"
8116                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
8117                alt="Jo Porre"
8118                width=""
8119                height=""
8120            />
8121        </picture>
8122    </div>
8123        
8124        
8125        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
8126            Mr. Jo Porré
8127        </h3>
8128
8129        
8130        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
8131                            <a class="focus-visible:outline-none" href="tel:0031318670911" title="Call Mr. Jo Porré">
8132                    +31 (0)318 67 09 11
8133                </a>
8134            
8135                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Jo Porré">
8136                    [email protected]
8137                </a>
8138                    </div>
8139
8140        
8141                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
8142                                    <a href="https://www.linkedin.com/in/jo-porr%C3%A9-a7877a6/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
8143                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
8144                    </a>
8145                
8146                
8147                            </div>
8148            </div>
8149
8150    
8151    <div 
8152        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
8153    >
8154        
8155        <div class="font-bold uppercase !leading-[18px] text-16">
8156                            Finland
8157                    </div>
8158
8159        
8160        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
8161            
8162            
8163            tanatex<br>representative
8164        </h4>
8165
8166        <div class="border-b border-white mt-[3rem]"></div>
8167
8168        
8169        <div class="text-13 pt-[2rem] sm:text-15">
8170            <span class="font-bold">TANATEX Representative</span>
8171            <p>
8172                Finland
8173            </p>
8174        </div>
8175
8176        
8177            </div>
8178</div>                            </div>
8179        
8180                            
8181                                                            <div class="swiper-slide relative z-20">
8182                                    <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
8183    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
8184        
8185                    <!-- Image Container -->
8186    <div class="" image="https://tanatexchemicals.com/cdn/7efde662-8adc-4035-98a0-a98c6ed720e9/-/format/preserve/-/quality/lighter/ie-logo.png" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
8187        <!-- Picture Element -->
8188        <picture class="">
8189            <!-- Check if $image is an instance of an image manipulation library -->
8190                            <!-- Iterate over image formats ('webp', original) -->
8191                                                        <!-- Source element for each image format -->
8192                    <source
8193                        srcset="https://tanatexchemicals.com/cdn/7efde662-8adc-4035-98a0-a98c6ed720e9/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/strip_meta/none/ie-logo.webp"
8194                        type="image/webp"
8195                    >
8196                                                        <!-- Source element for each image format -->
8197                    <source
8198                        srcset="https://tanatexchemicals.com/cdn/7efde662-8adc-4035-98a0-a98c6ed720e9/-/scale_crop/1000x1000/smart/-/format/png/-/quality/lighter/-/strip_meta/none/ie-logo.png"
8199                        type="image/jpeg"
8200                    >
8201                            
8202            <!-- Image Element -->
8203            <img
8204                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/7efde662-8adc-4035-98a0-a98c6ed720e9/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/strip_meta/none/ie-logo.png"
8205                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
8206                alt="Ilmakunnas Engblom"
8207                width=""
8208                height=""
8209            />
8210        </picture>
8211    </div>
8212        
8213        
8214        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
8215            Mr. Oskar Engblom
8216        </h3>
8217
8218        
8219        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
8220                            <a class="focus-visible:outline-none" href="tel:00358207401410" title="Call Mr. Oskar Engblom">
8221                    +358 20 740 1410
8222                </a>
8223            
8224                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Oskar Engblom">
8225                    [email protected]
8226                </a>
8227                    </div>
8228
8229        
8230            </div>
8231
8232    
8233    <div 
8234        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-grey-dark"
8235    >
8236        
8237        <div class="font-bold uppercase !leading-[18px] text-16">
8238                            Finland
8239                    </div>
8240
8241        
8242        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
8243            
8244            
8245            tanatex<br>partner
8246        </h4>
8247
8248        <div class="border-b border-white mt-[3rem]"></div>
8249
8250        
8251        <div class="text-13 pt-[2rem] sm:text-15">
8252            <span class="font-bold">Ilmakunnas-Engblom</span>
8253            <p>
8254                Tammasaarenlaituri 3<br />
8255FI - 00180 <br />
8256Helsinki, Finland
8257            </p>
8258        </div>
8259
8260        
8261            </div>
8262</div>                                </div>
8263                                                    </div>
8264
8265                        
8266                        <div class="h-[4rem] absolute swiper-button-disabled js-location-swiper-prev-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 top-[16rem] md:-translate-y-1/2 md:top-1/2 left-[-2rem] flex items-center justify-center z-30 w-[4rem] bg-black">
8267                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
8267<path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
8268                        </div>
8269                        <div class="h-[4rem] absolute js-location-swiper-next-button rounded-full hover:scale-110 cursor-pointer ease-in-out duration-150 md:-translate-y-1/2 top-[16rem] md:top-1/2 right-[-2rem] rotate-180 flex items-center justify-center z-30 w-[4rem] bg-black">
8270                            <svg data-name="arrow-left" class="icon-arrow-left text-white w-[2rem] h-auto" name="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="nonzero" d="M.707 13.193a1 1 0 0 1 0-1.415l7.071-7.07A1 1 0 0 1 9.192 6.12l-5.364 5.365h19.729a1 1 0 1 1 0 2H3.83l5.362 5.363a1 1 0 0 1 .078 1.327l-.078.088a1 1 0 0 1-1.414 0l-7.07-7.071Z"/></svg>
8271                        </div>
8272                    </div>
8273                            </div>
8274        </div>
8275        
8276        <div data-location-id="893" class="absolute top-0 left-0 ">
8277            <div class="sm:w-[66rem] relative">
8278                
8279                <div class="flex justify-center w-full">
8280                    <svg data-name="maps-marker-pointer" class="icon-maps-marker-pointer flex-none h-[2.4rem] w-[3rem]" name="maps-marker-pointer"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28.776 23.056"><path fill="#FFF" fill-rule="evenodd" d="M0 23.056h28.776L14.385 0z"/></svg>
8281                </div>
8282                
8283                
8284                <div class="absolute z-20 flex items-center justify-center duration-300 ease-in-out cursor-pointer js-close-maps-window-button hover:bg-white rounded-full h-[4rem] w-[4rem] group top-[3rem] right-5 ">
8285                    <svg data-name="close" class="icon-close h-[1.4rem] w-[1.4rem] text-red-normal sm:group-hover:text-red-normal sm:text-white" name="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><g fill="currentColor" fill-rule="nonzero"><path d="M.293.293a1 1 0 0 1 1.414 0l15 15a1 1 0 0 1-1.414 1.414l-15-15a1 1 0 0 1 0-1.414Z"/><path d="M15.293.293a1 1 0 0 1 1.414 1.414l-15 15a1 1 0 1 1-1.414-1.414l15-15Z"/></g></svg>
8286                </div>
8287
8288                
8289                                    
8290                    <div class="sm:w-full w-[28rem]">
8291                        <div class="relative md:h-[42rem] rounded-default overflow-hidden flex flex-col justify-between font-body sm:flex-row">    
8292    <div class="p-[4rem] sm:w-1/2 space-y-[1.6rem] w-full bg-white flex flex-col">
8293        
8294                    <!-- Image Container -->
8295    <div class="" image="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/format/preserve/-/quality/lighter/-/progressive/yes/thilo-koch.jpg" mediaStyle="maps-location" imageClasses="rounded-full h-[14rem] w-[14rem] border border-grey-normal">
8296        <!-- Picture Element -->
8297        <picture class="">
8298            <!-- Check if $image is an instance of an image manipulation library -->
8299                            <!-- Iterate over image formats ('webp', original) -->
8300                                                        <!-- Source element for each image format -->
8301                    <source
8302                        srcset="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/webp/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.webp"
8303                        type="image/webp"
8304                    >
8305                                                        <!-- Source element for each image format -->
8306                    <source
8307                        srcset="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/jpeg/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.jpg"
8308                        type="image/jpeg"
8309                    >
8310                            
8311            <!-- Image Element -->
8312            <img
8313                 loading="lazy"                 src="https://tanatexchemicals.com/cdn/281cf95a-7783-40b7-887b-e7868c28c825/-/crop/3067x3067/227,5/-/scale_crop/1000x1000/smart/-/format/preserve/-/quality/lighter/-/progressive/yes/-/strip_meta/none/thilo-koch.jpg"
8314                class="rounded-full h-[14rem] w-[14rem] border border-grey-normal"
8315                alt="Thilo Koch"
8316                width=""
8317                height=""
8318            />
8319        </picture>
8320    </div>
8321        
8322        
8323        <h3 class="font-bold uppercase !leading-[16px] !sm:leading-[20px] text-16 sm:text-20 text-red-normal">
8324            Mr. Thilo Koch
8325        </h3>
8326
8327        
8328        <div class="flex flex-col underline font-body text-15 [&>a]:transition-colors [&>a:hover]:text-red-normal">
8329                            <a class="focus-visible:outline-none" href="tel:004915154436702" title="Call Mr. Thilo Koch">
8330                    +49 151 544 36 702
8331                </a>
8332            
8333                            <a class="focus-visible:outline-none" href="mailto:[email protected]" title="E-mail Mr. Thilo Koch">
8334                    [email protected]
8335                </a>
8336                    </div>
8337
8338        
8339                    <div class="flex space-x-4 [&>a:hover]:bg-red-normal [&>a]:transition-colors">
8340                                    <a href="https://www.linkedin.com/in/thilo-koch-b01b653b/" target="_blank" title="LinkedIn TANATEX Representative" class="h-[3rem] w-[3rem] flex items-center justify-center bg-black">
8341                        <svg data-name="linkedin" class="icon-linkedin h-[1.8rem] w-auto flex-none text-white" name="linkedin"  xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="nonzero"><path d="M23.277 32.061H3.202c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.075c.891 0 1.613-.722 1.613-1.613V33.674c0-.89-.722-1.613-1.613-1.613ZM13.247 0C5.943 0 0 5.936 0 13.233c0 7.3 5.943 13.238 13.247 13.238 7.299 0 13.237-5.94 13.237-13.238C26.484 5.936 20.546 0 13.247 0ZM74.34 30.458c-8.063 0-14.023 3.466-17.638 7.405v-4.19c0-.89-.722-1.612-1.613-1.612H35.863c-.89 0-1.613.722-1.613 1.613v64.493c0 .89.722 1.613 1.613 1.613h20.032c.89 0 1.612-.722 1.612-1.613v-31.91c0-10.752 2.921-14.94 10.417-14.94 8.163 0 8.811 6.715 8.811 15.494v31.356c0 .891.722 1.613 1.613 1.613h20.04c.89 0 1.612-.722 1.612-1.613V62.792c0-15.99-3.049-32.334-25.66-32.334Z"/></g></svg>
8342                    </a>
8343                
8344                
8345                            </div>
8346            </div>
8347
8348    
8349    <div 
8350        class="flex-none text-white p-[4rem] w-full sm:w-1/2 bg-red-normal"
8351    >
8352        
8353        <div class="font-bold uppercase !leading-[18px] text-16">
8354                            Germany
8355                    </div>
8356
8357        
8358        <h4 class="font-bold uppercase !leading-[20px] sm:!leading-[26px] text-20 sm:text-30">
8359            
8360            
8361            tanatex<br>representative
8362        </h4>
8363
8364        <div class="border-b border-white mt-[3rem]"></div>
8365
8366        
8367        <div class="text-13 pt-[2rem] sm:text-15">
8368            <span class="font-bold">TANATEX Representative</span>
8369            <p>
8370                Germany
8371            </p>
8372        </div>
8373
8374        
8375            </div>
8376</div>                    </div>
8377                            </div>
8378        </div>
8379    </div>
8380
8381<div class="relative h-[100rem] w-screen component-maps">
8382    
8383    
8384
8385    
8386        
8387    
8388    <div 
8389        data-maps="[{&quot;hover&quot;:&quot;M.Lezica 3045 Piso 1\u00b0&lt;br \/&gt;\r\nB1642GJA San Isidro&lt;br \/&gt;\r\nBuenos Aires \u2013 Argentina&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;M.Lezica 3045 Piso 1\u00b0\r\nB1642GJA San Isidro\r\nBuenos Aires \u2013 Argentina&quot;,&quot;latitude&quot;:&quot;-34.47145&quot;,&quot;longitude&quot;:&quot;-58.50776&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:916,&quot;countryCode&quot;:&quot;AR&quot;},{&quot;hover&quot;:&quot;Greece&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Greece&quot;,&quot;latitude&quot;:&quot;38.9953683&quot;,&quot;longitude&quot;:&quot;
838921.9877132&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:896,&quot;countryCode&quot;:&quot;GR&quot;},{&quot;hover&quot;:&quot;Via Galileo Galilei 40&lt;br \/&gt;\r\n20092 Cinisello Balsamo, Milan&lt;br \/&gt;\r\nItaly&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Via Galileo Galilei 40\r\n20092 Cinisello Balsamo, Milan\r\nItaly&quot;,&quot;latitude&quot;:&quot;45.5539571&quot;,&quot;longitude&quot;:&quot;9.2473776&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:898,&quot;countryCode&quot;:&quot;IT&quot;},{&quot;hover&quot;:&quot;Poland&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Poland&quot;,&quot;latitude&quot;:&quot;52.215933&quot;,&quot;longitude&quot;:&quot;19.134422&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:903,&quot;countryCode&quot;:&quot;PL&quot;},{&quot;hover&quot;:&quot;Portugal&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Portugal&quot;,&quot;latitude&quot;:&quot;39.6621648&quot;,&quot;longitude&quot;:&quot;-8.1353519&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:905,&quot;countryCode&quot;:&quot;PT&quot;},{&quot;hover&quot;:&quot;Romania&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Romania&quot;,&quot;latitude&quot;:&quot;45.9852129&quot;,&quot;longitude&quot;:&quot;24.6859225&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:907,&quot;countryCode&quot;:&quot;RO&quot;},{&quot;hover&quot;:&quot;Calle Aribau, 112 4\u00ba 1\u00aa &lt;br \/&gt;\r\n08036 Barcelona&lt;br \/&gt;\r\nSpain&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Calle Aribau, 112 4\u00ba 1\u00aa \r\n08036 Barcelona\r\nSpain&quot;,&quot;latitude&quot;:&quot;41.3904985&quot;,&quot;longitude&quot;:&quot;2.1567485&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:909,&quot;countryCode&quot;:&quot;ES&quot;},{&quot;hover&quot;:&quot;United Kingdom&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;United Kingdom&quot;,&quot;latitude&quot;:&quot;54.7023545&quot;,&quot;longitude&quot;:&quot;-3.2765753&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:910,&quot;countryCode&quot;:&quot;UK&quot;},{&quot;hover&quot;:&quot;Canada&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Canada&quot;,&quot;latitude&quot;:&quot;56.130366&quot;,&quot;longitude&quot;:&quot;-106.346771&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:911,&quot;countryCode&quot;:&quot;CA&quot;},{&quot;hover&quot;:&quot;Mexico&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Mexico&quot;,&quot;latitude&quot;:&quot;23.6585116&quot;,&quot;longitude&quot;:&quot;-102.0077097&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:913,&quot;countryCode&quot;:&quot;MX&quot;},{&quot;hover&quot;:&quot;4301 Morris Park Drive, Suite 4&lt;br \/&gt;\r\nMint Hill, North Carolina 28227&lt;br \/&gt;\r\nUSA&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;4301 Morris Park Drive, Suite 4\r\nMint Hill, North Carolina 28227\r\nUSA&quot;,&quot;latitude&quot;:&quot;35.1510314&quot;,&quot;longitude&quot;:&quot;-80.6822354&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:915,&quot;countryCode&quot;:&quot;US&quot;},{&quot;hover&quot;:&quot;France&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;France&quot;,&quot;latitude&quot;:&quot;46.603354&quot;,&quot;longitude&quot;:&quot;1.8883335&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:894,&quot;countryCode&quot;:&quot;FR&quot;},{&quot;hover&quot;:&quot;Rue Colonel Irineu de Castro, 43&lt;br \/&gt;\r\nJd. Analia Franco&lt;br \/&gt;\r\nS\u00e3o Paulo SP, Brasil, 03333-050&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Rue Colonel Irineu de Castro, 43\r\nJd. Analia Franco\r\nS\u00e3o Paulo SP, Brasil, 03333-050&quot;,&quot;latitude&quot;:&quot;-22&quot;,&quot;longitude&quot;:&quot;-49&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:917,&quot;countryCode&quot;:&quot;BR&quot;},{&quot;hover&quot;:&quot;Colombia&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Colombia&quot;,&quot;latitude&quot;:&quot;4.099917&quot;,&quot;longitude&quot;:&quot;-72.9088133&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:920,&quot;countryCode&quot;:&quot;CO&quot;},{&quot;hover&quot;:&quot;El Salvador&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;El Salvador&quot;,&quot;latitude&quot;:&quot;13.8000382&quot;,&quot;longitude&quot;:&quot;-88.9140683&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:924,&quot;countryCode&quot;:&quot;SV&quot;},{&quot;hover&quot;:&quot;Ecuador&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Ecuador&quot;,&quot;latitude&quot;:&quot;-1.3397668&quot;,&quot;longitude&quot;:&quot;-79.3666965&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:926,&quot;countryCode&quot;:&quot;EC&quot;},{&quot;hover&quot;:&quot;Guatamala&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Guatamala&quot;,&quot;latitude&quot;:&quot;15.5855545&quot;,&quot;longitude&quot;:&quot;-90.345759&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:928,&quot;countryCode&quot;:null},{&quot;hover&quot;:&quot;Honduras&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Honduras&quot;,&quot;latitude&quot;:&quot;15.2572432&quot;,&quot;longitude&quot;:&quot;-86.0755145&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:930,&quot;countryCode&quot;:&quot;HN&quot;},{&quot;hover&quot;:&quot;Peru&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Peru&quot;,&quot;latitude&quot;:&quot;-6.8699697&quot;,&quot;longitude&quot;:&quot;-75.0458515&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:932,&quot;countryCode&quot;:&quot;PE&quot;},{&quot;hover&quot;:&quot;Dominican Republic&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Dominican Republic&quot;,&quot;latitude&quot;:&quot;19.0974031&quot;,&quot;longitude&quot;:&quot;-70.3028026&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:963,&quot;countryCode&quot;:&quot;DO&quot;},{&quot;hover&quot;:&quot;South India&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;South India&quot;,&quot;latitude&quot;:&quot;17.3615965&quot;,&quot;longitude&quot;:&quot;78.4276746&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:858,&quot;countryCode&quot;:null},{&quot;hover&quot;:&quot;Egypt&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Egypt&quot;,&quot;latitude&quot;:&quot;26.2540493&quot;,&quot;longitude&quot;:&quot;29.2675469&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:839,&quot;countryCode&quot;:&quot;EG&quot;},{&quot;hover&quot;:&quot;Bangladesh&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Bangladesh&quot;,&quot;latitude&quot;:&quot;23.684994&quot;,&quot;longitude&quot;:&quot;90.356331&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:842,&quot;countryCode&quot;:&quot;BD&quot;},{&quot;hover&quot;:&quot;Building 8, No. 1128 Wuzhong Road, &lt;br \/&gt;\r\nMinhang District, Shanghai 201103, &lt;br \/&gt;\r\nP.R. China&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Building 8, No. 1128 Wuzhong Road, \r\nMinhang District, Shanghai 201103, \r\nP.R. China&quot;,&quot;latitude&quot;:&quot;31.17787&quot;,&quot;longitude&quot;:&quot;121.38903&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:849,&quot;countryCode&quot;:&quot;CN&quot;},{&quot;hover&quot;:&quot;Unite 2605, 26\/F, Skyline Tower&lt;br \/&gt;\r\n39 Wang Kwong Road&lt;br \/&gt;\r\nKowloon bay, Kowloon&lt;br \/&gt;\r\nHong Kong&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Unite 2605, 26\/F, Skyline Tower\r\n39 Wang Kwong Road\r\nKowloon bay, Kowloon\r\nHong Kong&quot;,&quot;latitude&quot;:&quot;22.3202214&quot;,&quot;longitude&quot;:&quot;114.2067023&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:850,&quot;countryCode&quot;:&quot;HK&quot;},{&quot;hover&quot;:&quot;3-10, Kawaramachi 2-chome,&lt;br \/&gt;\r\nChuo-ku, Osaka,&lt;br \/&gt;
8389\r\n541-0048 Kawaramachi Chuo Building 3F&lt;br \/&gt;\r\nJapan&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;3-10, Kawaramachi 2-chome,\r\nChuo-ku, Osaka,\r\n541-0048 Kawaramachi Chuo Building 3F\r\nJapan&quot;,&quot;latitude&quot;:&quot;34.686&quot;,&quot;longitude&quot;:&quot;135.5031&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:851,&quot;countryCode&quot;:&quot;JP&quot;},{&quot;hover&quot;:&quot;ACE Business Centre 401, 4th Floor,&lt;br \/&gt;\r\nGokul Nagar&lt;br \/&gt;\r\nL.B.S. Road&lt;br \/&gt;\r\nTHANE (West) 400 601&lt;br \/&gt;\r\nIndia&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;ACE Business Centre 401, 4th Floor,\r\nGokul Nagar\r\nL.B.S. Road\r\nTHANE (West) 400 601\r\nIndia&quot;,&quot;latitude&quot;:&quot;19.1943294&quot;,&quot;longitude&quot;:&quot;72.9701779&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:852,&quot;countryCode&quot;:&quot;IN&quot;},{&quot;hover&quot;:&quot;Indonesia&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Indonesia&quot;,&quot;latitude&quot;:&quot;-0.4324434214364232&quot;,&quot;longitude&quot;:&quot;117.19679006960429&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:853,&quot;countryCode&quot;:&quot;ID&quot;},{&quot;hover&quot;:&quot;Korea&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Korea&quot;,&quot;latitude&quot;:&quot;36.638392&quot;,&quot;longitude&quot;:&quot;127.6961188&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:854,&quot;countryCode&quot;:&quot;KR&quot;},{&quot;hover&quot;:&quot;North India and Kolkata&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;North India and Kolkata&quot;,&quot;latitude&quot;:&quot;22.56263&quot;,&quot;longitude&quot;:&quot;88.36304&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:855,&quot;countryCode&quot;:null},{&quot;hover&quot;:&quot;Pakistan&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Pakistan&quot;,&quot;latitude&quot;:&quot;30.375321&quot;,&quot;longitude&quot;:&quot;69.345116&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:856,&quot;countryCode&quot;:&quot;PK&quot;},{&quot;hover&quot;:&quot;Einsteinstraat 1&lt;br \/&gt;\r\n6716 AC Ede&lt;br \/&gt;\r\nThe Netherlands&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Einsteinstraat 1\r\n6716 AC Ede\r\nThe Netherlands&quot;,&quot;latitude&quot;:&quot;52.028632&quot;,&quot;longitude&quot;:&quot;5.6463391&quot;,&quot;type&quot;:&quot;tanatex-headquarters&quot;,&quot;id&quot;:639,&quot;countryCode&quot;:&quot;NL&quot;},{&quot;hover&quot;:&quot;Sri Lanka&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Sri Lanka&quot;,&quot;latitude&quot;:&quot;7.873054&quot;,&quot;longitude&quot;:&quot;80.771797&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:859,&quot;countryCode&quot;:&quot;LK&quot;},{&quot;hover&quot;:&quot;Taiwan&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Taiwan&quot;,&quot;latitude&quot;:&quot;23.9739374&quot;,&quot;longitude&quot;:&quot;120.9820179&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:861,&quot;countryCode&quot;:&quot;TW&quot;},{&quot;hover&quot;:&quot;Hemaraj Eastern Seaboard I.E. 500\/107 Moo 2&lt;br \/&gt;\r\nTambol Tasit&lt;br \/&gt;\r\nAmphur Pluakdaeng Rayong&lt;br \/&gt;\r\n21140&lt;br \/&gt;\r\nThailand&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Hemaraj Eastern Seaboard I.E. 500\/107 Moo 2\r\nTambol Tasit\r\nAmphur Pluakdaeng Rayong\r\n21140\r\nThailand&quot;,&quot;latitude&quot;:&quot;13.004547&quot;,&quot;longitude&quot;:&quot;101.16237&quot;,&quot;type&quot;:&quot;tanatex&quot;,&quot;id&quot;:862,&quot;countryCode&quot;:&quot;TH&quot;},{&quot;hover&quot;:&quot;Turkey&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Turkey&quot;,&quot;latitude&quot;:&quot;38.9597594&quot;,&quot;longitude&quot;:&quot;34.9249653&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:863,&quot;countryCode&quot;:&quot;TR&quot;},{&quot;hover&quot;:&quot;West India&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;West India&quot;,&quot;latitude&quot;:&quot;24.469629635732947&quot;,&quot;longitude&quot;:&quot;74.01752288439647&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:865,&quot;countryCode&quot;:null},{&quot;hover&quot;:&quot;Belgium&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Belgium&quot;,&quot;latitude&quot;:&quot;50.6402809&quot;,&quot;longitude&quot;:&quot;4.6667145&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:882,&quot;countryCode&quot;:&quot;BE&quot;},{&quot;hover&quot;:&quot;Czech republic&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Czech republic&quot;,&quot;latitude&quot;:&quot;49.7439047&quot;,&quot;longitude&quot;:&quot;15.3381061&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:883,&quot;countryCode&quot;:&quot;CZ&quot;},{&quot;hover&quot;:&quot;Denmark&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Denmark&quot;,&quot;latitude&quot;:&quot;55.670249&quot;,&quot;longitude&quot;:&quot;10.3333283&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:887,&quot;countryCode&quot;:&quot;DK&quot;},{&quot;hover&quot;:&quot;Finland&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Finland&quot;,&quot;latitude&quot;:&quot;63.2467777&quot;,&quot;longitude&quot;:&quot;25.9209164&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:891,&quot;countryCode&quot;:&quot;FI&quot;},{&quot;hover&quot;:&quot;Germany&quot;,&quot;markerTanatex&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex.png&quot;,&quot;markerTanatexPartner&quot;:&quot;https:\/\/tanatexchemicals.com\/assets\/frontend\/img\/icons\/icon-marker-tanatex-partner.png&quot;,&quot;address&quot;:&quot;Germany&quot;,&quot;latitude&quot;:&quot;51.1638175&quot;,&quot;longitude&quot;:&quot;10.4478313&quot;,&quot;type&quot;:&quot;tanatex-representative&quot;,&quot;id&quot;:893,&quot;countryCode&quot;:&quot;DE&quot;}]" 
8390        data-zoom="4" 
8391        class="h-[100rem] z-10 w-screen relative location-maps location-maps-large-bottom"
8392    >
8393    </div>
8394</div>    </div>
8395
8396    <div class="h-[10rem] bg-grey-light w-full mt-[-7.5rem]"></div>
8397            </main>
8398
8399                    </div>
8400
8401        
8402        <footer class="relative z-30 overflow-x-hidden footer component-footer" role="contentinfo">
8403
8404    
8405    <div 
8406        class="relative top-[-7rem] z-10 h-[9rem] w-full footer-waves red-stripes"
8407    ></div>
8408
8409    
8410    <div class="container relative z-20 mt-[-6rem] lg:mt-[-2rem]">
8411        <div class="grid w-full grid-cols-2 gap-y-4 gap-x-[0.5rem] xl:gap-0 lg:grid-cols-4 xl:grid-cols-5 footer-main">
8412            
8413            <div class="col-span-2 lg:col-span-1">
8414                <div class="footer-logo w-[16rem] h-[6rem] md:h-[7rem] md:w-[18.5rem]"></div>
8415            </div>
8416
8417            
8418            <div
8419            class="col-span-1 lg:col-start-2 xl:col-start-3"
8420        >
8421            <a 
8422                
8423                                    role="button"
8424                                title="About us" 
8425                class="cursor-default select-none"
8426            >
8427                <h2>About us</h2>
8428                                    <ul class="lg:mt-[-2rem]">
8429                            
8430                            <li>
8431                                <a href="https://tanatexchemicals.com/about-us/tanatex-chemicals" class="animated-link" title="TANATEX Chemicals" >
8432                                    TANATEX Chemicals
8433                                </a>
8434                            </li>
8435                            
8436                            <li>
8437                                <a href="https://tanatexchemicals.com/about-us/sustainability" class="animated-link" title="Sustainability" >
8438                                    Sustainability
8439                                </a>
8440                            </li>
8441                            
8442                            <li>
8443                                <a href="https://tanatexchemicals.com/about-us/careers" class="animated-link" title="Careers" >
8444                                    Careers
8445                                </a>
8446                            </li>
8447                            
8448                            <li>
8449                                <a href="https://tanatexchemicals.com/about-us/news" class="animated-link" title="News" >
8450                                    News
8451                                </a>
8452                            </li>
8453                                            </ul>
8454                            </a>
8455        </div>
8456            <div
8457            class="col-span-1"
8458        >
8459            <a 
8460                
8461                                    role="button"
8462                                title="Contact" 
8463                class="cursor-default select-none"
8464            >
8465                <h2>Contact</h2>
8466                                    <ul class="lg:mt-[-2rem]">
8467                            
8468                            <li>
8469                                <a href="tel:0031318670911" class="animated-link" title="+31 (0)318 67 09 11" >
8470                                    +31 (0)318 67 09 11
8471                                </a>
8472                            </li>
8473                            
8474                            <li>
8475                                <a href="mailto:[email protected]" class="animated-link" title="[email protected]" >
8476                                    [email protected]
8477                                </a>
8478                            </li>
8479                            
8480                            <li>
8481                                <a href="https://www.linkedin.com/company/tanatex-chemicals" class="animated-link" title="LinkedIn"  target="_blank" >
8482                                    LinkedIn
8483                                </a>
8484                            </li>
8485                            
8486                            <li>
8487                                <a href="https://www.youtube.com/user/TANATEXCHEMICALS" class="animated-link" title="YouTube"  target="_blank" >
8488                                    YouTube
8489                                </a>
8490                            </li>
8491                                            </ul>
8492                            </a>
8493        </div>
8494                
8495            <div class="col-span-2 lg:col-span-1 xl:lg-col-span-1">
8496                <h2 class="select-none">Sustainable certified</h2>
8497                <div class="flex flex-col">
8498                    <a href="https://www.bluesign.com/en/" title="BlueSign" target="_blank">
8499                        <svg data-name="bluesign" class="icon-bluesign h-auto w-[11rem] lg:w-[15rem]" name="bluesign" xmlns="http://www.w3.org/2000/svg" viewBox="48 48 542 230.1"><path class="bluesign-maintext" fill="currentColor" d="M149.9 135.5c0-1.5-.4-2.8-1.3-3.8s-2-1.5-3.4-1.5h-2.6c-1.5 0-2.8-.8-3.8-2.5s-1.5-3.8-1.5-6.4V63.7c0-1.5-.5-2.8-1.5-3.8s-2.3-1.5-3.8-1.5-2.8.5-3.8 1.5-1.5 2.3-1.5 3.8v57.6c0 3.8.7 7.2 2 10.1 1.3 2.9 3.2 5.2 5.6 6.9 2.4 
84991.7 5.1 2.5 8.2 2.5h.2c2.1 0 3.8-.5 5.2-1.5 1.3-1 2-2.2 2-3.8ZM208.8 139.3c1-1 1.5-2.3 1.5-3.8v-47c0-1.6-.5-2.9-1.5-3.9s-2.3-1.5-3.9-1.5-2.8.5-3.8 1.5-1.5 2.3-1.5 3.9v29.7c0 2.5-.7 4.8-2.1 6.9-1.4 2-3.3 3.7-5.6 4.9-2.4 1.2-5 1.8-8.1 1.8s-6-.6-8.5-1.8c-2.5-1.2-4.5-3.1-6-5.7s-2.2-5.8-2.2-9.8V88.6c0-1.5-.5-2.8-1.5-3.8s-2.3-1.5-3.8-1.5-2.8.5-3.8 1.5-1.5 2.3-1.5 3.8v25.9c0 5.8 1.1 10.8 3.3 14.8 2.2 4 5.2 7 9.1 9.1 3.8 2.1 8.2 3.1 13 3.1s8.9-1 12.6-3.1c2-1.1 3.8-2.4 5.3-4v1.1c0 1.5.5 2.8 1.5 3.8s2.3 1.5 3.8 1.5 2.9-.5 3.9-1.5ZM234 137.5c4.5 2.5 9.7 3.7 15.6 3.7s6.6-.6 10.2-1.8c3.5-1.2 6.5-2.7 8.9-4.6 1.2-.9 1.8-2 1.7-3.3 0-1.3-.7-2.4-1.9-3.5-.9-.8-2-1.1-3.2-1.1-1.2 0-2.4.4-3.4 1.2-1.4 1.1-3.3 2-5.5 2.8-2.3.8-4.5 1.2-6.7 1.2-4 0-7.6-.9-10.7-2.6-3.1-1.8-5.5-4.1-7.3-7.2-1.2-2-2-4.2-2.3-6.6h40.1c1.4 0 2.6-.4 3.5-1.3.9-.9 1.4-2 1.4-3.3 0-5.6-1-10.5-3.1-14.7-2.1-4.3-5.1-7.6-9-10-3.9-2.4-8.6-3.6-14.1-3.6s-10.5 1.2-14.8 3.7c-4.3 2.5-7.6 5.9-10.1 10.3-2.4 4.4-3.6 9.5-3.6 15.2s1.3 10.7 3.8 15.1c2.6 4.4 6.1 7.8 10.7 10.3Zm-2.8-35.9c1.5-3.1 3.6-5.5 6.5-7.2 2.8-1.8 6.3-2.6 10.3-2.6s6.5.8 9 2.4c2.5 1.6 4.4 3.8 5.7 6.6.9 2 1.6 4.1 1.9 6.5h-35.1c.4-2 1-3.9 1.8-5.6ZM319.6 110.8c-3.1-1.6-7.2-3-12.5-4-3.8-.8-6.7-1.6-8.6-2.4-2-.8-3.3-1.7-4-2.7-.7-1-1-2.2-1-3.4 0-2 1.1-3.6 3.2-4.6 2.1-1.1 4.8-1.6 7.9-1.6s5 .3 7.1.9c2 .6 3.9 1.8 5.7 3.5 1.1 1 2.4 1.6 3.9 1.9 1.5.3 2.9 0 4-.7 1.1-.8 1.7-1.9 1.8-3.1 0-1.2-.4-2.4-1.4-3.5-2.1-2.6-5-4.6-8.5-6.1-3.6-1.5-7.7-2.2-12.3-2.2s-7 .6-10.3 1.7c-3.3 1.2-6 2.9-8.1 5.3-2.1 2.4-3.2 5.3-3.2 8.9s1.6 7.5 4.8 10.3c3.2 2.8 8.3 4.9 15.5 6.3 5.5 1 9.3 2.3 11.3 3.8 2.1 1.5 3.1 3.4 3 5.5 0 2.1-1.2 3.8-3.3 5.2-2.1 1.3-5.3 2-9.3 2s-6.2-.6-8.8-1.7c-2.6-1.2-4.6-2.4-5.7-3.7-1-1.1-2.2-1.7-3.5-1.8-1.4-.2-2.8.3-4.2 1.4-1.2.9-1.9 2.1-2.1 3.5-.2 1.4.3 2.7 1.3 3.8 2.3 2.3 5.6 4.2 9.8 5.7 4.2 1.5 8.7 2.3 13.7 2.3s9.2-.8 12.5-2.3c3.3-1.5 5.9-3.6 7.6-6.2 1.7-2.6 2.6-5.5 2.6-8.8s-.7-5.3-2-7.4c-1.3-2.1-3.5-4-6.6-5.6ZM344.4 73.7c1.9 0 3.5-.7 4.9-2.1 1.4-1.4 2.1-3 2.1-4.9s-.7-3.5-2.1-4.9c-1.4-1.4-3-2.1-4.9-2.1s-3.5.7-4.9 2.1c-1.4 1.4-2.1 3-2.1 4.9s.7 3.5 2.1 4.9c1.4 1.4 3 2.1 4.9 2.1ZM344.4 83.1c-1.5 0-2.8.5-3.8 1.5s-1.5 2.3-1.5 3.9v46.9c0 1.5.5 2.8 1.5 3.8s2.3 1.5 3.8 1.5 2.9-.5 3.9-1.5 1.5-2.3 1.5-3.8V88.5c0-1.6-.5-2.9-1.5-3.9s-2.3-1.5-3.9-1.5ZM404.4 86.4c-4.4-2.5-9.4-3.7-15-3.7s-10.7 1.2-15.1 3.7-7.8 5.9-10.3 10.3c-2.5 4.4-3.7 9.5-3.7 15.2s1.2 10.7 3.5 15.1 5.5 7.8 9.5 10.3c4 2.5 8.7 3.7 14 3.7s9.1-1.2 12.9-3.7c3.2-2.2 5.9-5 7.9-8.6v5.2c0 4.6-.8 8.4-2.5 11.6-1.7 3.2-4 5.6-6.8 7.2-2.8 1.6-6 2.4-9.3 2.4s-6.9-.7-9.8-2c-2.9-1.3-5.3-3.2-7.2-5.6-.8-1.1-2-1.8-3.3-2.1-1.4-.3-2.7 0-4 .8-1.1.8-1.8 1.8-2.1 3.1-.2 1.3 0 2.5 1 3.7 3 3.8 6.7 6.7 11.1 8.6 4.4 2 9 3 14 3s10.8-1.3 15.2-4c4.4-2.7 7.8-6.3 10.3-10.8 2.5-4.5 3.7-9.6 3.7-15.1v-22.8c0-5.8-1.2-10.8-3.7-15.2-2.5-4.4-5.9-7.8-10.3-10.3Zm1.3 35.8c-1.6 3-3.8 5.3-6.6 7-2.8 1.7-6 2.5-9.7 2.5s-6.9-.8-9.7-2.5c-2.8-1.7-5-4-6.6-7-1.6-3-2.4-6.4-2.4-10.2s.8-7.3 2.4-10.3c1.6-3 3.8-5.3 6.6-7 2.8-1.7 6-2.5 9.7-2.5s6.9.8 9.7 2.5c2.8 1.7 5 4 6.6 7 1.6 3 2.4 6.4 2.4 10.3s-.8 7.3-2.4 10.2ZM480.3 94.8c-2.2-4-5.2-7-9.1-9.1-3.8-2.1-8.2-3.1-13-3.1s-8.8 1-12.6 3.1c-2 1.1-3.8 2.4-5.4 4v-1.1c0-1.6-.5-2.9-1.5-3.9s-2.3-1.5-3.9-1.5-2.8.5-3.8 1.5-1.5 2.3-1.5 3.9v47c0 1.5.5 2.8 1.5 3.8s2.3 1.5 3.8 1.5 2.9-.5 3.9-1.5 1.5-2.3 1.5-3.8v-29.7c0-2.6.7-4.9 2.1-6.9 1.4-2 3.3-3.6 5.7-4.8 2.4-1.2 5.1-1.8 8-1.8s6.1.6 8.6 1.8c2.5 1.2 4.5 3.1 6 5.6 1.5 2.5 2.2 5.8 2.2 9.8v25.9c0 1.5.5 2.8 1.5 3.8s2.3 1.5 3.8 1.5 2.8-.5 3.8-1.5 1.5-2.3 1.5-3.8v-25.9c0-5.8-1.1-10.8-3.3-14.8ZM87.4 131c-4.5 0-8.7-1.6-11.9-4.3V139c3.6 1.6 7.6 2.5 11.9 2.5 16 0 29-13 29-29s-13-29-29-29S74 86 68.9 90.1V63.6c0-1.5-.5-2.8-1.5-3.8s-2.3-1.5-3.8-1.5-2.8.5-3.8 1.5-1.5 2.3-1.5 3.8v49.1c0 8.9 4.2 16.8 10.5 22.1v-22.3c0-10.2 8.3-18.5 18.5-18.5s18.5 8.3 18.5 18.5S97.5 131 87.3 131Z" /><path class="bluesign-subtext" fill="currentColor" d="M73.4 161.3c-.7-.4-1.5-.8-2.4-1-.9-.3-1.9-.5-3-.7-.6 0-1.1-.2-1.7-.3-.5-.1-1-.3-1.4-.5-.4-.2-.7-.4-.9-.7-.2-.3-.3-.6-.3-1s.2-.8.5-1.1c.3-.3.8-.5 1.3-.7.5-.2 1.2-.2 1.9-.2s1.3 0 2 .3c.6.2 1.2.4 1.8.8.6.4 1.1.8 1.5 1.3l2.4-2.7c-.5-.7-1.1-1.2-1.8-1.7s-1.6-.8-2.6-1.1c-1-.3-2.1-.4-3.3-.4s-2.1.1-3.1.4c-1 .3-1.8.7-2.5 1.2s-1.3 1.1-1.7 1.9c-.4.7-.6 1.5-.6 2.4s.2 1.6.5 2.3c.3.7.8 1.2 1.4 1.7.6.5 1.3.9 2.2 1.2.9.3 1.9.6 3 .8.5 0 1 .1 1.4.2.5 0 .9.2 1.3.3s.8.3 1.1.5c.3.2.6.4.7.6.2.2.3.5.3.9 0 .5-.2.9-.5 1.2-.4.3-.8.6-1.4.7-.6.2-1.2.2-1.8.2-1.2 0-2.4-.2-3.5-.7-1.1-.5-2.2-1.3-3.3-2.5l-2.4 3.1c.7.8 1.5 1.4 2.4 2 .9.6 1.9 1 2.9 1.3 1.1.3 2.3.4 3.6.4s3-.2 4.3-.7c1.2-.5 2.2-1.2 2.9-2.2.7-.9 1-2.1 1-3.4s-.2-1.7-.6-2.4c-.4-.7-.9-1.2-1.6-1.6ZM93.8 151.9l-5.3 7.7-5.6-7.7h-5l8.5 11.4v8h4.2v-8.2l7.9-11.2h-4.7zM115.2 161.3c-.7-.4-1.5-.8-2.4-1-.9-.3-1.9-.5-3-.7-.6 0-1.1-.2-1.7-.3-.5-.1-1-.3-1.4-.5-.4-.2-.7-.4-.9-.7-.2-.3-.3-.6-.3-1s.2-.8.5-1.1c.3-.3.8-.5 1.3-.7.5-.2 1.2-.2 1.9-.2s1.3 0 2 .3c.6.2 
84991.2.4 1.8.8.6.4 1.1.8 1.5 1.3l2.4-2.7c-.5-.7-1.1-1.2-1.8-1.7s-1.6-.8-2.6-1.1c-1-.3-2.1-.4-3.3-.4s-2.1.1-3.1.4c-1 .3-1.8.7-2.5 1.2s-1.3 1.1-1.7 1.9c-.4.7-.6 1.5-.6 2.4s.2 1.6.5 2.3c.3.7.8 1.2 1.4 1.7.6.5 1.3.9 2.2 1.2.9.3 1.9.6 3 .8.5 0 1 .1 1.4.2.5 0 .9.2 1.3.3s.8.3 1.1.5c.3.2.6.4.7.6.2.2.3.5.3.9 0 .5-.2.9-.5 1.2-.4.3-.8.6-1.4.7-.6.2-1.2.2-1.8.2-1.2 0-2.4-.2-3.5-.7-1.1-.5-2.2-1.3-3.3-2.5l-2.4 3.1c.7.8 1.5 1.4 2.4 2 .9.6 1.9 1 2.9 1.3 1.1.3 2.3.4 3.6.4s3-.2 4.3-.7c1.2-.5 2.2-1.2 2.9-2.2.7-.9 1-2.1 1-3.4s-.2-1.7-.6-2.4c-.4-.7-.9-1.2-1.6-1.6ZM121 155.7h6.4v15.6h4.2v-15.6h6.6v-3.8H121v3.8zM147.3 163.2h9.2v-3.6h-9.2v-4h10.6v-3.7h-14.7v19.4H158v-3.7h-10.7v-4.4zM174.5 161.5l-6.6-9.5h-3.8v19.3h4.1v-6.7c0-1.7 0-3.2-.1-4.5 0-.5 0-1-.1-1.5l5.6 7.8h1.8l5.6-7.8c0 .5 0 1.1-.1 1.6 0 1.3-.1 2.8-.1 4.4v6.7h4.1V152h-3.7l-6.6 9.5ZM215.3 152.8c-1-.5-2-.8-3.2-.8h-9.6v19.3h4.1v-6.7h5.2c1.2 0 2.3-.3 3.3-.9 1-.6 1.8-1.3 2.4-2.3.6-1 .9-2.1.9-3.3s-.3-2.2-.9-3.2c-.6-.9-1.3-1.7-2.3-2.2Zm-1.5 6.8c-.3.4-.6.7-1 1-.4.2-.9.4-1.4.4h-4.7v-5.2h4.7c.5 0 1 .1 1.4.3.4.2.8.5 1 .9.3.4.4.8.4 1.3s-.1 1-.4 1.4ZM228.2 151.9l-8.3 19.3h4.1l1.7-4h8.7l1.7 4h4.3l-8.3-19.3h-3.9Zm-1.1 12.1 1.6-3.7c.2-.4.3-.8.5-1.2.2-.4.3-.8.5-1.2.1-.4.3-.8.4-1.1.1.4.2.7.4 1.1.2.4.3.9.5 1.3s.3.8.5 1.1l1.6 3.8h-5.9ZM257.7 163.6c1-.6 1.8-1.3 2.4-2.3.6-1 .9-2 .9-3.2s-.3-2.2-.8-3.2c-.6-.9-1.3-1.7-2.3-2.2-1-.5-2.2-.8-3.4-.8h-9.6v19.3h4v-6.9h3.9l4.4 6.9h4.9l-4.8-7.4c.2 0 .4-.2.6-.3Zm-8.9-8.1h4.9c.6 0 1.2.1 1.6.3.5.2.8.5 1.1 1 .3.4.4.9.4 1.4s-.1 1-.4 1.4c-.2.4-.6.8-1 1-.4.2-.9.4-1.5.4h-5.2v-5.5ZM265.2 155.7h6.4v15.6h4.1v-15.6h6.6v-3.8h-17.1v3.8zM302.2 157.2v3.9c0 .6 0 1.2.1 1.8 0 .6 0 1.2.2 1.7v.8l-11.4-13.5h-3.8v19.3h4.1v-9.8c0-.4 0-.9-.1-1.4 0-.5-.1-1-.2-1.6v-.7l11.4 13.4h3.9v-19.3h-4.1v5.3ZM317.2 163.2h9.3v-3.6h-9.3v-4h10.6v-3.7h-14.6v19.4H328v-3.7h-10.8v-4.4zM347.1 163.6c1-.6 1.8-1.3 2.4-2.3.6-1 .9-2 .9-3.2s-.3-2.2-.8-3.2c-.6-.9-1.3-1.7-2.3-2.2-1-.5-2.2-.8-3.4-.8h-9.6v19.3h4v-6.9h3.9l4.4 6.9h4.9l-4.8-7.4c.2 0 .4-.2.6-.3Zm-9-8.1h4.9c.6 0 1.2.1 1.6.3.5.2.8.5 1.1 1 .3.4.4.9.4 1.4s-.1 1-.4 1.4c-.2.4-.6.8-1 1-.4.2-.9.4-1.5.4H338v-5.5Z" /></svg>
8500                    </a>
8501                    <a href="https://www.roadmaptozero.com/" title="Roadmap to Zero" target="_blank">
8502                        <svg data-name="roadmap-to-zero" class="icon-roadmap-to-zero h-[3rem] w-[9rem] lg:h-[4rem] lg:w-[12rem]" name="roadmap-to-zero" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 601 206"><g fill="none" fill-rule="nonzero"><path class="roadmap-to-zero" fill="currentColor" d="M3.7.9h14.5c8.5 0 15.3 4.9 15.3 14.6 0 7.2-3.8 12.3-10.5 13.9l12.6 20.3h-4.9L18.6 30H7.9v19.7H3.8L3.7.9Zm14.5 25.2c6.5 0 11-3.7 11-10.6 0-6.9-4.4-10.6-10.8-10.6H7.8v21.2h10.4ZM37.8 25.3C37.8 10 43.7.1 55.5.1c11.8 0 17.7 9.8 17.7 25.2 0 15.4-5.9 25.2-17.7 25.2-11.8 0-17.7-9.8-17.7-25.2Zm31.2 0C69 12.1 64.6 4 55.5 4S42 12 42 25.3c0 13.2 4.5 21.3 13.5 21.3S69 38.6 69 25.3ZM90.4.9h4.5l16.5 48.8H107l-4.3-13H82.6l-4.3 13H74L90.4.9Zm11 32-7.1-21.5c-.6-1.9-1.2-3.8-1.7-5.7-.5 1.9-1 3.8-1.7 5.7l-7.1 21.5h17.6ZM147.2 25.3c0 14.1-5.1 24.4-20.2 24.4h-11.4V.9H127c15.1 0 20.2 10.4 20.2 24.4ZM119.7 4.9v40.8h7.3c11.7 0 16-7.3 16-20.4 0-13.1-4.3-20.4-16-20.4h-7.3ZM153.8.9h4.3l14.8 29.4L187.7.9h4.3v48.8h-4.1V19.9c0-4 0-7.7.4-11.6L174 36.8h-2.1L157.6 8.3c.3 3.8.4 7.6.4 11.6v29.8h-4.2V.9ZM212.7.9h4.5l16.5 48.8h-4.4l-4.3-13h-20.1l-4.3 13h-4.4L212.7.9Zm11 32-7.1-21.5c-.6-1.9-1.2-3.8-1.7-5.7-.5 1.9-1 3.8-1.7 5.7l-7.1 21.5h17.6ZM266.8 16.4c0 10.5-6.4 15.6-16.4 15.6H242v17.8h-4.2V.9h12.7c9.9 0 16.3 5.1 16.3 15.5ZM241.9 4.9V28h8.7c7.6 0 12-4 12-11.6s-4.3-11.5-12-11.5h-8.7ZM290.7 4.9h-13.5v-4h31.1v4h-13.5v44.8h-4.1zM308.9 25.3C308.9 10 314.8.1 326.6.1c11.8 0 17.6 9.8 17.6 25.2 0 15.4-6 25.2-17.6 25.2-11.6 0-17.7-9.8-17.7-25.2Zm31.1 0C340 12.1 335.6 4 326.5 4S313 12 313 25.3c0 13.2 4.5 21.3 13.5 21.3s13.5-8 13.5-21.3Z"/><path class="roadmap-to-zero" fill="currentColor" d="M60 164.2h46.8v39.6H.5v-39.6l45-46.8H4.1V77.8H105v39.6zM173.7 167.8h54.1v36h-101V77.7h97.3v36h-50.4v9h46.8v36h-46.8zM315.8 203.8l-21.6-41.4h-1.8v41.4h-46.8V77.7h52.2c8.7-.1 17.3.9 25.7 3.2 6.5 1.7 12.6 4.7 18 8.8 4.6 3.6 8.2 8.3 10.5 13.6 2.3 5.5 3.5 11.5 3.4 17.5.2 5.5-.7 11-2.5 16.2-1.4 3.8-3.3 7.3-5.6 10.6-2.2 3-5 5.6-8.1 7.6l30.6 48.6h-54Zm-18.1-73.9c2.8.1 5.6-.9 7.8-2.7 3.7-3.2 4.1-8.8.9-12.5l-.9-.9c-2.1-1.9-4.9-2.8-7.8-2.7h-5.4V130h5.4v-.1ZM476.9 13.8c-52.9 0-95.7 42.9-95.7 95.7 0 52.8 42.9 95.7 95.7 95.7 52.8 0 95.7-42.9 95.7-95.7.1-52.9-42.8-95.7-95.7-95.7.1 0 .1 0 0 0Zm0 140.9c-25 0-45.3-20.2-45.4-45.2 0-25 20.2-45.3 45.2-45.4 25 0 45.3 20.2 45.4 45.2v.2c0 24.9-20.2 45.2-45.2 45.2Z"/><path class="roadmap-to-zero" fill="currentColor" d="m600.589 61.298-216.035 136.05-27.392-43.496L573.198 17.803z"/></g></svg>
8503                    </a>
8504                </div>
8505            </div>
8506        </div>
8507    </div>
8508    
8509    
8510    <div class="pb-[4rem] mt-[5rem] lg:mt-[10rem] pt-[4rem] border-t footer-sub-wrapper">
8511        <div class="container">
8512            <div class="grid w-full grid-cols-2 lg:gap-0 lg:grid-cols-5 footer-sub">
8513                <div class="col-span-2 pb-5 lg:pb-0">
8514                    <h3>Challenge us to 
8515change your world.</h3>
8516                </div>
8517                <div class="col-span-3">
8518                    <div class="flex-col lg:flex-row flex space-y-[1rem] lg:space-y-0 lg:space-x-[4rem]">
8519                        <p>© 2026 <span class="uppercase">Tanatex</span> Chemicals B.V.</p>
8520                                                    <a href="https://www.transfarchem.com/en/" target="_blank" class="animated-link">
8521                                                    A company of Transfar Chemicals                                                    </a>
8522                                                <div class="flex-row flex space-x-[2rem] lg:space-x-[4rem]">
8523                            <a href="https://tanatexchemicals.com/disclaimer" class="animated-link" title="Disclaimer">
8524                                Disclaimer                            </a>
8525                            <a href="https://tanatexchemicals.com/privacy-policy" class="animated-link" title="Privacy Policy">
8526                                Privacy Policy                            </a>
8527                        </div>
8528                    </div>
8529                </div>
8530            </div>
8531        </div>
8532    </div>
8533</footer>    </div>
8534
8535    
8536    <div class="swipe-cursor">
8537    <span>
8538        Swipe    </span>
8539</div>                    <!-- Less important scripts -->
8540
8541    
8541<script>
8542    function getCookie(name) {
8543        var value = "; " + document.cookie;
8544        var parts = value.split("; " + name + "=");
8545        if (parts.length === 2) {
8546            return parts.pop().split(";").shift();
8547        }
8548        return null;
8549    }
8550
8551    document.addEventListener('DOMContentLoaded', function () {
8552        if (!getCookie('authenticated')) {
8553            return;
8554        }
8555
8556        var contentType = document.body.dataset.contentType;
8557        var contentId = document.body.dataset.contentId;
8558
8559        // Hover/transition styling lives in a stylesheet (injected client-side, no
8560        // PHP) so we can use the :hover pseudo-class for a smooth expand.
8561        var style = document.createElement('style');
8562        style.textContent =
8563            '.slim-edit-tab{' +
8564                'position:fixed;top:120px;right:0;z-index:2147483647;' +
8565                'display:flex;align-items:center;padding:8px 10px;' +
8566                'background:#000;border:2px solid #fff;border-right:none;border-radius:12px 0 0 12px;' +
8567                'box-shadow:0 2px 12px 0 rgba(0,0,0,0.25);' +
8568                'text-decoration:none;cursor:pointer;opacity:0.9;' +
8569            '}' +
8570            '.slim-edit-tab__label{' +
8571                'max-width:0;opacity:0;overflow:hidden;white-space:nowrap;' +
8572                'color:#fff;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;' +
8573                'transition:max-width .35s ease,opacity .3s ease,margin-right .35s ease;' +
8574            '}' +
8575            '.slim-edit-tab:hover .slim-edit-tab__label,' +
8576            '.slim-edit-tab:focus-visible .slim-edit-tab__label{' +
8577                'max-width:160px;opacity:1;margin-right:10px;' +
8578            '}' +
8579            '.slim-edit-tab__flag{display:block;height:18px;width:auto;border-radius:2px;margin-right:10px;box-shadow:0 0 0 1px rgba(255,255,255,0.25);}' +
8580            '.slim-edit-tab__icon{display:flex;width:24px;height:24px;flex:0 0 auto;}';
8581        document.head.appendChild(style);
8582
8583        // The whole tab is the edit link: fixed, flush against the right edge, a
8584        // bit below the top so it clears fixed headers/menus. Left corners rounded,
8585        // white border around the black block, soft shadow. On hover it slides open
8586        // to the left, revealing the "Bewerken" label: Bewerken <flag> <icon>.
8587        var editTab = document.createElement('a');
8588        editTab.className = 'slim-edit-tab';
8589        editTab.href = '/admin/content/' + contentType + '/' + contentId + '/edit';
8590
8591        var label = document.createElement('span');
8592        label.className = 'slim-edit-tab__label';
8593        label.textContent = 'Bewerken';
8594        editTab.appendChild(label);
8595
8596        // Language flag, only shown when the site offers multiple languages. That
8597        // is signalled by the `language-multi` body class (set server-side alongside
8598        // `language-<code>`, cache-safe because it is site-level, not user-level).
8599        // The current language comes from the `language-<code>` class and maps
8600        // 1-on-1 to a flag file. We use the CMS/backend flags (shipped with Slim
8601        // and published to every site's public dir), so individual sites don't
8602        // need their own frontend flag assets.
8603        var languageMatch = document.body.className.match(/(?:^|\s)language-([a-z]{2})(?:\s|$)/);
8604
8605        if (document.body.classList.contains('language-multi') && languageMatch) {
8606            var flag = document.createElement('img');
8607            flag.className = 'slim-edit-tab__flag';
8608            flag.src = '/assets/backend/img/flags/' + languageMatch[1] + '.svg';
8609            flag.alt = languageMatch[1].toUpperCase();
8610            // If no flag exists for this language code, drop the image so we don't
8611            // show a broken-image icon (the pencil still works).
8612            flag.onerror = function () { this.remove(); };
8613            editTab.appendChild(flag);
8614        }
8615
8616        // Pencil icon (white on black).
8617        var icon = document.createElement('span');
8618        icon.className = 'slim-edit-tab__icon';
8619        icon.innerHTML =
8620            '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="#fff" style="width: 100%; height: 100%;">
8620' +
8621            '<path d="M100.4 417.2C104.5 402.6 112.2 389.3 123 378.5L304.2 197.3L338.1 163.4C354.7 180 389.4 214.7 442.1 267.4L476 301.3L442.1 335.2L260.9 516.4C250.2 527.1 236.8 534.9 222.2 539L94.4 574.6C86.1 576.9 77.1 574.6 71 568.4C64.9 562.2 62.6 553.3 64.9 545L100.4 417.2zM156 413.5C151.6 418.2 148.4 423.9 146.7 430.1L122.6 517L209.5 492.9C215.9 491.1 221.7 487.8 226.5 483.2L155.9 413.5zM510 267.4C493.4 250.8 458.7 216.1 406 163.4L372 129.5C398.5 103 413.4 88.1 416.9 84.6C430.4 71 448.8 63.4 468 63.4C487.2 63.4 505.6 71 519.1 84.6L554.8 120.3C568.4 133.9 576 152.3 576 171.4C576 190.5 568.4 209 554.8 222.5C551.3 226 536.4 240.9 509.9 267.4z"/>' +
8622            '</svg>';
8623        editTab.appendChild(icon);
8624
8625        document.body.appendChild(editTab);
8626    });
8627</script>
8627
8628
8629                    
8629<script>
8630    if (!(window.console && window.console.log && window.console.group)) {
8631            window.console = {
8632                group: function () {},
8633                log: function () {}
8634            };
8635        }
8636
8637        window.console.group('DEVELOPER ALERT!');
8638        window.console.log('\nHallo daar! Wil jij ook zulke mooie dingen maken zoals deze website? Neem eens een kijkje bij ons op:\n\nwww.vormkracht10.nl\n\n');
8639</script>
8639
8640            
8641    
8642    
8643                    
8643<script src="https://tanatexchemicals.com/assets/frontend/js/main.js?id=4658d97c2234a433730c1d0ec6d6481b">
8644    
8645</script>
8645
8646            
8647                        
8648    </body>
8649</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.