PageSourceSearch

https://drstine.com/blogs/news

html drstine.com collected 2026-10-07 19:54:57 UTC 547,296 bytes, 6,871 lines download raw bytes

1<!doctype html>
2
3<html
4  class="no-js"
5  lang="en"
6  dir="ltr"
7>
8  <head>
9    
10      
10<script>
11        window.dataLayer = window.dataLayer || [];
12        function gtag() {
13          dataLayer.push(arguments);
14        }
15
16        if (localStorage.getItem('consentSettings')) {
17          gtag('consent', 'default', JSON.parse(localStorage.getItem('consentSettings')));
18        } else {
19          gtag('consent', 'default', {
20            functionality_storage: 'granted',
21            analytics_storage: 'denied',
22            personalization_storage: 'denied',
23            ad_storage: 'denied',
24            ad_user_data: 'denied',
25            ad_personalization: 'denied',
26            wait_for_update: 500,
27          });
28        }
29      </script>
29
30    
31
32    
33
34    
35
36    <meta charset="utf-8">
37    <meta
38      name="viewport"
39      content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=5.0"
40    >
41
42    
43
44    <title>
45      
46        Hudpleieblogg
47      
48    </title><link rel="canonical" href="https://drstine.com/blogs/news"><link rel="shortcut icon" href="//drstine.com/cdn/shop/files/Design_uden_navn_6.png?v=1715763373&width=96">
49      <link rel="apple-touch-icon" href="//drstine.com/cdn/shop/files/Design_uden_navn_6.png?v=1715763373&width=180"><link
50      rel="preconnect"
51      href="https://fonts.shopifycdn.com"
52      crossorigin
53    >
54    <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link
55        rel="preload"
56        href="//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
57        as="font"
58        type="font/woff2"
59        crossorigin
60      ><link
61        rel="preload"
62        href="//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
63        as="font"
64        type="font/woff2"
65        crossorigin
66      ><meta property="og:type" content="website">
67  <meta property="og:title" content="Hudpleieblogg"><meta property="og:image" content="http://drstine.com/cdn/shop/files/Dr.Ankerstjerne_logo_851b4ba0-910a-4e21-b866-f8b63df4a134.png?v=1715761860&width=2048">
68  <meta property="og:image:secure_url" content="https://drstine.com/cdn/shop/files/Dr.Ankerstjerne_logo_851b4ba0-910a-4e21-b866-f8b63df4a134.png?v=1715761860&width=2048">
69  <meta property="og:image:width" content="1200">
70  <meta property="og:image:height" content="628"><meta property="og:url" content="https://drstine.com/blogs/news">
71<meta property="og:site_name" content="Dr.Stine"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Hudpleieblogg">
72  <meta name="twitter:description" content="Hudpleieblogg"><meta name="twitter:image" content="https://drstine.com/cdn/shop/files/Dr.Ankerstjerne_logo_851b4ba0-910a-4e21-b866-f8b63df4a134.png?crop=center&height=1200&v=1715761860&width=1200">
73  <meta name="twitter:image:alt" content="">
74
75
76  
76<script type="application/ld+json">
77    {
78      "@context": "https://schema.org",
79      "@type": "BreadcrumbList",
80  "itemListElement": [{
81      "@type": "ListItem",
82      "position": 1,
83      "name": "Home",
84      "item": "https://drstine.com"
85    },{
86          "@type": "ListItem",
87          "position": 2,
88          "name": "Hudpleieblogg",
89          "item": "https://drstine.com/blogs/news"
90        }]
91    }
92  </script>
92
93
94<style>/* Typography (heading) */
95  @font-face {
96  font-family: "Instrument Sans";
97  font-weight: 400;
98  font-style: normal;
99  font-display: fallback;
100  src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
101       url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
102}
103
104@font-face {
105  font-family: "Instrument Sans";
106  font-weight: 400;
107  font-style: italic;
108  font-display: fallback;
109  src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
110       url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
111}
112
113/* Typography (body) */
114  @font-face {
115  font-family: "Instrument Sans";
116  font-weight: 400;
117  font-style: normal;
118  font-display: fallback;
119  src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
120       url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
121}
122
123@font-face {
124  font-family: "Instrument Sans";
125  font-weight: 400;
126  font-style: italic;
127  font-display: fallback;
128  src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
129       url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
130}
131
132@font-face {
133  font-family: "Instrument Sans";
134  font-weight: 700;
135  font-style: normal;
136  font-display: fallback;
137  src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
138       url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
139}
140
141@font-face {
142  font-family: "Instrument Sans";
143  font-weight: 700;
144  font-style: italic;
145  font-display: fallback;
146  src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
147       url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
148}
149
150:root {
151    /* Container */
152    --container-max-width: 100%;
153    --container-xxs-max-width: 27.5rem; /* 440px */
154    --container-xs-max-width: 42.5rem; /* 680px */
155    --container-sm-max-width: 61.25rem; /* 980px */
156    --container-md-max-width: 71.875rem; /* 1150px */
157    --container-lg-max-width: 78.75rem; /* 1260px */
158    --container-xl-max-width: 85rem; /* 1360px */
159    --container-gutter: 1.25rem;
160
161    --section-with-border-vertical-spacing: 3rem;
162    --section-with-border-vertical-spacing-tight:2.5rem;
163    --section-without-border-vertical-spacing:4.5rem;
164    --section-without-border-vertical-spacing-tight:3.75rem;
165
166    --section-stack-gap:4rem;
167    --section-stack-gap-tight: 2.25rem;
168
169    /* Form settings */
170    --form-gap: 1.25rem; /* Gap between fieldset and submit button */
171    --fieldset-gap: 1rem; /* Gap between each form input within a fieldset */
172    --form-control-gap: 0.625rem; /* Gap between input and label (ignored for floating label) */
173    --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */
174    --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */
175    --input-padding-inline: 0.8rem; /* Horizontal padding for input, textarea and native select */
176    --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */
177
178    /* Other sizes */
179    --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px));
180
181    /* RTL support */
182    --transform-logical-flip: 1;
183    --transform-origin-start: left;
184    --transform-origin-end: right;
185
186    /**
187     * ---------------------------------------------------------------------
188     * TYPOGRAPHY
189     * ---------------------------------------------------------------------
190     */
191
192    /* Font properties */
193    --heading-font-family: "Instrument Sans", sans-serif;
194    --heading-font-weight: 400;
195    --heading-font-style: normal;
196    --heading-text-transform: normal;
197    --heading-letter-spacing: 0.18em;
198    --text-font-family: "Instrument Sans", sans-serif;
199    --text-font-weight: 400;
200    --text-font-style: normal;
201    --text-letter-spacing: 0.0em;
202    --button-font: var(--text-font-style) var(--text-font-weight) var(--text-sm) / 1.65 var(--text-font-family);
203    --button-text-transform: uppercase;
204    --button-letter-spacing: 0.18em;
205
206    /* Font sizes */--text-heading-size-factor: 1;
207    --text-h1: max(0.6875rem, clamp(1.375rem, 1.146341463414634rem + 0.975609756097561vw, 2rem) * var(--text-heading-size-factor));
208    --text-h2: max(0.6875rem, clamp(1.25rem, 1.0670731707317074rem + 0.7804878048780488vw, 1.75rem) * var(--text-heading-size-factor));
209    --text-h3: max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem) * var(--text-heading-size-factor));
210    --text-h4: max(0.6875rem, clamp(1rem, 0.9542682926829268rem + 0.1951219512195122vw, 1.125rem) * var(--text-heading-size-factor));
211    --text-h5: calc(0.875rem * var(--text-heading-size-factor));
212    --text-h6: calc(0.75rem * var(--text-heading-size-factor));
213
214    --text-xs: 0.75rem;
215    --text-sm: 0.8125rem;
216    --text-base: 0.875rem;
217    --text-lg: 1.0rem;
218    --text-xl: 1.125rem;
219
220    /**
221     * ---------------------------------------------------------------------
222     * COLORS
223     * ---------------------------------------------------------------------
224     */
225
226    /* Color settings */--accent: 84 84 84;
227    --text-primary: 84 84 84;
228    --background-primary: 249 249 249;
229    --background-secondary: 255 255 255;
230    --border-color: 224 224 224;
231    --page-overlay: 0 0 0 / 0.4;
232
233    /* Button colors */
234    --button-background-primary: 84 84 84;
235    --button-text-primary: 255 255 255;
236
237    /* Status colors */
238    --success-background: 212 227 203;
239    --success-text: 48 122 7;
240    --warning-background: 253 241 224;
241    --warning-text: 237 138 0;
242    --error-background: 243 204 204;
243    --error-text: 203 43 43;
244
245    /* Product colors */
246    --on-sale-text: 202 124 143;
247    --on-sale-badge-background: 202 124 143;
248    --on-sale-badge-text: 255 255 255;
249    --sold-out-badge-background: 239 239 239;
250    --sold-out-badge-text: 0 0 0 / 0.65;
251    --custom-badge-background: 28 28 28;
252    --custom-badge-text: 255 255 255;
253    --star-color: 28 28 28;
254
255    /* Header colors */--header-background: 255 255 255;
256    --header-text: 84 84 84;
257    --header-border-color: 229 229 229;
258
259    /* Footer colors */--footer-background: 250 210 220;
260    --footer-text: 84 84 84;
261    --footer-border-color: 225 191 200;
262
263    /* Modal colors */--modal-background: 255 255 255;
264    --modal-text: 28 28 28;
265    --modal-border-color: 221 221 221;
266
267    /* Drawer colors (reuse the same as modal) */
268    --drawer-background: 255 255 255;
269    --drawer-text: 28 28 28;
270    --drawer-border-color: 221 221 221;
271
272    /* Popover background (uses the primary background) */
273    --popover-background: 255 255 255;
274    --popover-text: 84 84 84;
275    --popover-border-color: 224 224 224;
276
277    /* Rounded variables (used for border radius) */
278    --rounded-full: 9999px;
279    --button-border-radius: 0.0rem;
280    --input-border-radius: 0.0rem;
281
282    /* Box shadow */
283    --shadow-sm: 0 2px 8px rgb(0 0 0 / 0.05);
284    --shadow: 0 5px 15px rgb(0 0 0 / 0.05);
285    --shadow-md: 0 5px 30px rgb(0 0 0 / 0.05);
286    --shadow-block: px px px rgb(var(--text-primary) / 0.0);
287
288    /**
289     * ---------------------------------------------------------------------
290     * OTHER
291     * ---------------------------------------------------------------------
292     */
293
294    --checkmark-svg-url: url(//drstine.com/cdn/shop/t/40/assets/checkmark.svg?v=5588600397216680941764647471);
295    --cursor-zoom-in-svg-url: url(//drstine.com/cdn/shop/t/40/assets/cursor-zoom-in.svg?v=135496101872421011811764647471);
296  }
297
298  [dir="rtl"]:root {
299    /* RTL support */
300    --transform-logical-flip: -1;
301    --transform-origin-start: right;
302    --transform-origin-end: left;
303  }
304
305  @media screen and (min-width: 700px) {
306    :root {
307      /* Typography (font size) */
308      --text-xs: 0.75rem;
309      --text-sm: 0.8125rem;
310      --text-base: 0.875rem;
311      --text-lg: 1.0rem;
312      --text-xl: 1.25rem;
313
314      /* Spacing settings */
315      --container-gutter: 2rem;
316    }
317  }
318
319  @media screen and (min-width: 1000px) {
320    :root {
321      /* Spacing settings */
322      --container-gutter: 3rem;
323
324      --section-with-border-vertical-spacing: 5rem;
325      --section-with-border-vertical-spacing-tight: 4rem;
326      --section-without-border-vertical-spacing: 7.5rem;
327      --section-without-border-vertical-spacing-tight: 6rem;
328
329      --section-stack-gap:4rem;
330      --section-stack-gap-tight:4rem;
331    }
332  }
333</style>
334<script>
335  document.documentElement.classList.replace('no-js', 'js');
336
337  // This allows to expose several variables to the global scope, to be used in scripts
338  window.themeVariables = {
339    settings: {
340      showPageTransition: true,
341      pageType: "blog",
342      moneyFormat: "€{{amount_with_comma_separator}}",
343      moneyWithCurrencyFormat: "€{{amount_with_comma_separator}} EUR",
344      currencyCodeEnabled: true,
345      cartType: "drawer"
346    },
347
348    strings: {
349      addToCartButton: "Add to cart",
350      soldOutButton: "Sold out",
351      preOrderButton: "Pre-order",
352      unavailableButton: "Unavailable",
353      addedToCart: "Added to your cart!",
354      closeGallery: "Close gallery",
355      zoomGallery: "Zoom picture",
356      errorGallery: "Image cannot be loaded",
357      soldOutBadge: "Sold out",
358      discountBadge: "Save @@",
359      sku: "SKU:",
360      shippingEstimatorNoResults: "Sorry, we do not ship to your address.",
361      shippingEstimatorOneResult: "There is one shipping rate for your address:",
362      shippingEstimatorMultipleResults: "There are several shipping rates for your address:",
363      shippingEstimatorError: "One or more error occurred while retrieving shipping rates:",
364      next: "Next",
365      previous: "Previous"
366    },
367
368    mediaQueries: {
369      'sm': 'screen and (min-width: 700px)',
370      'md': 'screen and (min-width: 1000px)',
371      'lg': 'screen and (min-width: 1150px)',
372      'xl': 'screen and (min-width: 1400px)',
373      '2xl': 'screen and (min-width: 1600px)',
374      'sm-max': 'screen and (max-width: 699px)',
375      'md-max': 'screen and (max-width: 999px)',
376      'lg-max': 'screen and (max-width: 1149px)',
377      'xl-max': 'screen and (max-width: 1399px)',
378      '2xl-max': 'screen and (max-width: 1599px)',
379      'motion-safe': '(prefers-reduced-motion: no-preference)',
380      'motion-reduce': '(prefers-reduced-motion: reduce)',
381      'supports-hover': 'screen and (pointer: fine)',
382      'supports-touch': 'screen and (hover: none)'
383    }
384  };window.addEventListener('pageshow', async (event) => {
385      const isReloaded = (window.performance.navigation && window.performance.navigation.type === 1) || window.performance.getEntriesByType('navigation').map((nav) => nav.type).includes('reload');
386
387      if (window.matchMedia('(prefers-reduced-motion: no-preference)').matches && !event.persisted && !isReloaded && document.referrer.includes(location.host)) {
388        await document.body.animate({opacity: [0, 1]}, {duration: 200}).finished;
389      }
390
391      document.body.style.setProperty('opacity', '1');
392    });</script>
vendor: 1 bytes, line 392
392
393<script async src="//drstine.com/cdn/shop/t/40/assets/es-module-shims.min.js?v=116339357281449263201764647471"></script>
393
394
395    
395<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 395
395
396<script type="importmap">{
397        "imports": {
398          "vendor": "//drstine.com/cdn/shop/t/40/assets/vendor.min.js?v=83370658215510867911764647471",
399          "theme": "//drstine.com/cdn/shop/t/40/assets/theme.js?v=109003961298651222731764647471",
400          "photoswipe": "//drstine.com/cdn/shop/t/40/assets/photoswipe.min.js?v=64262325146781401541764647471"
401        }
402      }
403    </script>
403
404
405    
405<script type="module" src="//drstine.com/cdn/shop/t/40/assets/vendor.min.js?v=83370658215510867911764647471"></script>
405
406    
406<script type="module" src="//drstine.com/cdn/shop/t/40/assets/theme.js?v=109003961298651222731764647471"></script>
406
407
408    
408<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
408<meta name="google-site-verification" content="ulnKYoYjgj0eMd_8XvXA_CBTa_eXGc25SSnJJb2UU8c">
409<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/59265155151/digital_wallets/dialog">
410<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" />
411<script async="async" src="/checkouts/internal/preloads.js?locale=en-DK&default_configuration_id=2427977807"></script>
vendor: 1 bytes, line 411
411
412<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":59265155151,"countryCode":"DK","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/59265155151","merchantName":"Dr.Stine","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Dr.Stine","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 412
412
413<script id="shopify-features" type="application/json">{"accessToken":"7b754ba7e85c13b17e2a20abd4ac4907","betas":["rich-media-storefront-analytics"],"domain":"drstine.com","predictiveSearch":true,"shopId":59265155151,"locale":"en"}</script>
vendor: 1 bytes, line 413
413
414<script>var Shopify = Shopify || {};
415Shopify.shop = "drankerstjerne-eu.myshopify.com";
416Shopify.locale = "en";
417Shopify.currency = {"active":"EUR","rate":"1.0"};
418Shopify.country = "DK";
419Shopify.theme = {"name":"R | Updated | December 31, 2025 | January Theme","id":141072400463,"schema_name":"Prestige","schema_version":"7.3.6","theme_store_id":null,"role":"main"};
420Shopify.theme.handle = "null";
421Shopify.theme.style = {"id":null,"handle":null};
422Shopify.cdnHost = "drstine.com/cdn";
423Shopify.routes = Shopify.routes || {};
424Shopify.routes.root = "/";
425Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
426Shopify.SignInWithShop = Shopify.SignInWithShop || {};
427Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
428Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 428
428
429<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 429
429
430<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 430
430
431<script>
432  window.Shopify = window.Shopify || {};
433  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
434  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
435  window.Shopify.SignInWithShop.eligible = true;
436</script>
vendor: 1 bytes, line 436
436
437<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 437
437
438<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 438
438
439<script type="module">
440  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
441
442  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
443
444</script>
vendor: 1 bytes, line 444
444
445<script>
446  window.Shopify = window.Shopify || {};
447  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
448  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
449</script>
vendor: 1 bytes, line 449
449
450<script>(function() {
451  var isLoaded = false;
452  function asyncLoad() {
453    if (isLoaded) return;
454    isLoaded = true;
455    var urls = ["https:\/\/cdn.nfcube.com\/instafeed-730d83432dd74a5630680671cae27408.js?shop=drankerstjerne-eu.myshopify.com"];
456    for (var i = 0; i < urls.length; i++) {
457      var s = document.createElement('script');
458      s.type = 'text/javascript';
459      s.async = true;
460      s.src = urls[i];
461      var x = document.getElementsByTagName('script')[0];
462      x.parentNode.insertBefore(s, x);
463    }
464  };
465  if(window.attachEvent) {
466    window.attachEvent('onload', asyncLoad);
467  } else {
468    window.addEventListener('load', asyncLoad, false);
469  }
470})();</script>
vendor: 1 bytes, line 470
470
471<script id="__st">var __st={"a":59265155151,"offset":7200,"reqid":"58a85bf7-37b5-4123-975b-3a8437739097-1791402897","pageurl":"drstine.com\/blogs\/news","s":"blogs-81761501263","u":"6d8d06b57eae","p":"blog","rtyp":"blog","rid":81761501263};</script>
vendor: 1 bytes, line 471
471
472<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 472
472
473<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 473
473
474<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//drstine.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 474
474
475<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//drstine.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
475<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 475
475
476<script>
477  window.Shopify = window.Shopify || {};
478  window.Shopify.MCP = window.Shopify.MCP || {};
479  window.Shopify.MCP.enabled = true;
480  window.Shopify.MCP.shop = "drankerstjerne-eu.myshopify.com";
481  window.Shopify.MCP.mcpEndpoint = "https:\/\/drstine.com\/api\/mcp";
482  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
483</script>
vendor: 1 bytes, line 483
483
484<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/drstine.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
485</script>
vendor: 1 bytes, line 485
485
486<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://drstine.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
487</script>
vendor: 1 bytes, line 487
487
488<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
489  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
490</script>
vendor: 1 bytes, line 490
490
491<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
492</script>
vendor: 1 bytes, line 492
492
493<script id='scb4127' type='text/javascript' async='' src='https://drstine.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
493<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://drstine.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
494<style id="shopify-accelerated-checkout-cart">
495        #shopify-buyer-consent {
496  margin-top: 1em;
497  display: inline-block;
498  width: 100%;
499}
500
501#shopify-buyer-consent.hidden {
502  display: none;
503}
504
505#shopify-subscription-policy-button {
506  background: none;
507  border: none;
508  padding: 0;
509  text-decoration: underline;
510  font-size: inherit;
511  cursor: pointer;
512}
513
514#shopify-subscription-policy-button::before {
515  box-shadow: none;
516}
517
518      </style>
519
520<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
520
521
522    
523<link href="//drstine.com/cdn/shop/t/40/assets/theme.css?v=118516494604561928561764647471" rel="stylesheet" type="text/css" media="all" /><link href="//drstine.com/cdn/shop/t/40/assets/app.css?v=3422938313014997971769433086" rel="stylesheet" type="text/css" media="all" />
523<script src="//drstine.com/cdn/shop/t/40/assets/app.js?v=51845604678026987141764647471" defer></script>
523
524
525    
526      
526<script>
527        window.forcedProduct = 41693756424271;
528      </script>
528
529
530      
531        
532      
533    
534
535    
536
537    
538
539    
540      
540<script>
541        window.forceProductTwoCartTotal = '50000';
542      </script>
542
543    
544
545    
546      
546<script>
547        window.canGiftsBeCombined = false;
548      </script>
548
549    
550
551    
552  <!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
553<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
554<script>
555/* >> TriplePixel :: start*/
556window.TriplePixelData={TripleName:"drankerstjerne-eu.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{  }},search:"",collection:"",cart:"drawer",template:"blog",curr:"EUR" || "EUR", market:"19403309135"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage);
557/* << TriplePixel :: end*/
558</script>
558
559
560
561
562<!-- END app block --><!-- BEGIN app block: shopify://apps/tolstoy-ads-image-video/blocks/widget-block/06fa8282-42ff-403e-b67c-1936776aed11 -->
563
564
565
566
567
568
569
570
571
572                
573
574
575
576
577
578
579
580
581
582
583
584<script
585  type="module"
586  async
587  src="https://widget.gotolstoy.com/we/widget.js"
588  data-shop=drankerstjerne-eu.myshopify.com
589  data-app-key=348b0ad9-2085-439b-b48b-b7c16c677f99
590  data-should-use-cache=true
591  data-cache-version=""
592  data-product-gallery-projects="[]"
593  data-collection-gallery-projects="[]"
594  data-product-id=""
595  data-template-name="blog"
596  data-ot-ignore
597  data-cookieconsent="ignore"
598>
599</script>
vendor: 1 bytes, line 599
599
600<script
601  type="module"
602  async
603  src="https://play.gotolstoy.com/widget-v2/widget.js"
604  id="tolstoy-widget-script"
605  data-shop=drankerstjerne-eu.myshopify.com
606  data-app-key=348b0ad9-2085-439b-b48b-b7c16c677f99
607  data-should-use-cache=true
608  data-cache-version=""
609  data-product-gallery-projects="[]"
610  data-collection-gallery-projects="[]"
611  data-product-id=""
612  data-collection-id=""
613  data-shop-assistant-enabled="false"
614  data-search-bar-widget-enabled="false"
615  data-template-name="blog"
616  data-customer-id=""
617  data-ot-ignore
618  data-cookieconsent="ignore"
619></script>
vendor: 1 bytes, line 619
619
620<script
621  type="module"
622  async
623  src="https://play.gotolstoy.com/widget-v2/widget.brand-mcp.js"
624  data-app-key=348b0ad9-2085-439b-b48b-b7c16c677f99
625  data-ot-ignore
626  data-cookieconsent="ignore"
627></script>
vendor: 1 bytes, line 627
627
628<script>
629  window.tolstoyCurrencySymbol = "€";
630  window.tolstoyMoneyFormat = "€{{amount_with_comma_separator}}";
631</script>
vendor: 1 bytes, line 631
631
632<script>
633  (function(){
634    function hideOrphanedTiles(){
635      var els = document.querySelectorAll('.tolstoy-collection-page-tile,tolstoy-collection-tile');
636      for(var i=0;i<els.length;i++){
637        if(els[i].children.length>0) continue;
638        els[i].style.setProperty('display','none','important');
639        var w=els[i].closest('[class*="tolstoy-grid"]')||els[i].closest('.tolstoy-collection-page-tile-wrapper');
640        if(w) w.style.setProperty('display','none','important');
641      }
642    }
643    if(document.readyState==='loading'){
644      document.addEventListener('DOMContentLoaded',hideOrphanedTiles);
645    }else{
646      hideOrphanedTiles();
647    }
648  })();
649</script>
vendor: 1 bytes, line 649
649
650<script>
651  window.tolstoyDebug = {
652    enable: () => {
653      fetch('/cart/update.js', {
654        method: 'POST',
655        headers: { 'Content-Type': 'application/json' },
656        body: JSON.stringify({ attributes: { TolstoyDebugEnabled: 'true' } })
657      })
658      .then(response => response.json())
659      .then(() => window.location.reload());
660    },
661    disable: () => {
662      fetch('/cart/update.js', {
663        method: 'POST',
664        headers: { 'Content-Type': 'application/json' },
665        body: JSON.stringify({ attributes: { TolstoyDebugEnabled: null } })
666      })
667      .then(response => response.json())
668      .then(() => window.location.reload())
669    },
670    status: async () => {
671      const response = await fetch('/cart.js');
672      const json = await response.json();
673      console.log(json.attributes);
674    }
675  }
676</script>
676
677
678<!-- END app block --><!-- BEGIN app block: shopify://apps/returnflows/blocks/return_overlay_v2/3bc010f6-eaf1-4d13-9509-ab183b1a8ed6 -->
678<script id="rf-settings-json" type="application/json">
679	{
680		"options": {
681			"env": "production",
682			"defaultCurrency": "EUR",
683			"defaultLocale": "en",
684			"autoOpen": true,
685			"clearCartOnStart": true,
686			"customCssPage": "html,\nbody,\nhtml body.klaviyo-prevent-body-scrolling {\n\tposition: unset !important;\n\toverflow: unset !important;\n\tpadding-right: unset !important;\n}\nbody {\n\tpadding-bottom: var(--rf-summary-height, 0px) !important;\n}\n.shopify-payment-button:has(shopify-accelerated-checkout),\n[aria-label=\"POPUP Form\"],\n[aria-label=\"FLYOUT Form\"] {\n\tdisplay: none !important;\n}\nedition-geolocator {\n\ttop: calc(50% - var(--rf-summary-height, 0px) \/ 2) !important;\n}\n#shopify-pc__banner {\n  padding-bottom: calc(var(--rf-summary-height, 0px) + 32px) !important;\n}\ncart-drawer {\n\tdisplay: none !important;\n}\n.modal::part(content) {\n\tmax-height: calc(85dvh - var(--rf-summary-height, 0px)) !important;\n}\n@media screen and not (max-width: 699px) {\n\t.modal::part(content) {\n\t\tbottom: calc(var(--rf-summary-height) \/ 2) !important;\n\t}\n}\n@media screen and (max-width: 699px) {\n\t.modal::part(content) {\n\t\tpadding-bottom: var(--rf-summary-height, 0px) !important;\n\t}\n}\n#tolstoyWidgetElement .tolstoy-content-container {\n\tbottom: var(--rf-summary-height, 0px) !important;\n}",
687			"customCssOverlay": "",
688			"cartActivatorSelector": "[href$=\"\/cart\"]",
689			"autoOpenTriggerEndpoint": "add",
690			"autoOpenTriggerMethod": "combination",
691			"monitorNetworkOverwrites": false,
692			"networkInterceptionMethod": "both",
693			"overrideScrollBlocking": false
694		},
695		"translations": {
696			"messages": null
697		},
698		"theme": {
699			"backgroundColor": "#FFFFFF",
700			"accentBackgroundColor": "#FFF4F6",
701			"primaryCTAColor": "#E3ABB7",
702			"primaryCTATextColor": "#FFFFFF",
703			"secondaryCTAColor": "#F4FBFF",
704			"secondaryCTATextColor": "#484646",
705			"primaryTextColor": "#000000",
706			"secondaryTextColor": "#000000"
707		}
708	}
709</script>
vendor: 1 bytes, line 709
709
710<script>
711	(function () {
712		
713		if (!window.__rf_original_search) {
714			window.__rf_original_search = window.location.search;
715		}
716
717		function hasSessionParam() {
718			var params = new URLSearchParams(window.__rf_original_search);
719			var forceInit = params.get('rflowsForceInit');
720			return Boolean(params.get('rflowsId')) || (Boolean(forceInit) && forceInit !== 'false');
721		}
722
723		function hasStoredSession() {
724			var raw;
725			try {
726				raw = window.sessionStorage.getItem('rflows_session_id');
727			} catch (error) {
728				return true;
729			}
730			if (!raw) {
731				return false;
732			}
733			try {
734				var stored = JSON.parse(raw);
735				if (!stored || !stored.value) {
736					return false;
737				}
738				return !stored.expiration || Date.now() <= stored.expiration;
739			} catch (error) {
740				return false;
741			}
742		}
743
744		if (!hasSessionParam() && !hasStoredSession()) {
745			return;
746		}
747
748		if (document.getElementById('rf-embedded-script')) {
749			return;
750		}
751
752		var script = document.createElement('script');
753		script.id = 'rf-embedded-script';
754		script.async = true;
755		script.src = "https:\/\/static.returnflows.com\/dist\/production\/widget.js";
756		document.head.appendChild(script);
757	})();
758</script>
758
759
760
761<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
762
763
764
765
766
767
768
769
770
771
772
773
774  
774<script async src="https://static.klaviyo.com/onsite/js/Y6hLTr/klaviyo.js?company_id=Y6hLTr"></script>
774
775  
775<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
775
776
777  
778
779
780
781
782  
782<script>
783    window.klaviyoReviewsProductDesignMode = false
784  </script>
784
785
786
787
788
789
790
791
792
793
794<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
795<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 59265155151,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 795
795
796<script>
797  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
798</script>
vendor: 1 bytes, line 798
798
799<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
799).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 59265155151,storefrontBaseUrl: "https://drstine.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drstine.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1215529039","configuration":"{\"store_id\":\"212111\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
799,"dataSharingState":"unrestricted"},{"id":"422346831","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\"],\\\"target_country\\\":\\\"NL\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/h3sfCMfR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/F_PUCM3R3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/_BIOCMTR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/Puu8CPvP3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/bxZsCP7P3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/nwEFCNDR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/Sc4pCMrR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"320077903","configuration":"{\"pixelId\":\"9e3be48e-5306-46a1-9541-ba8c16a1cdee\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"204439631","configuration":"{\"shopId\":\"drankerstjerne-eu.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"178159695","configuration":"{\"pixel_id\":\"891454542747576\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Dr.Stine","paymentSettings":{"currencyCode":"EUR"}
799,"myshopifyDomain":"drankerstjerne-eu.myshopify.com","countryCode":"DK","storefrontUrl":"https:\/\/drstine.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7439933243471","handle":"gratis-prove","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41693756424271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7463513292879","handle":"the-anti-age-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41786624409679","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7439922036815","handle":"superfood-multipurpose-vitamin-face-gel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41693724508239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drstine.com/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"141072400463","themePublished":"true","eventMetadataId":"737ed697-b4f5-4736-a6a4-f33dded4fac8","pageType":"blog","resourceId":"81761501263","shopId":"59265155151","storefrontBaseUrl":"https:\/\/drstine.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
799<script>
800  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
801  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
802  window.ShopifyAnalytics.meta.currency = 'EUR';
803  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":81761501263,"requestId":"58a85bf7-37b5-4123-975b-3a8437739097-1791402897"}};
804  for (var attr in meta) {
805    window.ShopifyAnalytics.meta[attr] = meta[attr];
806  }
807</script>
vendor: 1 bytes, line 807
807
808<script class="analytics">
809  (function () {
810    var customDocumentWrite = function(content) {
811      var jquery = null;
812
813      if (window.jQuery) {
814        jquery = window.jQuery;
815      } else if (window.Checkout && window.Checkout.$) {
816        jquery = window.Checkout.$;
817      }
818
819      if (jquery) {
820        jquery('body').append(content);
821      }
822    };
823
824    var hasLoggedConversion = function(token) {
825      if (token) {
826        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
827      }
828      return false;
829    }
830
831    var setCookieIfConversion = function(token) {
832      if (token) {
833        var twoMonthsFromNow = new Date(Date.now());
834        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
835
836        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
837      }
838    }
839
840    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
841    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
842    if (trekkie.integrations) {
843      return;
844    }
845    trekkie.methods = [
846      'identify',
847      'page',
848      'ready',
849      'track',
850      'trackForm',
851      'trackLink'
852    ];
853    trekkie.factory = function(method) {
854      return function() {
855        var args = Array.prototype.slice.call(arguments);
856        args.unshift(method);
857        trekkie.push(args);
858        if (method == 'track' || method == 'page') {
859          var pageUrl;
860          try {
861            pageUrl = window.location.href;
862          } catch (e) {}
863          var pageReferrer;
864          try {
865            pageReferrer = document.referrer;
866          } catch (e) {}
867          try {
868            if (window.__TREKKIE_SHIM_QUEUE == null) {
869              window.__TREKKIE_SHIM_QUEUE = [];
870            }
871            window.__TREKKIE_SHIM_QUEUE.push({
872              from: 'trekkie-stub',
873              method: method,
874              args: args.slice(1),
875              pageContext: {
876                url: pageUrl,
877                referrer: pageReferrer
878              }
879            });
880          } catch (e) {
881            // no-op
882          }
883        }
884        return trekkie;
885      };
886    };
887    for (var i = 0; i < trekkie.methods.length; i++) {
888      var key = trekkie.methods[i];
889      trekkie[key] = trekkie.factory(key);
890    }
891    trekkie.load = function(config) {
892      trekkie.config = config || {};
893      trekkie.config.initialDocumentCookie = document.cookie;
894      var first = document.getElementsByTagName('script')[0];
895var script = document.createElement('script');
896script.type = 'text/javascript';
897script.onerror = function(e) {
898  var scriptFallback = document.createElement('script');
899  scriptFallback.type = 'text/javascript';
900  scriptFallback.onerror = function(error) {
901          var Monorail = {
902      produce: function produce(monorailDomain, schemaId, payload) {
903        var currentMs = new Date().getTime();
904        var event = {
905          schema_id: schemaId,
906          payload: payload,
907          metadata: {
908            event_created_at_ms: currentMs,
909            event_sent_at_ms: currentMs
910          }
911        };
912        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
913      },
914      sendRequest: function sendRequest(endpointUrl, payload) {
915        // Try the sendBeacon API
916        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
917          var blobData = new window.Blob([payload], {
918            type: 'text/plain'
919          });
920
921          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
922            return true;
923          } // sendBeacon was not successful
924
925        } // XHR beacon
926
927        var xhr = new XMLHttpRequest();
928
929        try {
930          xhr.open('POST', endpointUrl);
931          xhr.setRequestHeader('Content-Type', 'text/plain');
932          xhr.send(payload);
933        } catch (e) {
934          console.log(e);
935        }
936
937        return false;
938      },
939      isIos12: function isIos12() {
940        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
941      }
942    };
943    Monorail.produce('monorail-edge.shopifysvc.com',
944      'trekkie_storefront_load_errors/1.1',
945      {shop_id: 59265155151,
946      theme_id: 141072400463,
947      app_name: "storefront",
948      context_url: window.location.href,
949      source_url: "//drstine.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
950
951  };
952  scriptFallback.async = true;
953  scriptFallback.src = '//drstine.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
954  first.parentNode.insertBefore(scriptFallback, first);
955};
956script.async = true;
957script.src = '//drstine.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
958first.parentNode.insertBefore(script, first);
959
960    };
961    trekkie.load(
962      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":59265155151,"isMerchantRequest":null,"themeId":141072400463,"themeCityHash":"16462386807323179014","contentLanguage":"en","currency":"EUR","eventMetadataId":"737ed697-b4f5-4736-a6a4-f33dded4fac8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
963    );
964
965    var loaded = false;
966    trekkie.ready(function() {
967      if (loaded) return;
968      loaded = true;
969
970      window.ShopifyAnalytics.lib = window.trekkie;
971
972      var originalDocumentWrite = document.write;
973      document.write = customDocumentWrite;
974      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
975      document.write = originalDocumentWrite;
976
977      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
978      var token = match? match[1]: undefined;
979      if (!hasLoggedConversion(token)) {
980        setCookieIfConversion(token);
981        
982      }
983    });
984
985    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":81761501263,"requestId":"58a85bf7-37b5-4123-975b-3a8437739097-1791402897","shopifyEmitted":true});
986
987    var eventsListenerScript = document.createElement('script');
988    eventsListenerScript.async = true;
989    eventsListenerScript.src = "//drstine.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
990    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
991})();</script>
vendor: 1 bytes, line 991
991
992<script
993  defer
994  src="https://drstine.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
995  data-application="storefront-renderer"
996  data-shop-id="59265155151"
997  data-render-region="gcp-us-central1"
998  data-page-type="blog"
999  data-theme-instance-id="141072400463"
1000  data-theme-name="Prestige"
1001  data-theme-version="7.3.6"
1002  data-monorail-region="shop_domain"
1003  data-resource-timing-sampling-rate="10"
1004  data-shs="true"
1005  data-shs-beacon="true"
1006  data-shs-export-with-fetch="true"
1007  data-shs-logs-sample-rate="1"
1008  data-shs-beacon-endpoint="https://drstine.com/api/collect"
1009></script>
1009
1010<meta name="shopify-y" content="f98dba8c-2e0e-4034-9027-7bce2cb1b75e" data-expiration="1822960497000"><meta name="shopify-s" content="6d863fae-d70f-473f-9c20-bdd8549c4591" data-expiration="1791404697000"><meta name="new-cookie-storage-activated" content="t">
1011</head>
1012
1013  
1014
1015  <body class="features--button-transition features--page-transition "><template id="drawer-default-template">
1016  <div part="base">
1017    <div part="overlay"></div>
1018
1019    <div part="content">
1020      <header part="header">
1021        <slot name="header"></slot>
1022
1023        <button
1024          type="button"
1025          is="dialog-close-button"
1026          part="close-button tap-area"
1027          aria-label="Close"
1028        ><svg
1029      aria-hidden="true"
1030      focusable="false"
1031      fill="none"
1032      width="14"
1033      class="icon icon-close"
1034      viewBox="0 0 16 16"
1035    >
1036      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
1037    </svg>
1038
1039  </button>
1040      </header>
1041
1042      <div part="body">
1043        <slot></slot>
1044      </div>
1045
1046      <footer part="footer">
1047        <slot name="footer"></slot>
1048      </footer>
1049    </div>
1050  </div>
1051</template><template id="modal-default-template">
1052  <div part="base">
1053    <div part="overlay"></div>
1054
1055    <div part="content">
1056      <header part="header">
1057        <slot name="header"></slot>
1058
1059        <button
1060          type="button"
1061          is="dialog-close-button"
1062          part="close-button tap-area"
1063          aria-label="Close"
1064        ><svg
1065      aria-hidden="true"
1066      focusable="false"
1067      fill="none"
1068      width="14"
1069      class="icon icon-close"
1070      viewBox="0 0 16 16"
1071    >
1072      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
1073    </svg>
1074
1075  </button>
1076      </header>
1077
1078      <div part="body">
1079        <slot></slot>
1080      </div>
1081    </div>
1082  </div>
1083</template><template id="popover-default-template">
1084  <div part="base">
1085    <div part="overlay"></div>
1086
1087    <div part="content">
1088      <header part="header">
1089        <slot name="header"></slot>
1090
1091        <button
1092          type="button"
1093          is="dialog-close-button"
1094          part="close-button tap-area"
1095          aria-label="Close"
1096        ><svg
1097      aria-hidden="true"
1098      focusable="false"
1099      fill="none"
1100      width="14"
1101      class="icon icon-close"
1102      viewBox="0 0 16 16"
1103    >
1104      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
1105    </svg>
1106
1107  </button>
1108      </header>
1109
1110      <div part="body">
1111        <slot></slot>
1112      </div>
1113    </div>
1114  </div>
1115</template><template id="header-search-default-template">
1116  <div part="base">
1117    <div part="overlay"></div>
1118
1119    <div part="content">
1120      <slot></slot>
1121    </div>
1122  </div>
1123</template><template id="video-media-default-template">
1124  <slot></slot>
1125
1126  <svg part="play-button" fill="none" width="48" height="48" viewBox="0 0 48 48">
1127    <path fill-rule="evenodd" clip-rule="evenodd" d="M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24Zm-18 0-9-6.6v13.2l9-6.6Z" fill="var(--play-button-background, #f9f9f9)"/>
1128  </svg>
1129</template>
1130<loading-bar class="loading-bar" aria-hidden="true"></loading-bar>
1131    <a
1132      href="#main"
1133      allow-hash-change
1134      class="skip-to-content sr-only"
1135    >Skip to content</a><!-- BEGIN sections: header-group -->
1136<div id="shopify-section-sections--18553034309711__top_bar_features_BW3zMt" class="shopify-section shopify-section-group-header-group">
1137
1138<style>
1139    .tbf-section {
1140      padding: 8px 30px;
1141      background: #333333;
1142  }
1143
1144  .tbf-container {
1145      display: flex;
1146      justify-content: center;
1147      align-items: center;
1148  }
1149
1150  .tbf-item {
1151      display: flex;
1152      align-items: center;
1153      position: relative;
1154      gap: 8px;
1155  }
1156
1157  .tbf-item:nth-child(2) {
1158      padding: 0 80px;
1159      margin: 0 80px;
1160      border-right: 1px solid #555555;
1161      border-left: 1px solid #555555;
1162  }
1163
1164  .tbf-icon {
1165      display: flex;
1166      align-items: center;
1167      justify-content: center;
1168      width: 20px;
1169      height: 20px;
1170      aspect-ratio: 1/1;
1171  }
1172
1173  .tbf-item:nth-child(2) .tbf-icon {
1174      padding: 2.188px 2.5px;
1175  }
1176
1177  .tbf-icon svg {
1178      display: block;
1179      width: 100%;
1180      height: 100%;
1181  }
1182
1183  .tbf-text {
1184      color: #ffffff;
1185      font-family: Rubik, sans-serif;
1186      font-size: 13px;
1187      font-style: normal;
1188      font-weight: 400;
1189      line-height: normal;
1190  }
1191
1192  @media(max-width: 1023px) {
1193      .tbf-section {
1194          padding: 8px;
1195      }
1196
1197      .tbf-item:nth-child(2) {
1198          padding: 0 40px;
1199          margin: 0 40px;
1200      }
1201
1202      .tbf-icon {
1203          width: 18px;
1204          height: 18px;
1205      }
1206
1207      .tbf-text {
1208          font-size: 10px;
1209      }
1210  }
1211
1212  @media(max-width: 767px) {
1213      .tbf-item {
1214          flex-direction: column;
1215          flex: 1;
1216          gap: 4px;
1217          min-width: 115px;
1218          width: 100%;
1219      }
1220
1221      .tbf-item:nth-child(2) {
1222          padding: 0;
1223          margin: 0;
1224      }
1225
1226      .tbf-text {
1227          font-size: 10px;
1228          text-align: center;
1229          max-width: 80px;
1230          width: 100%;
1231      }
1232</style>
1233
1234<div class="tbf-section">
1235  <div class="tbf-container">
1236    
1237      <div class="tbf-item" >
1238        <div class="tbf-icon">
1239          
1240            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
1241                    <g clip-path="url(#clip0_3906_2891)">
1242                        <path d="M17.2778 0.901693C17.128 0.838522 16.9554 0.908712 16.8922 1.0581C16.8286 1.20794 16.8988 1.38051 17.0483 1.44369C18.4094 2.01818 19.4182 3.37865 19.4182 5.02126C19.4182 8.58053 14.9863 10.2767 12.6263 7.59511C11.2921 6.09151 11.3074 3.75616 12.7882 2.27529C13.6633 1.39974 14.8467 1.02865 15.9947 1.16475C16.156 1.18322 16.3023 1.06878 16.3216 0.907186C16.3408 0.745901 16.2254 0.599569 16.0642 0.580343C12.2096 0.122274 9.66111 4.46447 11.8767 7.59511C11.6406 7.59511 5.96894 7.59511 5.71121 7.59511C5.43625 7.59511 5.21317 7.81866 5.21317 8.09316V11.8993L4.66049 12.9854C4.55582 13.1914 4.38126 13.3451 4.1742 13.4237C4.1742 12.9697 3.81821 12.6548 3.42026 12.6548H2.28546C1.89407 12.6548 1.53122 12.9584 1.53122 13.4389H0.801697C0.35965 13.4389 0 13.7986 0 14.2409V14.5972C0 14.7596 0.131378 14.8913 0.29419 14.8913C0.456543 14.8913 0.588379 14.7596 0.588379 14.5972V14.2409C0.588379 14.123 0.684052 14.0273 0.801697 14.0273H1.53122V18.0997H0.801697C0.684052 18.0997 0.588379 18.0041 0.588379 17.8864V15.7738C0.588379 15.611 0.456543 15.4796 0.29419 15.4796C0.131378 15.4796 0 15.611 0 15.7738V17.8864C0 18.3285 0.35965 18.6881 0.801697 18.6881H1.53122C1.53122 19.1689 1.89468 19.4726 2.28546 19.4726H3.42026C3.76587 19.4726 4.05762 19.2388 4.14627 18.9211C4.50806 19.0178 3.51151 18.9795 16.6792 18.9795C16.9824 18.9795 17.2292 18.7328 17.2292 18.4296V9.16204C20.8878 7.66469 20.9428 2.45382 17.2778 0.901693ZM3.58582 16.0465C3.58582 16.3595 3.58582 16.4615 3.58582 16.4589V18.7183C3.58582 18.8082 3.51013 18.8843 3.42026 18.8843H2.28546C2.19574 18.8843 2.1196 18.8082 2.1196 18.7183C2.1196 18.4676 2.1196 13.6564 2.1196 13.4092C2.1196 13.3188 2.19574 13.2432 2.28546 13.2432H3.42026C3.51013 13.2432 3.58582 13.3188 3.58582 13.4092V16.0465ZM8.96149 8.18334H11.2048V10.4917L10.3328 9.80947C10.1859 9.69457 9.97925 9.69518 9.83338 9.80947L8.96149 10.4917V8.18334ZM8.89389 18.3896C4.22318 18.3913 4.45053 18.4206 4.1742 18.312V14.0366C4.60861 13.9408 4.96857 13.6757 5.21317 13.1965C5.27817 13.0687 5.76294 12.1161 5.88074 11.8848C5.97824 11.69 6.52909 12.1825 6.26938 12.6925L5.98541 13.2506C5.79407 13.6269 6.0669 14.072 6.48911 14.072L10.1744 14.0708C10.3568 14.0708 10.5125 14.2203 10.5106 14.3944C10.5086 14.5672 10.3661 14.7083 10.1927 14.7092H7.89307C7.73056 14.7092 7.59888 14.8409 7.59888 15.0034C7.59888 15.1659 7.73056 15.2976 7.89307 15.2976C7.89459 15.2976 11.3261 15.2973 11.3269 15.2973C11.4751 15.2973 11.6296 15.4334 11.6536 15.5655C11.6963 15.7789 11.5712 15.9351 11.3509 15.9351C11.3499 15.9351 10.8946 15.9354 7.86835 15.9354C7.70584 15.9354 7.57416 16.0671 7.57416 16.2296C7.57416 16.392 7.70584 16.5236 7.86835 16.5236C7.87003 16.5236 10.8165 16.5236 10.8182 16.5238C11.1006 16.5342 11.2254 16.8755 11.0312 17.0685C10.9711 17.129 10.8911 17.1619 10.806 17.1619C8.55088 17.1633 9.17649 17.1631 7.58576 17.1631C7.42325 17.1631 7.29157 17.2948 7.29157 17.4573C7.29157 17.6198 7.42325 17.7515 7.58576 17.7515C8.98667 17.7515 8.99445 17.7202 9.11972 17.8448C9.319 18.0446 9.1774 18.3896 8.89389 18.3896ZM16.6408 18.3912H14.9535V12.7352C14.9535 12.5728 14.8216 12.441 14.6593 12.441C14.4965 12.441 14.3651 12.5728 14.3651 12.7352V18.3912H9.74152C9.823 18.1774 9.82178 17.9526 9.74533 17.7511L10.806 17.7503C11.4592 17.7503 11.8977 17.08 11.6379 16.4811C12.2917 16.2787 12.4507 15.4632 11.9783 14.9889C11.6606 14.6712 11.3437 14.7089 11.0405 14.7089C11.2679 14.11 10.809 13.4824 10.1744 13.4824L6.5271 13.4836L6.79383 12.9596C7.24121 12.0798 6.4682 11.1097 5.80155 11.2682V8.18334H8.37311V10.8674C8.37311 11.0909 8.55515 11.2728 8.77884 11.2728C8.96012 11.2728 8.92334 11.2684 
124210.0832 10.3612C11.2271 11.2562 11.2021 11.2728 11.3873 11.2728C11.6112 11.2728 11.7932 11.0909 11.7932 10.8674V8.18334H12.3729C12.9343 8.74471 13.6186 9.13854 14.3651 9.33889V11.5586C14.3651 11.7209 14.4965 11.8528 14.6593 11.8528C14.8216 11.8528 14.9535 11.7209 14.9535 11.5586V9.45577C15.5133 9.52825 16.0904 9.49529 16.6408 9.35583V18.3912Z" fill="white"></path>
1243                        <path d="M13.5927 4.96786C13.485 4.8461 13.299 4.83496 13.1775 4.94269C13.0557 5.05041 13.0446 5.23626 13.1523 5.35788L14.3372 6.69562C14.5654 6.95318 14.9672 6.95273 15.1952 6.69684L17.9161 3.64309C18.0243 3.52194 18.0135 3.33593 17.8922 3.2279C17.7708 3.11987 17.585 3.1304 17.4768 3.25171L14.7667 6.29309L13.5927 4.96786Z" fill="white"></path>
1244                    </g>
1245                    <defs>
1246                        <clippath id="clip0_3906_2891">
1247                        <rect width="20" height="20" fill="white"></rect>
1248                        </clippath>
1249                    </defs>
1250                </svg>
1251          
1252        </div>
1253
1254        <div class="tbf-text">
1255          <p>Free shipping on orders over 300 Kr</p>
1256        </div>
1257      </div>
1258    
1259      <div class="tbf-item" >
1260        <div class="tbf-icon">
1261          
1262            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
1263                    <path d="M15.4781 3.89184C15.4743 3.88163 15.4695 3.87254 15.4647 3.86287C15.4525 3.83843 15.4375 3.81629 15.4195 3.79578C15.413 3.7885 15.4077 3.78089 15.4006 3.77423C15.3754 3.75043 15.3473 3.72947 15.3145 3.71487L13.3135 2.82565C13.486 2.58416 13.6021 2.30386 13.6219 1.9772C13.6696 1.18924 13.1489 0.501526 12.3262 0.26593C11.6871 0.0828247 10.9672 0.226105 10.2449 0.680359C10.0231 0.819996 9.8059 0.988167 9.59695 1.1741L8.12695 0.520752C8.04623 0.484894 7.95422 0.484589 7.87305 0.520752L6.40792 1.1719C5.75478 0.597694 4.99827 0.1875 4.23764 0.1875C4.04523 0.1875 3.85541 0.213898 3.67368 0.26593C2.85077 0.501526 2.33014 1.18924 2.37805 1.97736C2.39798 2.30393 2.51397 2.58418 2.68651 2.82565L0.685547 3.71487C0.652779 3.72947 0.624683 3.75041 0.599468 3.77419C0.592373 3.78087 0.587013 3.78852 0.580547 3.79584C0.562523 3.81631 0.547512 3.83843 0.535381 3.86283C0.530556 3.87252 0.525787 3.88161 0.521954 3.89186C0.509022 3.92632 0.5 3.96239 0.5 4.00052V12.3057C0.5 12.4292 0.572784 12.5412 0.685547 12.5912L7.87305 15.7855C7.87764 15.7876 7.88277 15.7867 7.88743 15.7885C7.92376 15.8027 7.9614 15.8125 8 15.8125C8.0386 15.8125 8.07624 15.8027 8.11257 15.7885C8.11723 15.7867 8.12236 15.7876 8.12695 15.7855L15.3145 12.5912C15.4274 12.5412 15.5 12.4292 15.5 12.3057V4.00052C15.5 3.96237 15.491 3.92632 15.4781 3.89184ZM7.6875 7.39798V15.0192L4.5625 13.6304V6.00917L7.6875 7.39798ZM8 6.85273L5.03012 5.5329L7.49951 4.46011C7.50439 4.458 7.50737 4.45369 7.5121 4.45134C7.62206 4.45935 7.73286 4.46814 7.84207 4.47583C7.84207 4.47583 8.00227 4.4859 8.00549 4.4859C8.01511 4.4859 8.15762 4.47598 8.15762 4.47598C8.26697 4.46826 8.37794 4.45947 8.48803 4.45144C8.49273 4.45374 8.49564 4.45802 8.50049 4.46011L10.9699 5.53292L8 6.85273ZM11.7452 5.18838L9.76922 4.32998C10.2108 4.27502 10.6522 4.2038 11.0878 4.09451C11.5136 3.9877 12.2688 3.74797 12.8453 3.30169L14.4182 4.00052L11.7452 5.18838ZM10.5778 1.20938C10.9977 0.944946 11.3936 0.812195 11.7601 0.812195C11.8956 0.812195 12.0271 0.830353 12.1541 0.866821C12.5987 0.99408 13.0323 1.37509 12.9982 1.93921C12.9509 2.71191 11.902 3.24612 10.9358 3.48843C10.1228 3.69229 9.2674 3.76904 8.42969 3.82993C8.73883 3.03647 9.56799 1.84506 10.5778 1.20938ZM8 1.14819L9.11929 1.64565C8.65384 2.15417 8.26058 2.73175 8.00263 3.25599C7.74968 2.73232 7.36159 2.15417 6.89008 1.64157L8 1.14819ZM3.84579 0.866821C3.97153 0.830811 4.10336 0.8125 4.23764 0.8125C5.5856 0.8125 7.12338 2.65454 7.57306 3.83023C6.73444 3.7692 5.87811 3.6926 5.06421 3.48843C4.09818 3.24612 3.04898 2.71191 3.00183 1.93936C2.96765 1.37524 3.401 0.99408 3.84579 0.866821ZM3.15471 3.3017C3.73116 3.74797 4.48628 3.9877 4.91223 4.09451C5.34777 4.20382 5.78923 4.27506 6.23076 4.32999L4.25486 5.18836L1.582 4.00052L3.15471 3.3017ZM1.125 4.48146L3.9375 5.7314V13.3526L1.125 12.1026V4.48146ZM8.3125 7.39798L11.4375 6.00917V13.6304L8.3125 15.0192V7.39798ZM12.0625 13.3526V5.7314L14.875 4.48146V12.1026L12.0625 13.3526Z" fill="white"></path>
1264                </svg>
1265          
1266        </div>
1267
1268        <div class="tbf-text">
1269          <p>Free samples included with your purchase</p>
1270        </div>
1271      </div>
1272    
1273      <div class="tbf-item" >
1274        <div class="tbf-icon">
1275          
1276            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
1277                    <g clip-path="url(#clip0_4566_28)">
1278                        <path d="M17.1712 15.5367C16.8323 15.5369 16.501 15.4366 16.219 15.2485C15.9371 15.0604 15.7173 14.7929 15.5874 14.4799C15.4576 14.1668 15.4235 13.8223 15.4894 13.4898C15.5554 13.1574 15.7185 12.852 15.958 12.6123C16.1976 12.3725 16.5029 12.2092 16.8353 12.143C17.1677 12.0768 17.5122 12.1106 17.8254 12.2403C18.1385 12.3699 18.4062 12.5895 18.5945 12.8713C18.7828 13.1531 18.8833 13.4844 18.8833 13.8233C18.8831 14.2774 18.7027 14.7129 18.3817 15.0341C18.0607 15.3554 17.6254 15.5361 17.1712 15.5367ZM17.1712 12.735C16.9559 12.7347 16.7454 12.7984 16.5663 12.9178C16.3871 13.0372 16.2474 13.2071 16.1649 13.406C16.0823 13.6048 16.0606 13.8237 16.
12781024 14.0349C16.1443 14.2461 16.2478 14.4401 16.4 14.5924C16.5521 14.7448 16.7461 14.8486 16.9572 14.8906C17.1684 14.9327 17.3873 14.9113 17.5862 14.8289C17.7851 14.7466 17.9552 14.6071 18.0748 14.4281C18.1945 14.2491 18.2583 14.0386 18.2583 13.8233C18.2582 13.5349 18.1437 13.2584 17.9399 13.0543C17.7361 12.8503 17.4596 12.7354 17.1712 12.735Z" fill="white"></path>
1279                        <path d="M8.14249 15.5367C7.80355 15.537 7.47214 15.4368 7.19016 15.2487C6.90819 15.0606 6.68832 14.7932 6.55839 14.4801C6.42846 14.1671 6.39429 13.8226 6.46021 13.4901C6.52613 13.1576 6.68918 12.8522 6.92872 12.6124C7.16827 12.3726 7.47356 12.2093 7.80596 12.143C8.13836 12.0768 8.48293 12.1106 8.7961 12.2402C9.10927 12.3699 9.37696 12.5895 9.56529 12.8713C9.75363 13.1531 9.85416 13.4844 9.85416 13.8233C9.85383 14.2773 9.67344 14.7127 9.35256 15.0339C9.03168 15.3551 8.5965 15.5359 8.14249 15.5367ZM8.14249 12.735C7.92717 12.7347 7.71659 12.7982 7.53739 12.9176C7.3582 13.037 7.21844 13.2068 7.13581 13.4057C7.05319 13.6045 7.0314 13.8234 7.0732 14.0346C7.11501 14.2458 7.21853 14.4399 7.37067 14.5923C7.52281 14.7447 7.71673 14.8485 7.92789 14.8906C8.13905 14.9327 8.35796 14.9113 8.55693 14.829C8.75589 14.7466 8.92596 14.6071 9.04562 14.4281C9.16529 14.2491 9.22916 14.0386 9.22916 13.8233C9.22894 13.535 9.11443 13.2586 8.91074 13.0546C8.70704 12.8506 8.43078 12.7356 8.14249 12.735Z" fill="white"></path>
1280                        <path d="M19.4255 14.1359H18.5709C18.488 14.1359 18.4085 14.103 18.3499 14.0443C18.2913 13.9857 18.2584 13.9063 18.2584 13.8234C18.2584 13.7405 18.2913 13.661 18.3499 13.6024C18.4085 13.5438 18.488 13.5109 18.5709 13.5109H19.3371V11.8538C19.3369 11.6298 19.2796 11.4095 19.1705 11.2138L17.4788 8.18088C17.4643 8.15499 17.4432 8.13343 17.4177 8.11842C17.3921 8.1034 17.363 8.09548 17.3334 8.09546H15.028V13.5121H15.7721C15.855 13.5121 15.9345 13.545 15.9931 13.6037C16.0517 13.6623 16.0846 13.7417 16.0846 13.8246C16.0846 13.9075 16.0517 13.987 15.9931 14.0456C15.9345 14.1042 15.855 14.1371 15.7721 14.1371H14.7155C14.6326 14.1371 14.5531 14.1042 14.4945 14.0456C14.4359 13.987 14.403 13.9075 14.403 13.8246V7.78296C14.403 7.70008 14.4359 7.62059 14.4945 7.56199C14.5531 7.50338 14.6326 7.47046 14.7155 7.47046H17.3334C17.4744 7.47039 17.6128 7.50797 17.7344 7.57932C17.856 7.65066 17.9563 7.75319 18.025 7.87629L19.7163 10.9096C19.8771 11.1983 19.9615 11.5233 19.9617 11.8538V13.5996C19.9615 13.7418 19.9049 13.878 19.8044 13.9786C19.7039 14.0791 19.5676 14.1357 19.4255 14.1359Z" fill="white"></path>
1281                        <path d="M6.74295 14.1359H3.7467C3.66382 14.1359 3.58434 14.103 3.52573 14.0443C3.46713 13.9857 3.4342 13.9063 3.4342 13.8234V11.42C3.4342 11.3372 3.46713 11.2577 3.52573 11.1991C3.58434 11.1405 3.66382 11.1075 3.7467 11.1075C3.82958 11.1075 3.90907 11.1405 3.96768 11.1991C4.02628 11.2577 4.0592 11.3372 4.0592 11.42V13.5109H6.74295C6.82583 13.5109 6.90532 13.5438 6.96392 13.6024C7.02253 13.661 7.05545 13.7405 7.05545 13.8234C7.05545 13.9063 7.02253 13.9857 6.96392 14.0443C6.90532 14.103 6.82583 14.1359 6.74295 14.1359Z" fill="white"></path>
1282                        <path d="M3.7467 10.3112C3.66382 10.3112 3.58434 10.2783 3.52573 10.2197C3.46713 10.1611 3.4342 10.0816 3.4342 9.99872V7.90039C3.4342 7.81751 3.46713 7.73802 3.52573 7.67942C3.58434 7.62081 3.66382 7.58789 3.7467 7.58789C3.82958 7.58789 3.90907 7.62081 3.96768 7.67942C4.02628 7.73802 4.0592 7.81751 4.0592 7.90039V9.99997C4.05887 10.0826 4.0258 10.1618 3.96723 10.2201C3.90867 10.2785 3.82937 10.3112 3.7467 10.3112Z" fill="white"></path>
1283                        <path d="M14.7155 14.1359H9.5417C9.45882 14.1359 9.37934 14.1029 9.32073 14.0443C9.26213 13.9857 9.2292 13.9062 9.2292 13.8234C9.2292 13.7405 9.26213 13.661 9.32073 13.6024C9.37934 13.5438 9.45882 13.5109 9.5417 13.5109H14.403V5.33545H4.0592V6.62253C4.0592 6.70541 4.02628 6.7849 3.96768 6.8435C3.90907 6.90211 3.82958 6.93503 3.7467 6.93503C3.66382 6.93503 3.58434 6.90211 3.52573 6.8435C3.46713 6.7849 3.4342 6.70541 3.4342 6.62253V5.27795C3.43442 5.12743 3.49434 4.98315 3.60081 4.87676C3.70728 4.77037 3.85161 4.71056 4.00212 4.71045H14.4605C14.6109 4.71067 14.7551 4.77053 14.8615 4.87691C14.9679 4.98329 15.0277 5.12751 15.028 5.27795V13.8234C15.028 13.9062 14.995 13.9857 14.9364 14.0443C14.8778 14.1029 14.7983 14.1359 14.7155 14.1359Z" fill="white"></path>
1284                        <path d="M4.98212 11.7325H1.01587C0.932989 11.7325 0.853503 11.6996 0.794898 11.641C0.736293 11.5824 0.703369 11.5029 0.703369 11.42C0.703369 11.3372 0.736293 11.2577 0.794898 11.1991C0.853503 11.1405 0.932989 11.1075 1.01587 11.1075H4.98212C5.065 11.1075 5.14448 11.1405 5.20309 11.1991C5.2617 11.2577 5.29462 11.3372 5.29462 11.42C5.29462 11.5029 5.2617 11.5824 5.20309 11.641C5.14448 11.6996 5.065 11.7325 4.98212 11.7325Z" fill="white"></path>
1285                        <path d="M8.14249 10.3113H2.60791C2.52503 10.3113 2.44554 10.2784 2.38694 10.2198C2.32833 10.1611 2.29541 10.0817 2.29541 9.99878C2.29541 9.9159 2.32833 9.83641 2.38694 9.77781C2.44554 9.7192 2.52503 9.68628 2.60791 9.68628H8.14249C8.22537 9.68628 8.30486 9.7192 8.36347 9.77781C8.42207 9.83641 8.45499 9.9159 8.45499 9.99878C8.45499 10.0817 8.42207 10.1611 8.36347 10.2198C8.30486 10.2784 8.22537 10.3113 8.14249 10.3113Z" fill="white"></path>
1286                        <path d="M2.43579 8.66125H0.274536C0.191656 8.66125 0.11217 8.62833 0.0535653 8.56973C-0.00503986 8.51112 -0.0379639 8.43164 -0.0379639 8.34875C-0.0379639 8.26587 -0.00503986 8.18639 0.0535653 8.12778C0.11217 8.06918 0.191656 8.03625 0.274536 8.03625H2.43579C2.51867 8.03625 2.59815 8.06918 2.65676 8.12778C2.71536 8.18639 2.74829 8.26587 2.74829 8.34875C2.74829 8.43164 2.71536 8.51112 2.65676 8.56973C2.59815 8.62833 2.51867 8.66125 2.43579 8.66125Z" fill="white"></path>
1287                        <path d="M5.9013 6.93506H2.0863C2.00342 6.93506 1.92394 6.90213 1.86533 6.84353C1.80673 6.78492 1.7
1287738 6.70544 1.7738 6.62256C1.7738 6.53968 1.80673 6.46019 1.86533 6.40159C1.92394 6.34298 2.00342 6.31006 2.0863 6.31006H5.9013C5.98418 6.31006 6.06367 6.34298 6.12227 6.40159C6.18088 6.46019 6.2138 6.53968 6.2138 6.62256C6.2138 6.70544 6.18088 6.78492 6.12227 6.84353C6.06367 6.90213 5.98418 6.93506 5.9013 6.93506Z" fill="white"></path>
1288                    </g><defs><clippath id="clip0_4566_28"><rect width="20" height="20" fill="white"></rect></clippath></defs>
1289                </svg>
1290          
1291        </div>
1292
1293        <div class="tbf-text">
1294          <p>Fast delivery: 1–3 business days</p>
1295        </div>
1296      </div>
1297    
1298  </div>
1299</div>
1300</div><header id="shopify-section-sections--18553034309711__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style>
1301  :root {
1302    --header-is-sticky: 1;
1303  }
1304
1305  #shopify-section-sections--18553034309711__header {
1306    --header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
1307    --header-padding-block: 1rem;
1308    --header-transparent-header-text-color: 255 255 255;
1309    --header-separation-border-color: 0 0 0 / 0;
1310
1311    position: relative;
1312    z-index: 5;
1313  }
1314
1315  @media screen and (min-width: 700px) {
1316    #shopify-section-sections--18553034309711__header {
1317      --header-padding-block: 1.6rem;
1318    }
1319  }
1320
1321  @media screen and (min-width: 1000px) {
1322    #shopify-section-sections--18553034309711__header {--header-grid: ". logo secondary-nav" "primary-nav primary-nav primary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);}
1323  }#shopify-section-sections--18553034309711__header {
1324      position: sticky;
1325      top: 0;
1326    }
1327
1328    .shopify-section--announcement-bar ~ #shopify-section-sections--18553034309711__header {
1329      top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px));
1330    }#shopify-section-sections--18553034309711__header {
1331      --header-logo-width: 120px;
1332      --header-logo-height: 30px;
1333    }
1334
1335    @media screen and (min-width: 700px) {
1336      #shopify-section-sections--18553034309711__header {
1337        --header-logo-width: 165px;
1338        --header-logo-height: 41px;
1339      }
1340    }</style>
1341
1342<height-observer variable="header">
1343  <x-header class="header">
1344      <a href="/" class="header__logo"><span class="sr-only">Dr.Stine</span><img src="//drstine.com/cdn/shop/files/Dr.Stine_Logo_Flagg.png?v=1718367729&amp;width=2122" alt="" srcset="//drstine.com/cdn/shop/files/Dr.Stine_Logo_Flagg.png?v=1718367729&amp;width=330 330w, //drstine.com/cdn/shop/files/Dr.Stine_Logo_Flagg.png?v=1718367729&amp;width=495 495w" width="2122" height="527" sizes="165px" class="header__logo-image"></a>
1345    
1346<nav class="header__primary-nav header__primary-nav--center" aria-label="Primary navigation">
1347        <button type="button" aria-controls="sidebar-menu" class="menu-hidden-desktop tw-gap-[2px] tw-flex tw-justify-center tw-items-center tw-flex-col">
1348          <span class="sr-only">Menu</span><svg
1349      aria-hidden="true"
1350      fill="none"
1351      focusable="false"
1352      width="24"
1353      class="header__nav-icon icon icon-hamburger"
1354      viewBox="0 0 24 24"
1355    >
1356      <path d="M1 19h22M1 12h22M1 5h22" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
1357    </svg><span class="tw-text-[0.65rem] tw-font-bold tw-text-[#545454] tw-flex tw-justify-center tw-items-center tw-text-center link-faded menu-hidden-desktop">Menu</span>
1358        </button>
1359
1360        <style>
1361        @media screen and (min-width: 1000px){
1362          .menu-hidden-desktop{
1363            display: none;
1364          }
1365        }
1366        </style><ul class="contents unstyled-list md-max:hidden">
1367
1368              <li class="header__primary-nav-item" data-title="SKINCARE"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
1369                    <summary data-follow-link="/collections/all-products" class="h6">SKINCARE</summary><div
1370  class="mega-menu "
1371  
1372><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
1373          <a href="/collections/all" class="h6">All products</a></li><li class="v-stack justify-items-start gap-5">
1374          <a href="/products/superfood-multipurpose-vitamin-face-gel" class="h6">Serum</a></li><li class="v-stack justify-items-start gap-5">
1375          <a href="/collections/rynkekrem-ansiktskrem" class="h6">Wrinkle cream / Face cream</a></li><li class="v-stack justify-items-start gap-5">
1376          <a href="/products/wash" class="h6">Facial cleanser</a></li><li class="v-stack justify-items-start gap-5">
1377          <a href="/collections/hudpleiesett" class="h6">Skincare set</a></li><li class="v-stack justify-items-start gap-5">
1378          <a href="/pages/order-free-samples" class="h6">Get free samples</a></li></ul><div class="mega-menu__promo"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=315 315w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=630 630w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">SKIN CARE SET</p><p class="smallcaps text-xs text-subdued">buy our gift boxes and get a discount</p></div></a><a href="/products/superfood-multipurpose-vitamin-face-gel" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=315 315w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=630 630w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">BEST SELLER</p><p class="smallcaps text-xs text-subdued">SUPERFOOD multipurpose vitamin face gel</p></div></a></div></div>
1379</details></li>
1380
1381              <li class="header__primary-nav-item" data-title="SKIN TYPE"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
1382                    <summary data-follow-link="/pages/skin-types" class="h6">SKIN TYPE</summary><div
1383  class="mega-menu "
1384  
1385><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
1386          <a href="/pages/combination-skin" class="h6">Combination skin</a></li><li class="v-stack justify-items-start gap-5">
1387          <a href="/pages/normal-skin" class="h6">Normal skin</a></li><li class="v-stack justify-items-start gap-5">
1388          <a href="/pages/dry-skin" class="h6">Dry Skin</a></li><li class="v-stack justify-items-start gap-5">
1389          <a href="/pages/oily-skin" class="h6">Oily skin</a></li><li class="v-stack justify-items-start gap-5">
1390          <a href="/pages/sensitive-skin" class="h6">Sensitive skin</a></li><li class="v-stack justify-items-start gap-5">
1391          <a href="/pages/adult-skin" class="h6">Mature skin</a></li><li class="v-stack justify-items-start gap-5">
1392          <a href="/pages/large-pores" class="h6">Large pores</a></li><li class="v-stack justify-items-start gap-5">
1393          <a href="/pages/pigment-spots" class="h6">Pigment spots</a></li><li class="v-stack justify-items-start gap-5">
1394          <a href="/pages/eczema" class="h6">Eczema</a></li><li class="v-stack justify-items-start gap-5">
1395          <a href="/pages/adult-acne" class="h6">Adult acne</a></li><li class="v-stack justify-items-start gap-5">
1396          <a href="/pages/safe-products-for-pregnant-women" class="h6">Safe products for pregnant women</a></li></ul><div class="mega-menu__promo"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=315 315w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=630 630w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">SKIN CARE SET</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=315 315w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=630 630w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div>
1397</details></li>
1398
1399              <li class="header__primary-nav-item" data-title="ALL PRODUCTS"><a href="/collections/all-products" class="block h6" >ALL PRODUCTS</a></li>
1400
1401              <li class="header__primary-nav-item" data-title="SUBSCRIPTION"><a href="/collections/subscriptions" class="block h6" >SUBSCRIPTION</a></li>
1402
1403              <li class="header__primary-nav-item" data-title="ABOUT US"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
1404                    <summary data-follow-link="/pages/our-history" class="h6">ABOUT US</summary><div
1405  class="mega-menu "
1406  
1407><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
1408          <a href="/pages/our-history" class="h6">Our history</a></li><li class="v-stack justify-items-start gap-5">
1409          <a href="/pages/reviews" class="h6">Reviews</a></li><li class="v-stack justify-items-start gap-5">
1410          <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="h6">Frequently asked questions</a></li><li class="v-stack justify-items-start gap-5">
1411          <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="h6">Contact</a></li></ul><div class="mega-menu__promo"><a href="/collections/all" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=315 315w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=630 630w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">ALL PRODUCTS</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=315 315w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=630 630w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div>
1412</details></li>
1413
1414              <li class="header__primary-nav-item" data-title="CLINICAL STUDIES"><a href="/pages/clinical-studies" class="block h6" >CLINICAL STUDIES</a></li></ul></nav><nav class="header__secondary-nav" aria-label="Secondary navigation"><a href="/account" class="sm-max:hidden">
1415          <span class="sr-only">Open account page</span><svg
1416      aria-hidden="true"
1417      fill="none"
1418      focusable="false"
1419      width="24"
1420      class="header__nav-icon icon icon-account"
1421      viewBox="0 0 24 24"
1422    >
1423      <path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1424      <path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
1425    </svg></a><a class="tw-flex tw-justify-center tw-items-center tw-flex-col tw-gap-[2px]" href="/search" aria-controls="header-search-sections--18553034309711__header">
1426          <span class="sr-only">Search</span><svg
1427      aria-hidden="true"
1428      fill="none"
1429      focusable="false"
1430      width="24"
1431      class="header__nav-icon icon icon-search"
1432      viewBox="0 0 24 24"
1433    >
1434      <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
1435      <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
1436    </svg><span class="tw-text-[0.65rem] tw-font-bold tw-text-[#545454] tw-flex tw-justify-center tw-items-center tw-text-center link-faded menu-hidden-desktop">Search</span></a><a id="cart_trigger" href="/cart" class="relative tw-gap-[2px] tw-flex tw-justify-center tw-items-center tw-flex-col" aria-controls="cart-drawer">
1437        <span class="sr-only">Cart</span><svg
1438      aria-hidden="true"
1439      fill="none"
1440      focusable="false"
1441      width="24"
1442      class="header__nav-icon icon icon-cart"
1443      viewBox="0 0 24 24"
1444    ><path d="M2 10h20l-4 11H6L2 10Zm14-3a4 4 0 0 0-8 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="tw-text-[0.65rem] tw-font-bold tw-text-[#545454] tw-flex tw-justify-center tw-items-center tw-text-center link-faded menu-hidden-desktop">Cart </span><cart-dot class="header__cart-dot  "></cart-dot>
1445      </a>
1446    </nav><header-search id="header-search-sections--18553034309711__header" class="header-search">
1447  <div class="container">
1448    <form
1449      id="predictive-search-form"
1450      action="/search"
1451      method="GET"
1452      aria-owns="header-predictive-search"
1453      class="header-search__form"
1454      role="search"
1455    >
1456      <div class="header-search__form-control"><svg
1457      aria-hidden="true"
1458      fill="none"
1459      focusable="false"
1460      width="20"
1461      class="icon icon-search"
1462      viewBox="0 0 24 24"
1463    >
1464      <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
1465      <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
1466    </svg><input
1467          type="search"
1468          name="q"
1469          spellcheck="false"
1470          class="header-search__input h5 sm:h4"
1471          aria-label="Search"
1472          placeholder="Search for..."
1473        >
1474        <button type="button" is="dialog-close-button">
1475          <span class="sr-only">Close</span><svg
1476      aria-hidden="true"
1477      focusable="false"
1478      fill="none"
1479      width="16"
1480      class="icon icon-close"
1481      viewBox="0 0 16 16"
1482    >
1483      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
1484    </svg>
1485
1486  </button>
1487      </div>
1488    </form>
1489
1490    <predictive-search id="header-predictive-search" class="predictive-search">
1491      <div class="predictive-search__content" slot="results"></div>
1492    </predictive-search>
1493  </div>
1494</header-search>
1495
1496
1497<template id="header-sidebar-template">
1498  <div part="base">
1499    <div part="overlay"></div>
1500
1501    <div part="content">
1502      <header part="header">
1503        <button
1504          type="button"
1505          is="dialog-close-button"
1506          part="close-button tap-area"
1507          aria-label="Close"
1508        ><svg
1509      aria-hidden="true"
1510      focusable="false"
1511      fill="none"
1512      width="16"
1513      class="icon icon-close"
1514      viewBox="0 0 16 16"
1515    >
1516      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
1517    </svg>
1518
1519  </button>
1520      </header>
1521
1522      <div part="panel-list">
1523        <slot name="main-panel"></slot><slot name="collapsible-panel"></slot></div>
1524    </div>
1525  </div>
1526</template>
1527
1528<header-sidebar
1529  id="sidebar-menu"
1530  class="header-sidebar drawer drawer--sm"
1531  template="header-sidebar-template"
1532  open-from="left"
1533><div class="header-sidebar__main-panel" slot="main-panel">
1534    <div class="header-sidebar__scroller">
1535      
1536        <div class="tw-w-full">
1537          <div class="tw-mb-2 tw-grid tw-h-full tw-grid-cols-2 tw-gap-4">
1538            
1539            
1540            
1541            
1542          </div>
1543        </div>
1544      
1545      <style>
1546        .image_size img {
1547          width: 100%;
1548          height: 100%;
1549          object-fit: cover;
1550          object-position: center;
1551          border-radius: 6.8px 6.8px 0 0;
1552        }
1553      </style>
1554
1555      <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><button
1556                type="button"
1557                class="header-sidebar__linklist-button h6"
1558                aria-controls="header-panel-1"
1559                aria-expanded="false"
1560              >SKINCARE<svg
1561      aria-hidden="true"
1562      focusable="false"
1563      fill="none"
1564      width="12"
1565      class="icon icon-chevron-right  icon--direction-aware"
1566      viewBox="0 0 10 10"
1567    >
1568      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
1569    </svg></button></li><li><button
1570                type="button"
1571                class="header-sidebar__linklist-button h6"
1572                aria-controls="header-panel-2"
1573                aria-expanded="false"
1574              >SKIN TYPE<svg
1575      aria-hidden="true"
1576      focusable="false"
1577      fill="none"
1578      width="12"
1579      class="icon icon-chevron-right  icon--direction-aware"
1580      viewBox="0 0 10 10"
1581    >
1582      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
1583    </svg></button></li><li><a
1584                href="/collections/all-products"
1585                class="header-sidebar__linklist-button h6"
1586              >ALL PRODUCTS</a></li><li><a
1587                href="/collections/subscriptions"
1588                class="header-sidebar__linklist-button h6"
1589              >SUBSCRIPTION</a></li><li><button
1590                type="button"
1591                class="header-sidebar__linklist-button h6"
1592                aria-controls="header-panel-5"
1593                aria-expanded="false"
1594              >ABOUT US<svg
1595      aria-hidden="true"
1596      focusable="false"
1597      fill="none"
1598      width="12"
1599      class="icon icon-chevron-right  icon--direction-aware"
1600      viewBox="0 0 10 10"
1601    >
1602      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
1603    </svg></button></li><li><a
1604                href="/pages/clinical-studies"
1605                class="header-sidebar__linklist-button h6"
1606              >CLINICAL STUDIES</a></li></ul>
1607    </div><div class="header-sidebar__footer"><a href="/account" class="text-with-icon smallcaps sm:hidden"><svg
1608      aria-hidden="true"
1609      fill="none"
1610      focusable="false"
1611      width="20"
1612      class="icon icon-account"
1613      viewBox="0 0 24 24"
1614    >
1615      <path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1616      <path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
1617    </svg>Account</a></div></div><header-sidebar-collapsible-panel class="header-sidebar__collapsible-panel" slot="collapsible-panel">
1618      <div class="header-sidebar__scroller"><div id="header-panel-1" class="header-sidebar__sub-panel" hidden>
1619              <button
1620                type="button"
1621                class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden"
1622                data-action="close-panel"
1623              ><svg
1624      aria-hidden="true"
1625      focusable="false"
1626      fill="none"
1627      width="12"
1628      class="icon icon-chevron-left  icon--direction-aware"
1629      viewBox="0 0 10 10"
1630    >
1631      <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/>
1632    </svg>SKINCARE</button>
1633
1634              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a
1635                        href="/collections/all"
1636                        class="header-sidebar__linklist-button h6"
1637                      >All products</a></li><li><a
1638                        href="/products/superfood-multipurpose-vitamin-face-gel"
1639                        class="header-sidebar__linklist-button h6"
1640                      >Serum</a></li><li><a
1641                        href="/collections/rynkekrem-ansiktskrem"
1642                        class="header-sidebar__linklist-button h6"
1643                      >Wrinkle cream / Face cream</a></li><li><a
1644                        href="/products/wash"
1645                        class="header-sidebar__linklist-button h6"
1646                      >Facial cleanser</a></li><li><a
1647                        href="/collections/hudpleiesett"
1648                        class="header-sidebar__linklist-button h6"
1649                      >Skincare set</a></li><li><a
1650                        href="/pages/order-free-samples"
1651                        class="header-sidebar__linklist-button h6"
1652                      >Get free samples</a></li></ul><div class="header-sidebar__promo scroll-area bleed md:unbleed"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=315 315w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=630 630w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">SKIN CARE SET</p><p class="smallcaps text-xs text-subdued">buy our gift boxes and get a discount</p></div></a><a href="/products/superfood-multipurpose-vitamin-face-gel" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=315 315w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=630 630w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">BEST SELLER</p><p class="smallcaps text-xs text-subdued">SUPERFOOD multipurpose vitamin face gel</p></div></a></div></div><div id="header-panel-2" class="header-sidebar__sub-panel" hidden>
1653              <button
1654                type="button"
1655                class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden"
1656                data-action="close-panel"
1657              ><svg
1658      aria-hidden="true"
1659      focusable="false"
1660      fill="none"
1661      width="12"
1662      class="icon icon-chevron-left  icon--direction-aware"
1663      viewBox="0 0 10 10"
1664    >
1665      <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/>
1666    </svg>SKIN TYPE</button>
1667
1668              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a
1669                        href="/pages/combination-skin"
1670                        class="header-sidebar__linklist-button h6"
1671                      >Combination skin</a></li><li><a
1672                        href="/pages/normal-skin"
1673                        class="header-sidebar__linklist-button h6"
1674                      >Normal skin</a></li><li><a
1675                        href="/pages/dry-skin"
1676                        class="header-sidebar__linklist-button h6"
1677                      >Dry Skin</a></li><li><a
1678                        href="/pages/oily-skin"
1679                        class="header-sidebar__linklist-button h6"
1680                      >Oily skin</a></li><li><a
1681                        href="/pages/sensitive-skin"
1682                        class="header-sidebar__linklist-button h6"
1683                      >Sensitive skin</a></li><li><a
1684                        href="/pages/adult-skin"
1685                        class="header-sidebar__linklist-button h6"
1686                      >Mature skin</a></li><li><a
1687                        href="/pages/large-pores"
1688                        class="header-sidebar__linklist-button h6"
1689                      >Large pores</a></li><li><a
1690                        href="/pages/pigment-spots"
1691                        class="header-sidebar__linklist-button h6"
1692                      >Pigment spots</a></li><li><a
1693                        href="/pages/eczema"
1694                        class="header-sidebar__linklist-button h6"
1695                      >Eczema</a></li><li><a
1696                        href="/pages/adult-acne"
1697                        class="header-sidebar__linklist-button h6"
1698                      >Adult acne</a></li><li><a
1699                        href="/pages/safe-products-for-pregnant-women"
1700                        class="header-sidebar__linklist-button h6"
1701                      >Safe products for pregnant women</a></li></ul><div class="header-sidebar__promo scroll-area bleed md:unbleed"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=315 315w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=630 630w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">SKIN CARE SET</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=315 315w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=630 630w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div><div id="header-panel-5" class="header-sidebar__sub-panel" hidden>
1702              <button
1703                type="button"
1704                class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden"
1705                data-action="close-panel"
1706              ><svg
1707      aria-hidden="true"
1708      focusable="false"
1709      fill="none"
1710      width="12"
1711      class="icon icon-chevron-left  icon--direction-aware"
1712      viewBox="0 0 10 10"
1713    >
1714      <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/>
1715    </svg>ABOUT US</button>
1716
1717              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a
1718                        href="/pages/our-history"
1719                        class="header-sidebar__linklist-button h6"
1720                      >Our history</a></li><li><a
1721                        href="/pages/reviews"
1722                        class="header-sidebar__linklist-button h6"
1723                      >Reviews</a></li><li><a
1724                        href="https://drstine-h0wvjqjppt9-copy.gorgias.help/"
1725                        class="header-sidebar__linklist-button h6"
1726                      >Frequently asked questions</a></li><li><a
1727                        href="https://drstine-h0wvjqjppt9-copy.gorgias.help/"
1728                        class="header-sidebar__linklist-button h6"
1729                      >Contact</a></li></ul><div class="header-sidebar__promo scroll-area bleed md:unbleed"><a href="/collections/all" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=315 315w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=630 630w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">ALL PRODUCTS</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=315 315w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=630 630w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&amp;width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div></div>
1730    </header-sidebar-collapsible-panel></header-sidebar>
1731</x-header>
1732</height-observer>
1733
1734<script>
1735  document.documentElement.style.setProperty('--header-height', `${Math.round(document.getElementById('shopify-section-sections--18553034309711__header').clientHeight)}px`);
1736</script>
1736
1737
1738</header>
1739<!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
1740<section id="shopify-section-sections--18553035292751__cart-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--cart-drawer"><div class="tw-opacity-0">
1741  <svg
1742  width="38"
1743  height="24"
1744  viewBox="0 0 38 24"
1745  fill="none"
1746  xmlns="http://www.w3.org/2000/svg"
1747  xmlns:xlink="http://www.w3.org/1999/xlink"
1748>
1749  <rect x="0.5" y="0.5" width="37" height="23" rx="3.5" fill="white" stroke="#F3F3F3"/>
1750  <rect x="1" y="7" width="36" height="9" fill="url(#pattern0)"/>
1751  <defs>
1752  <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
1753  <use xlink:href="#image0_1127_24" transform="matrix(0.0037037 0 0 0.0133333 -0.166667 -1.8)"/>
1754  </pattern>
1755  <image id="image0_1127_24" width="360" height="360" xlink:href="data:image/png;base64,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"/>
1756  </defs>
1757</svg>
1758
1759</div>
1760<cart-drawer
1761  id="cart-drawer"
1762  class="cart-drawer drawer !tw-w-full drawer--center-body"
1763  initial-focus="false"
1764  handle-editor-events
1765>
1766  <p class="h4" slot="header">Cart</p><p class="h5 text-center">Your cart is empty</p></cart-drawer>
1767
1768<style>
1769  #cart_upsell .ed_card {
1770    flex: 1 0 85% !important;
1771    height: 75px;
1772    align-items: center;
1773  }
1774</style>
1775
1776
1777</section>
1778<!-- END sections: overlay-group --><main id="main" class="anchor">
1779      <section id="shopify-section-template--18553038176335__204d5aaf-4579-4463-a4a5-9a09562fc9d0" class="shopify-section shopify-section--image-with-text-overlay"><style>
1780    #shopify-section-template--18553038176335__204d5aaf-4579-4463-a4a5-9a09562fc9d0 {--content-over-media-overlay: 0 0 0 / 0.0;--content-over-media-content-max-width: var(--container-md-max-width);
1781    }
1782  </style><div
1783    class=""
1784    
1785  >
1786    <image-with-text-overlay
1787      class="content-over-media content-over-media--auto"
1788      reveal-on-scroll="false"
1789    ><picture><source
1790              media="(max-width: 699px)"
1791              srcset="//drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=400 400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=600 600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=800 800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=1000 1000w"
1792              width="779"
1793              height="317"
1794            ><img src="//drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=5208" alt="" srcset="//drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=200 200w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=300 300w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=400 400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=500 500w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=600 600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=700 700w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=800 800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=900 900w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=1000 1000w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=1200 1200w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=1400 1400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=1600 1600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=1800 1800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=2000 2000w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=2200 2200w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=2400 2400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=2600 2600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=2800 2800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=3000 3000w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&amp;width=3200 3200w" width="5208" height="1458" loading="lazy" sizes="100vw"></picture><div
1795          class="content place-self-center text-center sm:place-self-center sm:text-center"
1796          style="--text-color: 84 84 84; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"
1797        >
1798          <div class="prose"><p class="h3" >
1799                      HUDPLEIEBLOGG
1800                    </p></div>
1801        </div></image-with-text-overlay>
1802  </div>
1803</section><section id="shopify-section-template--18553038176335__89632523-7602-4717-8edc-72a223aed0b5" class="shopify-section shopify-section--rich-text"><div class=" bordered-section">
1804    <div class="container container--sm">
1805      <div class="prose text-center"><p class="h6" >Hudpleie som skiller seg fra mengden</p><div ><p>Vi  setter stor ære i å dele vår kunnskap og innsikt om hudpleie, virkningsmekanismer og aktive ingredienser. <br/>På den måten kan du trygt velge riktige produkter til din hud.</p><p></p></div></div>
1806    </div>
1807  </div>
1808</section><section id="shopify-section-template--18553038176335__584ebd61-8405-42ff-9a86-e5b859ebabfb" class="shopify-section shopify-section--faq">
1809</section><section id="shopify-section-template--18553038176335__3e5710b3-8d17-41af-a4cc-ea04eea6fa1f" class="shopify-section shopify-section--text-with-icons"><div class="section-spacing section-spacing--tight bordered-section">
1810    <div class="container">
1811      <div class="v-stack gap-8"><div
1812            class="text-with-icons text-with-icons--stacked"
1813            role="region"
1814            style="--border-color: var(--text-color) / 0.15;"
1815          ><div class="text-with-icons__item is-selected " role="group" aria-label="Item 1 of 4" >
1816              <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><img src="//drstine.com/cdn/shop/files/lege4.png?v=1715762072&amp;width=1080" alt="" srcset="//drstine.com/cdn/shop/files/lege4.png?v=1715762072&amp;width=32 32w, //drstine.com/cdn/shop/files/lege4.png?v=1715762072&amp;width=64 64w" width="1080" height="1080" loading="lazy" sizes="32px" class="constrained-image" style="--image-mobile-max-width: 24px; --image-max-width: 32px"><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">UTVIKLET AV LEGER</p></div></div>
1817            </div><div class="text-with-icons__item  " role="group" aria-label="Item 2 of 4" >
1818              <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><img src="//drstine.com/cdn/shop/files/vegan.png?v=1715762038&amp;width=2926" alt="" srcset="//drstine.com/cdn/shop/files/vegan.png?v=1715762038&amp;width=56 56w, //drstine.com/cdn/shop/files/vegan.png?v=1715762038&amp;width=112 112w" width="2926" height="1462" loading="lazy" sizes="56px" class="constrained-image" style="--image-mobile-max-width: 24px; --image-max-width: 56px"><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">VEGANSK</p></div></div>
1819            </div><div class="text-with-icons__item  " role="group" aria-label="Item 3 of 4" >
1820              <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><div style="--border-color: var(--text-color) / 0.15;"><svg
1821      aria-hidden="true"
1822      focusable="false"
1823      fill="none"
1824      stroke-width="1.5"
1825      width="24"
1826      class="sm:hidden icon icon-picto-earth"
1827      viewBox="0 0 24 24"
1828    >
1829      <path clip-rule="evenodd" d="M12 23.25c6.213 0 11.25-5.037 11.25-11.25S18.213.75 12 .75.75 5.787.75 12 5.787 23.25 12 23.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1830      <path clip-rule="evenodd" d="M7.079 15.75a1.5 1.5 0 0 0 1.455-1.864l-.75-3A1.5 1.5 0 0 0 6.329 9.75H.976a11.246 11.246 0 0 0 4.016 11.042L6 15.75h1.079Zm13.906-10.5h-4.064a1.5 1.5 0 0 0-1.455 1.136l-.75 3a1.5 1.5 0 0 0 1.455 1.864h1.579l.791 4.75a1.5 1.5 0 0 0 1.48 1.253h1.925a11.2 11.2 0 0 0-.961-12V5.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1831    </svg><svg
1832      aria-hidden="true"
1833      focusable="false"
1834      fill="none"
1835      stroke-width="1.5"
1836      width="28"
1837      class="hidden sm:block icon icon-picto-earth"
1838      viewBox="0 0 24 24"
1839    >
1840      <path clip-rule="evenodd" d="M12 23.25c6.213 0 11.25-5.037 11.25-11.25S18.213.75 12 .75.75 5.787.75 12 5.787 23.25 12 23.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1841      <path clip-rule="evenodd" d="M7.079 15.75a1.5 1.5 0 0 0 1.455-1.864l-.75-3A1.5 1.5 0 0 0 6.329 9.75H.976a11.246 11.246 0 0 0 4.016 11.042L6 15.75h1.079Zm13.906-10.5h-4.064a1.5 1.5 0 0 0-1.455 1.136l-.75 3a1.5 1.5 0 0 0 1.455 1.864h1.579l.791 4.75a1.5 1.5 0 0 0 1.48 1.253h1.925a11.2 11.2 0 0 0-.961-12V5.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1842    </svg></div><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">PRODUSERT I SKANDINAVIA</p></div></div>
1843            </div><div class="text-with-icons__item  " role="group" aria-label="Item 4 of 4" >
1844              <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><div style="--border-color: var(--text-color) / 0.15;"><svg
1845      aria-hidden="true"
1846      focusable="false"
1847      fill="none"
1848      stroke-width="1.5"
1849      width="24"
1850      class="sm:hidden icon icon-picto-recycle"
1851      viewBox="0 0 24 24"
1852    >
1853      <path d="m18.344 9.2-3.8-6.682a3 3 0 0 0-5.2 0l-1.058 1.83M11.942 20.1H19.5a3 3 0 0 0 2.6-4.5l-1.3-2.25M5.594 8.848l-3.8 6.75a3 3 0 0 0 2.6 4.5h3.052" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1854      <path d="m14.942 17.098-3 3 3 3m4.5-18-1.098 4.098-4.098-1.098M1.496 9.946l4.098-1.098 1.098 4.098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1855    </svg><svg
1856      aria-hidden="true"
1857      focusable="false"
1858      fill="none"
1859      stroke-width="1.5"
1860      width="28"
1861      class="hidden sm:block icon icon-picto-recycle"
1862      viewBox="0 0 24 24"
1863    >
1864      <path d="m18.344 9.2-3.8-6.682a3 3 0 0 0-5.2 0l-1.058 1.83M11.942 20.1H19.5a3 3 0 0 0 2.6-4.5l-1.3-2.25M5.594 8.848l-3.8 6.75a3 3 0 0 0 2.6 4.5h3.052" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1865      <path d="m14.942 17.098-3 3 3 3m4.5-18-1.098 4.098-4.098-1.098M1.496 9.946l4.098-1.098 1.098 4.098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1866    </svg></div><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">TUBE AV RESIRKULERT PLAST</p></div></div>
1867            </div></div></div>
1868    </div>
1869  </div>
1870</section><section id="shopify-section-template--18553038176335__main" class="shopify-section shopify-section--main-blog"><div class="section-spacing section-spacing--tight"><div class="container container--lg">
1871      <div class="section-stack"><div class="v-stack gap-8 sm:gap-12"><blog-posts
1872              class="blog-post-list"
1873              
1874                reveal-on-scroll="true"
1875              
1876            ><div class="blog-post-card group snap-center"><a href="/blogs/news/enkel-og-effektiv-sommer-hudpleierutine" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=1800" alt="Simple and effective summer skincare routine" srcset="//drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=300 300w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=400 400w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=500 500w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=600 600w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=800 800w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=1000 1000w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=1200 1200w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=1400 1400w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=1600 1600w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&amp;width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p>
1877        <a href="/blogs/news/enkel-og-effektiv-sommer-hudpleierutine" class="blog-post-card__title h4">Simple and effective summer skincare routine</a>
1878      </p><p class="blog-post-card__excerpt">
1879
1880
1881
1882
1883
1884
1885There are many more fun things to do on your vacation than your skincare routine. It can be tempting to skip your evening care, but read this before you do:
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898Throughout the day, w...</p><a href="/blogs/news/enkel-og-effektiv-sommer-hudpleierutine" class="blog-post-card__read-more link">Read more</a></div>
1899</div>
1900<div class="blog-post-card group snap-center"><a href="/blogs/news/sommerhud-elsker-denne-ingrediensen-niacinamid" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=1800" alt="Summer skin loves this ingredient – Niacinamide" srcset="//drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=300 300w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=400 400w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=500 500w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=600 600w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=800 800w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=1000 1000w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=1200 1200w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=1400 1400w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=1600 1600w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&amp;width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p>
1901        <a href="/blogs/news/sommerhud-elsker-denne-ingrediensen-niacinamid" class="blog-post-card__title h4">Summer skin loves this ingredient – Niacinamide</a>
1902      </p><p class="blog-post-card__excerpt">
1903
1904
1905
1906
1907
1908You have probably heard about Niacinamide before – it is a fantastic ingredient that does a lot of good for our skin.
1909
1910
1911
1912
1913In the summer, the skin is constantly exposed to influences. UV rays ...</p><a href="/blogs/news/sommerhud-elsker-denne-ingrediensen-niacinamid" class="blog-post-card__read-more link">Read more</a></div>
1914</div>
1915<div class="blog-post-card group snap-center"><a href="/blogs/news/anti-age-til-menn" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=1800" alt="Anti-aging for men" srcset="//drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=300 300w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=400 400w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=500 500w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=600 600w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=800 800w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=1000 1000w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=1200 1200w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=1400 1400w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=1600 1600w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&amp;width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p>
1916        <a href="/blogs/news/anti-age-til-menn" class="blog-post-card__title h4">Anti-aging for men</a>
1917      </p><p class="blog-post-card__excerpt">Dr. Ankerstjerne makes advanced skincare easy to use – even for men. One or two skincare products in your skincare routine is all you need.
1918
1919
1920
1921
1922
1923
1924Are you a man looking to use skincare products that...</p><a href="/blogs/news/anti-age-til-menn" class="blog-post-card__read-more link">Read more</a></div>
1925</div>
1926<div class="blog-post-card group snap-center"><a href="/blogs/news/hvordan-unngar-du-pigmentflekker" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=1800" alt="How to avoid pigmentation spots?" srcset="//drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=300 300w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=400 400w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=500 500w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=600 600w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=800 800w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=1000 1000w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=1200 1200w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=1400 1400w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=1600 1600w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&amp;width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p>
1927        <a href="/blogs/news/hvordan-unngar-du-pigmentflekker" class="blog-post-card__title h4">How to avoid pigmentation spots?</a>
1928      </p><p class="blog-post-card__excerpt">
1929
1930
1931Tips for preventing pigmentation spots:
1932
1933
1934
1935
1936Fortunately, pigmentation spots can be prevented to some extent, and sun protection is the best preventive measure.
1937
1938
1939
1940
194101 
1942
1943
1944
1945
1946Use high SPF every day...</p><a href="/blogs/news/hvordan-unngar-du-pigmentflekker" class="blog-post-card__read-more link">Read more</a></div>
1947</div>
1948<div class="blog-post-card group snap-center"><a href="/blogs/news/5-tips-som-forebygger-rynker" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=1800" alt="5 tips som forebygger rynker" srcset="//drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=300 300w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=400 400w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=500 500w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=600 600w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=800 800w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=1000 1000w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=1200 1200w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=1400 1400w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=1600 1600w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&amp;width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p>
1949        <a href="/blogs/news/5-tips-som-forebygger-rynker" class="blog-post-card__title h4">5 tips som forebygger rynker</a>
1950      </p><p class="blog-post-card__excerpt">
1951
1952
1953
1954
1955
1956
1957Disse simple tips hjælper dig med at forebygge rynker. Bruger du solbeskyttelse året rundt? Så er du langt på vej. Der er selvfølgelig mange andre tiltag, der forebygger tidlig aldring, men ...</p><a href="/blogs/news/5-tips-som-forebygger-rynker" class="blog-post-card__read-more link">Read more</a></div>
1958</div>
1959</blog-posts></div>
1960      </div>
1961    </div></div>
1962
1963
1964</section>
1965    </main><!-- BEGIN sections: footer-group -->
1966<div id="shopify-section-sections--18553034244175__48297610-2888-4bc5-af9c-7014a8f88a97" class="shopify-section shopify-section-group-footer-group"><link href="//drstine.com/cdn/shop/t/40/assets/custom-carousel.css?v=89766270549836055911764647471" rel="stylesheet" type="text/css" media="all" />
1967
1968
1969
1970
1971
1972<section style="background-color: #f9f9f9" class="tw-py-8">
1973    <div class="tw-mx-auto tw-max-w-[1150px] tw-relative">
1974        
1975            <h2 class="tw-text-center tw-text-black tw-mb-5 tw-font-bold"><i class="tw-not-italic tw-bg-[#a5dcc4] tw-p-1">4,4 out of 5</i> from 700+ reviews</h2>
1976        
1977
1978
1979
1980
1981        
1982      <custom-carousel class="testimonial-slider carousel-wrapper">
1983      <div class="carousel tw-scroll-smooth  tw-grid tw-grid-flow-col tw-auto-cols-[100%] sm:tw-auto-cols-[calc((100%_/_2)_-_9px)] md:tw-auto-cols-[calc((100%_/_3)_-_9px)] tw-gap-[12px] tw-overflow-hidden">
1984        
1985        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
1986
1987      
1988        <div class="!tw-flex !tw-justify-between !tw-items-center">
1989        
1990          <p class="tw-font-bold tw-text-[14px]" style="color:">
1991            Ann Kristin
1992          </p>
1993        
1994        
1995          <p>
1996            12/12/2023
1997          </p>						
1998        
1999      </div>
2000
2001      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2002        <span class="tw-line-clamp-3">Delicious products, packaged delicately and precise delivery :)</span>
2003        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2004      </div>
2005        <dialog class="my_modal tw-max-w-[500px]">
2006          <div class="modal-box tw-p-3">
2007            
2008            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2009              <h3 class="font-bold text-lg">Ann Kristin</h3>
2010              <p class="py-4">12/12/2023</p>
2011            </div>
2012            
2013            <div class="modal-action">
2014              <form method="dialog tw-w-full">
2015                <p class="tw-mb-3">Delicious products, packaged delicately and precise delivery :)</p>
2016                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2017                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2018                      <g id="Layer_1-2" data-name="Layer 1">
2019                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2020                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2021                      </g>
2022                    </svg>
2023                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2024                      <g id="Layer_1-2" data-name="Layer 1">
2025                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2026                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2027                      </g>
2028                    </svg>
2029                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2030                      <g id="Layer_1-2" data-name="Layer 1">
2031                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2032                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2033                      </g>
2034                    </svg>
2035                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2036                      <g id="Layer_1-2" data-name="Layer 1">
2037                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2038                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2039                      </g>
2040                    </svg>
2041                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2042                      <g id="Layer_1-2" data-name="Layer 1">
2043                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2044                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2045                      </g>
2046                    </svg>
2047                  </div>
2048                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2049              </form>
2050            </div>
2051          </div>
2052        </dialog>
2053
2054      
2054<script>
2055        var modaleBtns = document.querySelectorAll(".modaleBtns");
2056        var closeBtns = document.querySelectorAll(".closeBtns");
2057
2058        // Open the modal
2059        for ( var modaleBtn in modaleBtns ) {
2060          modaleBtns[modaleBtn].onclick = function() {
2061            let parent = this.closest('.carousel-card')
2062            let modal = parent.querySelector('.my_modal')
2063            modal.showModal();
2064          }
2065        }
2066
2067        // Close the modal
2068        for ( var closeBtn in closeBtns ) {
2069          closeBtns[closeBtn].onclick = function() {
2070            let parent = this.closest('.carousel-card')
2071            let modal = parent.querySelector('.my_modal')
2072            modal.close();
2073          }
2074        }
2075        
2076        // Close the modal by clicking Escape
2077        document.addEventListener("keydown", function (event) {
2078          if (event.key === "Escape") {
2079            closeModal();
2080          }
2081        });
2082      </script>
2082
2083
2084<div class="tw-flex tw-justify-start tw-gap-0.5">
2085  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2086    <g id="Layer_1-2" data-name="Layer 1">
2087      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2088      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2089    </g>
2090  </svg>
2091  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2092    <g id="Layer_1-2" data-name="Layer 1">
2093      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2094      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2095    </g>
2096  </svg>
2097  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2098    <g id="Layer_1-2" data-name="Layer 1">
2099      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2100      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2101    </g>
2102  </svg>
2103  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2104    <g id="Layer_1-2" data-name="Layer 1">
2105      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2106      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2107    </g>
2108  </svg>
2109  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2110    <g id="Layer_1-2" data-name="Layer 1">
2111      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2112      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2113    </g>
2114  </svg>
2115</div>
2116
2117    </div>
2118    
2119        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2120
2121      
2122        <div class="!tw-flex !tw-justify-between !tw-items-center">
2123        
2124          <p class="tw-font-bold tw-text-[14px]" style="color:">
2125            Anne Helen Welle
2126          </p>
2127        
2128        
2129          <p>
2130            08/10/2024
2131          </p>						
2132        
2133      </div>
2134
2135      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2136        <span class="tw-line-clamp-3">Fantastic facial cream.</span>
2137        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2138      </div>
2139        <dialog class="my_modal tw-max-w-[500px]">
2140          <div class="modal-box tw-p-3">
2141            
2142            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2143              <h3 class="font-bold text-lg">Anne Helen Welle</h3>
2144              <p class="py-4">08/10/2024</p>
2145            </div>
2146            
2147            <div class="modal-action">
2148              <form method="dialog tw-w-full">
2149                <p class="tw-mb-3">Fantastic facial cream.</p>
2150                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2151                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2152                      <g id="Layer_1-2" data-name="Layer 1">
2153                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2154                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2155                      </g>
2156                    </svg>
2157                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2158                      <g id="Layer_1-2" data-name="Layer 1">
2159                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2160                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2161                      </g>
2162                    </svg>
2163                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2164                      <g id="Layer_1-2" data-name="Layer 1">
2165                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2166                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2167                      </g>
2168                    </svg>
2169                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2170                      <g id="Layer_1-2" data-name="Layer 1">
2171                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2172                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2173                      </g>
2174                    </svg>
2175                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2176                      <g id="Layer_1-2" data-name="Layer 1">
2177                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2178                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2179                      </g>
2180                    </svg>
2181                  </div>
2182                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2183              </form>
2184            </div>
2185          </div>
2186        </dialog>
2187
2188      
2188<script>
2189        var modaleBtns = document.querySelectorAll(".modaleBtns");
2190        var closeBtns = document.querySelectorAll(".closeBtns");
2191
2192        // Open the modal
2193        for ( var modaleBtn in modaleBtns ) {
2194          modaleBtns[modaleBtn].onclick = function() {
2195            let parent = this.closest('.carousel-card')
2196            let modal = parent.querySelector('.my_modal')
2197            modal.showModal();
2198          }
2199        }
2200
2201        // Close the modal
2202        for ( var closeBtn in closeBtns ) {
2203          closeBtns[closeBtn].onclick = function() {
2204            let parent = this.closest('.carousel-card')
2205            let modal = parent.querySelector('.my_modal')
2206            modal.close();
2207          }
2208        }
2209        
2210        // Close the modal by clicking Escape
2211        document.addEventListener("keydown", function (event) {
2212          if (event.key === "Escape") {
2213            closeModal();
2214          }
2215        });
2216      </script>
2216
2217
2218<div class="tw-flex tw-justify-start tw-gap-0.5">
2219  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2220    <g id="Layer_1-2" data-name="Layer 1">
2221      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2222      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2223    </g>
2224  </svg>
2225  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2226    <g id="Layer_1-2" data-name="Layer 1">
2227      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2228      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2229    </g>
2230  </svg>
2231  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2232    <g id="Layer_1-2" data-name="Layer 1">
2233      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2234      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2235    </g>
2236  </svg>
2237  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2238    <g id="Layer_1-2" data-name="Layer 1">
2239      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2240      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2241    </g>
2242  </svg>
2243  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2244    <g id="Layer_1-2" data-name="Layer 1">
2245      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2246      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2247    </g>
2248  </svg>
2249</div>
2250
2251    </div>
2252    
2253        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2254
2255      
2256        <div class="!tw-flex !tw-justify-between !tw-items-center">
2257        
2258          <p class="tw-font-bold tw-text-[14px]" style="color:">
2259            Anne-Lise
2260          </p>
2261        
2262        
2263          <p>
2264            04/12/2023
2265          </p>						
2266        
2267      </div>
2268
2269      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2270        <span class="tw-line-clamp-3">The products work, and very good service is provided 😊</span>
2271        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2272      </div>
2273        <dialog class="my_modal tw-max-w-[500px]">
2274          <div class="modal-box tw-p-3">
2275            
2276            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2277              <h3 class="font-bold text-lg">Anne-Lise</h3>
2278              <p class="py-4">04/12/2023</p>
2279            </div>
2280            
2281            <div class="modal-action">
2282              <form method="dialog tw-w-full">
2283                <p class="tw-mb-3">The products work, and very good service is provided 😊</p>
2284                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2285                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2286                      <g id="Layer_1-2" data-name="Layer 1">
2287                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2288                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2289                      </g>
2290                    </svg>
2291                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2292                      <g id="Layer_1-2" data-name="Layer 1">
2293                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2294                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2295                      </g>
2296                    </svg>
2297                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2298                      <g id="Layer_1-2" data-name="Layer 1">
2299                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2300                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2301                      </g>
2302                    </svg>
2303                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2304                      <g id="Layer_1-2" data-name="Layer 1">
2305                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2306                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2307                      </g>
2308                    </svg>
2309                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2310                      <g id="Layer_1-2" data-name="Layer 1">
2311                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2312                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2313                      </g>
2314                    </svg>
2315                  </div>
2316                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2317              </form>
2318            </div>
2319          </div>
2320        </dialog>
2321
2322      
2322<script>
2323        var modaleBtns = document.querySelectorAll(".modaleBtns");
2324        var closeBtns = document.querySelectorAll(".closeBtns");
2325
2326        // Open the modal
2327        for ( var modaleBtn in modaleBtns ) {
2328          modaleBtns[modaleBtn].onclick = function() {
2329            let parent = this.closest('.carousel-card')
2330            let modal = parent.querySelector('.my_modal')
2331            modal.showModal();
2332          }
2333        }
2334
2335        // Close the modal
2336        for ( var closeBtn in closeBtns ) {
2337          closeBtns[closeBtn].onclick = function() {
2338            let parent = this.closest('.carousel-card')
2339            let modal = parent.querySelector('.my_modal')
2340            modal.close();
2341          }
2342        }
2343        
2344        // Close the modal by clicking Escape
2345        document.addEventListener("keydown", function (event) {
2346          if (event.key === "Escape") {
2347            closeModal();
2348          }
2349        });
2350      </script>
2350
2351
2352<div class="tw-flex tw-justify-start tw-gap-0.5">
2353  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2354    <g id="Layer_1-2" data-name="Layer 1">
2355      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2356      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2357    </g>
2358  </svg>
2359  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2360    <g id="Layer_1-2" data-name="Layer 1">
2361      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2362      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2363    </g>
2364  </svg>
2365  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2366    <g id="Layer_1-2" data-name="Layer 1">
2367      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2368      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2369    </g>
2370  </svg>
2371  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2372    <g id="Layer_1-2" data-name="Layer 1">
2373      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2374      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2375    </g>
2376  </svg>
2377  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2378    <g id="Layer_1-2" data-name="Layer 1">
2379      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2380      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2381    </g>
2382  </svg>
2383</div>
2384
2385    </div>
2386    
2387        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2388
2389      
2390        <div class="!tw-flex !tw-justify-between !tw-items-center">
2391        
2392          <p class="tw-font-bold tw-text-[14px]" style="color:">
2393            Åshild
2394          </p>
2395        
2396        
2397          <p>
2398            14/12/2023
2399          </p>						
2400        
2401      </div>
2402
2403      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2404        <span class="tw-line-clamp-3">I like that the packaging of the products is simple and not overly fancy with unnecessary extra wrapping. The focus is on the quality of the product and not on how pretty the packaging is. Quick delivery and good customer service. I also like that they provide tips on new smart ways to use the products, such as when they gave a tip to use night cream as day cream in cold weather because it helps protect the skin.</span>
2405        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2406      </div>
2407        <dialog class="my_modal tw-max-w-[500px]">
2408          <div class="modal-box tw-p-3">
2409            
2410            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2411              <h3 class="font-bold text-lg">Åshild</h3>
2412              <p class="py-4">14/12/2023</p>
2413            </div>
2414            
2415            <div class="modal-action">
2416              <form method="dialog tw-w-full">
2417                <p class="tw-mb-3">I like that the packaging of the products is simple and not overly fancy with unnecessary extra wrapping. The focus is on the quality of the product and not on how pretty the packaging is. Quick delivery and good customer service. I also like that they provide tips on new smart ways to use the products, such as when they gave a tip to use night cream as day cream in cold weather because it helps protect the skin.</p>
2418                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2419                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2420                      <g id="Layer_1-2" data-name="Layer 1">
2421                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2422                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2423                      </g>
2424                    </svg>
2425                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2426                      <g id="Layer_1-2" data-name="Layer 1">
2427                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2428                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2429                      </g>
2430                    </svg>
2431                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2432                      <g id="Layer_1-2" data-name="Layer 1">
2433                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2434                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2435                      </g>
2436                    </svg>
2437                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2438                      <g id="Layer_1-2" data-name="Layer 1">
2439                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2440                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2441                      </g>
2442                    </svg>
2443                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2444                      <g id="Layer_1-2" data-name="Layer 1">
2445                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2446                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2447                      </g>
2448                    </svg>
2449                  </div>
2450                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2451              </form>
2452            </div>
2453          </div>
2454        </dialog>
2455
2456      
2456<script>
2457        var modaleBtns = document.querySelectorAll(".modaleBtns");
2458        var closeBtns = document.querySelectorAll(".closeBtns");
2459
2460        // Open the modal
2461        for ( var modaleBtn in modaleBtns ) {
2462          modaleBtns[modaleBtn].onclick = function() {
2463            let parent = this.closest('.carousel-card')
2464            let modal = parent.querySelector('.my_modal')
2465            modal.showModal();
2466          }
2467        }
2468
2469        // Close the modal
2470        for ( var closeBtn in closeBtns ) {
2471          closeBtns[closeBtn].onclick = function() {
2472            let parent = this.closest('.carousel-card')
2473            let modal = parent.querySelector('.my_modal')
2474            modal.close();
2475          }
2476        }
2477        
2478        // Close the modal by clicking Escape
2479        document.addEventListener("keydown", function (event) {
2480          if (event.key === "Escape") {
2481            closeModal();
2482          }
2483        });
2484      </script>
2484
2485
2486<div class="tw-flex tw-justify-start tw-gap-0.5">
2487  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2488    <g id="Layer_1-2" data-name="Layer 1">
2489      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2490      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2491    </g>
2492  </svg>
2493  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2494    <g id="Layer_1-2" data-name="Layer 1">
2495      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2496      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2497    </g>
2498  </svg>
2499  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2500    <g id="Layer_1-2" data-name="Layer 1">
2501      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2502      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2503    </g>
2504  </svg>
2505  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2506    <g id="Layer_1-2" data-name="Layer 1">
2507      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2508      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2509    </g>
2510  </svg>
2511  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2512    <g id="Layer_1-2" data-name="Layer 1">
2513      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2514      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2515    </g>
2516  </svg>
2517</div>
2518
2519    </div>
2520    
2521        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2522
2523      
2524        <div class="!tw-flex !tw-justify-between !tw-items-center">
2525        
2526          <p class="tw-font-bold tw-text-[14px]" style="color:">
2527            Bente
2528          </p>
2529        
2530        
2531          <p>
2532            11/11/2023
2533          </p>						
2534        
2535      </div>
2536
2537      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2538        <span class="tw-line-clamp-3">The service here is so good, if you have ordered a product that is not in stock, you will receive a clear and explicit message immediately by email about it, and when the expected delivery time is, and I like this... The products that are in stock are quickly sent and arrive very quickly, shipping costs for sample packages are a real price not overpriced with double as some other online stores do. And most importantly, the products are absolutely lovely and work quickly, you notice a difference in the skin after just one week, which is so incredibly fun after having had problem skin for a long time.</span>
2539        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2540      </div>
2541        <dialog class="my_modal tw-max-w-[500px]">
2542          <div class="modal-box tw-p-3">
2543            
2544            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2545              <h3 class="font-bold text-lg">Bente</h3>
2546              <p class="py-4">11/11/2023</p>
2547            </div>
2548            
2549            <div class="modal-action">
2550              <form method="dialog tw-w-full">
2551                <p class="tw-mb-3">The service here is so good, if you have ordered a product that is not in stock, you will receive a clear and explicit message immediately by email about it, and when the expected delivery time is, and I like this... The products that are in stock are quickly sent and arrive very quickly, shipping costs for sample packages are a real price not overpriced with double as some other online stores do. And most importantly, the products are absolutely lovely and work quickly, you notice a difference in the skin after just one week, which is so incredibly fun after having had problem skin for a long time.</p>
2552                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2553                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2554                      <g id="Layer_1-2" data-name="Layer 1">
2555                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2556                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2557                      </g>
2558                    </svg>
2559                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2560                      <g id="Layer_1-2" data-name="Layer 1">
2561                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2562                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2563                      </g>
2564                    </svg>
2565                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2566                      <g id="Layer_1-2" data-name="Layer 1">
2567                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2568                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2569                      </g>
2570                    </svg>
2571                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2572                      <g id="Layer_1-2" data-name="Layer 1">
2573                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2574                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2575                      </g>
2576                    </svg>
2577                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2578                      <g id="Layer_1-2" data-name="Layer 1">
2579                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2580                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2581                      </g>
2582                    </svg>
2583                  </div>
2584                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2585              </form>
2586            </div>
2587          </div>
2588        </dialog>
2589
2590      
2590<script>
2591        var modaleBtns = document.querySelectorAll(".modaleBtns");
2592        var closeBtns = document.querySelectorAll(".closeBtns");
2593
2594        // Open the modal
2595        for ( var modaleBtn in modaleBtns ) {
2596          modaleBtns[modaleBtn].onclick = function() {
2597            let parent = this.closest('.carousel-card')
2598            let modal = parent.querySelector('.my_modal')
2599            modal.showModal();
2600          }
2601        }
2602
2603        // Close the modal
2604        for ( var closeBtn in closeBtns ) {
2605          closeBtns[closeBtn].onclick = function() {
2606            let parent = this.closest('.carousel-card')
2607            let modal = parent.querySelector('.my_modal')
2608            modal.close();
2609          }
2610        }
2611        
2612        // Close the modal by clicking Escape
2613        document.addEventListener("keydown", function (event) {
2614          if (event.key === "Escape") {
2615            closeModal();
2616          }
2617        });
2618      </script>
2618
2619
2620<div class="tw-flex tw-justify-start tw-gap-0.5">
2621  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2622    <g id="Layer_1-2" data-name="Layer 1">
2623      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2624      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2625    </g>
2626  </svg>
2627  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2628    <g id="Layer_1-2" data-name="Layer 1">
2629      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2630      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2631    </g>
2632  </svg>
2633  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2634    <g id="Layer_1-2" data-name="Layer 1">
2635      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2636      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2637    </g>
2638  </svg>
2639  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2640    <g id="Layer_1-2" data-name="Layer 1">
2641      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2642      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2643    </g>
2644  </svg>
2645  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2646    <g id="Layer_1-2" data-name="Layer 1">
2647      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2648      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2649    </g>
2650  </svg>
2651</div>
2652
2653    </div>
2654    
2655        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2656
2657      
2658        <div class="!tw-flex !tw-justify-between !tw-items-center">
2659        
2660          <p class="tw-font-bold tw-text-[14px]" style="color:">
2661            Cathrine
2662          </p>
2663        
2664        
2665          <p>
2666            6/11/2023
2667          </p>						
2668        
2669      </div>
2670
2671      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2672        <span class="tw-line-clamp-3">I received a sample package in the mail with cleanser, day cream, and a gel. Very happy with all 3 products and definitely considering continuing when I run out of the products I currently use.</span>
2673        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2674      </div>
2675        <dialog class="my_modal tw-max-w-[500px]">
2676          <div class="modal-box tw-p-3">
2677            
2678            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2679              <h3 class="font-bold text-lg">Cathrine</h3>
2680              <p class="py-4">6/11/2023</p>
2681            </div>
2682            
2683            <div class="modal-action">
2684              <form method="dialog tw-w-full">
2685                <p class="tw-mb-3">I received a sample package in the mail with cleanser, day cream, and a gel. Very happy with all 3 products and definitely considering continuing when I run out of the products I currently use.</p>
2686                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2687                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2688                      <g id="Layer_1-2" data-name="Layer 1">
2689                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2690                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2691                      </g>
2692                    </svg>
2693                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2694                      <g id="Layer_1-2" data-name="Layer 1">
2695                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2696                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2697                      </g>
2698                    </svg>
2699                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2700                      <g id="Layer_1-2" data-name="Layer 1">
2701                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2702                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2703                      </g>
2704                    </svg>
2705                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2706                      <g id="Layer_1-2" data-name="Layer 1">
2707                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2708                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2709                      </g>
2710                    </svg>
2711                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2712                      <g id="Layer_1-2" data-name="Layer 1">
2713                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2714                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2715                      </g>
2716                    </svg>
2717                  </div>
2718                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2719              </form>
2720            </div>
2721          </div>
2722        </dialog>
2723
2724      
2724<script>
2725        var modaleBtns = document.querySelectorAll(".modaleBtns");
2726        var closeBtns = document.querySelectorAll(".closeBtns");
2727
2728        // Open the modal
2729        for ( var modaleBtn in modaleBtns ) {
2730          modaleBtns[modaleBtn].onclick = function() {
2731            let parent = this.closest('.carousel-card')
2732            let modal = parent.querySelector('.my_modal')
2733            modal.showModal();
2734          }
2735        }
2736
2737        // Close the modal
2738        for ( var closeBtn in closeBtns ) {
2739          closeBtns[closeBtn].onclick = function() {
2740            let parent = this.closest('.carousel-card')
2741            let modal = parent.querySelector('.my_modal')
2742            modal.close();
2743          }
2744        }
2745        
2746        // Close the modal by clicking Escape
2747        document.addEventListener("keydown", function (event) {
2748          if (event.key === "Escape") {
2749            closeModal();
2750          }
2751        });
2752      </script>
2752
2753
2754<div class="tw-flex tw-justify-start tw-gap-0.5">
2755  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2756    <g id="Layer_1-2" data-name="Layer 1">
2757      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2758      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2759    </g>
2760  </svg>
2761  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2762    <g id="Layer_1-2" data-name="Layer 1">
2763      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2764      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2765    </g>
2766  </svg>
2767  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2768    <g id="Layer_1-2" data-name="Layer 1">
2769      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2770      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2771    </g>
2772  </svg>
2773  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2774    <g id="Layer_1-2" data-name="Layer 1">
2775      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2776      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2777    </g>
2778  </svg>
2779  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2780    <g id="Layer_1-2" data-name="Layer 1">
2781      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2782      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2783    </g>
2784  </svg>
2785</div>
2786
2787    </div>
2788    
2789        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2790
2791      
2792        <div class="!tw-flex !tw-justify-between !tw-items-center">
2793        
2794          <p class="tw-font-bold tw-text-[14px]" style="color:">
2795            Cathrine
2796          </p>
2797        
2798        
2799          <p>
2800            28/05/2023
2801          </p>						
2802        
2803      </div>
2804
2805      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2806        <span class="tw-line-clamp-3">Fantastic products! I have become completely addicted to both the serum, day cream, and night cream. I already feel like I can see a difference in my skin after a month.</span>
2807        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2808      </div>
2809        <dialog class="my_modal tw-max-w-[500px]">
2810          <div class="modal-box tw-p-3">
2811            
2812            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2813              <h3 class="font-bold text-lg">Cathrine</h3>
2814              <p class="py-4">28/05/2023</p>
2815            </div>
2816            
2817            <div class="modal-action">
2818              <form method="dialog tw-w-full">
2819                <p class="tw-mb-3">Fantastic products! I have become completely addicted to both the serum, day cream, and night cream. I already feel like I can see a difference in my skin after a month.</p>
2820                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2821                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2822                      <g id="Layer_1-2" data-name="Layer 1">
2823                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2824                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2825                      </g>
2826                    </svg>
2827                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2828                      <g id="Layer_1-2" data-name="Layer 1">
2829                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2830                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2831                      </g>
2832                    </svg>
2833                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2834                      <g id="Layer_1-2" data-name="Layer 1">
2835                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2836                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2837                      </g>
2838                    </svg>
2839                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2840                      <g id="Layer_1-2" data-name="Layer 1">
2841                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2842                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2843                      </g>
2844                    </svg>
2845                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2846                      <g id="Layer_1-2" data-name="Layer 1">
2847                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2848                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2849                      </g>
2850                    </svg>
2851                  </div>
2852                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2853              </form>
2854            </div>
2855          </div>
2856        </dialog>
2857
2858      
2858<script>
2859        var modaleBtns = document.querySelectorAll(".modaleBtns");
2860        var closeBtns = document.querySelectorAll(".closeBtns");
2861
2862        // Open the modal
2863        for ( var modaleBtn in modaleBtns ) {
2864          modaleBtns[modaleBtn].onclick = function() {
2865            let parent = this.closest('.carousel-card')
2866            let modal = parent.querySelector('.my_modal')
2867            modal.showModal();
2868          }
2869        }
2870
2871        // Close the modal
2872        for ( var closeBtn in closeBtns ) {
2873          closeBtns[closeBtn].onclick = function() {
2874            let parent = this.closest('.carousel-card')
2875            let modal = parent.querySelector('.my_modal')
2876            modal.close();
2877          }
2878        }
2879        
2880        // Close the modal by clicking Escape
2881        document.addEventListener("keydown", function (event) {
2882          if (event.key === "Escape") {
2883            closeModal();
2884          }
2885        });
2886      </script>
2886
2887
2888<div class="tw-flex tw-justify-start tw-gap-0.5">
2889  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2890    <g id="Layer_1-2" data-name="Layer 1">
2891      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2892      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2893    </g>
2894  </svg>
2895  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2896    <g id="Layer_1-2" data-name="Layer 1">
2897      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2898      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2899    </g>
2900  </svg>
2901  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2902    <g id="Layer_1-2" data-name="Layer 1">
2903      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2904      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2905    </g>
2906  </svg>
2907  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2908    <g id="Layer_1-2" data-name="Layer 1">
2909      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2910      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2911    </g>
2912  </svg>
2913  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2914    <g id="Layer_1-2" data-name="Layer 1">
2915      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2916      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2917    </g>
2918  </svg>
2919</div>
2920
2921    </div>
2922    
2923        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
2924
2925      
2926        <div class="!tw-flex !tw-justify-between !tw-items-center">
2927        
2928          <p class="tw-font-bold tw-text-[14px]" style="color:">
2929            Cathrine
2930          </p>
2931        
2932        
2933          <p>
2934            12/10/2024
2935          </p>						
2936        
2937      </div>
2938
2939      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2940        <span class="tw-line-clamp-3">The products work well and smell great. They absorb nicely into the skin. These are products I’d like to continue using</span>
2941        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
2942      </div>
2943        <dialog class="my_modal tw-max-w-[500px]">
2944          <div class="modal-box tw-p-3">
2945            
2946            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
2947              <h3 class="font-bold text-lg">Cathrine</h3>
2948              <p class="py-4">12/10/2024</p>
2949            </div>
2950            
2951            <div class="modal-action">
2952              <form method="dialog tw-w-full">
2953                <p class="tw-mb-3">The products work well and smell great. They absorb nicely into the skin. These are products I’d like to continue using</p>
2954                  <div class="tw-flex tw-justify-start tw-gap-0.5">
2955                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2956                      <g id="Layer_1-2" data-name="Layer 1">
2957                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2958                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2959                      </g>
2960                    </svg>
2961                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2962                      <g id="Layer_1-2" data-name="Layer 1">
2963                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2964                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2965                      </g>
2966                    </svg>
2967                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2968                      <g id="Layer_1-2" data-name="Layer 1">
2969                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2970                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2971                      </g>
2972                    </svg>
2973                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2974                      <g id="Layer_1-2" data-name="Layer 1">
2975                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2976                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2977                      </g>
2978                    </svg>
2979                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
2980                      <g id="Layer_1-2" data-name="Layer 1">
2981                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
2982                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
2983                      </g>
2984                    </svg>
2985                  </div>
2986                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
2987              </form>
2988            </div>
2989          </div>
2990        </dialog>
2991
2992      
2992<script>
2993        var modaleBtns = document.querySelectorAll(".modaleBtns");
2994        var closeBtns = document.querySelectorAll(".closeBtns");
2995
2996        // Open the modal
2997        for ( var modaleBtn in modaleBtns ) {
2998          modaleBtns[modaleBtn].onclick = function() {
2999            let parent = this.closest('.carousel-card')
3000            let modal = parent.querySelector('.my_modal')
3001            modal.showModal();
3002          }
3003        }
3004
3005        // Close the modal
3006        for ( var closeBtn in closeBtns ) {
3007          closeBtns[closeBtn].onclick = function() {
3008            let parent = this.closest('.carousel-card')
3009            let modal = parent.querySelector('.my_modal')
3010            modal.close();
3011          }
3012        }
3013        
3014        // Close the modal by clicking Escape
3015        document.addEventListener("keydown", function (event) {
3016          if (event.key === "Escape") {
3017            closeModal();
3018          }
3019        });
3020      </script>
3020
3021
3022<div class="tw-flex tw-justify-start tw-gap-0.5">
3023  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3024    <g id="Layer_1-2" data-name="Layer 1">
3025      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3026      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3027    </g>
3028  </svg>
3029  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3030    <g id="Layer_1-2" data-name="Layer 1">
3031      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3032      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3033    </g>
3034  </svg>
3035  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3036    <g id="Layer_1-2" data-name="Layer 1">
3037      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3038      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3039    </g>
3040  </svg>
3041  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3042    <g id="Layer_1-2" data-name="Layer 1">
3043      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3044      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3045    </g>
3046  </svg>
3047  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3048    <g id="Layer_1-2" data-name="Layer 1">
3049      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3050      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3051    </g>
3052  </svg>
3053</div>
3054
3055    </div>
3056    
3057        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3058
3059      
3060        <div class="!tw-flex !tw-justify-between !tw-items-center">
3061        
3062          <p class="tw-font-bold tw-text-[14px]" style="color:">
3063            Eirin Hov
3064          </p>
3065        
3066        
3067          <p>
3068            08/10/2024
3069          </p>						
3070        
3071      </div>
3072
3073      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3074        <span class="tw-line-clamp-3">Very comfortable and seems to last throughout the day. It would have been nice if the tubes of the respective day and night creams had a visible difference on the outside, but not a big problem. Superfood is very good.</span>
3075        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3076      </div>
3077        <dialog class="my_modal tw-max-w-[500px]">
3078          <div class="modal-box tw-p-3">
3079            
3080            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3081              <h3 class="font-bold text-lg">Eirin Hov</h3>
3082              <p class="py-4">08/10/2024</p>
3083            </div>
3084            
3085            <div class="modal-action">
3086              <form method="dialog tw-w-full">
3087                <p class="tw-mb-3">Very comfortable and seems to last throughout the day. It would have been nice if the tubes of the respective day and night creams had a visible difference on the outside, but not a big problem. Superfood is very good.</p>
3088                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3089                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3090                      <g id="Layer_1-2" data-name="Layer 1">
3091                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3092                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3093                      </g>
3094                    </svg>
3095                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3096                      <g id="Layer_1-2" data-name="Layer 1">
3097                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3098                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3099                      </g>
3100                    </svg>
3101                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3102                      <g id="Layer_1-2" data-name="Layer 1">
3103                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3104                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3105                      </g>
3106                    </svg>
3107                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3108                      <g id="Layer_1-2" data-name="Layer 1">
3109                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3110                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3111                      </g>
3112                    </svg>
3113                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3114                      <g id="Layer_1-2" data-name="Layer 1">
3115                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3116                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3117                      </g>
3118                    </svg>
3119                  </div>
3120                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3121              </form>
3122            </div>
3123          </div>
3124        </dialog>
3125
3126      
3126<script>
3127        var modaleBtns = document.querySelectorAll(".modaleBtns");
3128        var closeBtns = document.querySelectorAll(".closeBtns");
3129
3130        // Open the modal
3131        for ( var modaleBtn in modaleBtns ) {
3132          modaleBtns[modaleBtn].onclick = function() {
3133            let parent = this.closest('.carousel-card')
3134            let modal = parent.querySelector('.my_modal')
3135            modal.showModal();
3136          }
3137        }
3138
3139        // Close the modal
3140        for ( var closeBtn in closeBtns ) {
3141          closeBtns[closeBtn].onclick = function() {
3142            let parent = this.closest('.carousel-card')
3143            let modal = parent.querySelector('.my_modal')
3144            modal.close();
3145          }
3146        }
3147        
3148        // Close the modal by clicking Escape
3149        document.addEventListener("keydown", function (event) {
3150          if (event.key === "Escape") {
3151            closeModal();
3152          }
3153        });
3154      </script>
3154
3155
3156<div class="tw-flex tw-justify-start tw-gap-0.5">
3157  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3158    <g id="Layer_1-2" data-name="Layer 1">
3159      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3160      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3161    </g>
3162  </svg>
3163  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3164    <g id="Layer_1-2" data-name="Layer 1">
3165      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3166      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3167    </g>
3168  </svg>
3169  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3170    <g id="Layer_1-2" data-name="Layer 1">
3171      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3172      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3173    </g>
3174  </svg>
3175  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3176    <g id="Layer_1-2" data-name="Layer 1">
3177      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3178      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3179    </g>
3180  </svg>
3181  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3182    <g id="Layer_1-2" data-name="Layer 1">
3183      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3184      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3185    </g>
3186  </svg>
3187</div>
3188
3189    </div>
3190    
3191        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3192
3193      
3194        <div class="!tw-flex !tw-justify-between !tw-items-center">
3195        
3196          <p class="tw-font-bold tw-text-[14px]" style="color:">
3197            Ellen Ragnhild Solveig Sara
3198          </p>
3199        
3200        
3201          <p>
3202            01/11/2024
3203          </p>						
3204        
3205      </div>
3206
3207      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3208        <span class="tw-line-clamp-3">Excellent products for my allergic skin and nose! Everything is perfect!</span>
3209        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3210      </div>
3211        <dialog class="my_modal tw-max-w-[500px]">
3212          <div class="modal-box tw-p-3">
3213            
3214            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3215              <h3 class="font-bold text-lg">Ellen Ragnhild Solveig Sara</h3>
3216              <p class="py-4">01/11/2024</p>
3217            </div>
3218            
3219            <div class="modal-action">
3220              <form method="dialog tw-w-full">
3221                <p class="tw-mb-3">Excellent products for my allergic skin and nose! Everything is perfect!</p>
3222                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3223                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3224                      <g id="Layer_1-2" data-name="Layer 1">
3225                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3226                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3227                      </g>
3228                    </svg>
3229                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3230                      <g id="Layer_1-2" data-name="Layer 1">
3231                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3232                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3233                      </g>
3234                    </svg>
3235                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3236                      <g id="Layer_1-2" data-name="Layer 1">
3237                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3238                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3239                      </g>
3240                    </svg>
3241                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3242                      <g id="Layer_1-2" data-name="Layer 1">
3243                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3244                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3245                      </g>
3246                    </svg>
3247                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3248                      <g id="Layer_1-2" data-name="Layer 1">
3249                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3250                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3251                      </g>
3252                    </svg>
3253                  </div>
3254                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3255              </form>
3256            </div>
3257          </div>
3258        </dialog>
3259
3260      
3260<script>
3261        var modaleBtns = document.querySelectorAll(".modaleBtns");
3262        var closeBtns = document.querySelectorAll(".closeBtns");
3263
3264        // Open the modal
3265        for ( var modaleBtn in modaleBtns ) {
3266          modaleBtns[modaleBtn].onclick = function() {
3267            let parent = this.closest('.carousel-card')
3268            let modal = parent.querySelector('.my_modal')
3269            modal.showModal();
3270          }
3271        }
3272
3273        // Close the modal
3274        for ( var closeBtn in closeBtns ) {
3275          closeBtns[closeBtn].onclick = function() {
3276            let parent = this.closest('.carousel-card')
3277            let modal = parent.querySelector('.my_modal')
3278            modal.close();
3279          }
3280        }
3281        
3282        // Close the modal by clicking Escape
3283        document.addEventListener("keydown", function (event) {
3284          if (event.key === "Escape") {
3285            closeModal();
3286          }
3287        });
3288      </script>
3288
3289
3290<div class="tw-flex tw-justify-start tw-gap-0.5">
3291  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3292    <g id="Layer_1-2" data-name="Layer 1">
3293      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3294      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3295    </g>
3296  </svg>
3297  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3298    <g id="Layer_1-2" data-name="Layer 1">
3299      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3300      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3301    </g>
3302  </svg>
3303  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3304    <g id="Layer_1-2" data-name="Layer 1">
3305      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3306      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3307    </g>
3308  </svg>
3309  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3310    <g id="Layer_1-2" data-name="Layer 1">
3311      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3312      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3313    </g>
3314  </svg>
3315  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3316    <g id="Layer_1-2" data-name="Layer 1">
3317      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3318      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3319    </g>
3320  </svg>
3321</div>
3322
3323    </div>
3324    
3325        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3326
3327      
3328        <div class="!tw-flex !tw-justify-between !tw-items-center">
3329        
3330          <p class="tw-font-bold tw-text-[14px]" style="color:">
3331            Eva
3332          </p>
3333        
3334        
3335          <p>
3336            12/12/2023
3337          </p>						
3338        
3339      </div>
3340
3341      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3342        <span class="tw-line-clamp-3">Simply the best night cream!
3343Love it😃</span>
3344        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3345      </div>
3346        <dialog class="my_modal tw-max-w-[500px]">
3347          <div class="modal-box tw-p-3">
3348            
3349            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3350              <h3 class="font-bold text-lg">Eva</h3>
3351              <p class="py-4">12/12/2023</p>
3352            </div>
3353            
3354            <div class="modal-action">
3355              <form method="dialog tw-w-full">
3356                <p class="tw-mb-3">Simply the best night cream!
3357Love it😃</p>
3358                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3359                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3360                      <g id="Layer_1-2" data-name="Layer 1">
3361                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3362                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3363                      </g>
3364                    </svg>
3365                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3366                      <g id="Layer_1-2" data-name="Layer 1">
3367                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3368                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3369                      </g>
3370                    </svg>
3371                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3372                      <g id="Layer_1-2" data-name="Layer 1">
3373                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3374                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3375                      </g>
3376                    </svg>
3377                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3378                      <g id="Layer_1-2" data-name="Layer 1">
3379                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3380                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3381                      </g>
3382                    </svg>
3383                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3384                      <g id="Layer_1-2" data-name="Layer 1">
3385                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3386                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3387                      </g>
3388                    </svg>
3389                  </div>
3390                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3391              </form>
3392            </div>
3393          </div>
3394        </dialog>
3395
3396      
3396<script>
3397        var modaleBtns = document.querySelectorAll(".modaleBtns");
3398        var closeBtns = document.querySelectorAll(".closeBtns");
3399
3400        // Open the modal
3401        for ( var modaleBtn in modaleBtns ) {
3402          modaleBtns[modaleBtn].onclick = function() {
3403            let parent = this.closest('.carousel-card')
3404            let modal = parent.querySelector('.my_modal')
3405            modal.showModal();
3406          }
3407        }
3408
3409        // Close the modal
3410        for ( var closeBtn in closeBtns ) {
3411          closeBtns[closeBtn].onclick = function() {
3412            let parent = this.closest('.carousel-card')
3413            let modal = parent.querySelector('.my_modal')
3414            modal.close();
3415          }
3416        }
3417        
3418        // Close the modal by clicking Escape
3419        document.addEventListener("keydown", function (event) {
3420          if (event.key === "Escape") {
3421            closeModal();
3422          }
3423        });
3424      </script>
3424
3425
3426<div class="tw-flex tw-justify-start tw-gap-0.5">
3427  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3428    <g id="Layer_1-2" data-name="Layer 1">
3429      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3430      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3431    </g>
3432  </svg>
3433  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3434    <g id="Layer_1-2" data-name="Layer 1">
3435      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3436      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3437    </g>
3438  </svg>
3439  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3440    <g id="Layer_1-2" data-name="Layer 1">
3441      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3442      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3443    </g>
3444  </svg>
3445  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3446    <g id="Layer_1-2" data-name="Layer 1">
3447      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3448      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3449    </g>
3450  </svg>
3451  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3452    <g id="Layer_1-2" data-name="Layer 1">
3453      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3454      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3455    </g>
3456  </svg>
3457</div>
3458
3459    </div>
3460    
3461        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3462
3463      
3464        <div class="!tw-flex !tw-justify-between !tw-items-center">
3465        
3466          <p class="tw-font-bold tw-text-[14px]" style="color:">
3467            Gerd-May
3468          </p>
3469        
3470        
3471          <p>
3472            13/12/2023
3473          </p>						
3474        
3475      </div>
3476
3477      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3478        <span class="tw-line-clamp-3">Great skincare products that provide moisture and firmness to the skin. Very satisfied with all the creams in this series.</span>
3479        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3480      </div>
3481        <dialog class="my_modal tw-max-w-[500px]">
3482          <div class="modal-box tw-p-3">
3483            
3484            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3485              <h3 class="font-bold text-lg">Gerd-May</h3>
3486              <p class="py-4">13/12/2023</p>
3487            </div>
3488            
3489            <div class="modal-action">
3490              <form method="dialog tw-w-full">
3491                <p class="tw-mb-3">Great skincare products that provide moisture and firmness to the skin. Very satisfied with all the creams in this series.</p>
3492                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3493                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3494                      <g id="Layer_1-2" data-name="Layer 1">
3495                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3496                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3497                      </g>
3498                    </svg>
3499                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3500                      <g id="Layer_1-2" data-name="Layer 1">
3501                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3502                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3503                      </g>
3504                    </svg>
3505                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3506                      <g id="Layer_1-2" data-name="Layer 1">
3507                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3508                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3509                      </g>
3510                    </svg>
3511                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3512                      <g id="Layer_1-2" data-name="Layer 1">
3513                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3514                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3515                      </g>
3516                    </svg>
3517                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3518                      <g id="Layer_1-2" data-name="Layer 1">
3519                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3520                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3521                      </g>
3522                    </svg>
3523                  </div>
3524                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3525              </form>
3526            </div>
3527          </div>
3528        </dialog>
3529
3530      
3530<script>
3531        var modaleBtns = document.querySelectorAll(".modaleBtns");
3532        var closeBtns = document.querySelectorAll(".closeBtns");
3533
3534        // Open the modal
3535        for ( var modaleBtn in modaleBtns ) {
3536          modaleBtns[modaleBtn].onclick = function() {
3537            let parent = this.closest('.carousel-card')
3538            let modal = parent.querySelector('.my_modal')
3539            modal.showModal();
3540          }
3541        }
3542
3543        // Close the modal
3544        for ( var closeBtn in closeBtns ) {
3545          closeBtns[closeBtn].onclick = function() {
3546            let parent = this.closest('.carousel-card')
3547            let modal = parent.querySelector('.my_modal')
3548            modal.close();
3549          }
3550        }
3551        
3552        // Close the modal by clicking Escape
3553        document.addEventListener("keydown", function (event) {
3554          if (event.key === "Escape") {
3555            closeModal();
3556          }
3557        });
3558      </script>
3558
3559
3560<div class="tw-flex tw-justify-start tw-gap-0.5">
3561  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3562    <g id="Layer_1-2" data-name="Layer 1">
3563      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3564      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3565    </g>
3566  </svg>
3567  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3568    <g id="Layer_1-2" data-name="Layer 1">
3569      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3570      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3571    </g>
3572  </svg>
3573  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3574    <g id="Layer_1-2" data-name="Layer 1">
3575      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3576      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3577    </g>
3578  </svg>
3579  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3580    <g id="Layer_1-2" data-name="Layer 1">
3581      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3582      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3583    </g>
3584  </svg>
3585  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3586    <g id="Layer_1-2" data-name="Layer 1">
3587      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3588      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3589    </g>
3590  </svg>
3591</div>
3592
3593    </div>
3594    
3595        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3596
3597      
3598        <div class="!tw-flex !tw-justify-between !tw-items-center">
3599        
3600          <p class="tw-font-bold tw-text-[14px]" style="color:">
3601            Gunn Kristin Ibenfeldt
3602          </p>
3603        
3604        
3605          <p>
3606            11/10/2024
3607          </p>						
3608        
3609      </div>
3610
3611      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3612        <span class="tw-line-clamp-3">The best products on the market.</span>
3613        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3614      </div>
3615        <dialog class="my_modal tw-max-w-[500px]">
3616          <div class="modal-box tw-p-3">
3617            
3618            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3619              <h3 class="font-bold text-lg">Gunn Kristin Ibenfeldt</h3>
3620              <p class="py-4">11/10/2024</p>
3621            </div>
3622            
3623            <div class="modal-action">
3624              <form method="dialog tw-w-full">
3625                <p class="tw-mb-3">The best products on the market.</p>
3626                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3627                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3628                      <g id="Layer_1-2" data-name="Layer 1">
3629                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3630                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3631                      </g>
3632                    </svg>
3633                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3634                      <g id="Layer_1-2" data-name="Layer 1">
3635                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3636                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3637                      </g>
3638                    </svg>
3639                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3640                      <g id="Layer_1-2" data-name="Layer 1">
3641                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3642                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3643                      </g>
3644                    </svg>
3645                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3646                      <g id="Layer_1-2" data-name="Layer 1">
3647                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3648                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3649                      </g>
3650                    </svg>
3651                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3652                      <g id="Layer_1-2" data-name="Layer 1">
3653                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3654                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3655                      </g>
3656                    </svg>
3657                  </div>
3658                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3659              </form>
3660            </div>
3661          </div>
3662        </dialog>
3663
3664      
3664<script>
3665        var modaleBtns = document.querySelectorAll(".modaleBtns");
3666        var closeBtns = document.querySelectorAll(".closeBtns");
3667
3668        // Open the modal
3669        for ( var modaleBtn in modaleBtns ) {
3670          modaleBtns[modaleBtn].onclick = function() {
3671            let parent = this.closest('.carousel-card')
3672            let modal = parent.querySelector('.my_modal')
3673            modal.showModal();
3674          }
3675        }
3676
3677        // Close the modal
3678        for ( var closeBtn in closeBtns ) {
3679          closeBtns[closeBtn].onclick = function() {
3680            let parent = this.closest('.carousel-card')
3681            let modal = parent.querySelector('.my_modal')
3682            modal.close();
3683          }
3684        }
3685        
3686        // Close the modal by clicking Escape
3687        document.addEventListener("keydown", function (event) {
3688          if (event.key === "Escape") {
3689            closeModal();
3690          }
3691        });
3692      </script>
3692
3693
3694<div class="tw-flex tw-justify-start tw-gap-0.5">
3695  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3696    <g id="Layer_1-2" data-name="Layer 1">
3697      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3698      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3699    </g>
3700  </svg>
3701  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3702    <g id="Layer_1-2" data-name="Layer 1">
3703      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3704      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3705    </g>
3706  </svg>
3707  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3708    <g id="Layer_1-2" data-name="Layer 1">
3709      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3710      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3711    </g>
3712  </svg>
3713  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3714    <g id="Layer_1-2" data-name="Layer 1">
3715      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3716      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3717    </g>
3718  </svg>
3719  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3720    <g id="Layer_1-2" data-name="Layer 1">
3721      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3722      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3723    </g>
3724  </svg>
3725</div>
3726
3727    </div>
3728    
3729        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3730
3731      
3732        <div class="!tw-flex !tw-justify-between !tw-items-center">
3733        
3734          <p class="tw-font-bold tw-text-[14px]" style="color:">
3735            Hanne S. Dahl
3736          </p>
3737        
3738        
3739          <p>
3740            09/10/2024
3741          </p>						
3742        
3743      </div>
3744
3745      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3746        <span class="tw-line-clamp-3">Superfood is simply – SUPER!
3747Under makeup and fresh-up over makeup.</span>
3748        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3749      </div>
3750        <dialog class="my_modal tw-max-w-[500px]">
3751          <div class="modal-box tw-p-3">
3752            
3753            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3754              <h3 class="font-bold text-lg">Hanne S. Dahl</h3>
3755              <p class="py-4">09/10/2024</p>
3756            </div>
3757            
3758            <div class="modal-action">
3759              <form method="dialog tw-w-full">
3760                <p class="tw-mb-3">Superfood is simply – SUPER!
3761Under makeup and fresh-up over makeup.</p>
3762                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3763                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3764                      <g id="Layer_1-2" data-name="Layer 1">
3765                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3766                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3767                      </g>
3768                    </svg>
3769                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3770                      <g id="Layer_1-2" data-name="Layer 1">
3771                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3772                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3773                      </g>
3774                    </svg>
3775                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3776                      <g id="Layer_1-2" data-name="Layer 1">
3777                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3778                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3779                      </g>
3780                    </svg>
3781                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3782                      <g id="Layer_1-2" data-name="Layer 1">
3783                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3784                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3785                      </g>
3786                    </svg>
3787                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3788                      <g id="Layer_1-2" data-name="Layer 1">
3789                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3790                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3791                      </g>
3792                    </svg>
3793                  </div>
3794                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3795              </form>
3796            </div>
3797          </div>
3798        </dialog>
3799
3800      
3800<script>
3801        var modaleBtns = document.querySelectorAll(".modaleBtns");
3802        var closeBtns = document.querySelectorAll(".closeBtns");
3803
3804        // Open the modal
3805        for ( var modaleBtn in modaleBtns ) {
3806          modaleBtns[modaleBtn].onclick = function() {
3807            let parent = this.closest('.carousel-card')
3808            let modal = parent.querySelector('.my_modal')
3809            modal.showModal();
3810          }
3811        }
3812
3813        // Close the modal
3814        for ( var closeBtn in closeBtns ) {
3815          closeBtns[closeBtn].onclick = function() {
3816            let parent = this.closest('.carousel-card')
3817            let modal = parent.querySelector('.my_modal')
3818            modal.close();
3819          }
3820        }
3821        
3822        // Close the modal by clicking Escape
3823        document.addEventListener("keydown", function (event) {
3824          if (event.key === "Escape") {
3825            closeModal();
3826          }
3827        });
3828      </script>
3828
3829
3830<div class="tw-flex tw-justify-start tw-gap-0.5">
3831  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3832    <g id="Layer_1-2" data-name="Layer 1">
3833      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3834      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3835    </g>
3836  </svg>
3837  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3838    <g id="Layer_1-2" data-name="Layer 1">
3839      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3840      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3841    </g>
3842  </svg>
3843  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3844    <g id="Layer_1-2" data-name="Layer 1">
3845      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3846      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3847    </g>
3848  </svg>
3849  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3850    <g id="Layer_1-2" data-name="Layer 1">
3851      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3852      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3853    </g>
3854  </svg>
3855  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3856    <g id="Layer_1-2" data-name="Layer 1">
3857      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3858      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3859    </g>
3860  </svg>
3861</div>
3862
3863    </div>
3864    
3865        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
3866
3867      
3868        <div class="!tw-flex !tw-justify-between !tw-items-center">
3869        
3870          <p class="tw-font-bold tw-text-[14px]" style="color:">
3871            Heidi K
3872          </p>
3873        
3874        
3875          <p>
3876            01/10/2024
3877          </p>						
3878        
3879      </div>
3880
3881      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3882        <span class="tw-line-clamp-3">Very satisfied with Superfood from Dr.Ankerstjerne</span>
3883        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
3884      </div>
3885        <dialog class="my_modal tw-max-w-[500px]">
3886          <div class="modal-box tw-p-3">
3887            
3888            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
3889              <h3 class="font-bold text-lg">Heidi K</h3>
3890              <p class="py-4">01/10/2024</p>
3891            </div>
3892            
3893            <div class="modal-action">
3894              <form method="dialog tw-w-full">
3895                <p class="tw-mb-3">Very satisfied with Superfood from Dr.Ankerstjerne</p>
3896                  <div class="tw-flex tw-justify-start tw-gap-0.5">
3897                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3898                      <g id="Layer_1-2" data-name="Layer 1">
3899                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3900                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3901                      </g>
3902                    </svg>
3903                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3904                      <g id="Layer_1-2" data-name="Layer 1">
3905                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3906                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3907                      </g>
3908                    </svg>
3909                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3910                      <g id="Layer_1-2" data-name="Layer 1">
3911                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3912                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3913                      </g>
3914                    </svg>
3915                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3916                      <g id="Layer_1-2" data-name="Layer 1">
3917                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3918                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3919                      </g>
3920                    </svg>
3921                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3922                      <g id="Layer_1-2" data-name="Layer 1">
3923                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3924                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3925                      </g>
3926                    </svg>
3927                  </div>
3928                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
3929              </form>
3930            </div>
3931          </div>
3932        </dialog>
3933
3934      
3934<script>
3935        var modaleBtns = document.querySelectorAll(".modaleBtns");
3936        var closeBtns = document.querySelectorAll(".closeBtns");
3937
3938        // Open the modal
3939        for ( var modaleBtn in modaleBtns ) {
3940          modaleBtns[modaleBtn].onclick = function() {
3941            let parent = this.closest('.carousel-card')
3942            let modal = parent.querySelector('.my_modal')
3943            modal.showModal();
3944          }
3945        }
3946
3947        // Close the modal
3948        for ( var closeBtn in closeBtns ) {
3949          closeBtns[closeBtn].onclick = function() {
3950            let parent = this.closest('.carousel-card')
3951            let modal = parent.querySelector('.my_modal')
3952            modal.close();
3953          }
3954        }
3955        
3956        // Close the modal by clicking Escape
3957        document.addEventListener("keydown", function (event) {
3958          if (event.key === "Escape") {
3959            closeModal();
3960          }
3961        });
3962      </script>
3962
3963
3964<div class="tw-flex tw-justify-start tw-gap-0.5">
3965  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3966    <g id="Layer_1-2" data-name="Layer 1">
3967      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3968      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3969    </g>
3970  </svg>
3971  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3972    <g id="Layer_1-2" data-name="Layer 1">
3973      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3974      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3975    </g>
3976  </svg>
3977  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3978    <g id="Layer_1-2" data-name="Layer 1">
3979      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3980      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3981    </g>
3982  </svg>
3983  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3984    <g id="Layer_1-2" data-name="Layer 1">
3985      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3986      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3987    </g>
3988  </svg>
3989  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
3990    <g id="Layer_1-2" data-name="Layer 1">
3991      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
3992      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
3993    </g>
3994  </svg>
3995</div>
3996
3997    </div>
3998    
3999        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4000
4001      
4002        <div class="!tw-flex !tw-justify-between !tw-items-center">
4003        
4004          <p class="tw-font-bold tw-text-[14px]" style="color:">
4005            Inger-Margrethe Andersen
4006          </p>
4007        
4008        
4009          <p>
4010            14/10/2024
4011          </p>						
4012        
4013      </div>
4014
4015      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4016        <span class="tw-line-clamp-3">I’m a completely new customer and therefore have no more experience than handling/delivery of products. I’ve also just started using them and am overall satisfied.</span>
4017        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4018      </div>
4019        <dialog class="my_modal tw-max-w-[500px]">
4020          <div class="modal-box tw-p-3">
4021            
4022            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4023              <h3 class="font-bold text-lg">Inger-Margrethe Andersen</h3>
4024              <p class="py-4">14/10/2024</p>
4025            </div>
4026            
4027            <div class="modal-action">
4028              <form method="dialog tw-w-full">
4029                <p class="tw-mb-3">I’m a completely new customer and therefore have no more experience than handling/delivery of products. I’ve also just started using them and am overall satisfied.</p>
4030                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4031                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4032                      <g id="Layer_1-2" data-name="Layer 1">
4033                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4034                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4035                      </g>
4036                    </svg>
4037                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4038                      <g id="Layer_1-2" data-name="Layer 1">
4039                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4040                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4041                      </g>
4042                    </svg>
4043                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4044                      <g id="Layer_1-2" data-name="Layer 1">
4045                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4046                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4047                      </g>
4048                    </svg>
4049                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4050                      <g id="Layer_1-2" data-name="Layer 1">
4051                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4052                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4053                      </g>
4054                    </svg>
4055                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4056                      <g id="Layer_1-2" data-name="Layer 1">
4057                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4058                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4059                      </g>
4060                    </svg>
4061                  </div>
4062                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4063              </form>
4064            </div>
4065          </div>
4066        </dialog>
4067
4068      
4068<script>
4069        var modaleBtns = document.querySelectorAll(".modaleBtns");
4070        var closeBtns = document.querySelectorAll(".closeBtns");
4071
4072        // Open the modal
4073        for ( var modaleBtn in modaleBtns ) {
4074          modaleBtns[modaleBtn].onclick = function() {
4075            let parent = this.closest('.carousel-card')
4076            let modal = parent.querySelector('.my_modal')
4077            modal.showModal();
4078          }
4079        }
4080
4081        // Close the modal
4082        for ( var closeBtn in closeBtns ) {
4083          closeBtns[closeBtn].onclick = function() {
4084            let parent = this.closest('.carousel-card')
4085            let modal = parent.querySelector('.my_modal')
4086            modal.close();
4087          }
4088        }
4089        
4090        // Close the modal by clicking Escape
4091        document.addEventListener("keydown", function (event) {
4092          if (event.key === "Escape") {
4093            closeModal();
4094          }
4095        });
4096      </script>
4096
4097
4098<div class="tw-flex tw-justify-start tw-gap-0.5">
4099  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4100    <g id="Layer_1-2" data-name="Layer 1">
4101      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4102      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4103    </g>
4104  </svg>
4105  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4106    <g id="Layer_1-2" data-name="Layer 1">
4107      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4108      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4109    </g>
4110  </svg>
4111  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4112    <g id="Layer_1-2" data-name="Layer 1">
4113      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4114      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4115    </g>
4116  </svg>
4117  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4118    <g id="Layer_1-2" data-name="Layer 1">
4119      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4120      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4121    </g>
4122  </svg>
4123  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4124    <g id="Layer_1-2" data-name="Layer 1">
4125      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4126      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4127    </g>
4128  </svg>
4129</div>
4130
4131    </div>
4132    
4133        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4134
4135      
4136        <div class="!tw-flex !tw-justify-between !tw-items-center">
4137        
4138          <p class="tw-font-bold tw-text-[14px]" style="color:">
4139            Janne
4140          </p>
4141        
4142        
4143          <p>
4144            06/12/2023
4145          </p>						
4146        
4147      </div>
4148
4149      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4150        <span class="tw-line-clamp-3">Fast delivery, nice packaging, and good products.</span>
4151        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4152      </div>
4153        <dialog class="my_modal tw-max-w-[500px]">
4154          <div class="modal-box tw-p-3">
4155            
4156            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4157              <h3 class="font-bold text-lg">Janne</h3>
4158              <p class="py-4">06/12/2023</p>
4159            </div>
4160            
4161            <div class="modal-action">
4162              <form method="dialog tw-w-full">
4163                <p class="tw-mb-3">Fast delivery, nice packaging, and good products.</p>
4164                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4165                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4166                      <g id="Layer_1-2" data-name="Layer 1">
4167                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4168                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4169                      </g>
4170                    </svg>
4171                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4172                      <g id="Layer_1-2" data-name="Layer 1">
4173                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4174                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4175                      </g>
4176                    </svg>
4177                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4178                      <g id="Layer_1-2" data-name="Layer 1">
4179                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4180                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4181                      </g>
4182                    </svg>
4183                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4184                      <g id="Layer_1-2" data-name="Layer 1">
4185                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4186                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4187                      </g>
4188                    </svg>
4189                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4190                      <g id="Layer_1-2" data-name="Layer 1">
4191                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4192                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4193                      </g>
4194                    </svg>
4195                  </div>
4196                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4197              </form>
4198            </div>
4199          </div>
4200        </dialog>
4201
4202      
4202<script>
4203        var modaleBtns = document.querySelectorAll(".modaleBtns");
4204        var closeBtns = document.querySelectorAll(".closeBtns");
4205
4206        // Open the modal
4207        for ( var modaleBtn in modaleBtns ) {
4208          modaleBtns[modaleBtn].onclick = function() {
4209            let parent = this.closest('.carousel-card')
4210            let modal = parent.querySelector('.my_modal')
4211            modal.showModal();
4212          }
4213        }
4214
4215        // Close the modal
4216        for ( var closeBtn in closeBtns ) {
4217          closeBtns[closeBtn].onclick = function() {
4218            let parent = this.closest('.carousel-card')
4219            let modal = parent.querySelector('.my_modal')
4220            modal.close();
4221          }
4222        }
4223        
4224        // Close the modal by clicking Escape
4225        document.addEventListener("keydown", function (event) {
4226          if (event.key === "Escape") {
4227            closeModal();
4228          }
4229        });
4230      </script>
4230
4231
4232<div class="tw-flex tw-justify-start tw-gap-0.5">
4233  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4234    <g id="Layer_1-2" data-name="Layer 1">
4235      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4236      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4237    </g>
4238  </svg>
4239  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4240    <g id="Layer_1-2" data-name="Layer 1">
4241      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4242      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4243    </g>
4244  </svg>
4245  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4246    <g id="Layer_1-2" data-name="Layer 1">
4247      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4248      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4249    </g>
4250  </svg>
4251  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4252    <g id="Layer_1-2" data-name="Layer 1">
4253      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4254      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4255    </g>
4256  </svg>
4257  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4258    <g id="Layer_1-2" data-name="Layer 1">
4259      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4260      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4261    </g>
4262  </svg>
4263</div>
4264
4265    </div>
4266    
4267        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4268
4269      
4270        <div class="!tw-flex !tw-justify-between !tw-items-center">
4271        
4272          <p class="tw-font-bold tw-text-[14px]" style="color:">
4273            Jannicke Hynne
4274          </p>
4275        
4276        
4277          <p>
4278            05/11/2024
4279          </p>						
4280        
4281      </div>
4282
4283      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4284        <span class="tw-line-clamp-3">Very satisfied :)</span>
4285        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4286      </div>
4287        <dialog class="my_modal tw-max-w-[500px]">
4288          <div class="modal-box tw-p-3">
4289            
4290            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4291              <h3 class="font-bold text-lg">Jannicke Hynne</h3>
4292              <p class="py-4">05/11/2024</p>
4293            </div>
4294            
4295            <div class="modal-action">
4296              <form method="dialog tw-w-full">
4297                <p class="tw-mb-3">Very satisfied :)</p>
4298                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4299                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4300                      <g id="Layer_1-2" data-name="Layer 1">
4301                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4302                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4303                      </g>
4304                    </svg>
4305                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4306                      <g id="Layer_1-2" data-name="Layer 1">
4307                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4308                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4309                      </g>
4310                    </svg>
4311                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4312                      <g id="Layer_1-2" data-name="Layer 1">
4313                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4314                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4315                      </g>
4316                    </svg>
4317                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4318                      <g id="Layer_1-2" data-name="Layer 1">
4319                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4320                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4321                      </g>
4322                    </svg>
4323                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4324                      <g id="Layer_1-2" data-name="Layer 1">
4325                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4326                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4327                      </g>
4328                    </svg>
4329                  </div>
4330                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4331              </form>
4332            </div>
4333          </div>
4334        </dialog>
4335
4336      
4336<script>
4337        var modaleBtns = document.querySelectorAll(".modaleBtns");
4338        var closeBtns = document.querySelectorAll(".closeBtns");
4339
4340        // Open the modal
4341        for ( var modaleBtn in modaleBtns ) {
4342          modaleBtns[modaleBtn].onclick = function() {
4343            let parent = this.closest('.carousel-card')
4344            let modal = parent.querySelector('.my_modal')
4345            modal.showModal();
4346          }
4347        }
4348
4349        // Close the modal
4350        for ( var closeBtn in closeBtns ) {
4351          closeBtns[closeBtn].onclick = function() {
4352            let parent = this.closest('.carousel-card')
4353            let modal = parent.querySelector('.my_modal')
4354            modal.close();
4355          }
4356        }
4357        
4358        // Close the modal by clicking Escape
4359        document.addEventListener("keydown", function (event) {
4360          if (event.key === "Escape") {
4361            closeModal();
4362          }
4363        });
4364      </script>
4364
4365
4366<div class="tw-flex tw-justify-start tw-gap-0.5">
4367  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4368    <g id="Layer_1-2" data-name="Layer 1">
4369      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4370      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4371    </g>
4372  </svg>
4373  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4374    <g id="Layer_1-2" data-name="Layer 1">
4375      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4376      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4377    </g>
4378  </svg>
4379  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4380    <g id="Layer_1-2" data-name="Layer 1">
4381      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4382      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4383    </g>
4384  </svg>
4385  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4386    <g id="Layer_1-2" data-name="Layer 1">
4387      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4388      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4389    </g>
4390  </svg>
4391  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4392    <g id="Layer_1-2" data-name="Layer 1">
4393      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4394      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4395    </g>
4396  </svg>
4397</div>
4398
4399    </div>
4400    
4401        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4402
4403      
4404        <div class="!tw-flex !tw-justify-between !tw-items-center">
4405        
4406          <p class="tw-font-bold tw-text-[14px]" style="color:">
4407            Jill Seidelin
4408          </p>
4409        
4410        
4411          <p>
4412            04/11/2024
4413          </p>						
4414        
4415      </div>
4416
4417      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4418        <span class="tw-line-clamp-3">Great service that you can try the products before deciding whether you want to buy them – also in a large enough sample size (with shipping payment).
4419Thank you for that! These are wonderful products that are durable in use.</span>
4420        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4421      </div>
4422        <dialog class="my_modal tw-max-w-[500px]">
4423          <div class="modal-box tw-p-3">
4424            
4425            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4426              <h3 class="font-bold text-lg">Jill Seidelin</h3>
4427              <p class="py-4">04/11/2024</p>
4428            </div>
4429            
4430            <div class="modal-action">
4431              <form method="dialog tw-w-full">
4432                <p class="tw-mb-3">Great service that you can try the products before deciding whether you want to buy them – also in a large enough sample size (with shipping payment).
4433Thank you for that! These are wonderful products that are durable in use.</p>
4434                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4435                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4436                      <g id="Layer_1-2" data-name="Layer 1">
4437                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4438                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4439                      </g>
4440                    </svg>
4441                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4442                      <g id="Layer_1-2" data-name="Layer 1">
4443                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4444                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4445                      </g>
4446                    </svg>
4447                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4448                      <g id="Layer_1-2" data-name="Layer 1">
4449                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4450                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4451                      </g>
4452                    </svg>
4453                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4454                      <g id="Layer_1-2" data-name="Layer 1">
4455                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4456                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4457                      </g>
4458                    </svg>
4459                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4460                      <g id="Layer_1-2" data-name="Layer 1">
4461                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4462                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4463                      </g>
4464                    </svg>
4465                  </div>
4466                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4467              </form>
4468            </div>
4469          </div>
4470        </dialog>
4471
4472      
4472<script>
4473        var modaleBtns = document.querySelectorAll(".modaleBtns");
4474        var closeBtns = document.querySelectorAll(".closeBtns");
4475
4476        // Open the modal
4477        for ( var modaleBtn in modaleBtns ) {
4478          modaleBtns[modaleBtn].onclick = function() {
4479            let parent = this.closest('.carousel-card')
4480            let modal = parent.querySelector('.my_modal')
4481            modal.showModal();
4482          }
4483        }
4484
4485        // Close the modal
4486        for ( var closeBtn in closeBtns ) {
4487          closeBtns[closeBtn].onclick = function() {
4488            let parent = this.closest('.carousel-card')
4489            let modal = parent.querySelector('.my_modal')
4490            modal.close();
4491          }
4492        }
4493        
4494        // Close the modal by clicking Escape
4495        document.addEventListener("keydown", function (event) {
4496          if (event.key === "Escape") {
4497            closeModal();
4498          }
4499        });
4500      </script>
4500
4501
4502<div class="tw-flex tw-justify-start tw-gap-0.5">
4503  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4504    <g id="Layer_1-2" data-name="Layer 1">
4505      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4506      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4507    </g>
4508  </svg>
4509  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4510    <g id="Layer_1-2" data-name="Layer 1">
4511      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4512      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4513    </g>
4514  </svg>
4515  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4516    <g id="Layer_1-2" data-name="Layer 1">
4517      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4518      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4519    </g>
4520  </svg>
4521  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4522    <g id="Layer_1-2" data-name="Layer 1">
4523      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4524      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4525    </g>
4526  </svg>
4527  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4528    <g id="Layer_1-2" data-name="Layer 1">
4529      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4530      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4531    </g>
4532  </svg>
4533</div>
4534
4535    </div>
4536    
4537        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4538
4539      
4540        <div class="!tw-flex !tw-justify-between !tw-items-center">
4541        
4542          <p class="tw-font-bold tw-text-[14px]" style="color:">
4543            Kari
4544          </p>
4545        
4546        
4547          <p>
4548            30/10/2023
4549          </p>						
4550        
4551      </div>
4552
4553      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4554        <span class="tw-line-clamp-3">The samples I received in the mail were incredibly good. Perhaps the best products I have tried in my 68-year long life. Can definitely be recommended.</span>
4555        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4556      </div>
4557        <dialog class="my_modal tw-max-w-[500px]">
4558          <div class="modal-box tw-p-3">
4559            
4560            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4561              <h3 class="font-bold text-lg">Kari</h3>
4562              <p class="py-4">30/10/2023</p>
4563            </div>
4564            
4565            <div class="modal-action">
4566              <form method="dialog tw-w-full">
4567                <p class="tw-mb-3">The samples I received in the mail were incredibly good. Perhaps the best products I have tried in my 68-year long life. Can definitely be recommended.</p>
4568                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4569                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4570                      <g id="Layer_1-2" data-name="Layer 1">
4571                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4572                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4573                      </g>
4574                    </svg>
4575                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4576                      <g id="Layer_1-2" data-name="Layer 1">
4577                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4578                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4579                      </g>
4580                    </svg>
4581                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4582                      <g id="Layer_1-2" data-name="Layer 1">
4583                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4584                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4585                      </g>
4586                    </svg>
4587                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4588                      <g id="Layer_1-2" data-name="Layer 1">
4589                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4590                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4591                      </g>
4592                    </svg>
4593                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4594                      <g id="Layer_1-2" data-name="Layer 1">
4595                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4596                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4597                      </g>
4598                    </svg>
4599                  </div>
4600                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4601              </form>
4602            </div>
4603          </div>
4604        </dialog>
4605
4606      
4606<script>
4607        var modaleBtns = document.querySelectorAll(".modaleBtns");
4608        var closeBtns = document.querySelectorAll(".closeBtns");
4609
4610        // Open the modal
4611        for ( var modaleBtn in modaleBtns ) {
4612          modaleBtns[modaleBtn].onclick = function() {
4613            let parent = this.closest('.carousel-card')
4614            let modal = parent.querySelector('.my_modal')
4615            modal.showModal();
4616          }
4617        }
4618
4619        // Close the modal
4620        for ( var closeBtn in closeBtns ) {
4621          closeBtns[closeBtn].onclick = function() {
4622            let parent = this.closest('.carousel-card')
4623            let modal = parent.querySelector('.my_modal')
4624            modal.close();
4625          }
4626        }
4627        
4628        // Close the modal by clicking Escape
4629        document.addEventListener("keydown", function (event) {
4630          if (event.key === "Escape") {
4631            closeModal();
4632          }
4633        });
4634      </script>
4634
4635
4636<div class="tw-flex tw-justify-start tw-gap-0.5">
4637  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4638    <g id="Layer_1-2" data-name="Layer 1">
4639      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4640      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4641    </g>
4642  </svg>
4643  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4644    <g id="Layer_1-2" data-name="Layer 1">
4645      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4646      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4647    </g>
4648  </svg>
4649  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4650    <g id="Layer_1-2" data-name="Layer 1">
4651      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4652      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4653    </g>
4654  </svg>
4655  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4656    <g id="Layer_1-2" data-name="Layer 1">
4657      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4658      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4659    </g>
4660  </svg>
4661  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4662    <g id="Layer_1-2" data-name="Layer 1">
4663      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4664      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4665    </g>
4666  </svg>
4667</div>
4668
4669    </div>
4670    
4671        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4672
4673      
4674        <div class="!tw-flex !tw-justify-between !tw-items-center">
4675        
4676          <p class="tw-font-bold tw-text-[14px]" style="color:">
4677            Kristianne
4678          </p>
4679        
4680        
4681          <p>
4682            18/10/2023
4683          </p>						
4684        
4685      </div>
4686
4687      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4688        <span class="tw-line-clamp-3">I use skincare products from Dr. Ankerstjerne because I can easily give my skin the essential nutrients it needs every day. All products from Dr. Ankerstjerne give me radiant skin, with Superfood being my absolute favorite. Superfood is easy to incorporate into a busy daily routine, providing the skin with the care it needs. Superfood and the other products from Dr. Ankerstjerne smell good, feel pleasant on the skin, and are easy to use. Highly recommended.</span>
4689        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4690      </div>
4691        <dialog class="my_modal tw-max-w-[500px]">
4692          <div class="modal-box tw-p-3">
4693            
4694            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4695              <h3 class="font-bold text-lg">Kristianne</h3>
4696              <p class="py-4">18/10/2023</p>
4697            </div>
4698            
4699            <div class="modal-action">
4700              <form method="dialog tw-w-full">
4701                <p class="tw-mb-3">I use skincare products from Dr. Ankerstjerne because I can easily give my skin the essential nutrients it needs every day. All products from Dr. Ankerstjerne give me radiant skin, with Superfood being my absolute favorite. Superfood is easy to incorporate into a busy daily routine, providing the skin with the care it needs. Superfood and the other products from Dr. Ankerstjerne smell good, feel pleasant on the skin, and are easy to use. Highly recommended.</p>
4702                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4703                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4704                      <g id="Layer_1-2" data-name="Layer 1">
4705                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4706                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4707                      </g>
4708                    </svg>
4709                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4710                      <g id="Layer_1-2" data-name="Layer 1">
4711                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4712                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4713                      </g>
4714                    </svg>
4715                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4716                      <g id="Layer_1-2" data-name="Layer 1">
4717                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4718                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4719                      </g>
4720                    </svg>
4721                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4722                      <g id="Layer_1-2" data-name="Layer 1">
4723                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4724                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4725                      </g>
4726                    </svg>
4727                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4728                      <g id="Layer_1-2" data-name="Layer 1">
4729                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4730                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4731                      </g>
4732                    </svg>
4733                  </div>
4734                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4735              </form>
4736            </div>
4737          </div>
4738        </dialog>
4739
4740      
4740<script>
4741        var modaleBtns = document.querySelectorAll(".modaleBtns");
4742        var closeBtns = document.querySelectorAll(".closeBtns");
4743
4744        // Open the modal
4745        for ( var modaleBtn in modaleBtns ) {
4746          modaleBtns[modaleBtn].onclick = function() {
4747            let parent = this.closest('.carousel-card')
4748            let modal = parent.querySelector('.my_modal')
4749            modal.showModal();
4750          }
4751        }
4752
4753        // Close the modal
4754        for ( var closeBtn in closeBtns ) {
4755          closeBtns[closeBtn].onclick = function() {
4756            let parent = this.closest('.carousel-card')
4757            let modal = parent.querySelector('.my_modal')
4758            modal.close();
4759          }
4760        }
4761        
4762        // Close the modal by clicking Escape
4763        document.addEventListener("keydown", function (event) {
4764          if (event.key === "Escape") {
4765            closeModal();
4766          }
4767        });
4768      </script>
4768
4769
4770<div class="tw-flex tw-justify-start tw-gap-0.5">
4771  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4772    <g id="Layer_1-2" data-name="Layer 1">
4773      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4774      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4775    </g>
4776  </svg>
4777  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4778    <g id="Layer_1-2" data-name="Layer 1">
4779      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4780      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4781    </g>
4782  </svg>
4783  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4784    <g id="Layer_1-2" data-name="Layer 1">
4785      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4786      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4787    </g>
4788  </svg>
4789  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4790    <g id="Layer_1-2" data-name="Layer 1">
4791      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4792      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4793    </g>
4794  </svg>
4795  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4796    <g id="Layer_1-2" data-name="Layer 1">
4797      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4798      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4799    </g>
4800  </svg>
4801</div>
4802
4803    </div>
4804    
4805        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4806
4807      
4808        <div class="!tw-flex !tw-justify-between !tw-items-center">
4809        
4810          <p class="tw-font-bold tw-text-[14px]" style="color:">
4811            Kristin
4812          </p>
4813        
4814        
4815          <p>
4816            5/10/2023
4817          </p>						
4818        
4819      </div>
4820
4821      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4822        <span class="tw-line-clamp-3">I don't often write reviews, but when the products are really great, I do. I am 51 years old and have struggled with acne all my life. I have had significantly less of this since I started using superfood and urban protection day cream. The products give so much glow and moisture to the skin. Highly recommended.</span>
4823        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4824      </div>
4825        <dialog class="my_modal tw-max-w-[500px]">
4826          <div class="modal-box tw-p-3">
4827            
4828            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4829              <h3 class="font-bold text-lg">Kristin</h3>
4830              <p class="py-4">5/10/2023</p>
4831            </div>
4832            
4833            <div class="modal-action">
4834              <form method="dialog tw-w-full">
4835                <p class="tw-mb-3">I don't often write reviews, but when the products are really great, I do. I am 51 years old and have struggled with acne all my life. I have had significantly less of this since I started using superfood and urban protection day cream. The products give so much glow and moisture to the skin. Highly recommended.</p>
4836                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4837                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4838                      <g id="Layer_1-2" data-name="Layer 1">
4839                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4840                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4841                      </g>
4842                    </svg>
4843                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4844                      <g id="Layer_1-2" data-name="Layer 1">
4845                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4846                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4847                      </g>
4848                    </svg>
4849                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4850                      <g id="Layer_1-2" data-name="Layer 1">
4851                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4852                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4853                      </g>
4854                    </svg>
4855                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4856                      <g id="Layer_1-2" data-name="Layer 1">
4857                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4858                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4859                      </g>
4860                    </svg>
4861                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4862                      <g id="Layer_1-2" data-name="Layer 1">
4863                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4864                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4865                      </g>
4866                    </svg>
4867                  </div>
4868                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
4869              </form>
4870            </div>
4871          </div>
4872        </dialog>
4873
4874      
4874<script>
4875        var modaleBtns = document.querySelectorAll(".modaleBtns");
4876        var closeBtns = document.querySelectorAll(".closeBtns");
4877
4878        // Open the modal
4879        for ( var modaleBtn in modaleBtns ) {
4880          modaleBtns[modaleBtn].onclick = function() {
4881            let parent = this.closest('.carousel-card')
4882            let modal = parent.querySelector('.my_modal')
4883            modal.showModal();
4884          }
4885        }
4886
4887        // Close the modal
4888        for ( var closeBtn in closeBtns ) {
4889          closeBtns[closeBtn].onclick = function() {
4890            let parent = this.closest('.carousel-card')
4891            let modal = parent.querySelector('.my_modal')
4892            modal.close();
4893          }
4894        }
4895        
4896        // Close the modal by clicking Escape
4897        document.addEventListener("keydown", function (event) {
4898          if (event.key === "Escape") {
4899            closeModal();
4900          }
4901        });
4902      </script>
4902
4903
4904<div class="tw-flex tw-justify-start tw-gap-0.5">
4905  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4906    <g id="Layer_1-2" data-name="Layer 1">
4907      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4908      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4909    </g>
4910  </svg>
4911  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4912    <g id="Layer_1-2" data-name="Layer 1">
4913      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4914      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4915    </g>
4916  </svg>
4917  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4918    <g id="Layer_1-2" data-name="Layer 1">
4919      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4920      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4921    </g>
4922  </svg>
4923  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4924    <g id="Layer_1-2" data-name="Layer 1">
4925      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4926      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4927    </g>
4928  </svg>
4929  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4930    <g id="Layer_1-2" data-name="Layer 1">
4931      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4932      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4933    </g>
4934  </svg>
4935</div>
4936
4937    </div>
4938    
4939        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
4940
4941      
4942        <div class="!tw-flex !tw-justify-between !tw-items-center">
4943        
4944          <p class="tw-font-bold tw-text-[14px]" style="color:">
4945            Laila Elise Junge
4946          </p>
4947        
4948        
4949          <p>
4950            07/11/2024
4951          </p>						
4952        
4953      </div>
4954
4955      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4956        <span class="tw-line-clamp-3">Keeps the skin moisturized all day and night.</span>
4957        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
4958      </div>
4959        <dialog class="my_modal tw-max-w-[500px]">
4960          <div class="modal-box tw-p-3">
4961            
4962            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
4963              <h3 class="font-bold text-lg">Laila Elise Junge</h3>
4964              <p class="py-4">07/11/2024</p>
4965            </div>
4966            
4967            <div class="modal-action">
4968              <form method="dialog tw-w-full">
4969                <p class="tw-mb-3">Keeps the skin moisturized all day and night.</p>
4970                  <div class="tw-flex tw-justify-start tw-gap-0.5">
4971                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4972                      <g id="Layer_1-2" data-name="Layer 1">
4973                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4974                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4975                      </g>
4976                    </svg>
4977                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4978                      <g id="Layer_1-2" data-name="Layer 1">
4979                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4980                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4981                      </g>
4982                    </svg>
4983                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4984                      <g id="Layer_1-2" data-name="Layer 1">
4985                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4986                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4987                      </g>
4988                    </svg>
4989                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4990                      <g id="Layer_1-2" data-name="Layer 1">
4991                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4992                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4993                      </g>
4994                    </svg>
4995                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
4996                      <g id="Layer_1-2" data-name="Layer 1">
4997                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
4998                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
4999                      </g>
5000                    </svg>
5001                  </div>
5002                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5003              </form>
5004            </div>
5005          </div>
5006        </dialog>
5007
5008      
5008<script>
5009        var modaleBtns = document.querySelectorAll(".modaleBtns");
5010        var closeBtns = document.querySelectorAll(".closeBtns");
5011
5012        // Open the modal
5013        for ( var modaleBtn in modaleBtns ) {
5014          modaleBtns[modaleBtn].onclick = function() {
5015            let parent = this.closest('.carousel-card')
5016            let modal = parent.querySelector('.my_modal')
5017            modal.showModal();
5018          }
5019        }
5020
5021        // Close the modal
5022        for ( var closeBtn in closeBtns ) {
5023          closeBtns[closeBtn].onclick = function() {
5024            let parent = this.closest('.carousel-card')
5025            let modal = parent.querySelector('.my_modal')
5026            modal.close();
5027          }
5028        }
5029        
5030        // Close the modal by clicking Escape
5031        document.addEventListener("keydown", function (event) {
5032          if (event.key === "Escape") {
5033            closeModal();
5034          }
5035        });
5036      </script>
5036
5037
5038<div class="tw-flex tw-justify-start tw-gap-0.5">
5039  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5040    <g id="Layer_1-2" data-name="Layer 1">
5041      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5042      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5043    </g>
5044  </svg>
5045  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5046    <g id="Layer_1-2" data-name="Layer 1">
5047      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5048      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5049    </g>
5050  </svg>
5051  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5052    <g id="Layer_1-2" data-name="Layer 1">
5053      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5054      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5055    </g>
5056  </svg>
5057  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5058    <g id="Layer_1-2" data-name="Layer 1">
5059      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5060      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5061    </g>
5062  </svg>
5063  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5064    <g id="Layer_1-2" data-name="Layer 1">
5065      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5066      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5067    </g>
5068  </svg>
5069</div>
5070
5071    </div>
5072    
5073        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5074
5075      
5076        <div class="!tw-flex !tw-justify-between !tw-items-center">
5077        
5078          <p class="tw-font-bold tw-text-[14px]" style="color:">
5079            Lena Kristjansdottir
5080          </p>
5081        
5082        
5083          <p>
5084            05/11/2024
5085          </p>						
5086        
5087      </div>
5088
5089      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5090        <span class="tw-line-clamp-3">The best products you can buy, I just love them.</span>
5091        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5092      </div>
5093        <dialog class="my_modal tw-max-w-[500px]">
5094          <div class="modal-box tw-p-3">
5095            
5096            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5097              <h3 class="font-bold text-lg">Lena Kristjansdottir</h3>
5098              <p class="py-4">05/11/2024</p>
5099            </div>
5100            
5101            <div class="modal-action">
5102              <form method="dialog tw-w-full">
5103                <p class="tw-mb-3">The best products you can buy, I just love them.</p>
5104                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5105                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5106                      <g id="Layer_1-2" data-name="Layer 1">
5107                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5108                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5109                      </g>
5110                    </svg>
5111                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5112                      <g id="Layer_1-2" data-name="Layer 1">
5113                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5114                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5115                      </g>
5116                    </svg>
5117                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5118                      <g id="Layer_1-2" data-name="Layer 1">
5119                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5120                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5121                      </g>
5122                    </svg>
5123                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5124                      <g id="Layer_1-2" data-name="Layer 1">
5125                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5126                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5127                      </g>
5128                    </svg>
5129                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5130                      <g id="Layer_1-2" data-name="Layer 1">
5131                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5132                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5133                      </g>
5134                    </svg>
5135                  </div>
5136                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5137              </form>
5138            </div>
5139          </div>
5140        </dialog>
5141
5142      
5142<script>
5143        var modaleBtns = document.querySelectorAll(".modaleBtns");
5144        var closeBtns = document.querySelectorAll(".closeBtns");
5145
5146        // Open the modal
5147        for ( var modaleBtn in modaleBtns ) {
5148          modaleBtns[modaleBtn].onclick = function() {
5149            let parent = this.closest('.carousel-card')
5150            let modal = parent.querySelector('.my_modal')
5151            modal.showModal();
5152          }
5153        }
5154
5155        // Close the modal
5156        for ( var closeBtn in closeBtns ) {
5157          closeBtns[closeBtn].onclick = function() {
5158            let parent = this.closest('.carousel-card')
5159            let modal = parent.querySelector('.my_modal')
5160            modal.close();
5161          }
5162        }
5163        
5164        // Close the modal by clicking Escape
5165        document.addEventListener("keydown", function (event) {
5166          if (event.key === "Escape") {
5167            closeModal();
5168          }
5169        });
5170      </script>
5170
5171
5172<div class="tw-flex tw-justify-start tw-gap-0.5">
5173  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5174    <g id="Layer_1-2" data-name="Layer 1">
5175      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5176      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5177    </g>
5178  </svg>
5179  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5180    <g id="Layer_1-2" data-name="Layer 1">
5181      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5182      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5183    </g>
5184  </svg>
5185  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5186    <g id="Layer_1-2" data-name="Layer 1">
5187      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5188      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5189    </g>
5190  </svg>
5191  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5192    <g id="Layer_1-2" data-name="Layer 1">
5193      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5194      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5195    </g>
5196  </svg>
5197  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5198    <g id="Layer_1-2" data-name="Layer 1">
5199      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5200      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5201    </g>
5202  </svg>
5203</div>
5204
5205    </div>
5206    
5207        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5208
5209      
5210        <div class="!tw-flex !tw-justify-between !tw-items-center">
5211        
5212          <p class="tw-font-bold tw-text-[14px]" style="color:">
5213            Linda
5214          </p>
5215        
5216        
5217          <p>
5218            08/12/2023
5219          </p>						
5220        
5221      </div>
5222
5223      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5224        <span class="tw-line-clamp-3">Lovely products - absorbs well into the skin and the skin feels soft and moisturized.</span>
5225        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5226      </div>
5227        <dialog class="my_modal tw-max-w-[500px]">
5228          <div class="modal-box tw-p-3">
5229            
5230            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5231              <h3 class="font-bold text-lg">Linda</h3>
5232              <p class="py-4">08/12/2023</p>
5233            </div>
5234            
5235            <div class="modal-action">
5236              <form method="dialog tw-w-full">
5237                <p class="tw-mb-3">Lovely products - absorbs well into the skin and the skin feels soft and moisturized.</p>
5238                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5239                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5240                      <g id="Layer_1-2" data-name="Layer 1">
5241                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5242                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5243                      </g>
5244                    </svg>
5245                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5246                      <g id="Layer_1-2" data-name="Layer 1">
5247                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5248                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5249                      </g>
5250                    </svg>
5251                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5252                      <g id="Layer_1-2" data-name="Layer 1">
5253                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5254                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5255                      </g>
5256                    </svg>
5257                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5258                      <g id="Layer_1-2" data-name="Layer 1">
5259                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5260                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5261                      </g>
5262                    </svg>
5263                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5264                      <g id="Layer_1-2" data-name="Layer 1">
5265                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5266                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5267                      </g>
5268                    </svg>
5269                  </div>
5270                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5271              </form>
5272            </div>
5273          </div>
5274        </dialog>
5275
5276      
5276<script>
5277        var modaleBtns = document.querySelectorAll(".modaleBtns");
5278        var closeBtns = document.querySelectorAll(".closeBtns");
5279
5280        // Open the modal
5281        for ( var modaleBtn in modaleBtns ) {
5282          modaleBtns[modaleBtn].onclick = function() {
5283            let parent = this.closest('.carousel-card')
5284            let modal = parent.querySelector('.my_modal')
5285            modal.showModal();
5286          }
5287        }
5288
5289        // Close the modal
5290        for ( var closeBtn in closeBtns ) {
5291          closeBtns[closeBtn].onclick = function() {
5292            let parent = this.closest('.carousel-card')
5293            let modal = parent.querySelector('.my_modal')
5294            modal.close();
5295          }
5296        }
5297        
5298        // Close the modal by clicking Escape
5299        document.addEventListener("keydown", function (event) {
5300          if (event.key === "Escape") {
5301            closeModal();
5302          }
5303        });
5304      </script>
5304
5305
5306<div class="tw-flex tw-justify-start tw-gap-0.5">
5307  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5308    <g id="Layer_1-2" data-name="Layer 1">
5309      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5310      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5311    </g>
5312  </svg>
5313  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5314    <g id="Layer_1-2" data-name="Layer 1">
5315      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5316      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5317    </g>
5318  </svg>
5319  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5320    <g id="Layer_1-2" data-name="Layer 1">
5321      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5322      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5323    </g>
5324  </svg>
5325  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5326    <g id="Layer_1-2" data-name="Layer 1">
5327      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5328      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5329    </g>
5330  </svg>
5331  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5332    <g id="Layer_1-2" data-name="Layer 1">
5333      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5334      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5335    </g>
5336  </svg>
5337</div>
5338
5339    </div>
5340    
5341        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5342
5343      
5344        <div class="!tw-flex !tw-justify-between !tw-items-center">
5345        
5346          <p class="tw-font-bold tw-text-[14px]" style="color:">
5347            Lise Muri
5348          </p>
5349        
5350        
5351          <p>
5352            07/10/2024
5353          </p>						
5354        
5355      </div>
5356
5357      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5358        <span class="tw-line-clamp-3">Fast and easy delivery and great products that I plan to test a bit more.</span>
5359        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5360      </div>
5361        <dialog class="my_modal tw-max-w-[500px]">
5362          <div class="modal-box tw-p-3">
5363            
5364            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5365              <h3 class="font-bold text-lg">Lise Muri</h3>
5366              <p class="py-4">07/10/2024</p>
5367            </div>
5368            
5369            <div class="modal-action">
5370              <form method="dialog tw-w-full">
5371                <p class="tw-mb-3">Fast and easy delivery and great products that I plan to test a bit more.</p>
5372                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5373                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5374                      <g id="Layer_1-2" data-name="Layer 1">
5375                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5376                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5377                      </g>
5378                    </svg>
5379                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5380                      <g id="Layer_1-2" data-name="Layer 1">
5381                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5382                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5383                      </g>
5384                    </svg>
5385                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5386                      <g id="Layer_1-2" data-name="Layer 1">
5387                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5388                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5389                      </g>
5390                    </svg>
5391                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5392                      <g id="Layer_1-2" data-name="Layer 1">
5393                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5394                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5395                      </g>
5396                    </svg>
5397                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5398                      <g id="Layer_1-2" data-name="Layer 1">
5399                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5400                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5401                      </g>
5402                    </svg>
5403                  </div>
5404                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5405              </form>
5406            </div>
5407          </div>
5408        </dialog>
5409
5410      
5410<script>
5411        var modaleBtns = document.querySelectorAll(".modaleBtns");
5412        var closeBtns = document.querySelectorAll(".closeBtns");
5413
5414        // Open the modal
5415        for ( var modaleBtn in modaleBtns ) {
5416          modaleBtns[modaleBtn].onclick = function() {
5417            let parent = this.closest('.carousel-card')
5418            let modal = parent.querySelector('.my_modal')
5419            modal.showModal();
5420          }
5421        }
5422
5423        // Close the modal
5424        for ( var closeBtn in closeBtns ) {
5425          closeBtns[closeBtn].onclick = function() {
5426            let parent = this.closest('.carousel-card')
5427            let modal = parent.querySelector('.my_modal')
5428            modal.close();
5429          }
5430        }
5431        
5432        // Close the modal by clicking Escape
5433        document.addEventListener("keydown", function (event) {
5434          if (event.key === "Escape") {
5435            closeModal();
5436          }
5437        });
5438      </script>
5438
5439
5440<div class="tw-flex tw-justify-start tw-gap-0.5">
5441  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5442    <g id="Layer_1-2" data-name="Layer 1">
5443      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5444      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5445    </g>
5446  </svg>
5447  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5448    <g id="Layer_1-2" data-name="Layer 1">
5449      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5450      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5451    </g>
5452  </svg>
5453  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5454    <g id="Layer_1-2" data-name="Layer 1">
5455      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5456      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5457    </g>
5458  </svg>
5459  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5460    <g id="Layer_1-2" data-name="Layer 1">
5461      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5462      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5463    </g>
5464  </svg>
5465  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5466    <g id="Layer_1-2" data-name="Layer 1">
5467      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5468      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5469    </g>
5470  </svg>
5471</div>
5472
5473    </div>
5474    
5475        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5476
5477      
5478        <div class="!tw-flex !tw-justify-between !tw-items-center">
5479        
5480          <p class="tw-font-bold tw-text-[14px]" style="color:">
5481            Marianne
5482          </p>
5483        
5484        
5485          <p>
5486            31/05/2023
5487          </p>						
5488        
5489      </div>
5490
5491      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5492        <span class="tw-line-clamp-3">Great service and fast delivery of delicious products. I have been using Dr. Ankerstjerne's products since they came on the market, and I am very satisfied. Recommended :)</span>
5493        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5494      </div>
5495        <dialog class="my_modal tw-max-w-[500px]">
5496          <div class="modal-box tw-p-3">
5497            
5498            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5499              <h3 class="font-bold text-lg">Marianne</h3>
5500              <p class="py-4">31/05/2023</p>
5501            </div>
5502            
5503            <div class="modal-action">
5504              <form method="dialog tw-w-full">
5505                <p class="tw-mb-3">Great service and fast delivery of delicious products. I have been using Dr. Ankerstjerne's products since they came on the market, and I am very satisfied. Recommended :)</p>
5506                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5507                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5508                      <g id="Layer_1-2" data-name="Layer 1">
5509                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5510                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5511                      </g>
5512                    </svg>
5513                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5514                      <g id="Layer_1-2" data-name="Layer 1">
5515                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5516                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5517                      </g>
5518                    </svg>
5519                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5520                      <g id="Layer_1-2" data-name="Layer 1">
5521                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5522                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5523                      </g>
5524                    </svg>
5525                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5526                      <g id="Layer_1-2" data-name="Layer 1">
5527                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5528                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5529                      </g>
5530                    </svg>
5531                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5532                      <g id="Layer_1-2" data-name="Layer 1">
5533                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5534                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5535                      </g>
5536                    </svg>
5537                  </div>
5538                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5539              </form>
5540            </div>
5541          </div>
5542        </dialog>
5543
5544      
5544<script>
5545        var modaleBtns = document.querySelectorAll(".modaleBtns");
5546        var closeBtns = document.querySelectorAll(".closeBtns");
5547
5548        // Open the modal
5549        for ( var modaleBtn in modaleBtns ) {
5550          modaleBtns[modaleBtn].onclick = function() {
5551            let parent = this.closest('.carousel-card')
5552            let modal = parent.querySelector('.my_modal')
5553            modal.showModal();
5554          }
5555        }
5556
5557        // Close the modal
5558        for ( var closeBtn in closeBtns ) {
5559          closeBtns[closeBtn].onclick = function() {
5560            let parent = this.closest('.carousel-card')
5561            let modal = parent.querySelector('.my_modal')
5562            modal.close();
5563          }
5564        }
5565        
5566        // Close the modal by clicking Escape
5567        document.addEventListener("keydown", function (event) {
5568          if (event.key === "Escape") {
5569            closeModal();
5570          }
5571        });
5572      </script>
5572
5573
5574<div class="tw-flex tw-justify-start tw-gap-0.5">
5575  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5576    <g id="Layer_1-2" data-name="Layer 1">
5577      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5578      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5579    </g>
5580  </svg>
5581  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5582    <g id="Layer_1-2" data-name="Layer 1">
5583      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5584      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5585    </g>
5586  </svg>
5587  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5588    <g id="Layer_1-2" data-name="Layer 1">
5589      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5590      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5591    </g>
5592  </svg>
5593  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5594    <g id="Layer_1-2" data-name="Layer 1">
5595      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5596      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5597    </g>
5598  </svg>
5599  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5600    <g id="Layer_1-2" data-name="Layer 1">
5601      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5602      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5603    </g>
5604  </svg>
5605</div>
5606
5607    </div>
5608    
5609        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5610
5611      
5612        <div class="!tw-flex !tw-justify-between !tw-items-center">
5613        
5614          <p class="tw-font-bold tw-text-[14px]" style="color:">
5615            Marianne
5616          </p>
5617        
5618        
5619          <p>
5620            04/06/2023
5621          </p>						
5622        
5623      </div>
5624
5625      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5626        <span class="tw-line-clamp-3">Best product I have used. Great service, samples I can take for travel. Fast delivery and free shipping. Highly recommended!</span>
5627        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5628      </div>
5629        <dialog class="my_modal tw-max-w-[500px]">
5630          <div class="modal-box tw-p-3">
5631            
5632            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5633              <h3 class="font-bold text-lg">Marianne</h3>
5634              <p class="py-4">04/06/2023</p>
5635            </div>
5636            
5637            <div class="modal-action">
5638              <form method="dialog tw-w-full">
5639                <p class="tw-mb-3">Best product I have used. Great service, samples I can take for travel. Fast delivery and free shipping. Highly recommended!</p>
5640                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5641                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5642                      <g id="Layer_1-2" data-name="Layer 1">
5643                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5644                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5645                      </g>
5646                    </svg>
5647                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5648                      <g id="Layer_1-2" data-name="Layer 1">
5649                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5650                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5651                      </g>
5652                    </svg>
5653                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5654                      <g id="Layer_1-2" data-name="Layer 1">
5655                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5656                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5657                      </g>
5658                    </svg>
5659                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5660                      <g id="Layer_1-2" data-name="Layer 1">
5661                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5662                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5663                      </g>
5664                    </svg>
5665                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5666                      <g id="Layer_1-2" data-name="Layer 1">
5667                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5668                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5669                      </g>
5670                    </svg>
5671                  </div>
5672                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5673              </form>
5674            </div>
5675          </div>
5676        </dialog>
5677
5678      
5678<script>
5679        var modaleBtns = document.querySelectorAll(".modaleBtns");
5680        var closeBtns = document.querySelectorAll(".closeBtns");
5681
5682        // Open the modal
5683        for ( var modaleBtn in modaleBtns ) {
5684          modaleBtns[modaleBtn].onclick = function() {
5685            let parent = this.closest('.carousel-card')
5686            let modal = parent.querySelector('.my_modal')
5687            modal.showModal();
5688          }
5689        }
5690
5691        // Close the modal
5692        for ( var closeBtn in closeBtns ) {
5693          closeBtns[closeBtn].onclick = function() {
5694            let parent = this.closest('.carousel-card')
5695            let modal = parent.querySelector('.my_modal')
5696            modal.close();
5697          }
5698        }
5699        
5700        // Close the modal by clicking Escape
5701        document.addEventListener("keydown", function (event) {
5702          if (event.key === "Escape") {
5703            closeModal();
5704          }
5705        });
5706      </script>
5706
5707
5708<div class="tw-flex tw-justify-start tw-gap-0.5">
5709  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5710    <g id="Layer_1-2" data-name="Layer 1">
5711      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5712      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5713    </g>
5714  </svg>
5715  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5716    <g id="Layer_1-2" data-name="Layer 1">
5717      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5718      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5719    </g>
5720  </svg>
5721  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5722    <g id="Layer_1-2" data-name="Layer 1">
5723      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5724      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5725    </g>
5726  </svg>
5727  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5728    <g id="Layer_1-2" data-name="Layer 1">
5729      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5730      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5731    </g>
5732  </svg>
5733  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5734    <g id="Layer_1-2" data-name="Layer 1">
5735      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5736      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5737    </g>
5738  </svg>
5739</div>
5740
5741    </div>
5742    
5743        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5744
5745      
5746        <div class="!tw-flex !tw-justify-between !tw-items-center">
5747        
5748          <p class="tw-font-bold tw-text-[14px]" style="color:">
5749            Mette
5750          </p>
5751        
5752        
5753          <p>
5754            7/11/2023
5755          </p>						
5756        
5757      </div>
5758
5759      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5760        <span class="tw-line-clamp-3">Absolutely fantastic products! I have been using them since 2019 and my skin has finally found peace and glow. The price is a bit high, but the skin deserves only the best. I wish they could also make a pure sunscreen in their series.</span>
5761        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5762      </div>
5763        <dialog class="my_modal tw-max-w-[500px]">
5764          <div class="modal-box tw-p-3">
5765            
5766            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5767              <h3 class="font-bold text-lg">Mette</h3>
5768              <p class="py-4">7/11/2023</p>
5769            </div>
5770            
5771            <div class="modal-action">
5772              <form method="dialog tw-w-full">
5773                <p class="tw-mb-3">Absolutely fantastic products! I have been using them since 2019 and my skin has finally found peace and glow. The price is a bit high, but the skin deserves only the best. I wish they could also make a pure sunscreen in their series.</p>
5774                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5775                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5776                      <g id="Layer_1-2" data-name="Layer 1">
5777                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5778                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5779                      </g>
5780                    </svg>
5781                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5782                      <g id="Layer_1-2" data-name="Layer 1">
5783                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5784                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5785                      </g>
5786                    </svg>
5787                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5788                      <g id="Layer_1-2" data-name="Layer 1">
5789                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5790                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5791                      </g>
5792                    </svg>
5793                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5794                      <g id="Layer_1-2" data-name="Layer 1">
5795                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5796                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5797                      </g>
5798                    </svg>
5799                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5800                      <g id="Layer_1-2" data-name="Layer 1">
5801                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5802                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5803                      </g>
5804                    </svg>
5805                  </div>
5806                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5807              </form>
5808            </div>
5809          </div>
5810        </dialog>
5811
5812      
5812<script>
5813        var modaleBtns = document.querySelectorAll(".modaleBtns");
5814        var closeBtns = document.querySelectorAll(".closeBtns");
5815
5816        // Open the modal
5817        for ( var modaleBtn in modaleBtns ) {
5818          modaleBtns[modaleBtn].onclick = function() {
5819            let parent = this.closest('.carousel-card')
5820            let modal = parent.querySelector('.my_modal')
5821            modal.showModal();
5822          }
5823        }
5824
5825        // Close the modal
5826        for ( var closeBtn in closeBtns ) {
5827          closeBtns[closeBtn].onclick = function() {
5828            let parent = this.closest('.carousel-card')
5829            let modal = parent.querySelector('.my_modal')
5830            modal.close();
5831          }
5832        }
5833        
5834        // Close the modal by clicking Escape
5835        document.addEventListener("keydown", function (event) {
5836          if (event.key === "Escape") {
5837            closeModal();
5838          }
5839        });
5840      </script>
5840
5841
5842<div class="tw-flex tw-justify-start tw-gap-0.5">
5843  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5844    <g id="Layer_1-2" data-name="Layer 1">
5845      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5846      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5847    </g>
5848  </svg>
5849  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5850    <g id="Layer_1-2" data-name="Layer 1">
5851      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5852      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5853    </g>
5854  </svg>
5855  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5856    <g id="Layer_1-2" data-name="Layer 1">
5857      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5858      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5859    </g>
5860  </svg>
5861  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5862    <g id="Layer_1-2" data-name="Layer 1">
5863      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5864      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5865    </g>
5866  </svg>
5867  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5868    <g id="Layer_1-2" data-name="Layer 1">
5869      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5870      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5871    </g>
5872  </svg>
5873</div>
5874
5875    </div>
5876    
5877        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
5878
5879      
5880        <div class="!tw-flex !tw-justify-between !tw-items-center">
5881        
5882          <p class="tw-font-bold tw-text-[14px]" style="color:">
5883            Mona
5884          </p>
5885        
5886        
5887          <p>
5888            07/10/2024
5889          </p>						
5890        
5891      </div>
5892
5893      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5894        <span class="tw-line-clamp-3">Best skincare ever.</span>
5895        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
5896      </div>
5897        <dialog class="my_modal tw-max-w-[500px]">
5898          <div class="modal-box tw-p-3">
5899            
5900            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
5901              <h3 class="font-bold text-lg">Mona</h3>
5902              <p class="py-4">07/10/2024</p>
5903            </div>
5904            
5905            <div class="modal-action">
5906              <form method="dialog tw-w-full">
5907                <p class="tw-mb-3">Best skincare ever.</p>
5908                  <div class="tw-flex tw-justify-start tw-gap-0.5">
5909                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5910                      <g id="Layer_1-2" data-name="Layer 1">
5911                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5912                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5913                      </g>
5914                    </svg>
5915                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5916                      <g id="Layer_1-2" data-name="Layer 1">
5917                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5918                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5919                      </g>
5920                    </svg>
5921                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5922                      <g id="Layer_1-2" data-name="Layer 1">
5923                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5924                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5925                      </g>
5926                    </svg>
5927                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5928                      <g id="Layer_1-2" data-name="Layer 1">
5929                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5930                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5931                      </g>
5932                    </svg>
5933                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5934                      <g id="Layer_1-2" data-name="Layer 1">
5935                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5936                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5937                      </g>
5938                    </svg>
5939                  </div>
5940                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
5941              </form>
5942            </div>
5943          </div>
5944        </dialog>
5945
5946      
5946<script>
5947        var modaleBtns = document.querySelectorAll(".modaleBtns");
5948        var closeBtns = document.querySelectorAll(".closeBtns");
5949
5950        // Open the modal
5951        for ( var modaleBtn in modaleBtns ) {
5952          modaleBtns[modaleBtn].onclick = function() {
5953            let parent = this.closest('.carousel-card')
5954            let modal = parent.querySelector('.my_modal')
5955            modal.showModal();
5956          }
5957        }
5958
5959        // Close the modal
5960        for ( var closeBtn in closeBtns ) {
5961          closeBtns[closeBtn].onclick = function() {
5962            let parent = this.closest('.carousel-card')
5963            let modal = parent.querySelector('.my_modal')
5964            modal.close();
5965          }
5966        }
5967        
5968        // Close the modal by clicking Escape
5969        document.addEventListener("keydown", function (event) {
5970          if (event.key === "Escape") {
5971            closeModal();
5972          }
5973        });
5974      </script>
5974
5975
5976<div class="tw-flex tw-justify-start tw-gap-0.5">
5977  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5978    <g id="Layer_1-2" data-name="Layer 1">
5979      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5980      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5981    </g>
5982  </svg>
5983  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5984    <g id="Layer_1-2" data-name="Layer 1">
5985      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5986      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5987    </g>
5988  </svg>
5989  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5990    <g id="Layer_1-2" data-name="Layer 1">
5991      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5992      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5993    </g>
5994  </svg>
5995  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
5996    <g id="Layer_1-2" data-name="Layer 1">
5997      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
5998      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
5999    </g>
6000  </svg>
6001  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6002    <g id="Layer_1-2" data-name="Layer 1">
6003      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6004      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6005    </g>
6006  </svg>
6007</div>
6008
6009    </div>
6010    
6011        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
6012
6013      
6014        <div class="!tw-flex !tw-justify-between !tw-items-center">
6015        
6016          <p class="tw-font-bold tw-text-[14px]" style="color:">
6017            Nina
6018          </p>
6019        
6020        
6021          <p>
6022            09/12/2023
6023          </p>						
6024        
6025      </div>
6026
6027      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6028        <span class="tw-line-clamp-3">Very good products. Even out skin tones well. The day cream provides very good protection all day in the sun. The night cream provides good moisture. Superfood is a very good serum that gives a good glow to the skin all day long.</span>
6029        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
6030      </div>
6031        <dialog class="my_modal tw-max-w-[500px]">
6032          <div class="modal-box tw-p-3">
6033            
6034            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
6035              <h3 class="font-bold text-lg">Nina</h3>
6036              <p class="py-4">09/12/2023</p>
6037            </div>
6038            
6039            <div class="modal-action">
6040              <form method="dialog tw-w-full">
6041                <p class="tw-mb-3">Very good products. Even out skin tones well. The day cream provides very good protection all day in the sun. The night cream provides good moisture. Superfood is a very good serum that gives a good glow to the skin all day long.</p>
6042                  <div class="tw-flex tw-justify-start tw-gap-0.5">
6043                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6044                      <g id="Layer_1-2" data-name="Layer 1">
6045                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6046                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6047                      </g>
6048                    </svg>
6049                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6050                      <g id="Layer_1-2" data-name="Layer 1">
6051                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6052                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6053                      </g>
6054                    </svg>
6055                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6056                      <g id="Layer_1-2" data-name="Layer 1">
6057                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6058                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6059                      </g>
6060                    </svg>
6061                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6062                      <g id="Layer_1-2" data-name="Layer 1">
6063                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6064                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6065                      </g>
6066                    </svg>
6067                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6068                      <g id="Layer_1-2" data-name="Layer 1">
6069                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6070                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6071                      </g>
6072                    </svg>
6073                  </div>
6074                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
6075              </form>
6076            </div>
6077          </div>
6078        </dialog>
6079
6080      
6080<script>
6081        var modaleBtns = document.querySelectorAll(".modaleBtns");
6082        var closeBtns = document.querySelectorAll(".closeBtns");
6083
6084        // Open the modal
6085        for ( var modaleBtn in modaleBtns ) {
6086          modaleBtns[modaleBtn].onclick = function() {
6087            let parent = this.closest('.carousel-card')
6088            let modal = parent.querySelector('.my_modal')
6089            modal.showModal();
6090          }
6091        }
6092
6093        // Close the modal
6094        for ( var closeBtn in closeBtns ) {
6095          closeBtns[closeBtn].onclick = function() {
6096            let parent = this.closest('.carousel-card')
6097            let modal = parent.querySelector('.my_modal')
6098            modal.close();
6099          }
6100        }
6101        
6102        // Close the modal by clicking Escape
6103        document.addEventListener("keydown", function (event) {
6104          if (event.key === "Escape") {
6105            closeModal();
6106          }
6107        });
6108      </script>
6108
6109
6110<div class="tw-flex tw-justify-start tw-gap-0.5">
6111  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6112    <g id="Layer_1-2" data-name="Layer 1">
6113      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6114      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6115    </g>
6116  </svg>
6117  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6118    <g id="Layer_1-2" data-name="Layer 1">
6119      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6120      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6121    </g>
6122  </svg>
6123  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6124    <g id="Layer_1-2" data-name="Layer 1">
6125      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6126      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6127    </g>
6128  </svg>
6129  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6130    <g id="Layer_1-2" data-name="Layer 1">
6131      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6132      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6133    </g>
6134  </svg>
6135  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6136    <g id="Layer_1-2" data-name="Layer 1">
6137      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6138      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6139    </g>
6140  </svg>
6141</div>
6142
6143    </div>
6144    
6145        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
6146
6147      
6148        <div class="!tw-flex !tw-justify-between !tw-items-center">
6149        
6150          <p class="tw-font-bold tw-text-[14px]" style="color:">
6151            Therese
6152          </p>
6153        
6154        
6155          <p>
6156            14/10/2024
6157          </p>						
6158        
6159      </div>
6160
6161      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6162        <span class="tw-line-clamp-3">It works, and the creams absorb well into the skin.</span>
6163        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
6164      </div>
6165        <dialog class="my_modal tw-max-w-[500px]">
6166          <div class="modal-box tw-p-3">
6167            
6168            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
6169              <h3 class="font-bold text-lg">Therese</h3>
6170              <p class="py-4">14/10/2024</p>
6171            </div>
6172            
6173            <div class="modal-action">
6174              <form method="dialog tw-w-full">
6175                <p class="tw-mb-3">It works, and the creams absorb well into the skin.</p>
6176                  <div class="tw-flex tw-justify-start tw-gap-0.5">
6177                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6178                      <g id="Layer_1-2" data-name="Layer 1">
6179                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6180                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6181                      </g>
6182                    </svg>
6183                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6184                      <g id="Layer_1-2" data-name="Layer 1">
6185                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6186                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6187                      </g>
6188                    </svg>
6189                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6190                      <g id="Layer_1-2" data-name="Layer 1">
6191                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6192                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6193                      </g>
6194                    </svg>
6195                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6196                      <g id="Layer_1-2" data-name="Layer 1">
6197                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6198                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6199                      </g>
6200                    </svg>
6201                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6202                      <g id="Layer_1-2" data-name="Layer 1">
6203                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6204                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6205                      </g>
6206                    </svg>
6207                  </div>
6208                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
6209              </form>
6210            </div>
6211          </div>
6212        </dialog>
6213
6214      
6214<script>
6215        var modaleBtns = document.querySelectorAll(".modaleBtns");
6216        var closeBtns = document.querySelectorAll(".closeBtns");
6217
6218        // Open the modal
6219        for ( var modaleBtn in modaleBtns ) {
6220          modaleBtns[modaleBtn].onclick = function() {
6221            let parent = this.closest('.carousel-card')
6222            let modal = parent.querySelector('.my_modal')
6223            modal.showModal();
6224          }
6225        }
6226
6227        // Close the modal
6228        for ( var closeBtn in closeBtns ) {
6229          closeBtns[closeBtn].onclick = function() {
6230            let parent = this.closest('.carousel-card')
6231            let modal = parent.querySelector('.my_modal')
6232            modal.close();
6233          }
6234        }
6235        
6236        // Close the modal by clicking Escape
6237        document.addEventListener("keydown", function (event) {
6238          if (event.key === "Escape") {
6239            closeModal();
6240          }
6241        });
6242      </script>
6242
6243
6244<div class="tw-flex tw-justify-start tw-gap-0.5">
6245  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6246    <g id="Layer_1-2" data-name="Layer 1">
6247      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6248      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6249    </g>
6250  </svg>
6251  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6252    <g id="Layer_1-2" data-name="Layer 1">
6253      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6254      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6255    </g>
6256  </svg>
6257  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6258    <g id="Layer_1-2" data-name="Layer 1">
6259      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6260      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6261    </g>
6262  </svg>
6263  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6264    <g id="Layer_1-2" data-name="Layer 1">
6265      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6266      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6267    </g>
6268  </svg>
6269  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6270    <g id="Layer_1-2" data-name="Layer 1">
6271      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6272      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6273    </g>
6274  </svg>
6275</div>
6276
6277    </div>
6278    
6279        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
6280
6281      
6282        <div class="!tw-flex !tw-justify-between !tw-items-center">
6283        
6284          <p class="tw-font-bold tw-text-[14px]" style="color:">
6285            Torild
6286          </p>
6287        
6288        
6289          <p>
6290            12/06/2023
6291          </p>						
6292        
6293      </div>
6294
6295      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6296        <span class="tw-line-clamp-3">Very fast delivery right in the mailbox 👌👌 I have only used the products for a short time, but I think they are very good, and most importantly I tolerate them!!!!! Now I want a good eye cream/serum 🙏🙏</span>
6297        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
6298      </div>
6299        <dialog class="my_modal tw-max-w-[500px]">
6300          <div class="modal-box tw-p-3">
6301            
6302            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
6303              <h3 class="font-bold text-lg">Torild</h3>
6304              <p class="py-4">12/06/2023</p>
6305            </div>
6306            
6307            <div class="modal-action">
6308              <form method="dialog tw-w-full">
6309                <p class="tw-mb-3">Very fast delivery right in the mailbox 👌👌 I have only used the products for a short time, but I think they are very good, and most importantly I tolerate them!!!!! Now I want a good eye cream/serum 🙏🙏</p>
6310                  <div class="tw-flex tw-justify-start tw-gap-0.5">
6311                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6312                      <g id="Layer_1-2" data-name="Layer 1">
6313                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6314                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6315                      </g>
6316                    </svg>
6317                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6318                      <g id="Layer_1-2" data-name="Layer 1">
6319                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6320                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6321                      </g>
6322                    </svg>
6323                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6324                      <g id="Layer_1-2" data-name="Layer 1">
6325                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6326                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6327                      </g>
6328                    </svg>
6329                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6330                      <g id="Layer_1-2" data-name="Layer 1">
6331                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6332                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6333                      </g>
6334                    </svg>
6335                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6336                      <g id="Layer_1-2" data-name="Layer 1">
6337                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6338                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6339                      </g>
6340                    </svg>
6341                  </div>
6342                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
6343              </form>
6344            </div>
6345          </div>
6346        </dialog>
6347
6348      
6348<script>
6349        var modaleBtns = document.querySelectorAll(".modaleBtns");
6350        var closeBtns = document.querySelectorAll(".closeBtns");
6351
6352        // Open the modal
6353        for ( var modaleBtn in modaleBtns ) {
6354          modaleBtns[modaleBtn].onclick = function() {
6355            let parent = this.closest('.carousel-card')
6356            let modal = parent.querySelector('.my_modal')
6357            modal.showModal();
6358          }
6359        }
6360
6361        // Close the modal
6362        for ( var closeBtn in closeBtns ) {
6363          closeBtns[closeBtn].onclick = function() {
6364            let parent = this.closest('.carousel-card')
6365            let modal = parent.querySelector('.my_modal')
6366            modal.close();
6367          }
6368        }
6369        
6370        // Close the modal by clicking Escape
6371        document.addEventListener("keydown", function (event) {
6372          if (event.key === "Escape") {
6373            closeModal();
6374          }
6375        });
6376      </script>
6376
6377
6378<div class="tw-flex tw-justify-start tw-gap-0.5">
6379  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6380    <g id="Layer_1-2" data-name="Layer 1">
6381      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6382      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6383    </g>
6384  </svg>
6385  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6386    <g id="Layer_1-2" data-name="Layer 1">
6387      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6388      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6389    </g>
6390  </svg>
6391  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6392    <g id="Layer_1-2" data-name="Layer 1">
6393      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6394      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6395    </g>
6396  </svg>
6397  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6398    <g id="Layer_1-2" data-name="Layer 1">
6399      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6400      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6401    </g>
6402  </svg>
6403  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6404    <g id="Layer_1-2" data-name="Layer 1">
6405      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6406      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6407    </g>
6408  </svg>
6409</div>
6410
6411    </div>
6412    
6413        <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5">
6414
6415      
6416        <div class="!tw-flex !tw-justify-between !tw-items-center">
6417        
6418          <p class="tw-font-bold tw-text-[14px]" style="color:">
6419            Vivian
6420          </p>
6421        
6422        
6423          <p>
6424            05/12/2023
6425          </p>						
6426        
6427      </div>
6428
6429      <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6430        <span class="tw-line-clamp-3">After trying out the products, I ordered the skincare series, fast delivery and very satisfied 😍 already see a difference in my skin, it is much prettier🙂</span>
6431        <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span>
6432      </div>
6433        <dialog class="my_modal tw-max-w-[500px]">
6434          <div class="modal-box tw-p-3">
6435            
6436            <div class="tw-flex tw-justify-between tw-items-center tw-mb-3">
6437              <h3 class="font-bold text-lg">Vivian</h3>
6438              <p class="py-4">05/12/2023</p>
6439            </div>
6440            
6441            <div class="modal-action">
6442              <form method="dialog tw-w-full">
6443                <p class="tw-mb-3">After trying out the products, I ordered the skincare series, fast delivery and very satisfied 😍 already see a difference in my skin, it is much prettier🙂</p>
6444                  <div class="tw-flex tw-justify-start tw-gap-0.5">
6445                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6446                      <g id="Layer_1-2" data-name="Layer 1">
6447                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6448                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6449                      </g>
6450                    </svg>
6451                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6452                      <g id="Layer_1-2" data-name="Layer 1">
6453                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6454                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6455                      </g>
6456                    </svg>
6457                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6458                      <g id="Layer_1-2" data-name="Layer 1">
6459                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6460                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6461                      </g>
6462                    </svg>
6463                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6464                      <g id="Layer_1-2" data-name="Layer 1">
6465                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6466                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6467                      </g>
6468                    </svg>
6469                    <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6470                      <g id="Layer_1-2" data-name="Layer 1">
6471                        <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6472                        <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6473                      </g>
6474                    </svg>
6475                  </div>
6476                <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div>
6477              </form>
6478            </div>
6479          </div>
6480        </dialog>
6481
6482      
6482<script>
6483        var modaleBtns = document.querySelectorAll(".modaleBtns");
6484        var closeBtns = document.querySelectorAll(".closeBtns");
6485
6486        // Open the modal
6487        for ( var modaleBtn in modaleBtns ) {
6488          modaleBtns[modaleBtn].onclick = function() {
6489            let parent = this.closest('.carousel-card')
6490            let modal = parent.querySelector('.my_modal')
6491            modal.showModal();
6492          }
6493        }
6494
6495        // Close the modal
6496        for ( var closeBtn in closeBtns ) {
6497          closeBtns[closeBtn].onclick = function() {
6498            let parent = this.closest('.carousel-card')
6499            let modal = parent.querySelector('.my_modal')
6500            modal.close();
6501          }
6502        }
6503        
6504        // Close the modal by clicking Escape
6505        document.addEventListener("keydown", function (event) {
6506          if (event.key === "Escape") {
6507            closeModal();
6508          }
6509        });
6510      </script>
6510
6511
6512<div class="tw-flex tw-justify-start tw-gap-0.5">
6513  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6514    <g id="Layer_1-2" data-name="Layer 1">
6515      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6516      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6517    </g>
6518  </svg>
6519  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6520    <g id="Layer_1-2" data-name="Layer 1">
6521      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6522      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6523    </g>
6524  </svg>
6525  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6526    <g id="Layer_1-2" data-name="Layer 1">
6527      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6528      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6529    </g>
6530  </svg>
6531  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6532    <g id="Layer_1-2" data-name="Layer 1">
6533      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6534      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6535    </g>
6536  </svg>
6537  <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91">
6538    <g id="Layer_1-2" data-name="Layer 1">
6539      <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/>
6540      <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/>
6541    </g>
6542  </svg>
6543</div>
6544
6545    </div>
6546    
6547      </div>
6548    
6549        <div data-direction="right" class=" sliderbtn tw-flex tw-justify-center tw-items-center tw-h-[50px] tw-w-[50px] tw-cursor-pointer !tw-absolute tw-right-[0px] lg:tw-right-[-38px] tw-top-[50%] tw-bg-white">
6550          <svg width="18px" height="18px" viewBox="-5 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>chevron-right</title> <desc>Created with Sketch Beta.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-473.000000, -1195.000000)" fill="#000000"> <path d="M486.717,1206.22 L474.71,1195.28 C474.316,1194.89 473.678,1194.89 473.283,1195.28 C472.89,1195.67 472.89,1196.31 473.283,1196.7 L484.566,1206.98 L473.283,1217.27 C472.89,1217.66 472.89,1218.29 473.283,1218.69 C473.678,1219.08 474.316,1219.08 474.71,1218.69 L486.717,1207.75 C486.927,1207.54 487.017,1207.26 487.003,1206.98 C487.017,1206.71 486.927,1206.43 486.717,1206.22" id="chevron-right" sketch:type="MSShapeGroup"> </path> </g> </g> </g></svg>
6551        </div>
6552    
6553    
6554      <div data-direction="left" class="sliderbtn !w-z-50 tw-flex tw-justify-center tw-items-center tw-h-[50px] tw-w-[50px] tw-cursor-pointer tw-absolute tw-left-[0px] lg:tw-left-[-38px] tw-top-[50%] tw-bg-white">
6555        <svg width="18px" height="18px" viewBox="-5 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>chevron-left</title> <desc>Created with Sketch Beta.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-421.000000, -1195.000000)" fill="#000000"> <path d="M423.429,1206.98 L434.686,1196.7 C435.079,1196.31 435.079,1195.67 434.686,1195.28 C434.293,1194.89 433.655,1194.89 433.263,1195.28 L421.282,1206.22 C421.073,1206.43 420.983,1206.71 420.998,1206.98 C420.983,1207.26 421.073,1207.54 421.282,1207.75 L433.263,1218.69 C433.655,1219.08 434.293,1219.08 434.686,1218.69 C435.079,1218.29 435.079,1217.66 434.686,1217.27 L423.429,1206.98" id="chevron-left" sketch:type="MSShapeGroup"> </path> </g> </g> </g></svg>
6556      </div>
6557    
6558  </custom-carousel>
6559  </div>
6560        
6561        
6562
6563    
6564     <div class="tw-flex tw-h-full tw-justify-center tw-items-center tw-pt-4"><a class="tw-underline tw-text-[#4A83F7]" href="/pages/anmeldelser">Read more reviews</a></div>
6565    
6566
6567
6568 </section>
6569
6570</div><footer id="shopify-section-sections--18553034244175__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style>
6571  #shopify-section-sections--18553034244175__footer {
6572    --footer-content-justify-items: space-between;
6573  }
6574</style>
6575
6576<div class="footer ">
6577  <div class="container">
6578    <div class="footer__inner"><div class="footer__block-list"><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">CUSTOMER SERVICE</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
6579                            <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="link-faded">Customer Service Center</a>
6580                          </li><li>
6581                            <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="link-faded">Frequently asked questions</a>
6582                          </li><li>
6583                            <a href="/pages/sales-and-delivery-terms" class="link-faded">Sales and Delivery Terms</a>
6584                          </li><li>
6585                            <a href="/pages/privacy" class="link-faded">Privacy</a>
6586                          </li><li>
6587                            <a href="/pages/cookies" class="link-faded">Cookies</a>
6588                          </li><li>
6589                            <a href="/pages/retailers" class="link-faded">Retailers</a>
6590                          </li><li>
6591                            <a href="https://shopify.com/59265155151/account/pages/6971b1a1-27f6-4c27-b8b0-3009fd3b921d" class="link-faded">Subscription login</a>
6592                          </li><li>
6593                            <a href="https://drstine.com/apps/cancel" class="link-faded">Withdrawal of order</a>
6594                          </li></ul>
6595                    </div></div><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">EXCITING CONTENT</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
6596                            <a href="/collections/all-products" class="link-faded">All products</a>
6597                          </li><li>
6598                            <a href="/blogs/news" class="link-faded">Skincare blog</a>
6599                          </li></ul>
6600                    </div></div><div class="footer__block footer__block--text" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">Dr.Stine Ankerstjerne ApS</p><div class="prose text-subdued"><p>VAT-nummer DK45379248</p><p>Th. Bergsgade 12, DK-9900 Frederikshavn</p><p>+45 52 51 63 53</p><p>Contact: [email protected]</p></div></div></div></div><ul class="social-media social-media--list unstyled-list" role="list"><li class="social-media__item branding-colors--facebook">
6601      <a href="https://www.facebook.com/people/drankerstjerne/100064058229699/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg
6602      aria-hidden="true"
6603      focusable="false"
6604      width="24"
6605      class="icon icon-facebook"
6606      viewBox="0 0 24 24"
6607    >
6608      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/>
6609    </svg></a>
6610    </li><li class="social-media__item branding-colors--instagram">
6611      <a href="https://www.instagram.com/dr.ankerstjerne/?hl=nb" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg
6612      aria-hidden="true"
6613      focusable="false"
6614      width="24"
6615      class="icon icon-instagram"
6616      viewBox="0 0 24 24"
6617    >
6618      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/>
6619    </svg></a>
6620    </li><li class="social-media__item branding-colors--tiktok">
6621      <a href="https://www.tiktok.com/search?q=DR.ANKERSTJERNE&t=1693402385278" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg
6622      aria-hidden="true"
6623      focusable="false"
6624      width="24"
6625      class="icon icon-tiktok"
6626      viewBox="0 0 24 24"
6627    >
6628      <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
6629    </svg></a>
6630    </li></ul><div class="footer__aside"><p class="heading text-subdued text-xxs">
6631          © 2026 - Dr.Stine
6632          <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
6633        </p><div class="payment-methods">
6634            <div class="tw-flex tw-items-center tw-justify-center tw-gap-1">
6635              
6636              
6637              
6638                <svg
6639  width="38"
6640  height="24"
6641  viewBox="0 0 38 24"
6642  fill="none"
6643  xmlns="http://www.w3.org/2000/svg"
6644  xmlns:xlink="http://www.w3.org/1999/xlink"
6645>
6646  <rect x="0.5" y="0.5" width="37" height="23" rx="3.5" fill="white" stroke="#F3F3F3"/>
6647  <rect x="1" y="7" width="36" height="9" fill="url(#pattern0)"/>
6648  <defs>
6649  <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
6650  <use xlink:href="#image0_1127_24" transform="matrix(0.0037037 0 0 0.0133333 -0.166667 -1.8)"/>
6651  </pattern>
6652  <image id="image0_1127_24" width="360" height="360" xlink:href="data:image/png;base64,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"/>
6653  </defs>
6654</svg>
6655
6656              
6657              
6658                <img src="//drstine.com/cdn/shopifycloud/storefront/assets/payment_icons/klarna-637a076e.svg" width="auto" height="35" alt="klarna">
6659              
6660              
6661              
6662                <img src="//drstine.com/cdn/shopifycloud/storefront/assets/payment_icons/apple_pay-1721ebad.svg" width="auto" height="35" alt="apple pay">
6663              
6664              
6665                <img src="//drstine.com/cdn/shopifycloud/storefront/assets/payment_icons/visa-b614b878.svg" width="auto" height="35" alt="visa">
6666              
6667              
6668            </div>
6669          </div></div>
6670    </div>
6671  </div>
6672</div>
6673
6674
6675</footer>
6676<!-- END sections: footer-group -->
6677      
6678    
6679
6680    
6680<script src="https://partnertrackshopify.dk/js/register.js" async></script>
6680
6681
6682    
6683
6684    
6684<script>
6685      window.shopurl = 'https://drstine.com';
6686    </script>
6686
6687    <!-- Start of ankerstjerneeu-kundeservice Zendesk Widget script -->
6688<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f66f1198-4190-4ca1-8677-b3bdc56ac7c6"> </script>
6688
6689<!-- End of ankerstjerneeu-kundeservice Zendesk Widget script -->
6690  <style>  </style>
6691<div id="shopify-block-ATnUwMjR0NzBlWTlQY__1854489755362259810" class="shopify-block shopify-app-block">
6692
6693<!-- BEGIN app snippet: collection-data -->
6693<script>
6694  window.otlCollectionIds = window.otlCollectionIds ? window.otlCollectionIds : []
6695  window.otlProductIds = window.otlProductIds ? window.otlProductIds : []
6696  window.otlPDPCollectionIds = window.otlPDPCollectionIds ? window.otlPDPCollectionIds : []
6697  window.otlPDPProductIds = window.otlPDPProductIds ? window.otlPDPProductIds : []
6698</script>
vendor: 1 bytes, line 6698
6698
6699<script>
6700  var otlListCollectionIds =
6701    ''
6702  var otlListProductIds = ''
6703  window.otlCollectionIds = otlListCollectionIds.trim().replace(/\s+/g, ' ').split(' ')
6704  window.otlProductIds = otlListProductIds.trim().replace(/\s+/g, ' ').split(' ')
6705</script>
6705
6706
6707
6708<script>
6709  window.otlCollectionIdsByProductIdInCart = {}
6710  function generateTrackingKey() {
6711    if (window.crypto && crypto.randomUUID) {
6712      return crypto.randomUUID()
6713    }
6714    const timestamp = Date.now()
6715    const randomStr = Math.random().toString(36).substr(2, 9)
6716    return `${timestamp}-${randomStr}`
6717  }
6718
6719  window.otlProductTrackingKey = generateTrackingKey()
6720  window.otlCartTrackingKey = generateTrackingKey()
6721</script>
6721
6722
6723<!-- END app snippet --><!-- BEGIN app snippet: data -->
6723<script>
6724  var otlAppData = {};
6725  window.otlCustomersTags = [];
6726  window.otlCustomerLimitTracking = { limits: [] };
6727  window.otlCustomer = null;
6728  window.otlIsNewCustomer =  true ;
6729  
6730  var otlExpiredTimestamp = '';
6731  window.otlpCartData = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
6732  var otlCurrency = "€{{amount_with_comma_separator}}";
6733  window.otlCurrency = otlCurrency;
6734  window.otlMarketId = "19403309135";
6735</script>
6735
6736<!-- END app snippet -->
6737
6738
6739
6740<script>
6741  window.otlpVariantProductData = {}
6742  
6743</script>
6743
6744
6745
6746<script>
6747  var omgLimitPurchase = {
6748    page_type: "blog",
6749    shop: "drankerstjerne-eu.myshopify.com"
6750  }
6751</script>
6751
6752
6753
6754
6755
6756
6757
6758  
6758<script>
6759    omgLimitPurchase = {"shop":"drankerstjerne-eu.myshopify.com","limits":[{"id":6682,"limit_name":"Limit purchases","limit_type":"quantity","min":1,"max":1,"multiple":1,"apply_for_each":3,"product_assign":3,"customer_assign":0,"customer_tag":"","customer_emails":null,"status":1,"discount_campaigns":null,"updated_at":"2026-03-24T08:07:19.000000Z","check_max_inventory":0,"inventory_sync_tiers":null,"selected_countries":null,"logic_required":"OR","display_settings":{"background":"rgba(255, 255, 255, 1)","text_color":"rgba(255, 16, 16, 1)","notification":"⚠️ You can't add this item","max_notification":"⚠️ You can only purchase up to %max items","min_notification":"⚠️ You need to buy at least %min items","multiple_notification":"⚠️ You can only purchase items in multiples of %m"},"limit_order_apply_to":1,"notification_locales":null,"template":null,"order_limit_scope":0,"limit_behavior":0,"block_assign":1,"after_block_action":null,"configurations":null,"company_ids":null,"timezone":null,"custom_scope_start":null,"custom_scope_end":null,"custom_scope_loop":false,"customer_ips":[],"product_list":[7439934226511],"max_amount_formatted":"1","min_amount_formatted":"1"}],"general_settings":{"custom_css":null,"money_format":"€{{amount_with_comma_separator}}","locale":"en","currency":"EUR","plan":"shopify_plus","theme_class":"","pricing_plan":1,"active_checkout_ui":0,"charge_plan_at":null,"last_installed":"2025-08-19 12:08:39","is_mix_rules":false,"features":null,"checkout_validation_enabled":true,"storefront_access_token":null,"block_action":200},"inventory_rules":[],"url":"https://limit-app.paretodeals.com","app_rootlink":"https://limit-app.paretodeals.com","limit_settings":{"id":3488,"shop":"drankerstjerne-eu.myshopify.com","check_product_page":true,"check_cart_page":true,"check_collection_page":false,"notification_settings":{"min":"⚠️ You need to buy at least %min items","max":"⚠️ You can only purchase up to %max items","multiple":"⚠️ You can only purchase items in multiples of %m","blocking_message":"⚠️ You can't add this item","background":"rgba(255, 255, 255, 1)","color":"rgba(255, 16, 16, 1)","set_default":0},"layout_settings":{"show_table":1,"show_name":1,"show_max":1,"show_min":1,"show_multiple":0,"max_heading":"Max","min_heading":"Min","multiple_heading":"Multiple"},"custom_element":null,"custom_css":null,"is_enable_shopify_function":true,"auto_translate_messages":false,"checkout_settings":{"show_notification":true,"notification":"The order quantity/value is not valid. Please adjust to proceed.","show_product":true,"min_message":"You need to buy at least %min this product","max_message":"You can only purchase up to %max items","multiple_message":"You can only purchase items in multiples of %m"},"cart_validation_mode":"block_checkout","locale_settings":[]}}
6760    omgLimitPurchase['page_type'] = "blog"
6761    
6762  </script>
6762
6763
6764
6765<!-- BEGIN app snippet: library -->
6766<script src="https://cdn.shopify.com/extensions/01a11496-df7d-7a47-a208-4b269a512da4/pareto-limit-purchase-468/assets/limit-purchases.js" type="module"></script>
vendor: 1 bytes, line 6766
6766
6767<script src="https://cdn.shopify.com/extensions/01a11496-df7d-7a47-a208-4b269a512da4/pareto-limit-purchase-468/assets/cross-app-bridge.js" type="module"></script>
6767
6768<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a11496-df7d-7a47-a208-4b269a512da4/pareto-limit-purchase-468/assets/limit-purchases.css">
6769
6770<script id="script-limit">
6771    // main.tsx chỉ mount React vào #omgLimit một lần, nên có node rồi thì dừng
6772    // (trước đây setTimeout(0) lặp vô hạn suốt vòng đời trang).
6773    const prepareInitAppLimit = () => {
6774        if (document.getElementById('omgLimit')) {
6775            return
6776        }
6777        if (document.body) {
6778            let OMG_Quantity_appendApp = document.createElement('div');
6779            OMG_Quantity_appendApp.setAttribute('id', 'omgLimit');
6780            document.body.appendChild(OMG_Quantity_appendApp);
6781            return
6782        }
6783        setTimeout(() => {
6784            prepareInitAppLimit()
6785        })
6786    }
6787    prepareInitAppLimit()
6788</script>
6788
6789<!-- END app snippet -->
6790
6791
6792
6793</div><div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'>
6794  .recharge-theme {
6795    /* App */
6796    --recharge-app-background: #F9F8F4;
6797    --recharge-app-container: 1200px;
6798    --recharge-app-vertical-padding: 32px;
6799
6800    /* Brand colors */
6801    
6802--recharge-color-brand: #FAD2DC;
6803
6804    /* Tints */
6805    --recharge-color-brand-120: #f5a9bc;
6806    --recharge-color-brand-20: #fbdbe3;
6807    --recharge-color-brand-40: #fce4ea;
6808    --recharge-color-brand-60: #fdedf1;
6809    --recharge-color-brand-75: #fef4f6;
6810    --recharge-color-brand-85: #fef8fa;
6811
6812    /* Neutral */
6813    --recharge-color-neutral: hsl(345, 35%, 7%);
6814    --recharge-color-neutral-80: hsl(345, 7%, 25%);
6815    --recharge-color-neutral-70: hsl(345, 5%, 35%);
6816    --recharge-color-neutral-40: hsl(345, 3%, 63%);
6817    --recharge-color-neutral-10: hsl(345, 2%, 91%);
6818    
6819
6820    /* Links */
6821    --recharge-button-secondary: #6D7175;
6822    --recharge-button-secondary-120: #575a5e;
6823    --recharge-button-secondary-60: #a7aaac;
6824
6825    /* Images */
6826    --recharge-images-ratio: 1;
6827
6828    /* Cards */
6829    
6830    --recharge-cards-background: #FFFFFF;
6831    
6832
6833    
6834    --recharge-cards-border-color: RGBA(0,0,0,0);
6835    
6836
6837    /* Fonts */
6838    --recharge-typography-scale: 16px;
6839    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
6840    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
6841    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
6842    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
6843    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
6844    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
6845
6846    /** Text **/
6847    --recharge-typography-light: #FFFFFF;
6848    --recharge-typography-primary: var(--recharge-color-neutral);
6849    --recharge-typography-secondary: var(--recharge-color-neutral-70);
6850
6851    /* Corners */
6852    --recharge-corners-radius: 8px;
6853
6854    --recharge-button-border-radius: 8px;
6855    
6856
6857    /* Views */
6858    
6859    --recharge-views-background: #F9F8F4;
6860    
6861
6862    /* Buttons */
6863    --recharge-button-font-family: inherit;
6864    --recharge-button-brand: var(--recharge-color-brand);
6865    --recharge-button-color: #FFFFFF;
6866  }
6867</style>
6868
6869</div>
6869<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6869
6870</body>
6871</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.