PageSourceSearch

https://thegoodshoppingguide.com/subject/ethical-period-products/

html thegoodshoppingguide.com collected 2026-10-02 07:57:21 UTC 668,282 bytes, 6,688 lines download raw bytes

1<!doctype html>
2<html lang="en-GB">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
7    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
8
9	<!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ -->
10	<title>Period Products: Ethical Comparison - The Good Shopping Guide</title>
11	<meta name="description" content="The Good Shopping Guide&#039;s research into ethical Period Products, more information about how we rate and access our ratings comparison tables." />
12	<link rel="canonical" href="https://thegoodshoppingguide.com/subject/ethical-period-products/" />
13	<link rel="next" href="https://thegoodshoppingguide.com/subject/ethical-period-products/page/2/" />
14	<meta property="og:locale" content="en_GB" />
15	<meta property="og:type" content="article" />
16	<meta property="og:title" content="Period Products: Ethical Comparison - The Good Shopping Guide" />
17	<meta property="og:description" content="The Good Shopping Guide&#039;s research into ethical Period Products, more information about how we rate and access our ratings comparison tables." />
18	<meta property="og:url" content="https://thegoodshoppingguide.com/subject/ethical-period-products/" />
19	<meta property="og:site_name" content="The Good Shopping Guide" />
20	<meta property="og:image" content="https://thegoodshoppingguide.com/app/uploads/2022/10/GoodShoppingGuide_BLK_GREENTICK_RGB-scaled.jpg" />
21	<meta property="og:image:width" content="2560" />
22	<meta property="og:image:height" content="2215" />
23	<meta property="og:image:type" content="image/jpeg" />
24	<meta name="twitter:card" content="summary_large_image" />
25	<meta name="twitter:site" content="@TheGoodShopping" />
26	
26<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/","url":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/","name":"Period Products: Ethical Comparison - The Good Shopping Guide","isPartOf":{"@id":"https:\/\/thegoodshoppingguide.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/#primaryimage"},"image":{"@id":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/#primaryimage"},"thumbnailUrl":"https:\/\/thegoodshoppingguide.com\/app\/uploads\/2022\/07\/Untitled-16-August-2022-11.47-scaled.jpg","description":"The Good Shopping Guide's research into ethical Period Products, more information about how we rate and access our ratings comparison tables.","breadcrumb":{"@id":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/#breadcrumb"},"inLanguage":"en-GB"},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/#primaryimage","url":"https:\/\/thegoodshoppingguide.com\/app\/uploads\/2022\/07\/Untitled-16-August-2022-11.47-scaled.jpg","contentUrl":"https:\/\/thegoodshoppingguide.com\/app\/uploads\/2022\/07\/Untitled-16-August-2022-11.47-scaled.jpg","width":2560,"height":1919},{"@type":"BreadcrumbList","@id":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-period-products\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thegoodshoppingguide.com\/"},{"@type":"ListItem","position":2,"name":"Ethical Health &amp; Beauty‍‍‍‍‍‍‍‍‍","item":"https:\/\/thegoodshoppingguide.com\/subject\/ethical-health-beauty\/"},{"@type":"ListItem","position":3,"name":"Period Products: Ethical Comparison"}]},{"@type":"WebSite","@id":"https:\/\/thegoodshoppingguide.com\/#website","url":"https:\/\/thegoodshoppingguide.com\/","name":"The Good Shopping Guide","description":"Ethical brand ratings and accreditation since 2001","publisher":{"@id":"https:\/\/thegoodshoppingguide.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thegoodshoppingguide.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/thegoodshoppingguide.com\/#organization","name":"The Good Shopping Guide","url":"https:\/\/thegoodshoppingguide.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/thegoodshoppingguide.com\/#\/schema\/logo\/image\/","url":"https:\/\/thegoodshoppingguide.com\/app\/uploads\/2022\/07\/GoodShoppingGuide_BLK_GREENTICK_TM.png","contentUrl":"https:\/\/thegoodshoppingguide.com\/app\/uploads\/2022\/07\/GoodShoppingGuide_BLK_GREENTICK_TM.png","width":4544,"height":3932,"caption":"The Good Shopping Guide"},"image":{"@id":"https:\/\/thegoodshoppingguide.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/thegoodshoppingguide\/","https:\/\/x.com\/TheGoodShopping","https:\/\/www.linkedin.com\/company\/thegoodshoppingguide?original_referer=httpsthegoodshoppingguide.com","https:\/\/www.instagram.com\/thegoodshoppingguide\/"]}]}</script>
26
27	<!-- / Yoast SEO plugin. -->
28
29
30<link rel='dns-prefetch' href='//js.hs-scripts.com' />
31<link rel="alternate" type="application/rss+xml" title="The Good Shopping Guide &raquo; Period Products: Ethical Comparison Subject Feed" href="https://thegoodshoppingguide.com/subject/ethical-period-products/feed/" />
32<style id="wp-img-auto-sizes-contain-inline-css">
33img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
34/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
35</style>
36<style id="wp-block-library-inline-css">
37:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
37--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
38
39/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
40</style>
41<style id="classic-theme-styles-inline-css">
42/*! This file is auto-generated */
43.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
44/*# sourceURL=/wp-includes/css/classic-themes.min.css */
45</style>
46
47<style id="global-styles-inline-css">
48:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
480) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
48.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
49/*# sourceURL=global-styles-inline-css */
50</style>
51
52<link rel='stylesheet' id='novashare-css-css' href='https://thegoodshoppingguide.com/app/plugins/novashare/css/style.min.css?ver=1.6.9' media='all' />
53<link rel='stylesheet' id='sage/app.css-css' href='https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/styles/app.css?id=745540920b2703a9272beadc749220b9' media='all' />
54<link rel='stylesheet' id='custom-fonts-css' href='https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/styles/fonts.css?id=6469b40ef989140b8c03504247601bc2&#038;ver=1.0' media='all' />
55<script id="jquery-core-js" src="https://thegoodshoppingguide.com/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 55
55
56<script id="jquery-migrate-js" src="https://thegoodshoppingguide.com/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
56
57<link rel="https://api.w.org/" href="https://thegoodshoppingguide.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://thegoodshoppingguide.com/wp-json/wp/v2/subject/37" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://thegoodshoppingguide.com/wp/xmlrpc.php?rsd" />
58
59			<!-- DO NOT COPY THIS SNIPPET! Start of Page Analytics Tracking for HubSpot WordPress plugin v11.3.73-->
60			
60<script class="hsq-set-content-id" data-content-id="listing-page">
61				var _hsq = _hsq || [];
62				_hsq.push(["setContentType", "listing-page"]);
63			</script>
63
64			<!-- DO NOT COPY THIS SNIPPET! End of Page Analytics Tracking for HubSpot WordPress plugin -->
65			    <link rel="apple-touch-icon-precomposed" href="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/apple-touch-icon.png">
66    <link rel="icon" type="image/png" sizes="32x32" href="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/favicon-32x32.png">
67    <link rel="icon" type="image/png" sizes="16x16" href="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/favicon-16x16.png">
68
69    
69<script>
70        window.ALGOLIA_ENV = 'production'
71    </script>
71
72
73</head>
74
75  <body class="archive tax-subject term-ethical-period-products term-37 wp-embed-responsive wp-theme-thegoodshoppingguide">
76
77        
78    <div id="app">
79      <div>
80
81  <a class="sr-only focus:not-sr-only" href="#main">
82    Skip to content
83  </a>
84
85  <header class="bg-white z-50 relative">
86  
87  <div class="bg-gray-100">
88    <div class="mx-auto w-full max-w-screen-3xl px-8 py-3 flex justify-end">
89      <p class="italic font-extralight  color-gray text-sm md:text-sm lg:text-base xl:text-base"><strong class="font-bold">Ethical brand ratings and accreditation since 2001</strong></p>
90    </div>
91  </div>
92  
93  <div id="siteHeader" class="header-root mx-auto w-full max-w-screen-3xl px-8 py-8 flex justify-between items-center relative z-20">
94    <a href="/" class="h-14 lg:h-20" title="The Good Shopping Guide - Home">
95      <svg class="h-14 lg:h-20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 176.157 92.487"><path d="M16.463 47.74a6.486 6.486 0 0 0-2.445-2.1 27.576 27.576 0 0 0-3.641-1.547 15.7 15.7 0 0 1-3.292-1.4 2.07 2.07 0 0 1-1.047-1.846 2.225 2.225 0 0 1 .6-1.646 2.661 2.661 0 0 1 1.7-.548 3.258 3.258 0 0 1 1.945.648 2.638 2.638 0 0 1 .8 1.846h6.136a6.93 6.93 0 0 0-2.544-5.287 9.283 9.283 0 0 0-6.186-1.945 9.179 9.179 0 0 0-6.086 1.945 6.467 6.467 0 0 0-2.345 5.287 6.1 6.1 0 0 0 1.047 3.692 6.686 6.686 0 0 0 2.444 2.146 29.225 29.225 0 0 0 3.641 1.446 17.751 17.751 0 0 1 2.4.848 4.089 4.089 0 0 1 1.4.948 2.032 2.032 0 0 1 .6 1.5 2.1 2.1 0 0 1-.747 1.7 2.843 2.843 0 0 1-1.946.6 2.67 2.67 0 0 1-2-.749 3.129 3.129 0 0 1-.9-2.045H.011a7.349 7.349 0 0 0 1.247 4.09 7.143 7.143 0 0 0 3.243 2.545 11 11 0 0 0 4.539.848 9.385 9.385 0 0 0 4.54-1 6.882 6.882 0 0 0 2.893-2.694 6.789 6.789 0 0 0 1-3.741 5.628 5.628 0 0 0-1.01-3.541ZM34.421 34.271v9.479h-8.78v-9.479h-5.637v24.245h5.637v-9.978h8.78v9.978h5.637V34.271ZM64.852 39.953a11.484 11.484 0 0 0-4.29-4.44 11.951 11.951 0 0 0-5.986-1.6 11.688 11.688 0 0 0-5.987 1.6 11.261 11.261 0 0 0-4.339 4.44 12.21 12.21 0 0 0-1.6 6.336 12.578 12.578 0 0 0 1.6 6.435 11.59 11.59 0 0 0 4.339 4.44 11.65 11.65 0 0 0 5.987 1.547 11.591 11.591 0 0 0 5.936-1.547 11.961 11.961 0 0 0 4.34-4.44 13.07 13.07 0 0 0 1.545-6.435 12.685 12.685 0 0 0-1.545-6.336Zm-5.838 11.473a5.605 5.605 0 0 1-4.439 1.946 5.571 5.571 0 0 1-4.49-1.946 7.563 7.563 0 0 1-1.646-5.138 7.658 7.658 0 0 1 1.646-5.139 5.69 5.69 0 0 1 4.49-1.895 5.6 5.6 0 0 1 4.439 1.945 7.514 7.514 0 0 1 1.647 5.088 7.648 7.648 0 0 1-1.646 5.144ZM86.052 38.063a6.685 6.685 0 0 0-2.844-2.794 10.33 10.33 0 0 0-4.689-1H69.39v24.245h5.638v-8.731h3.492a9.651 9.651 0 0 0 4.739-1.047 6.676 6.676 0 0 0 2.84-2.792 8.463 8.463 0 0 0 .948-3.891 8.03 8.03 0 0 0-.995-3.99Zm-5.537 6.235a3.288 3.288 0 0 1-2.444.8h-3.043v-6.036h3.043a3.284 3.284 0 0 1 2.444.8 3.025 3.025 0 0 1 .8 2.194 3.069 3.069 0 0 1-.8 2.242ZM109.399 34.271v24.245h5.686V34.271ZM133.443 34.271v15.012l-9.429-15.015h-5.636v24.245h5.636V43.547l9.429 14.966h5.637V34.268ZM151.851 44.847v4.34h7.183a6.057 6.057 0 0 1-2.095 3.143 5.586 5.586 0 0 1-3.542 1.147 6.163 6.163 0 0 1-4.739-1.895 7.457 7.457 0 0 1-1.745-5.238 7.244 7.244 0 0 1 1.646-4.989 5.466 5.466 0 0 1 4.389-1.893 5.328 5.328 0 0 1 2.745.648 4.4 4.4 0 0 1 1.845 1.846h6.235a10.122 10.122 0 0 0-3.791-5.837 11.529 11.529 0 0 0-7.034-2.095 11.753 11.753 0 0 0-6.086 1.547 10.776 10.776 0 0 0-4.191 4.389 13.412 13.412 0 0 0-1.5 6.386 13.271 13.271 0 0 0 1.5 6.385 11.087 11.087 0 0 0 4.191 4.389 11.927 11.927 0 0 0 6.136 1.546 10.9 10.9 0 0 0 5.188-1.2 11.063 11.063 0 0 0 3.841-3.043 12.391 12.391 0 0 0 2.145-4.09v-5.488ZM84.068 10.926v4.34h7.482a6.107 6.107 0 0 1-2.194 3.142 6 6 0 0 1-3.693 1.1 6.7 6.7 0 0 1-4.988-1.846 7.255 7.255 0 0 1-1.8-5.238 7.277 7.277 0 0 1 1.746-5.038A5.868 5.868 0 0 1 85.21 5.54a5.7 5.7 0 0 1 2.843.649 4 4 0 0 1 1.9 1.846h6.536a9.955 9.955 0 0 0-3.992-5.837 12.2 12.2 0 0 0-7.283-2.1 12.746 12.746 0 0 0-6.386 1.547 10.947 10.947 0 0 0-4.391 4.391 12.744 12.744 0 0 0-1.543 6.381 12.745 12.745 0 0 0 1.545 6.386 11.135 11.135 0 0 0 4.391 4.339 12.894 12.894 0 0 0 6.386 1.6 11.94 11.94 0 0 0 5.437-1.2 11.175 11.175 0 0 0 3.991-3.043 12.25 12.25 0 0 0 2.244-4.082V10.93ZM122.33 5.987a11.377 11.377 0 0 0-4.44-4.39 12.8 12.8 0 0 0-6.285-1.6 12.611 12.611 0 0 0-6.236 1.6 11.993 11.993 0 0 0-4.539 4.39 12.555 12.555 0 0 0-1.646 6.386 12.608 12.608 0 0 0 1.646 6.435 11.641 11.641 0 0 0 4.539 4.389 12.1 12.1 0 0 0 6.236 1.6 12.1 12.1 0 0 0 6.235-1.
956 11.507 11.507 0 0 0 4.49-4.389 12.607 12.607 0 0 0 1.646-6.435 12.554 12.554 0 0 0-1.646-6.386Zm-6.085 11.522a6.015 6.015 0 0 1-4.64 1.9 6.022 6.022 0 0 1-4.69-1.9 7.453 7.453 0 0 1-1.745-5.138 7.456 7.456 0 0 1 1.745-5.139 6.2 6.2 0 0 1 4.69-1.9 5.883 5.883 0 0 1 4.64 1.946 7.238 7.238 0 0 1 1.745 5.089 7.453 7.453 0 0 1-1.745 5.142ZM149.468 5.987a11.857 11.857 0 0 0-4.489-4.39 12.8 12.8 0 0 0-6.285-1.6 12.745 12.745 0 0 0-6.236 1.6 12.346 12.346 0 0 0-4.539 4.39 12.543 12.543 0 0 0-1.646 6.386 12.6 12.6 0 0 0 1.646 6.435 11.972 11.972 0 0 0 4.539 4.389 12.223 12.223 0 0 0 6.236 1.6 12.28 12.28 0 0 0 6.285-1.6 11.72 11.72 0 0 0 4.439-4.389 12.163 12.163 0 0 0 1.7-6.435 12.555 12.555 0 0 0-1.65-6.386Zm-6.136 11.522a6.011 6.011 0 0 1-4.638 1.9 5.844 5.844 0 0 1-4.64-1.9 7.221 7.221 0 0 1-1.746-5.138 7.223 7.223 0 0 1 1.746-5.139 6.012 6.012 0 0 1 4.64-1.9 5.879 5.879 0 0 1 4.638 1.946 7.016 7.016 0 0 1 1.746 5.089 7.221 7.221 0 0 1-1.746 5.142ZM174.56 6.139a11.143 11.143 0 0 0-4.44-4.29 14.215 14.215 0 0 0-6.685-1.5h-9.079v24.194h9.079a14.344 14.344 0 0 0 6.685-1.5 10.819 10.819 0 0 0 4.44-4.29 12.524 12.524 0 0 0 1.6-6.286 12.445 12.445 0 0 0-1.6-6.328Zm-6.285 11.473a7.026 7.026 0 0 1-5.189 1.846h-2.793V5.389h2.793a7.026 7.026 0 0 1 5.189 1.846 7.07 7.07 0 0 1 1.846 5.238 6.826 6.826 0 0 1-1.846 5.138ZM106.105 38.063a6.676 6.676 0 0 0-2.843-2.794 10.338 10.338 0 0 0-4.69-1h-9.179v24.245h5.686v-8.731h3.493a9.787 9.787 0 0 0 4.74-1.047 6.681 6.681 0 0 0 2.843-2.794 8.463 8.463 0 0 0 .948-3.891 8.02 8.02 0 0 0-.998-3.988Zm-5.588 6.235a3.086 3.086 0 0 1-2.394.8h-3.044v-6.036h3.044a3.082 3.082 0 0 1 2.394.8 2.826 2.826 0 0 1 .8 2.194 2.873 2.873 0 0 1-.799 2.242Z"/><g><path d="M11.174 78.57v4.339h7.482a6.247 6.247 0 0 1-2.194 3.194 6.345 6.345 0 0 1-3.693 1.1 6.731 6.731 0 0 1-4.988-1.9 7.257 7.257 0 0 1-1.8-5.238 7.061 7.061 0 0 1 1.746-4.988 5.9 5.9 0 0 1 4.589-1.9 5.7 5.7 0 0 1 2.843.649 4.24 4.24 0 0 1 1.9 1.846h6.536a9.955 9.955 0 0 0-3.992-5.837 12.2 12.2 0 0 0-7.283-2.1 12.745 12.745 0 0 0-6.386 1.547 11.267 11.267 0 0 0-4.391 4.391 12.873 12.873 0 0 0-1.545 6.385 12.745 12.745 0 0 0 1.545 6.386 10.945 10.945 0 0 0 4.391 4.389 12.878 12.878 0 0 0 6.386 1.547 12.617 12.617 0 0 0 5.437-1.148 11.905 11.905 0 0 0 3.991-3.092 11.786 11.786 0 0 0 2.244-4.091v-5.487ZM41.554 67.994V82.51a4.888 4.888 0 0 1-1.1 3.342A4.3 4.3 0 0 1 37.263 87a4.105 4.105 0 0 1-3.143-1.148 4.879 4.879 0 0 1-1.047-3.342V67.994h-5.94v14.467a10.517 10.517 0 0 0 1.348 5.487 8.005 8.005 0 0 0 3.542 3.392 11.443 11.443 0 0 0 5.138 1.147 11.822 11.822 0 0 0 5.188-1.147 8.659 8.659 0 0 0 3.693-3.392 10.092 10.092 0 0 0 1.4-5.487V67.994ZM51.581 67.994v24.244h5.887V67.994ZM81.961 73.78a11.015 11.015 0 0 0-4.44-4.24 14.207 14.207 0 0 0-6.684-1.546h-9.082v24.244h9.079a13.583 13.583 0 0 0 6.635-1.547 10.842 10.842 0 0 0 4.489-4.24 12.557 12.557 0 0 0 1.547-6.336 12.554 12.554 0 0 0-1.544-6.335Zm-6.335 11.523a7.055 7.055 0 0 1-5.189 1.8h-2.794V73.029h2.794a6.9 6.9 0 0 1 5.189 1.9 6.974 6.974 0 0 1 1.895 5.188 6.976 6.976 0 0 1-1.895 5.187ZM101.668 72.729V67.99H86.8v24.244h14.868v-4.739h-8.93v-5.288h7.882v-4.589h-7.882v-4.889Z"/></g><g fill="#161615"><path d="M0 .661v4.69h6.37v19.343h5.854V5.351h6.367V.661ZM42.349.662v24.032h-5.854v-9.893h-9.107v9.893h-5.854V.662h5.854v9.414h9.107V.662ZM52.414 5.351v4.86h7.841v4.52h-7.841v5.272h8.867v4.69H46.56V.662h14.721v4.689Z"/></g></svg>    </a>
96    <nav class="hidden md:block z-20">
97  <ul class="flex items-center flex-wrap">
98
99                  <li class="inline-block cursor-pointer ml-8" id="brandNavToggle">
100          <span class="text-lg flex items-center font-medium lg:text-xl" toggler-trigger="subnav-0" toggler-active-class="active" toggler-close-receivers='["subnav-1", "subnav-2", "subnav-3"]'>
101            Explore Ethical Ratings
102            <svg class="w-5 h-5 ml-3" xmlns="http://www.w3.org/2000/svg" width="47.246" height="27.096" viewBox="0 0 47.246 27.096"><path d="M23.623,18.969,5.736,1.081a3.206,3.206,0,0,0-5.062.337,3.544,3.544,0,0,0,.337,4.556l20.25,20.081a3.206,3.206,0,0,0,4.725,0L46.236,5.974a3.544,3.544,0,0,0,.338-4.556,3.206,3.206,0,0,0-5.063-.338Z" transform="translate(-0.001 0.002)" fill="#fe6a38"/></svg>          </span>
103        </li>
104          
105                  <li class="inline-block ml-8 relative">
106          <span class="font-semibold" toggler-trigger="subnav-1" toggler-active-class="active" toggler-close-receivers='["subnav-0", "subnav-2", "subnav-3"]'>
107            For Consumers
108          </span>
109          <div toggler-receiver="subnav-1" class="
110     -right-8 absolute w-96 bg-background-ml_grey p-8 pointer-events-none  nav-dropdown h-0 opacity-0 overflow-hidden">
111    <ul class="">
112                    <li class="nav-dropdown__top-level-li ">
113                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/top-200-ethical-businesses/">
114                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
115                        Top 200 Ethical Businesses
116                                            </span>
117                </a>
118                            </li>
119                    <li class="nav-dropdown__top-level-li ">
120                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/ethical-shopping-makes-a-change/">
121                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
122                        Why Ethical?
123                                            </span>
124                </a>
125                            </li>
126                    <li class="nav-dropdown__top-level-li ">
127                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/how-we-rate/">
128                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
129                        How We Rate
130                                            </span>
131                </a>
132                            </li>
133                    <li class="nav-dropdown__top-level-li ">
134                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/explanation-of-issues/">
135                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
136                        Ethical Issues and Shopping Decisions
137                                            </span>
138                </a>
139                            </li>
140                    <li class="nav-dropdown__top-level-li ">
141                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/blog/category/all-news/">
142                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
143                        Ethical Consumer News
144                                            </span>
145                </a>
146                            </li>
147                    <li class="nav-dropdown__top-level-li ">
148                <a  class="nav-dropdown__top-level-li__link block border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/faqs/">
149                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
150                        Frequently Asked Questions
151                                            </span>
152                </a>
153                            </li>
154            </ul>
155</div>
156        </li>
157          
158                  <li class="inline-block ml-8 relative">
159          <span class="font-semibold" toggler-trigger="subnav-2" toggler-active-class="active" toggler-close-receivers='["subnav-0", "subnav-3", "subnav-1"]'>
160            For Businesses
161          </span>
162          <div toggler-receiver="subnav-2" class="
163     -right-8 absolute w-96 bg-background-ml_grey p-8 pointer-events-none  nav-dropdown h-0 opacity-0 overflow-hidden">
164    <ul class="">
165                    <li class="nav-dropdown__top-level-li ">
166                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey curs
166or-pointer" href="https://thegoodshoppingguide.com/benefits-of-ethicalaccreditation/">
167                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
168                        Benefits of Ethical Accreditation
169                                            </span>
170                </a>
171                            </li>
172                    <li class="nav-dropdown__top-level-li ">
173                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/apply-for-ethical-accreditation/">
174                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
175                        Apply Now For Ethical Accreditation
176                                            </span>
177                </a>
178                            </li>
179                    <li class="nav-dropdown__top-level-li ">
180                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/free-initial-assessment/">
181                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
182                        Free Initial Ethical &amp; Sustainability Assessment
183                                            </span>
184                </a>
185                            </li>
186                    <li class="nav-dropdown__top-level-li ">
187                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/how-we-rate/">
188                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
189                        How We Rate
190                                            </span>
191                </a>
192                            </li>
193                    <li class="nav-dropdown__top-level-li ">
194                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/blog/category/ethical-business-news/">
195                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
196                        Ethical Business News
197                                            </span>
198                </a>
199                            </li>
200                    <li class="nav-dropdown__top-level-li ">
201                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/get-in-touch/">
202                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
203                        Get in Touch
204                                            </span>
205                </a>
206                            </li>
207                    <li class="nav-dropdown__top-level-li ">
208                <a  class="nav-dropdown__top-level-li__link block border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/faqs/">
209                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
210                        Frequently Asked Questions
211                                            </span>
212                </a>
213                            </li>
214            </ul>
215</div>
216        </li>
217          
218                  <li class="inline-block ml-8 relative">
219          <span class="font-semibold" toggler-trigger="subnav-3" toggler-active-class="active" toggler-close-receivers='["subnav-0", "subnav-2", "subnav-1"]'>
220            About Us
221          </span>
222          <div toggler-receiver="subnav-3" class="
223     -right-8 absolute w-96 bg-background-ml_grey p-8 pointer-events-none  nav-dropdown h-0 opacity-0 overflow-hidden">
224    <ul class="">
225                    <li class="nav-dropdown__top-level-li ">
226                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey curs
226or-pointer" href="https://thegoodshoppingguide.com/our-story/">
227                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
228                        Our Story
229                                            </span>
230                </a>
231                            </li>
232                    <li class="nav-dropdown__top-level-li ">
233                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/history-of-ethical-shopping/">
234                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
235                        History of ethical shopping
236                                            </span>
237                </a>
238                            </li>
239                    <li class="nav-dropdown__top-level-li ">
240                <a  class="nav-dropdown__top-level-li__link block border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/get-in-touch/">
241                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
242                        Get in Touch
243                                            </span>
244                </a>
245                            </li>
246            </ul>
247</div>
248        </li>
249          
250    <li class="inline-block ml-8">
251      <a href="/?s" class="h-full flex items-center" title="Search">
252        <svg class="w-6 h-6 fill-current text-orange" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.92 29.92">
253  <path class="cls-1" d="M13.46,26.93A13.47,13.47,0,1,1,26.93,13.46,13.48,13.48,0,0,1,13.46,26.93ZM13.46,3A10.47,10.47,0,1,0,23.93,13.46,10.47,10.47,0,0,0,13.46,3Z"/>
254  <path class="cls-1" d="M28.42,29.92a1.51,1.51,0,0,1-1.06-.44L20.85,23A1.51,1.51,0,1,1,23,20.85l6.5,6.51a1.49,1.49,0,0,1,0,2.12A1.51,1.51,0,0,1,28.42,29.92Z"/>
255</svg>      </a>
256    </li>
257
258  </ul>
259</nav>
260    <button
261      type="button"
262      id="mobileNavToggle"
263      class="hamburger hamburger--spring md:hidden"
264      toggler-trigger="mobile-nav" toggler-active-class="is-active">
265      <span class="hamburger-box">
266        <span class="hamburger-inner"></span>
267      </span>
268    </button>
269  </div>
270      <div id="brandNavigationEle" toggler-receiver="subnav-0" class="brand-nav absolute bot-full left-0 right-0 h-0 opacity-0 overflow-hidden bg-background-ml_grey hidden md:block">
271    <div class="px-4 max-w-screen-3xl mx-auto w-full ">
272      <div class="brand-nav__wrapper flex relative">
273
274        
275        <nav class="brand-nav__nav w-3/12 z-20 relative bg-background-ml_grey">
276          <ul class="relative py-8 px-4">
277                          <li right-col="cat-info"
278                  title-data="All Accredited Brands"
279                  body-data='&lt;h3&gt;&lt;h3&gt;&lt;p&gt;&lt;em&gt;Period items are a necessity, not a luxury. For many people, menstruation is unavoidable. We also acknowledge the inequity and severity of period poverty. Purchasing sustainable period products, if possible, can help to mitigate the social and environmental impacts of the period product industry.&lt;/em&gt;&lt;/p&gt;
280'>
281                                  <a href="/brand-directory" data-nav-label="1" class="hover:bg-background w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">All Accredited Brands <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
282                              </li>
283                          <li right-col="cat-info"
284                  title-data="Energy"
285                  body-data='&lt;h3&gt;Making The Switch&lt;h3&gt;&lt;p class=&quot;p1&quot;&gt;&lt;em&gt;We all know the devastating effect that excessive carbon dioxide emissions are having on our planet. Pressure to change is mounting. Here are some tips on energy efficie
285ncy and the best green energy companies.&lt;/em&gt;&lt;/p&gt;
286'>
287                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
288                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
289                      Energy  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
290                  </span>
291                  
292                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
293                                          <li right-col="blank">
294                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-electricity-suppliers/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Energy Suppliers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
295                                              </li>
296                                      </ul>
297                              </li>
298                          <li right-col="cat-info"
299                  title-data="Fashion‍‍‍"
300                  body-data='&lt;h3&gt;Slowing Down Fast Fashion&lt;h3&gt;&lt;p class=&quot;p1&quot;&gt;&lt;em&gt;There’s now an abundance of ethical brands with sustainability and social justice at their heart. But some fast fashion brands have greenwashed their clothing collections to make a quick buck. Learn more about the fast fashion industry and which brands you can trust.&lt;/em&gt;&lt;/p&gt;
301'>
302                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
303                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
304                      Fashion‍‍‍  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
305                  </span>
306                  
307                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
308                                          <li right-col="blank">
309                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-activewear/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Activewear <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
310                                              </li>
311                                          <li right-col="blank">
312                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-fashion-retailers/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Fashion Retailers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
313                                              </li>
314                                          <li right-col="blank">
315                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-shoes-trainers/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Shoes & Trainers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
316                                              </li>
317                                          <li right-col="blank">
318                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-jewellery/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Jewellery <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
319                                              </li>
320                                      </ul>
321                              </li>
322                          <li right-col="cat-info"
323                  title-data="Food & Drink"
324                  body-data='&lt;h3&gt;Find Out Food Fact From Food Fiction.&lt;h3&gt;&lt;p&gt;&lt;em&gt;What we eat and drink has a huge impact on people, on the planet and on animals. Intensive farming, animal cruelty, child labour, deforestation, food miles and plastic packaging all make navigating this sector into a bit of an ethical minefield.&lt;/em&gt;&lt;/p&gt;
325'>
326                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
327                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
328                      Food & Drink  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
329                  </span>
330                  
331                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
332                                          <li right-col="blank">
333                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
334                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
335                              Bread, Dairy & Plant-based <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
336                          </span>
337                          
338                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
339                                                          <li>
340                                <a href="https://thegoodshoppingguide.com/subject/ethical-butter/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Butter, Margarine & Spreads <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
341                              </li>
342                                                          <li>
343                                <a href="https://thegoodshoppingguide.com/subject/ethical-bread/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Bread <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
344                              </li>
345                                                          <li>
346                                <a href="https://thegoodshoppingguide.com/subject/ethical-ice-cream/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Ice Cream <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
347                              </li>
348                                                          <li>
349                                <a href="https://thegoodshoppingguide.com/subject/ethical-vegan-milk/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Vegan Milk <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
350                              </li>
351                                                          <li>
352                                <a href="https://thegoodshoppingguide.com/subject/ethical-vegan-vegetarian-foods/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Vegan & Vegetarian Foods <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
353                              </li>
354                                                          <li>
355                                <a href="https://thegoodshoppingguide.com/subject/ethical-yoghurt/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Yoghurt <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
356                              </li>
357                                                      </ul>
358                                              </li>
359                                          <li right-col="blank">
360                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-cat-dog-food/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Cat & Dog Food <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
361                                              </li>
362                                          <li right-col="blank">
363                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
364                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
365                              Drinks <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
366                          </span>
367                          
368                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
369                                                          <li>
370                                <a href="https://thegoodshoppingguide.com/subject/ethical-beer-lager-and-cider/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Beer, Lager & Cider <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
371                              </li>
372                                                          <li>
373                                <a href="https://thegoodshoppingguide.com/subject/ethical-bottled-water/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Bottled Water <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
374                              </li>
375                                                          <li>
376                                <a href="https://thegoodshoppingguide.com/subject/ethical-coffee/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Coffee <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
377                              </li>
378                                                          <li>
379                                <a href="https://thegoodshoppingguide.com/subject/ethical-soft-drinks/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Soft Drinks <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
380                              </li>
381                                                          <li>
382                                <a href="https://thegoodshoppingguide.com/subject/ethical-spirits/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Spirits <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
383                              </li>
384                                                          <li>
385                                <a href="https://thegoodshoppingguide.com/subject/ethical-tea/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Tea <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
386                              </li>
387                                                      </ul>
388                                              </li>
389                                          <li right-col="blank">
390                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
391                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
392                              Food & Drink Retailers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
393                          </span>
394                          
395                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
396                                                          <li>
397                                <a href="https://thegoodshoppingguide.com/subject/ethical-coffee-shops/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Coffee Shops <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
398                              </li>
399                                                      </ul>
400                                              </li>
401                                          <li right-col="blank">
402                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
403                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
404                              Fruit & Veg <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
405                          </span>
406                          
407                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
408                                                          <li>
409                                <a href="https://thegoodshoppingguide.com/ethical-fruit/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Fruit <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
410                              </li>
411                                                          <li>
412                                <a href="https://thegoodshoppingguide.com/ethical-exotic-fruit/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Exotic Fruit <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
413                              </li>
414                                                      </ul>
415                                              </li>
416                                          <li right-col="blank">
417                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-recipe-boxes/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Recipe Boxes <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
418                                              </li>
419                                          <li right-col="blank">
420                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex cursor-pointer">
421                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
422                              Store Cupboard <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
423                          </span>
424                          
425                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
426                                                          <li>
427                                <a href="https://thegoodshoppingguide.com/subject/ethical-baby-food/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Baby Food <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
428                              </li>
429                                                          <li>
430                                <a href="https://thegoodshoppingguide.com/subject/ethical-biscuits/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Biscuits <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
431                              </li>
432                                                          <li>
433                                <a href="https://thegoodshoppingguide.com/subject/ethical-breakfast-cereal/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Breakfast Cereal <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
434                              </li>
435                                                          <li>
436                                <a href="https://thegoodshoppingguide.com/subject/ethical-chocolate/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Chocolate <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
437                              </li>
438                                                          <li>
439                                <a href="https://thegoodshoppingguide.com/subject/ethical-cooking-oil/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Cooking Oil <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
440                              </li>
441                                                          <li>
442                                <a href="https://thegoodshoppingguide.com/subject/ethical-crisps/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Crisps <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
443                              </li>
444                                                          <li>
445                                <a href="https://thegoodshoppingguide.com/subject/ethical-jam-and-spreads/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Jam & Spreads <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
446                              </li>
447                                                          <li>
448                                <a href="https://thegoodshoppingguide.com/subject/ethical-pasta-pulses-and-rice/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Pasta, Pulses & Rice <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
449                              </li>
450                                                          <li>
451                                <a href="https://thegoodshoppingguide.com/subject/ethical-sugar/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Sugar <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
452                              </li>
453                                                          <li>
454                                <a href="https://thegoodshoppingguide.com/subject/ethical-soup/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Soup <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
455                              </li>
456                                                          <li>
457                                <a href="https://thegoodshoppingguide.com/subject/ethical-sweets/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Sweets <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
458                              </li>
459                                                          <li>
460                                <a href="https://thegoodshoppingguide.com/subject/ethical-tinned-tuna/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Tinned Tuna <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
461                              </li>
462                                                      </ul>
463                                              </li>
464                                      </ul>
465                              </li>
466                          <li right-col="cat-info"
467                  title-data="Health & Beauty"
468                  body-data='&lt;h3&gt;Let&#039;s Keep It Clean&lt;h3&gt;&lt;p&gt;&lt;em&gt;Our health and beauty routines keep us feeling fresh, healthy and hygienic. But our buying habits also contribute to animal testing, animal cruelty, the use of toxic chemicals, plastic packaging and marine ecosystem degradation. How can we keep ourselves and the planet clean? And which health and beauty brands are truly ethical?&lt;/em&gt;&lt;/p&gt;
469'>
470                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
471                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
472                      Health & Beauty  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
473                  </span>
474                  
475                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
476                                          <li right-col="blank">
477                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-cold-remedies/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Cold Remedies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
478                                              </li>
479                                          <li right-col="blank">
480                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-deodorant" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Deodorant <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
481                                              </li>
482                                          <li right-col="blank">
483                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-make-up/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Make Up <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
484                                              </li>
485                                          <li right-col="blank">
486                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-nappies/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Nappies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
487                                              </li>
488                                          <li right-col="blank">
489                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-pain-remedies/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Pain Remedies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
490                                              </li>
491                                          <li right-col="blank">
492                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-period-products/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Period Products <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
493                                              </li>
494                                          <li right-col="blank">
495                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-self-tan/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Self Tan <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
496                                              </li>
497                                          <li right-col="blank">
498                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-shampoo-conditioner/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Shampoo & Conditioner <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
499                                              </li>
500                                          <li right-col="blank">
501                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-skincare/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Skincare <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
502                                              </li>
503                                          <li right-col="blank">
504                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-soap/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Soap & Shower Gel <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
505                                              </li>
506                                          <li right-col="blank">
507                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-sun-protection/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Sun Protection <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
508                                              </li>
509                                          <li right-col="blank">
510                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-toothpaste/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Toothpaste <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
511                                              </li>
512                                          <li right-col="blank">
513                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-vitamins/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Vitamins & Supplements <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
514                                              </li>
515                                      </ul>
516                              </li>
517                          <li right-col="cat-info"
518                  title-data="Home‍‍‍"
519                  body-data='&lt;h3&gt;Big Change Starts At Home&lt;h3&gt;&lt;p class=&quot;p1&quot;&gt;&lt;em&gt;Change begins small. From washing machines and toasters, to laundry detergents and washing up liquid, to furniture and paint, it’s the small things that have a big impact. Find out how you can reduce your home’s waste, carbon emissions and energy efficie
519ncy!&lt;/em&gt;&lt;/p&gt;
520'>
521                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
522                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
523                      Home‍‍‍  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
524                  </span>
525                  
526                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
527                                          <li right-col="blank">
528                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
529                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
530                              Cleaning & Decorating <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
531                          </span>
532                          
533                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
534                                                          <li>
535                                <a href="https://thegoodshoppingguide.com/subject/ethical-cleaning-products/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Cleaning Products <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
536                              </li>
537                                                          <li>
538                                <a href="https://thegoodshoppingguide.com/subject/ethical-laundry-detergents/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Laundry Detergents <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
539                              </li>
540                                                          <li>
541                                <a href="https://thegoodshoppingguide.com/subject/ethical-paint/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Paint <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
542                              </li>
543                                                          <li>
544                                <a href="https://thegoodshoppingguide.com/subject/ethical-washing-up-liquid/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Washing Up Liquid <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
545                              </li>
546                                                      </ul>
547                                              </li>
548                                          <li right-col="blank">
549                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-flower-delivery-companies/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Flower Delivery Companies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
550                                              </li>
551                                          <li right-col="blank">
552                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-garden-suppliers/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Garden Suppliers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
553                                              </li>
554                                          <li right-col="blank">
555                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-furniture/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Furniture‍‍‍ <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
556                                              </li>
557                                          <li right-col="blank">
558                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
559                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
560                              Large Appliances <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
561                          </span>
562                          
563                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
564                                                          <li>
565                                <a href="https://thegoodshoppingguide.com/subject/ethical-boilers/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Boilers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
566                              </li>
567                                                          <li>
568                                <a href="https://thegoodshoppingguide.com/subject/ethical-cookers/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Cookers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
569                              </li>
570                                                          <li>
571                                <a href="https://thegoodshoppingguide.com/subject/ethical-dishwashers/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Dishwashers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
572                              </li>
573                                                          <li>
574                                <a href="https://thegoodshoppingguide.com/subject/ethical-fridges-freezers/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Fridges & Freezers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
575                              </li>
576                                                          <li>
577                                <a href="https://thegoodshoppingguide.com/subject/ethical-washing-machines/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Washing Machines <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
578                              </li>
579                                                      </ul>
580                                              </li>
581                                          <li right-col="blank">
582                                                  <span data-nav-label="2" class="brand-nav__link brand-nav__link--white  w-full px-1 py-2 font-medium flex border-b border-black cursor-pointer">
583                            <span class="font-medium text-xl w-full flex justify-between items-center z-10">
584                              Small Appliances <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                            </span>
585                          </span>
586                          
587                          <ul nav-layer="2" class="nav-ul hidden bg-white py-8 px-4 absolute left-full top-0 bottom-0 w-full">
588                                                          <li>
589                                <a href="https://thegoodshoppingguide.com/subject/ethical-kettles/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Kettles <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
590                              </li>
591                                                          <li>
592                                <a href="https://thegoodshoppingguide.com/subject/ethical-kitchen-appliances/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Kitchen Appliances <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
593                              </li>
594                                                          <li>
595                                <a href="https://thegoodshoppingguide.com/subject/ethical-vacuum-cleaners/" data-nav-label="3" class="w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Vacuum Cleaners <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
596                              </li>
597                                                      </ul>
598                                              </li>
599                                          <li right-col="blank">
600                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-toilet-paper/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Toilet Paper <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
601                                              </li>
602                                      </ul>
603                              </li>
604                          <li right-col="cat-info"
605                  title-data="Money‍‍‍"
606                  body-data='&lt;h3&gt;Invest In The Best&lt;h3&gt;&lt;p&gt;&lt;em&gt;You might know how to ethically spend your money. But do you know how to ethically save it? Trusting banks, building societies, co-operatives, insurance companies, and pension providers with your hard-earned wages is no easy matter. Find out how your money is used, and which banks and investors are reliable and ethical.&lt;/em&gt;&lt;/p&gt;
607'>
608                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
609                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
610                      Money‍‍‍  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
611                  </span>
612                  
613                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
614                                          <li right-col="blank">
615                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-banks-building-societies/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Banks & Building Societies‍‍‍ <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
616                                              </li>
617                                          <li right-col="blank">
618                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-insurance/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Insurance <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
619                                              </li>
620                                          <li right-col="blank">
621                                                  <a href="https://thegoodshoppingguide.com/ethical-investment/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Investment <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
622                                              </li>
623                                          <li right-col="blank">
624                                                  <a href="https://thegoodshoppingguide.com/ethical-isas/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Ethical ISAs <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
625                                              </li>
626                                          <li right-col="blank">
627                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-mortgages/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Mortgages <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
628                                              </li>
629                                          <li right-col="blank">
630                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-pensions/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Pensions <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
631                                              </li>
632                                          <li right-col="blank">
633                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-pet-insurance/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Pet Insurance <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
634                                              </li>
635                                      </ul>
636                              </li>
637                          <li right-col="cat-info"
638                  title-data="Packaging"
639                  body-data='&lt;h3&gt;&lt;h3&gt;&lt;p&gt;&lt;em&gt;From recycled plastic to reusable glass and more, we explore which packaging solutions are as eco-friendly as they claim to be. Read our article for an exploration of what ethical packaging means and take a look at our Ethical Comparison Table to discover how your favourite brands perform.&lt;/em&gt;&lt;/p&gt;
640'>
641                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
642                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
643                      Packaging  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
644                  </span>
645                  
646                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
647                                          <li right-col="blank">
648                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-packaging/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Packaging <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
649                                              </li>
650                                      </ul>
651                              </li>
652                          <li right-col="cat-info"
653                  title-data="Pets"
654                  body-data='&lt;h3&gt;Choosing the best for your pets&lt;h3&gt;&lt;p&gt;&lt;em&gt;The pet care market is growing fast, with brands spanning pet insurance, food, and grooming all competing for the trust of animal-loving consumers. But how ethical are the companies behind these products? Explore our ratings to discover how brands really compare on environmental impact, animal welfare, and corporate behaviour.&lt;/em&gt;&lt;/p&gt;
655'>
656                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  border-b border-black cursor-pointer">
657                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
658                      Pets  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
659                  </span>
660                  
661                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
662                                          <li right-col="blank">
663                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-cat-dog-food/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Cat & Dog Food <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
664                                              </li>
665                                          <li right-col="blank">
666                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-pet-grooming/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Pet Grooming <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
667                                              </li>
668                                          <li right-col="blank">
669                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-pet-insurance/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Pet Insurance <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
670                                              </li>
671                                      </ul>
672                              </li>
673                          <li right-col="cat-info"
674                  title-data="Techno‍‍‍lo‍‍‍gy"
675                  body-data='&lt;h3&gt;Get Better Tech&lt;h3&gt;&lt;p&gt;&lt;em&gt;Is there anything we don&amp;#8217;t use tech for? Organisation, communication, work, entertainment, education, shopping, healthcare, recipes, banking&amp;#8230; There&amp;#8217;s no doubt that technology impacts our lives almost every minute of every day. But tech also has a huge impact on the planet, on people and on animals. Find out more about the tech sector and how tech brands perform ethically.&lt;/em&gt;&lt;/p&gt;
676'>
677                                  <span data-nav-label="1" class="brand-nav__link flex w-full px-1 py-2  cursor-pointer">
678                    <span class="font-medium text-xl w-full flex justify-between items-center z-10">
679                      Techno‍‍‍lo‍‍‍gy  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg>                    </span>
680                  </span>
681                  
682                  <ul nav-layer="1" class="nav-ul hidden bg-background py-8 px-4 absolute left-full top-0 w-full">
683                                          <li right-col="blank">
684                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-mobile-networks/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Mobile Networks <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
685                                              </li>
686                                          <li right-col="blank">
687                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-mobile-phones/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Mobile Phones <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
688                                              </li>
689                                          <li right-col="blank">
690                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-pcs-laptops-and-tablets/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">PCs, Laptops & Tablets <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
691                                              </li>
692                                          <li right-col="blank">
693                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-printers-scanners-and-all-in-ones/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Printers, Scanners & All In Ones <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
694                                              </li>
695                                          <li right-col="blank">
696                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-televisions/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center border-b border-black cursor-pointer">Televisions <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
697                                              </li>
698                                          <li right-col="blank">
699                                                  <a href="https://thegoodshoppingguide.com/subject/ethical-broadband-providers/" data-nav-label="2" class="hover:bg-white w-full px-1 py-2 font-medium text-xl flex justify-between items-center cursor-pointer">Broadband Providers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
700                                              </li>
701                                      </ul>
702                              </li>
703                      </ul>
704        </nav>
705
706        
707        <div id="brandNavRightCol" class="brand-nav__right-col py-8 z-10 absolute right-0 top-0 bottom-0">
708          
709          <div class="w-full h-full flex items-center justify-center">
710            <form role="search" method="get" class="search-form bg-white block w-full border-solid border-2 border-orange max-w-3xl mx-auto flex flex-row" action="https://thegoodshoppingguide.com">
711    <label class="flex-grow">
712        <span class="sr-only">Search for:</span>
713        <input type="search" class="appearance-none border-0 block w-full bg-transparent py-3 px-6 lg:py-5 lg:px-10 text-black text-lg lg:text-2xl placeholder-grey-200" placeholder="Search site" value="" name="s">
714    </label>
715    <button class="py-2 px-4 lg:py-5 lg:px-10 fill-current text-brand" value="Search" title="Search"><svg class="w-6 lg:w-7 h-6 lg:h-7 fill-current text-orange" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.92 29.92">
716  <path class="cls-1" d="M13.46,26.93A13.47,13.47,0,1,1,26.93,13.46,13.48,13.48,0,0,1,13.46,26.93ZM13.46,3A10.47,10.47,0,1,0,23.93,13.46,10.47,10.47,0,0,0,13.46,3Z"/>
717  <path class="cls-1" d="M28.42,29.92a1.51,1.51,0,0,1-1.06-.44L20.85,23A1.51,1.51,0,1,1,23,20.85l6.5,6.51a1.49,1.49,0,0,1,0,2.12A1.51,1.51,0,0,1,28.42,29.92Z"/>
718</svg></button>
719</form>
720          </div>
721          
722          <div col-type="cat-info" class="col-type col-type__cat-info hidden absolute top-0 left-0 right-0 bottom-0 bg-white">
723            <div class="bg-background-lt_grey w-full pt-12 px-12 pb-6">
724              <h2 id="catInfoTitle" class="text-3xl font-extralight"></h2>
725            </div>
726            <div id="catInfoBody" class="textarea prose-black prose max-w-xl px-12 pt-4 pb-4">
727
728            </div>
729          </div>
730          
731          <div col-type="blank" class="col-type hidden absolute top-0 left-0 right-0 bottom-0 bg-white">
732            blank
733          </div>
734        </div>
735
736      </div>
737    </div>
738
739  </div>
740    <div toggler-receiver="mobile-nav" class="mobile-nav md:hidden h-0 opacity-0 overflow-hidden fixed top-0 right-0 left-0 bottom-0 bg-white z-10 pt-52" style="pointer-events: none;">
741        <div class="overflow-y-auto h-full px-8 pb-8">
742            <ul class="w-full">
743                <li class="w-full relative mb-12">
744                    <span class="mobile-nav__brand-link flex items-center font-medium text-xl justify-between"
745                        mob-nav-link
746                        toggler-trigger="mobile-subnav-0" toggler-active-class="active" toggler-close-receivers='["mobile-subnav-1", "mobile-subnav-2", "mobile-subnav-3"]'>
747                        Explore Ethical Ratings
748                        <svg class="w-5 h-5 ml-3 transform -rotate-90" xmlns="http://www.w3.org/2000/svg" width="47.246" height="27.096" viewBox="0 0 47.246 27.096"><path d="M23.623,18.969,5.736,1.081a3.206,3.206,0,0,0-5.062.337,3.544,3.544,0,0,0,.337,4.556l20.25,20.081a3.206,3.206,0,0,0,4.725,0L46.236,5.974a3.544,3.544,0,0,0,.338-4.556,3.206,3.206,0,0,0-5.063-.338Z" transform="translate(-0.001 0.002)" fill="#fe6a38"/></svg>                    </span>
749                    <div toggler-receiver="mobile-subnav-0" class="h-0 opacity-0 overflow-hidden">
750                        
751                        <nav class="w-full z-20 relative">
752                            
753                            <div nav-level="1" class="mt-6">
754                                <ul class="w-full">
755                                                                        <li>
756                                                                                    <a href="/brand-directory" class="hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">All Accredited Brands <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
757                                                                            </li>
758                                                                        <li>
759                                                                                    <span child-nav="level-2-2977" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Energy  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
760                                                                            </li>
761                                                                        <li>
762                                                                                    <span child-nav="level-2-2978" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Fashion‍‍‍  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
763                                                                            </li>
764                                                                        <li>
765                                                                                    <span child-nav="level-2-2979" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Food & Drink  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
766                                                                            </li>
767                                                                        <li>
768                                                                                    <span child-nav="level-2-2980" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Health & Beauty  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
769                                                                            </li>
770                                                                        <li>
771                                                                                    <sp
771an child-nav="level-2-2981" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Home‍‍‍  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
772                                                                            </li>
773                                                                        <li>
774                                                                                    <span child-nav="level-2-2982" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Money‍‍‍  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
775                                                                            </li>
776                                                                        <li>
777                                                                                    <span child-nav="level-2-24576" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Packaging  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
778                                                                            </li>
779                                                                        <li>
780                                                                                    <span child-nav="level-2-24281" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Pets  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
781                                                                            </li>
782                                                                        <li>
783                                                                                    <span child-nav="level-2-2986" class="mob-nav-span-link hover:bg-background w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Techno‍‍‍lo‍‍‍gy  <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
784                                                                            </li>
785                                                                    </ul>
786                            </div>
787                            
788                            <div nav-level="2" class="hidden mt-6">
789                                <button mob-nav-back class="text-black flex items-center mb-2">
790                                    <svg class="w-3 h-3 mr-2 text-black transition transform rotate-90" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg> <span class="opacity-50">Back</span>
791                                </button>
792                                                                                                                                                                    
793                                    <ul nav-val="level-2-2977" class="hidden">
794                                                                                    <li>
795                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-electricity-suppliers/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Energy Suppliers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
796                                                                                            </li>
797                                                                            </ul>
798                                                                                                                                    
799                                    <ul nav-val="level-2-2978" class="hidden">
800                                                                                    <li>
801                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-activewear/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Activewear <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
802                                                                                            </li>
803                                                                                    <li>
804                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-fashion-retailers/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Fashion Retailers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
805                                                                                            </li>
806                                                                                    <li>
807                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-shoes-trainers/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Shoes & Trainers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
808                                                                                            </li>
809                                                                                    <li>
810                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-jewellery/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Jewellery <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
811                                                                                            </li>
812                                                                            </ul>
813                                                                                                                                    
814                                    <ul nav-val="level-2-2979" class="hidden">
815                                                                                    <li>
816                                                                                                    <sp
816an child-nav="level-3-bread-dairy" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Bread, Dairy & Plant-based <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
817                                                                                            </li>
818                                                                                    <li>
819                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-cat-dog-food/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cat & Dog Food <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
820                                                                                            </li>
821                                                                                    <li>
822                                                                                                    <span child-nav="level-3-ethical-drinks" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Drinks <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
823                                                                                            </li>
824                                                                                    <li>
825                                                                                                    <span child-nav="level-3-ethical-food-retailers" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Food & Drink Retailers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
826                                                                                            </li>
827                                                                                    <li>
828                                                                                                    <span child-nav="level-3-fruit-veg" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Fruit & Veg <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
829                                                                                            </li>
830                                                                                    <li>
831                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-recipe-boxes/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Recipe Boxes <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
832                                                                                            </li>
833                                                                                    <li>
834                                                                                                    <sp
834an child-nav="level-3-store-cupboard" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Store Cupboard <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
835                                                                                            </li>
836                                                                            </ul>
837                                                                                                                                    
838                                    <ul nav-val="level-2-2980" class="hidden">
839                                                                                    <li>
840                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-cold-remedies/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cold Remedies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
841                                                                                            </li>
842                                                                                    <li>
843                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-deodorant" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Deodorant <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
844                                                                                            </li>
845                                                                                    <li>
846                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-make-up/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Make Up <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
847                                                                                            </li>
848                                                                                    <li>
849                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-nappies/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Nappies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
850                                                                                            </li>
851                                                                                    <li>
852                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-pain-remedies/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Pain Remedies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
853                                                                                            </li>
854                                                                                    <li>
855                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-period-products/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Period Products <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
856                                                                                            </li>
857                                                                                    <li>
858                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-self-tan/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Self Tan <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
859                                                                                            </li>
860                                                                                    <li>
861                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-shampoo-conditioner/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Shampoo & Conditioner <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
862                                                                                            </li>
863                                                                                    <li>
864                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-skincare/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Skincare <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
865                                                                                            </li>
866                                                                                    <li>
867                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-soap/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Soap & Shower Gel <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
868                                                                                            </li>
869                                                                                    <li>
870                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-sun-protection/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Sun Protection <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
871                                                                                            </li>
872                                                                                    <li>
873                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-toothpaste/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Toothpaste <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
874                                                                                            </li>
875                                                                                    <li>
876                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-vitamins/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Vitamins & Supplements <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
877                                                                                            </li>
878                                                                            </ul>
879                                                                                                                                    
880                                    <ul nav-val="level-2-2981" class="hidden">
881                                                                                    <li>
882                                                                                                    <sp
882an child-nav="level-3-cleaning-interiors" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cleaning & Decorating <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
883                                                                                            </li>
884                                                                                    <li>
885                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-flower-delivery-companies/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Flower Delivery Companies <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
886                                                                                            </li>
887                                                                                    <li>
888                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-garden-suppliers/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Garden Suppliers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
889                                                                                            </li>
890                                                                                    <li>
891                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-furniture/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Furniture‍‍‍ <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
892                                                                                            </li>
893                                                                                    <li>
894                                                                                                    <span child-nav="level-3-large-appliances" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Large Appliances <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
895                                                                                            </li>
896                                                                                    <li>
897                                                                                                    <span child-nav="level-3-small-appliances" class="mob-nav-span-link hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Small Appliances <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></span>
898                                                                                            </li>
899                                                                                    <li>
900                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-toilet-paper/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Toilet Paper <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
901                                                                                            </li>
902                                                                            </ul>
903                                                                                                                                    
904                                    <ul nav-val="level-2-2982" class="hidden">
905                                                                                    <li>
906                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-banks-building-societies/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Banks & Building Societies‍‍‍ <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
907                                                                                            </li>
908                                                                                    <li>
909                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-insurance/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Insurance <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
910                                                                                            </li>
911                                                                                    <li>
912                                                                                                    <a href="https://thegoodshoppingguide.com/ethical-investment/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Investment <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
913                                                                                            </li>
914                                                                                    <li>
915                                                                                                    <a href="https://thegoodshoppingguide.com/ethical-isas/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Ethical ISAs <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
916                                                                                            </li>
917                                                                                    <li>
918                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-mortgages/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Mortgages <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
919                                                                                            </li>
920                                                                                    <li>
921                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-pensions/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Pensions <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
922                                                                                            </li>
923                                                                                    <li>
924                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-pet-insurance/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Pet Insurance <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
925                                                                                            </li>
926                                                                            </ul>
927                                                                                                                                    
928                                    <ul nav-val="level-2-24576" class="hidden">
929                                                                                    <li>
930                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-packaging/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Packaging <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
931                                                                                            </li>
932                                                                            </ul>
933                                                                                                                                    
934                                    <ul nav-val="level-2-24281" class="hidden">
935                                                                                    <li>
936                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-cat-dog-food/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cat & Dog Food <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
937                                                                                            </li>
938                                                                                    <li>
939                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-pet-grooming/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Pet Grooming <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
940                                                                                            </li>
941                                                                                    <li>
942                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-pet-insurance/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Pet Insurance <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
943                                                                                            </li>
944                                                                            </ul>
945                                                                                                                                    
946                                    <ul nav-val="level-2-2986" class="hidden">
947                                                                                    <li>
948                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-mobile-networks/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Mobile Networks <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
949                                                                                            </li>
950                                                                                    <li>
951                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-mobile-phones/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Mobile Phones <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
952                                                                                            </li>
953                                                                                    <li>
954                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-pcs-laptops-and
954-tablets/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">PCs, Laptops & Tablets <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
955                                                                                            </li>
956                                                                                    <li>
957                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-printers-scanners-and-all-in-ones/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Printers, Scanners & All In Ones <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
958                                                                                            </li>
959                                                                                    <li>
960                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-televisions/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Televisions <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
961                                                                                            </li>
962                                                                                    <li>
963                                                                                                    <a href="https://thegoodshoppingguide.com/subject/ethical-broadband-providers/" class="hover:bg-white w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Broadband Providers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
964                                                                                            </li>
965                                                                            </ul>
966                                                                                            </div>
967                            
968                            <div nav-level="3" class="hidden mt-6">
969                                <button mob-nav-back class="text-black flex items-center mb-2">
970                                    <svg class="w-3 h-3 mr-2 text-black transition transform rotate-90" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg> <span class="opacity-50">Back</span>
971                                </button>
972                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <ul nav-val="level-3-bread-dairy" class="hidden">
973                                                                                    <li>
974                                                <a href="https://thegoodshoppingguide.com/subject/ethical-butter/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Butter, Margarine & Spreads <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
975                                            </li>
976                                                                                    <li>
977                                                <a href="https://thegoodshoppingguide.com/subject/ethical-bread/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Bread <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
978                                            </li>
979                                                                                    <li>
980                                                <a href="https://thegoodshoppingguide.com/subject/ethical-ice-cream/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Ice Cream <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
981                                            </li>
982                                                                                    <li>
983                                                <a href="https://thegoodshoppingguide.com/subject/ethical-vegan-milk/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Vegan Milk <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
984                                            </li>
985                                                                                    <li>
986                                                <a href="https://thegoodshoppingguide.com/subject/ethical-vegan-vegetarian-foods/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Vegan & Vegetarian Foods <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
987                                            </li>
988                                                                                    <li>
989                                                <a href="https://thegoodshoppingguide.com/subject/ethical-yoghurt/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Yoghurt <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
990                                            </li>
991                                                                            </ul>
992                                                                                                                                                                                                    <ul nav-val="level-3-ethical-drinks" class="hidden">
993                                                                                    <li>
994                                                <a href="https://thegoodshoppingguide.com/subject/ethical-beer-lager-and-cider/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Beer, Lager & Cider <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
995                                            </li>
996                                                                                    <li>
997                                                <a href="https://thegoodshoppingguide.com/subject/ethical-bottled-water/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Bottled Water <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
998                                            </li>
999                                                                                    <li>
1000                                                <a href="https://thegoodshoppingguide.com/subject/ethical-coffee/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Coffee <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1001                                            </li>
1002                                                                                    <li>
1003                                                <a href="https://thegoodshoppingguide.com/subject/ethical-soft-drinks/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Soft Drinks <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1004                                            </li>
1005                                                                                    <li>
1006                                                <a href="https://thegoodshoppingguide.com/subject/ethical-spirits/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Spirits <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1007                                            </li>
1008                                                                                    <li>
1009                                                <a href="https://thegoodshoppingguide.com/subject/ethical-tea/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Tea <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1010                                            </li>
1011                                                                            </ul>
1012                                                                                                                                    <ul nav-val="level-3-ethical-food-retailers" class="hidden">
1013                                                                                    <li>
1014                                                <a href="https://thegoodshoppingguide.com/subject/ethical-coffee-shops/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Coffee Shops <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1015                                            </li>
1016                                                                            </ul>
1017                                                                                                                                    <ul nav-val="level-3-fruit-veg" class="hidden">
1018                                                                                    <li>
1019                                                <a href="https://thegoodshoppingguide.com/ethical-fruit/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Fruit <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1020                                            </li>
1021                                                                                    <li>
1022                                                <a href="https://thegoodshoppingguide.com/ethical-exotic-fruit/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Exotic Fruit <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1023                                            </li>
1024                                                                            </ul>
1025                                                                                                                                                                                                    <ul nav-val="level-3-store-cupboard" class="hidden">
1026                                                                                    <li>
1027                                                <a href="https://thegoodshoppingguide.com/subject/ethical-baby-food/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Baby Food <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1028                                            </li>
1029                                                                                    <li>
1030                                                <a href="https://thegoodshoppingguide.com/subject/ethical-biscuits/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Biscuits <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><p
1030ath d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1031                                            </li>
1032                                                                                    <li>
1033                                                <a href="https://thegoodshoppingguide.com/subject/ethical-breakfast-cereal/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Breakfast Cereal <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1034                                            </li>
1035                                                                                    <li>
1036                                                <a href="https://thegoodshoppingguide.com/subject/ethical-chocolate/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Chocolate <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1037                                            </li>
1038                                                                                    <li>
1039                                                <a href="https://thegoodshoppingguide.com/subject/ethical-cooking-oil/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cooking Oil <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1040                                            </li>
1041                                                                                    <li>
1042                                                <a href="https://thegoodshoppingguide.com/subject/ethical-crisps/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Crisps <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1043                                            </li>
1044                                                                                    <li>
1045                                                <a href="https://thegoodshoppingguide.com/subject/ethical-jam-and-spreads/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Jam & Spreads <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1046                                            </li>
1047                                                                                    <li>
1048                                                <a href="https://thegoodshoppingguide.com/subject/ethical-pasta-pulses-and-rice/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Pasta, Pulses & Rice <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1049                                            </li>
1050                                                                                    <li>
1051                                                <a href="https://thegoodshoppingguide.com/subject/ethical-sugar/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Sugar <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1052                                            </li>
1053                                                                                    <li>
1054                                                <a href="https://thegoodshoppingguide.com/subject/ethical-soup/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Soup <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1055                                            </li>
1056                                                                                    <li>
1057                                                <a href="https://thegoodshoppingguide.com/subject/ethical-sweets/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Sweets <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1058                                            </li>
1059                                                                                    <li>
1060                                                <a href="https://thegoodshoppingguide.com/subject/ethical-tinned-tuna/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Tinned Tuna <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1061                                            </li>
1062                                                                            </ul>
1063                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <ul nav-val="level-3-cleaning-interiors" class="hidden">
1064                                                                                    <li>
1065                                                <a href="https://thegoodshoppingguide.com/subject/ethical-cleaning-products/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cleaning Products <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1066                                            </li>
1067                                                                                    <li>
1068                                                <a href="https://thegoodshoppingguide.com/subject/ethical-laundry-detergents/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Laundry Detergents <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1069                                            </li>
1070                                                                                    <li>
1071                                                <a href="https://thegoodshoppingguide.com/subject/ethical-paint/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Paint <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1072                                            </li>
1073                                                                                    <li>
1074                                                <a href="https://thegoodshoppingguide.com/subject/ethical-washing-up-liquid/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Washing Up Liquid <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1075                                            </li>
1076                                                                            </ul>
1077                                                                                                                                                                                                                                                                                                                                    <ul nav-val="level-3-large-appliances" class="hidden">
1078                                                                                    <li>
1079                                                <a href="https://thegoodshoppingguide.com/subject/ethical-boilers/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Boilers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1080                                            </li>
1081                                                                                    <li>
1082                                                <a href="https://thegoodshoppingguide.com/subject/ethical-cookers/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Cookers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1083                                            </li>
1084                                                                                    <li>
1085                                                <a href="https://thegoodshoppingguide.com/subject/ethical-dishwashers/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Dishwashers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1086                                            </li>
1087                                                                                    <li>
1088                                                <a href="https://thegoodshoppingguide.com/subject/ethical-fridges-freezers/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Fridges & Freezers <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1089                                            </li>
1090                                                                                    <li>
1091                                                <a href="https://thegoodshoppingguide.com/subject/ethical-washing-machines/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Washing Machines <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1092                                            </li>
1093                                                                            </ul>
1094                                                                                                                                    <ul nav-val="level-3-small-appliances" class="hidden">
1095                                                                                    <li>
1096                                                <a href="https://thegoodshoppingguide.com/subject/ethical-kettles/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Kettles <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1097                                            </li>
1098                                                                                    <li>
1099                                                <a href="https://thegoodshoppingguide.com/subject/ethical-kitchen-appliances/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center border-b border-black cursor-pointer">Kitchen Appliances <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1100                                            </li>
1101                                                                                    <li>
1102                                                <a href="https://thegoodshoppingguide.com/subject/ethical-vacuum-cleaners/" class="w-full px-1 py-2 font-normal text-lg flex justify-between items-center cursor-pointer">Vacuum Cleaners <svg class="flex-none w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="14.015" height="14.015" viewBox="0 0 14.015 14.015"><path d="M0,0H8.382V8.437" transform="translate(5.966 1.061) rotate(45)" fill="none" stroke="#ff612b" stroke-width="3"/></svg></a>
1103                                            </li>
1104                           
1104                                                 </ul>
1105                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
1106                        </nav>
1107                    </div>
1108                </li>
1109                                                            <li class="w-full relative mb-7">
1110                            <span class="block font-semibold text-lg w-full" mob-nav-link toggler-trigger="mobile-sub
1110nav-1" toggler-active-class="active" toggler-close-receivers='["mobile-subnav-0", "mobile-subnav-2", "mobile-subnav-3"]'>
1111                                For Consumers
1112                            </span>
1113                            <div toggler-receiver="mobile-subnav-1" class="
1114     nav-dropdown h-0 opacity-0 overflow-hidden">
1115    <ul class=" mt-4 ">
1116                    <li class="nav-dropdown__top-level-li ">
1117                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/top-200-ethical-businesses/">
1118                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1119                        Top 200 Ethical Businesses
1120                                            </span>
1121                </a>
1122                            </li>
1123                    <li class="nav-dropdown__top-level-li ">
1124                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/ethical-shopping-makes-a-change/">
1125                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1126                        Why Ethical?
1127                                            </span>
1128                </a>
1129                            </li>
1130                    <li class="nav-dropdown__top-level-li ">
1131                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/how-we-rate/">
1132                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1133                        How We Rate
1134                                            </span>
1135                </a>
1136                            </li>
1137                    <li class="nav-dropdown__top-level-li ">
1138                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/explanation-of-issues/">
1139                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1140                        Ethical Issues and Shopping Decisions
1141                                            </span>
1142                </a>
1143                            </li>
1144                    <li class="nav-dropdown__top-level-li ">
1145                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/blog/category/all-news/">
1146                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1147                        Ethical Consumer News
1148                                            </span>
1149                </a>
1150                            </li>
1151                    <li class="nav-dropdown__top-level-li ">
1152                <a  class="nav-dropdown__top-level-li__link block border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/faqs/">
1153                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1154                        Frequently Asked Questions
1155                                            </span>
1156                </a>
1157                            </li>
1158            </ul>
1159</div>
1160                        </li>
1161                                                                                                <li class="w-full relative mb-7">
1162                            <span class="block font-semibold text-lg w-full" mob-nav-link toggler-trigger="mobile-sub
1162nav-2" toggler-active-class="active" toggler-close-receivers='["mobile-subnav-0", "mobile-subnav-3", "mobile-subnav-1"]'>
1163                                For Businesses
1164                            </span>
1165                            <div toggler-receiver="mobile-subnav-2" class="
1166     nav-dropdown h-0 opacity-0 overflow-hidden">
1167    <ul class=" mt-4 ">
1168                    <li class="nav-dropdown__top-level-li ">
1169                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/benefits-of-ethicalaccreditation/">
1170                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1171                        Benefits of Ethical Accreditation
1172                                            </span>
1173                </a>
1174                            </li>
1175                    <li class="nav-dropdown__top-level-li ">
1176                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/apply-for-ethical-accreditation/">
1177                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1178                        Apply Now For Ethical Accreditation
1179                                            </span>
1180                </a>
1181                            </li>
1182                    <li class="nav-dropdown__top-level-li ">
1183                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/free-initial-assessment/">
1184                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1185                        Free Initial Ethical &amp; Sustainability Assessment
1186                                            </span>
1187                </a>
1188                            </li>
1189                    <li class="nav-dropdown__top-level-li ">
1190                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/how-we-rate/">
1191                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1192                        How We Rate
1193                                            </span>
1194                </a>
1195                            </li>
1196                    <li class="nav-dropdown__top-level-li ">
1197                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/blog/category/ethical-business-news/">
1198                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1199                        Ethical Business News
1200                                            </span>
1201                </a>
1202                            </li>
1203                    <li class="nav-dropdown__top-level-li ">
1204                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/get-in-touch/">
1205                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1206                        Get in Touch
1207                                            </span>
1208                </a>
1209                            </li>
1210                    <li class="nav-dropdown__top-level-li ">
1211                <a  class="nav-dropdown__top-level-li__link block border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/faqs/">
1212                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1213                        Frequently Asked Questions
1214                                            </span>
1215                </a>
1216                            </li>
1217            </ul>
1218</div>
1219                        </li>
1220                                                                                                <li class="w-full relative mb-7">
1221                            <span class="block font-semibold text-lg w-full" mob-nav-link toggler-trigger="mobile-subnav-3" toggler-active-class="active" toggler-close-receivers='["mobile-subnav-0", "mobile-subnav-2", "mobile-subnav-1"]'>
1222                                About Us
1223                            </span>
1224                            <div toggler-receiver="mobile-subnav-3" class="
1225     nav-dropdown h-0 opacity-0 overflow-hidden">
1226    <ul class=" mt-4 ">
1227                    <li class="nav-dropdown__top-level-li ">
1228                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/our-story/">
1229                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1230                        Our Story
1231                                            </span>
1232                </a>
1233                            </li>
1234                    <li class="nav-dropdown__top-level-li ">
1235                <a  class="nav-dropdown__top-level-li__link block border-b border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/history-of-ethical-shopping/">
1236                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1237                        History of ethical shopping
1238                                            </span>
1239                </a>
1240                            </li>
1241                    <li class="nav-dropdown__top-level-li ">
1242                <a  class="nav-dropdown__top-level-li__link block border-background-md_grey cursor-pointer" href="https://thegoodshoppingguide.com/get-in-touch/">
1243                    <span class="flex justify-between items-center w-full px-1 py-3 font-normal md:font-medium text-lg md:text-xl">
1244                        Get in Touch
1245                                            </span>
1246                </a>
1247                            </li>
1248            </ul>
1249</div>
1250                        </li>
1251                                    
1252                
1253                <div id="mobileSearchBar" class="mobile-nav__search w-full h-full flex items-center justify-center mt-16">
1254                    <form role="search" method="get" class="search-form bg-white block w-full border-solid border-2 border-orange max-w-3xl mx-auto flex flex-row" action="https://thegoodshoppingguide.com">
1255    <label class="flex-grow">
1256        <span class="sr-only">Search for:</span>
1257        <input type="search" class="appearance-none border-0 block w-full bg-transparent py-3 px-6 lg:py-5 lg:px-10 text-black text-lg lg:text-2xl placeholder-grey-200" placeholder="Search site" value="" name="s">
1258    </label>
1259    <button class="py-2 px-4 lg:py-5 lg:px-10 fill-current text-brand" value="Search" title="Search"><svg class="w-6 lg:w-7 h-6 lg:h-7 fill-current text-orange" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.92 29.92">
1260  <path class="cls-1" d="M13.46,26.93A13.47,13.47,0,1,1,26.93,13.46,13.48,13.48,0,0,1,13.46,26.93ZM13.46,3A10.47,10.47,0,1,0,23.93,13.46,10.47,10.47,0,0,0,13.46,3Z"/>
1261  <path class="cls-1" d="M28.42,29.92a1.51,1.51,0,0,1-1.06-.44L20.85,23A1.51,1.51,0,1,1,23,20.85l6.5,6.51a1.49,1.49,0,0,1,0,2.12A1.51,1.51,0,0,1,28.42,29.92Z"/>
1262</svg></button>
1263</form>
1264                </div>
1265
1266            </ul>
1267        </div>
1268    </div>
1269  </header>
1270
1271    <main id="main" class="bg-background">
1272      
1273            <div id="section_banner" class="banner-root overflow-hidden bg-brand">
1274            <div class="flex flex-col mx-auto md:grid-cols-2 md:grid md:flex-none max-w-screen-3xl">
1275                <div class="w-full">
1276                    <div class="banner-root__col-inner--first h-full flex items-center">
1277                        <div 
1278    class="banner-root__title-card px-8 max-w-none lg:max-w-4xl flex flex-col justify-center
1279         py-20          pr-8 lg:pr-20
1280        ">
1281            <h1 
1282            class="
1283                text-white
1284                                  ">
1285            Period Products: Ethical Comparison Ratings Table
1286        </h1>
1287                <div 
1288            class="text-lg textarea prose font-extralight max-w-none lg:max-w-xl
1289                 prose-white text-white
1290                ">
1291            
1292        </div>
1293                    </div>
1294                    </div>
1295                </div>
1296                <div class="w-full">
1297                    <div class="banner-root__col-inner--last bg-brand-light flex items-center h-full">
1298                        <div class="banner-root__subject-card w-full flex flex-col justify-between md:h-full">
1299    <div class="items-center h-full p-10 xl:p-14 flex">
1300        <div class="w-full">
1301            <p class="text-white text-xl md:text-2xl lg:text-3xl xl:text-4xl font-extralight mb-6"></p>
1302            <div class="textarea prose text-white w-full max-w-full">
1303                <p class="text-white font-extralight"><p><em>Period items are a necessity, not a luxury. For many people, menstruation is unavoidable. We also acknowledge the inequity and severity of period poverty. Purchasing sustainable period products, if possible, can help to mitigate the social and environmental impacts of the period product industry.</em></p>
1304</p>
1305            </div>
1306                            <a
1307                    href="https://thegoodshoppingguide.com/ethical-period-products/"
1308                    target="" class="inline-block mt-6 py-4 pl-8 pr-10 text-xl font-medium  duration-300 bg-white text-black hover:bg-gray-100">
1309                    Learn more
1310                </a>
1311                    </div>
1312    </div>
1313    <div class="bg-brand-lighter p-10 xl:p-14 w-full md:mr-20">
1314        <div class="max-w-xl flex items-center">
1315            <div class="banner-root__subject-card__score h-28 w-28 bg-white rounded-full flex items-center justify-center text-4xl font-bold">
1316                80
1317            </div>
1318            <p class="text-xl md:text-2xl lg:text-3xl xl:text-4xl text-white pl-6 r font-extralight">Benchmark score within the category</p>
1319        </div>
1320    </div>
1321</div>
1322                    </div>
1323                </div>
1324            </div>
1325        </div>
1326    
1327        <div class="bg-subject_background relative">
1328        <div class="max-w-screen-xl mx-auto w-full md:py-14 md:px-8">
1329
1330            <div class="sticky top-0 z-40">
1331                <div class="bg-subject_background-section p-4">
1332                    <h2 class="text-center font-medium text-white md:text-left text-xl md:text-xl lg:text-xl xl:text-2xl">Period Products: Ethical Comparison Ratings Table</h2>
1333                </div>
1334
1335                <div class="bg-black">
1336                    <div class="p-4 flex flex-row">
1337                        <button id="rating-header__brand" class="rating__heading px-2 lg:leading-tight lg:text-lg py-1 w-20 flex-grow text-left text-white">Brand Name</button>
1338                        <button id="rating-header__score" class="rating__heading px-2 lg:leading-tight lg:text-lg py-1 w-16 md:w-24 lg:w-32 text-center text-white">GSG Ethical Score</button>
1339                        <button id="rating-header__accredited" class="rating__heading px-2 lg:leading-tight lg:text-lg py-1 w-16 md:w-28 lg:w-36 text-center text-white">GSG Ethical<span class="hidden md:inline"> Accreditation</span><span class="inline md:hidden"> Accr.</span></button>
1340                        <button id="rating-header__more" class="rating__heading px-2 lg:leading-tight lg:text-lg py-1 w-16 md:w-20 lg:w-20 text-center ls:block text-white">Learn<br/>More</button>
1341                        <button id="rating-header__compare" class="rating__heading lg:leading-tight lg:text-lg py-1 w-16 md:w-24 lg:w-28 hidden lg:block ls:block text-center text-white mr-4">Compare<br/>Brands</button>
1342                    </div>
1343                </div>
1344            </div>
1345
1346            <div id="rating__rows" class="w-full">
1347                
1348                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
1349                         data-id="0"
1350                         data-score="100"
1351                         data-search-match="Natracare">
1352
1353                        
1354                        <div class="flex-grow flex flex-col w-1">
1355
1356                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
1357
1358                                <div class="flex flex-row items-center w-1/3 md:w-auto">
1359                                    
1360                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
1361                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/natracare/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
1362                                                <img width="150" height="150" src="https://thegoodshoppingguide.com/app/uploads/2021/11/158720465_10159060139017094_4576882988139266508_n.png" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2021/11/158720465_10159060139017094_4576882988139266508_n.png 1079w, https://thegoodshoppingguide.com/app/uploads/2021/11/158720465_10159060139017094_4576882988139266508_n-300x300.png 300w, https://thegoodshoppingguide.com/app/uploads/2021/11/158720465_10159060139017094_4576882988139266508_n-1024x1024.png 1024w, https://thegoodshoppingguide.com/app/uploads/2021/11/158720465_10159060139017094_4576882988139266508_n-150x150.png 150w, https://thegoodshoppingguide.com/app/uploads/2021/11/158720465_10159060139017094_4576882988139266508_n-768x768.png 768w" sizes="(max-width: 150px) 100v
1362w, 150px" />
1363                                            </a>
1364                                                                            </div>
1365                                    
1366                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/natracare/" class="transition-opacity hover:opacity-80">Natracare</a></h3>
1367                                </div>
1368
1369                                
1370                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
1371                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
1372                                        <div class="rating__index text-xl lg:text-3xl font-medium">100</div>
1373                                    </div>
1374                                </div>
1375                                
1376                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
1377                                                                            <div class="brand--accreditation h-9 md:h-16 lg:h-20">
1378                                            <img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="attachment-medium size-medium" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />                                        </div>
1379                                                                    </div>
1380                                
1381                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
1382                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
1383                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
1384                                </div>
1385                                
1386                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
1387                                    <button type="button" class="rating__toggle rating__toggle--0 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="0">
1388                                        <span class="sr-only">Use setting</span>
1389                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
1390                                    </button>
1391                                </div>
1392                            </div>
1393
1394                            
1395                            <div class="rating__score overflow-hidden relative h-0">
1396                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
1397                                    
1398                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
1399  <div>
1400    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Natracare Ethical Rating</h4>
1401    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Bodywise (UK) Ltd</p>
1402  </div>
1403  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
1404    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
1404<path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
1405    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
1406    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
1407  </p>
1408</div>
1409
1410<div class="md:flex">
1411      <div class="w-full mr-2 mb-2">
1412    <div class="p-4  bg-black ">
1413        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
1414    </div>
1415  <ul>
1416          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1417        <div class="flex flex-row items-center justify-between">
1418    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
1419<p>
1420            <span class="sr-only">Good</span>
1421        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1422</div>
1423      </li>
1424          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1425        <div class="flex flex-row items-center justify-between">
1426    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
1427<p>
1428            <span class="sr-only">Good</span>
1429        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1430</div>
1431      </li>
1432          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1433        <div class="flex flex-row items-center justify-between">
1434    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
1435<p>
1436            <span class="sr-only">Good</span>
1437        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1438</div>
1439      </li>
1440          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1441        <div class="flex flex-row items-center justify-between">
1442    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
1443<p>
1444            <span class="sr-only">Good</span>
1445        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1446</div>
1447      </li>
1448      </ul>
1449</div>
1450        <div class="w-full mr-2 mb-2">
1451    <div class="p-4  bg-black ">
1452        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
1453    </div>
1454  <ul>
1455          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1456        <div class="flex flex-row items-center justify-between">
1457    <h6 class="text-base lg:text-lg pr-2 font-extralight">
1457Animal Welfare</h6>
1458<p>
1459            <span class="sr-only">Good</span>
1460        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1461</div>
1462      </li>
1463          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1464        <div class="flex flex-row items-center justify-between">
1465    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
1466<p>
1467            <span class="sr-only">Good</span>
1468        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1469</div>
1470      </li>
1471      </ul>
1472</div>
1473        <div class="w-full mr-2 mb-2">
1474    <div class="p-4  bg-black ">
1475        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
1476    </div>
1477  <ul>
1478          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1479        <div class="flex flex-row items-center justify-between">
1480    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
1481<p>
1482            <span class="sr-only">Good</span>
1483        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1484</div>
1485      </li>
1486          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1487        <div class="flex flex-row items-center justify-between">
1488    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
1489<p>
1490            <span class="sr-only">Good</span>
1491        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1492</div>
1493      </li>
1494          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1495        <div class="flex flex-row items-center justify-between">
1496    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
1497<p>
1498            <span class="sr-only">Good</span>
1499        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1500</div>
1501      </li>
1502      </ul>
1503</div>
1504        <div class="w-full mb-2">
1505    <div class="p-4  bg-black ">
1506        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
1507    </div>
1508  <ul>
1509          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1510        <div class="flex flex-row items-center justify-between">
1511    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
1512<p>
1513            <span class="sr-only">Good</span>
1514        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1515</div>
1516      </li>
1517          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1518        <div class="flex flex-row items-center justify-between">
1519    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
1520<p>
1521            <span class="sr-only">Good</span>
1522        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1523</div>
1524      </li>
1525          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1526        <div class="flex flex-row items-center justify-between">
1527    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
1528<p>
1529            <span class="sr-only">Good</span>
1530        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1531</div>
1532      </li>
1533      </ul>
1534</div>
1535  </div>
1536
1537<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
1538  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
1539  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
1540  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
1541</p>
1542
1543<script>
1544  if(! window.ratings) window.ratings = [];
1545  window.ratings[0] = (
1546    {
1547      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"10.1"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
1548    }
1549  );
1550</script>
1550
1551                                    <div class="mt-14 flex flex-col items-center">
1552                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/natracare/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Natracare</span></a>
1553                                                                            </div>
1554                                </div>
1555                            </div>
1556                        </div>
1557
1558                        
1558<script>
1559                            if(!window.comparison) window.comparison = [];
1560                            window.comparison[0] = (
1561                                {
1562                                    'id' : 0,
1563                                    'company_name' : 'Natracare',
1564                                    'ethical_company_index' : '100',
1565                                    'colour' : '',
1566                                    'ratings' : window.ratings[0]['ratings'] ?? false,
1567                                    'image' : '<img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="block h-20 w-auto" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />',
1568                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/natracare/',
1569                                    'has_content' : true,
1570                                }
1571                            );
1572                        </script>
1572
1573
1574                    </div>
1575                
1576                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
1577                         data-id="1"
1578                         data-score="100"
1579                         data-search-match="Ruby Cup">
1580
1581                        
1582                        <div class="flex-grow flex flex-col w-1">
1583
1584                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
1585
1586                                <div class="flex flex-row items-center w-1/3 md:w-auto">
1587                                    
1588                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
1589                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/ruby-cup/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
1590                                                <img width="150" height="150" src="https://thegoodshoppingguide.com/app/uploads/2024/10/ruby-cup-logo.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2024/10/ruby-cup-logo.jpg 400w, https://thegoodshoppingguide.com/app/uploads/2024/10/ruby-cup-logo-300x300.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2024/10/ruby-cup-logo-150x150.jpg 150w" sizes="(max-width: 150px) 100vw, 150px" />
1591                                            </a>
1592                                                                            </div>
1593                                    
1594                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/ruby-cup/" class="transition-opacity hover:opacity-80">Ruby Cup</a></h3>
1595                                </div>
1596
1597                                
1598                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
1599                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
1600                                        <div class="rating__index text-xl lg:text-3xl font-medium">100</div>
1601                                    </div>
1602                                </div>
1603                                
1604                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
1605                                                                            <div class="brand--accreditation h-9 md:h-16 lg:h-20">
1606                                            <img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="attachment-medium size-medium" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />                                        </div>
1607                                                                    </div>
1608                                
1609                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
1610                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
1611                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
1612                                </div>
1613                                
1614                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
1615                                    <button type="button" class="rating__toggle rating__toggle--1 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
1615ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="1">
1616                                        <span class="sr-only">Use setting</span>
1617                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
1618                                    </button>
1619                                </div>
1620                            </div>
1621
1622                            
1623                            <div class="rating__score overflow-hidden relative h-0">
1624                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
1625                                    
1626                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
1627  <div>
1628    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Ruby Cup Ethical Rating</h4>
1629    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Ruby Life Ltd</p>
1630  </div>
1631  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
1632    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
1633    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
1634    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
1635  </p>
1636</div>
1637
1638<div class="md:flex">
1639      <div class="w-full mr-2 mb-2">
1640    <div class="p-4  bg-black ">
1641        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
1642    </div>
1643  <ul>
1644          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1645        <div class="flex flex-row items-center justify-between">
1646    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
1647<p>
1648            <span class="sr-only">Good</span>
1649        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1650</div>
1651      </li>
1652          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1653        <div class="flex flex-row items-center justify-between">
1654    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
1655<p>
1656            <span>N/A</span>
1657    </p>
1658</div>
1659      </li>
1660          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1661        <div class="flex flex-row items-center justify-between">
1662    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
1663<p>
1664            <span>N/A</span>
1665    </p>
1666</div>
1667      </li>
1668          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1669        <div class="flex flex-row items-center justify-between">
1670    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
1671<p>
1672            <span class="sr-only">Good</span>
1673        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1674</div>
1675      </li>
1676      </ul>
1677</div>
1678        <div class="w-full mr-2 mb-2">
1679    <div class="p-4  bg-black ">
1680        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
1681    </div>
1682  <ul>
1683          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1684        <div class="flex flex-row items-center justify-between">
1685    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
1686<p>
1687            <span class="sr-only">Good</span>
1688        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1689</div>
1690      </li>
1691          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1692        <div class="flex flex-row items-center justify-between">
1693    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
1694<p>
1695            <span class="sr-only">Good</span>
1696        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1697</div>
1698      </li>
1699      </ul>
1700</div>
1701        <div class="w-full mr-2 mb-2">
1702    <div class="p-4  bg-black ">
1703        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
1704    </div>
1705  <ul>
1706          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1707        <div class="flex flex-row items-center justify-between">
1708    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
1709<p>
1710            <span class="sr-only">Good</span>
1711        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1712</div>
1713      </li>
1714          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1715        <div class="flex flex-row items-center justify-between">
1716    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
1717<p>
1718            <span class="sr-only">Good</span>
1719        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1720</div>
1721      </li>
1722          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1723        <div class="flex flex-row items-center justify-between">
1724    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
1725<p>
1726            <span class="sr-only">Good</span>
1727        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1728</div>
1729      </li>
1730      </ul>
1731</div>
1732        <div class="w-full mb-2">
1733    <div class="p-4  bg-black ">
1734        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
1735    </div>
1736  <ul>
1737          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1738        <div class="flex flex-row items-center justify-between">
1739    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
1740<p>
1741            <span class="sr-only">Good</span>
1742        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1743</div>
1744      </li>
1745          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1746        <div class="flex flex-row items-center justify-between">
1747    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
1748<p>
1749            <span class="sr-only">Good</span>
1750        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1751</div>
1752      </li>
1753          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1754        <div class="flex flex-row items-center justify-between">
1755    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
1756<p>
1757            <span class="sr-only">Good</span>
1758        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1759</div>
1760      </li>
1761      </ul>
1762</div>
1763  </div>
1764
1765<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
1766  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
1767  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
1768  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
1769</p>
1770
1771<script>
1772  if(! window.ratings) window.ratings = [];
1773  window.ratings[1] = (
1774    {
1775      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.199999999999999"},"organic":{"title":"Organic","score":"10.199999999999999"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"10.1"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
1776    }
1777  );
1778</script>
1778
1779                                    <div class="mt-14 flex flex-col items-center">
1780                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/ruby-cup/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Ruby Cup</span></a>
1781                                                                            </div>
1782                                </div>
1783                            </div>
1784                        </div>
1785
1786                        
1786<script>
1787                            if(!window.comparison) window.comparison = [];
1788                            window.comparison[1] = (
1789                                {
1790                                    'id' : 1,
1791                                    'company_name' : 'Ruby Cup',
1792                                    'ethical_company_index' : '100',
1793                                    'colour' : '',
1794                                    'ratings' : window.ratings[1]['ratings'] ?? false,
1795                                    'image' : '<img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="block h-20 w-auto" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />',
1796                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/ruby-cup/',
1797                                    'has_content' : true,
1798                                }
1799                            );
1800                        </script>
1800
1801
1802                    </div>
1803                
1804                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
1805                         data-id="2"
1806                         data-score="100"
1807                         data-search-match="TOTM">
1808
1809                        
1810                        <div class="flex-grow flex flex-col w-1">
1811
1812                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
1813
1814                                <div class="flex flex-row items-center w-1/3 md:w-auto">
1815                                    
1816                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
1817                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/totm/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
1818                                                <img width="150" height="51" src="https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM.png" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM.png 2434w, https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM-300x102.png 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM-1024x348.png 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM-768x261.png 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM-1536x521.png 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/TOTM-2048x695.png 2048w" sizes="(max-width: 150px) 100vw, 150px" />
1819                                            </a>
1820                                                                            </div>
1821                                    
1822                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/totm/" class="transition-opacity hover:opacity-80">TOTM</a></h3>
1823                                </div>
1824
1825                                
1826                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
1827                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
1828                                        <div class="rating__index text-xl lg:text-3xl font-medium">100</div>
1829                                    </div>
1830                                </div>
1831                                
1832                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
1833                                                                            <div class="brand--accreditation h-9 md:h-16 lg:h-20">
1834                                            <img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="attachment-medium size-medium" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />                                        </div>
1835                                                                    </div>
1836                                
1837                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
1838                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
1839                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
1840                                </div>
1841                                
1842                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
1843                                    <button type="button" class="rating__toggle rating__toggle--2 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
1843ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="2">
1844                                        <span class="sr-only">Use setting</span>
1845                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
1846                                    </button>
1847                                </div>
1848                            </div>
1849
1850                            
1851                            <div class="rating__score overflow-hidden relative h-0">
1852                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
1853                                    
1854                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
1855  <div>
1856    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">TOTM Ethical Rating</h4>
1857    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: TOTM Ltd</p>
1858  </div>
1859  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
1860    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
1861    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
1862    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
1863  </p>
1864</div>
1865
1866<div class="md:flex">
1867      <div class="w-full mr-2 mb-2">
1868    <div class="p-4  bg-black ">
1869        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
1870    </div>
1871  <ul>
1872          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1873        <div class="flex flex-row items-center justify-between">
1874    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
1875<p>
1876            <span class="sr-only">Good</span>
1877        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1878</div>
1879      </li>
1880          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1881        <div class="flex flex-row items-center justify-between">
1882    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
1883<p>
1884            <span class="sr-only">Good</span>
1885        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1886</div>
1887      </li>
1888          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1889        <div class="flex flex-row items-center justify-between">
1890    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
1891<p>
1892            <span class="sr-only">Good</span>
1893        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1894</div>
1895      </li>
1896          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1897        <div class="flex flex-row items-center justify-between">
1898    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
1899<p>
1900            <span class="sr-only">Good</span>
1901        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1902</div>
1903      </li>
1904      </ul>
1905</div>
1906        <div class="w-full mr-2 mb-2">
1907    <div class="p-4  bg-black ">
1908        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
1909    </div>
1910  <ul>
1911          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1912        <div class="flex flex-row items-center justify-between">
1913    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
1914<p>
1915            <span class="sr-only">Good</span>
1916        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1917</div>
1918      </li>
1919          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1920        <div class="flex flex-row items-center justify-between">
1921    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
1922<p>
1923            <span class="sr-only">Good</span>
1924        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1925</div>
1926      </li>
1927      </ul>
1928</div>
1929        <div class="w-full mr-2 mb-2">
1930    <div class="p-4  bg-black ">
1931        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
1932    </div>
1933  <ul>
1934          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1935        <div class="flex flex-row items-center justify-between">
1936    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
1937<p>
1938            <span class="sr-only">Good</span>
1939        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1940</div>
1941      </li>
1942          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1943        <div class="flex flex-row items-center justify-between">
1944    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
1945<p>
1946            <span class="sr-only">Good</span>
1947        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1948</div>
1949      </li>
1950          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1951        <div class="flex flex-row items-center justify-between">
1952    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
1953<p>
1954            <span class="sr-only">Good</span>
1955        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1956</div>
1957      </li>
1958      </ul>
1959</div>
1960        <div class="w-full mb-2">
1961    <div class="p-4  bg-black ">
1962        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
1963    </div>
1964  <ul>
1965          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1966        <div class="flex flex-row items-center justify-between">
1967    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
1968<p>
1969            <span class="sr-only">Good</span>
1970        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1971</div>
1972      </li>
1973          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1974        <div class="flex flex-row items-center justify-between">
1975    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
1976<p>
1977            <span class="sr-only">Good</span>
1978        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1979</div>
1980      </li>
1981          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
1982        <div class="flex flex-row items-center justify-between">
1983    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
1984<p>
1985            <span class="sr-only">Good</span>
1986        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
1987</div>
1988      </li>
1989      </ul>
1990</div>
1991  </div>
1992
1993<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
1994  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
1995  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
1996  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
1997</p>
1998
1999<script>
2000  if(! window.ratings) window.ratings = [];
2001  window.ratings[2] = (
2002    {
2003      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"10.1"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
2004    }
2005  );
2006</script>
2006
2007                                    <div class="mt-14 flex flex-col items-center">
2008                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/totm/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">TOTM</span></a>
2009                                                                            </div>
2010                                </div>
2011                            </div>
2012                        </div>
2013
2014                        
2014<script>
2015                            if(!window.comparison) window.comparison = [];
2016                            window.comparison[2] = (
2017                                {
2018                                    'id' : 2,
2019                                    'company_name' : 'TOTM',
2020                                    'ethical_company_index' : '100',
2021                                    'colour' : '',
2022                                    'ratings' : window.ratings[2]['ratings'] ?? false,
2023                                    'image' : '<img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="block h-20 w-auto" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />',
2024                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/totm/',
2025                                    'has_content' : true,
2026                                }
2027                            );
2028                        </script>
2028
2029
2030                    </div>
2031                
2032                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
2033                         data-id="3"
2034                         data-score="98"
2035                         data-search-match="DAME">
2036
2037                        
2038                        <div class="flex-grow flex flex-col w-1">
2039
2040                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
2041
2042                                <div class="flex flex-row items-center w-1/3 md:w-auto">
2043                                    
2044                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
2045                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/dame/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
2046                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
2047                                            </a>
2048                                                                            </div>
2049                                    
2050                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/dame/" class="transition-opacity hover:opacity-80">DAME</a></h3>
2051                                </div>
2052
2053                                
2054                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
2055                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
2056                                        <div class="rating__index text-xl lg:text-3xl font-medium">98</div>
2057                                    </div>
2058                                </div>
2059                                
2060                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
2061                                                                            <div class="h-10 flex flex-row justify-center items-center">
2062                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
2063                                        </div>
2064                                                                    </div>
2065                                
2066                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
2067                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
2068                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
2069                                </div>
2070                                
2071                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
2072                                    <button type="button" class="rating__toggle rating__toggle--3 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
2072ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="3">
2073                                        <span class="sr-only">Use setting</span>
2074                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
2075                                    </button>
2076                                </div>
2077                            </div>
2078
2079                            
2080                            <div class="rating__score overflow-hidden relative h-0">
2081                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
2082                                    
2083                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
2084  <div>
2085    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">DAME Ethical Rating</h4>
2086    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Sanitary Owl Ltd</p>
2087  </div>
2088  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
2089    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2090    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2091    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2092  </p>
2093</div>
2094
2095<div class="md:flex">
2096      <div class="w-full mr-2 mb-2">
2097    <div class="p-4  bg-black ">
2098        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
2099    </div>
2100  <ul>
2101          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2102        <div class="flex flex-row items-center justify-between">
2103    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
2104<p>
2105            <span class="sr-only">Good</span>
2106        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2107</div>
2108      </li>
2109          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2110        <div class="flex flex-row items-center justify-between">
2111    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
2112<p>
2113            <span class="sr-only">Good</span>
2114        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2115</div>
2116      </li>
2117          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2118        <div class="flex flex-row items-center justify-between">
2119    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
2120<p>
2121            <span class="sr-only">Good</span>
2122        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2123</div>
2124      </li>
2125          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2126        <div class="flex flex-row items-center justify-between">
2127    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
2128<p>
2129            <span class="sr-only">Good</span>
2130        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2131</div>
2132      </li>
2133      </ul>
2134</div>
2135        <div class="w-full mr-2 mb-2">
2136    <div class="p-4  bg-black ">
2137        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
2138    </div>
2139  <ul>
2140          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2141        <div class="flex flex-row items-center justify-between">
2142    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
2143<p>
2144            <span class="sr-only">Good</span>
2145        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2146</div>
2147      </li>
2148          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2149        <div class="flex flex-row items-center justify-between">
2150    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
2151<p>
2152            <span class="sr-only">Good</span>
2153        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2154</div>
2155      </li>
2156      </ul>
2157</div>
2158        <div class="w-full mr-2 mb-2">
2159    <div class="p-4  bg-black ">
2160        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
2161    </div>
2162  <ul>
2163          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2164        <div class="flex flex-row items-center justify-between">
2165    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
2166<p>
2167            <span class="sr-only">Good</span>
2168        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2169</div>
2170      </li>
2171          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2172        <div class="flex flex-row items-center justify-between">
2173    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
2174<p>
2175            <span class="sr-only">Good</span>
2176        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2177</div>
2178      </li>
2179          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2180        <div class="flex flex-row items-center justify-between">
2181    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
2182<p>
2183            <span class="sr-only">Good</span>
2184        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2185</div>
2186      </li>
2187      </ul>
2188</div>
2189        <div class="w-full mb-2">
2190    <div class="p-4  bg-black ">
2191        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
2192    </div>
2193  <ul>
2194          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2195        <div class="flex flex-row items-center justify-between">
2196    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
2197<p>
2198            <span class="sr-only">Poor</span>
2199        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
2200</div>
2201      </li>
2202          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2203        <div class="flex flex-row items-center justify-between">
2204    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
2205<p>
2206            <span class="sr-only">Good</span>
2207        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2208</div>
2209      </li>
2210          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2211        <div class="flex flex-row items-center justify-between">
2212    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
2213<p>
2214            <span class="sr-only">Good</span>
2215        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2216</div>
2217      </li>
2218      </ul>
2219</div>
2220  </div>
2221
2222<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
2223  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2224  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2225  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2226</p>
2227
2228<script>
2229  if(! window.ratings) window.ratings = [];
2230  window.ratings[3] = (
2231    {
2232      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
2233    }
2234  );
2235</script>
2235
2236                                    <div class="mt-14 flex flex-col items-center">
2237                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/dame/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">DAME</span></a>
2238                                                                            </div>
2239                                </div>
2240                            </div>
2241                        </div>
2242
2243                        
2243<script>
2244                            if(!window.comparison) window.comparison = [];
2245                            window.comparison[3] = (
2246                                {
2247                                    'id' : 3,
2248                                    'company_name' : 'DAME',
2249                                    'ethical_company_index' : '98',
2250                                    'colour' : '',
2251                                    'ratings' : window.ratings[3]['ratings'] ?? false,
2252                                    'image' : false,
2253                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/dame/',
2254                                    'has_content' : true,
2255                                }
2256                            );
2257                        </script>
2257
2258
2259                    </div>
2260                
2261                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
2262                         data-id="4"
2263                         data-score="98"
2264                         data-search-match="FLO Organic">
2265
2266                        
2267                        <div class="flex-grow flex flex-col w-1">
2268
2269                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
2270
2271                                <div class="flex flex-row items-center w-1/3 md:w-auto">
2272                                    
2273                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
2274                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/flo-organic/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
2275                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
2276                                            </a>
2277                                                                            </div>
2278                                    
2279                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/flo-organic/" class="transition-opacity hover:opacity-80">FLO Organic</a></h3>
2280                                </div>
2281
2282                                
2283                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
2284                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
2285                                        <div class="rating__index text-xl lg:text-3xl font-medium">98</div>
2286                                    </div>
2287                                </div>
2288                                
2289                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
2290                                                                            <div class="h-10 flex flex-row justify-center items-center">
2291                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
2292                                        </div>
2293                                                                    </div>
2294                                
2295                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
2296                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
2297                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
2298                                </div>
2299                                
2300                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
2301                                    <button type="button" class="rating__toggle rating__toggle--4 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
2301ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="4">
2302                                        <span class="sr-only">Use setting</span>
2303                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
2304                                    </button>
2305                                </div>
2306                            </div>
2307
2308                            
2309                            <div class="rating__score overflow-hidden relative h-0">
2310                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
2311                                    
2312                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
2313  <div>
2314    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">FLO Organic Ethical Rating</h4>
2315    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Here We Flo Ltd</p>
2316  </div>
2317  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
2318    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2319    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2320    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2321  </p>
2322</div>
2323
2324<div class="md:flex">
2325      <div class="w-full mr-2 mb-2">
2326    <div class="p-4  bg-black ">
2327        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
2328    </div>
2329  <ul>
2330          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2331        <div class="flex flex-row items-center justify-between">
2332    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
2333<p>
2334            <span class="sr-only">Good</span>
2335        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2336</div>
2337      </li>
2338          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2339        <div class="flex flex-row items-center justify-between">
2340    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
2341<p>
2342            <span class="sr-only">Good</span>
2343        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2344</div>
2345      </li>
2346          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2347        <div class="flex flex-row items-center justify-between">
2348    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
2349<p>
2350            <span class="sr-only">Good</span>
2351        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2352</div>
2353      </li>
2354          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2355        <div class="flex flex-row items-center justify-between">
2356    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
2357<p>
2358            <span class="sr-only">Good</span>
2359        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2360</div>
2361      </li>
2362      </ul>
2363</div>
2364        <div class="w-full mr-2 mb-2">
2365    <div class="p-4  bg-black ">
2366        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
2367    </div>
2368  <ul>
2369          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2370        <div class="flex flex-row items-center justify-between">
2371    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
2372<p>
2373            <span class="sr-only">Good</span>
2374        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2375</div>
2376      </li>
2377          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2378        <div class="flex flex-row items-center justify-between">
2379    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
2380<p>
2381            <span class="sr-only">Good</span>
2382        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2383</div>
2384      </li>
2385      </ul>
2386</div>
2387        <div class="w-full mr-2 mb-2">
2388    <div class="p-4  bg-black ">
2389        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
2390    </div>
2391  <ul>
2392          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2393        <div class="flex flex-row items-center justify-between">
2394    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
2395<p>
2396            <span class="sr-only">Good</span>
2397        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2398</div>
2399      </li>
2400          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2401        <div class="flex flex-row items-center justify-between">
2402    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
2403<p>
2404            <span class="sr-only">Good</span>
2405        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2406</div>
2407      </li>
2408          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2409        <div class="flex flex-row items-center justify-between">
2410    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
2411<p>
2412            <span class="sr-only">Good</span>
2413        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2414</div>
2415      </li>
2416      </ul>
2417</div>
2418        <div class="w-full mb-2">
2419    <div class="p-4  bg-black ">
2420        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
2421    </div>
2422  <ul>
2423          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2424        <div class="flex flex-row items-center justify-between">
2425    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
2426<p>
2427            <span class="sr-only">Poor</span>
2428        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
2429</div>
2430      </li>
2431          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2432        <div class="flex flex-row items-center justify-between">
2433    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
2434<p>
2435            <span class="sr-only">Good</span>
2436        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2437</div>
2438      </li>
2439          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2440        <div class="flex flex-row items-center justify-between">
2441    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
2442<p>
2443            <span class="sr-only">Good</span>
2444        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2445</div>
2446      </li>
2447      </ul>
2448</div>
2449  </div>
2450
2451<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
2452  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2453  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2454  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2455</p>
2456
2457<script>
2458  if(! window.ratings) window.ratings = [];
2459  window.ratings[4] = (
2460    {
2461      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
2462    }
2463  );
2464</script>
2464
2465                                    <div class="mt-14 flex flex-col items-center">
2466                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/flo-organic/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">FLO Organic</span></a>
2467                                                                            </div>
2468                                </div>
2469                            </div>
2470                        </div>
2471
2472                        
2472<script>
2473                            if(!window.comparison) window.comparison = [];
2474                            window.comparison[4] = (
2475                                {
2476                                    'id' : 4,
2477                                    'company_name' : 'FLO Organic',
2478                                    'ethical_company_index' : '98',
2479                                    'colour' : '',
2480                                    'ratings' : window.ratings[4]['ratings'] ?? false,
2481                                    'image' : false,
2482                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/flo-organic/',
2483                                    'has_content' : true,
2484                                }
2485                            );
2486                        </script>
2486
2487
2488                    </div>
2489                
2490                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
2491                         data-id="5"
2492                         data-score="98"
2493                         data-search-match="Lunette">
2494
2495                        
2496                        <div class="flex-grow flex flex-col w-1">
2497
2498                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
2499
2500                                <div class="flex flex-row items-center w-1/3 md:w-auto">
2501                                    
2502                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
2503                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/lunette/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
2504                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
2505                                            </a>
2506                                                                            </div>
2507                                    
2508                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/lunette/" class="transition-opacity hover:opacity-80">Lunette</a></h3>
2509                                </div>
2510
2511                                
2512                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
2513                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
2514                                        <div class="rating__index text-xl lg:text-3xl font-medium">98</div>
2515                                    </div>
2516                                </div>
2517                                
2518                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
2519                                                                            <div class="h-10 flex flex-row justify-center items-center">
2520                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
2521                                        </div>
2522                                                                    </div>
2523                                
2524                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
2525                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
2526                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
2527                                </div>
2528                                
2529                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
2530                                    <button type="button" class="rating__toggle rating__toggle--5 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
2530ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="5">
2531                                        <span class="sr-only">Use setting</span>
2532                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
2533                                    </button>
2534                                </div>
2535                            </div>
2536
2537                            
2538                            <div class="rating__score overflow-hidden relative h-0">
2539                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
2540                                    
2541                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
2542  <div>
2543    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Lunette Ethical Rating</h4>
2544    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Lune Group Oy Ltd</p>
2545  </div>
2546  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
2547    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2548    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2549    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2550  </p>
2551</div>
2552
2553<div class="md:flex">
2554      <div class="w-full mr-2 mb-2">
2555    <div class="p-4  bg-black ">
2556        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
2557    </div>
2558  <ul>
2559          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2560        <div class="flex flex-row items-center justify-between">
2561    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
2562<p>
2563            <span class="sr-only">Good</span>
2564        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2565</div>
2566      </li>
2567          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2568        <div class="flex flex-row items-center justify-between">
2569    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
2570<p>
2571            <span class="sr-only">Good</span>
2572        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2573</div>
2574      </li>
2575          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2576        <div class="flex flex-row items-center justify-between">
2577    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
2578<p>
2579            <span class="sr-only">Good</span>
2580        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2581</div>
2582      </li>
2583          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2584        <div class="flex flex-row items-center justify-between">
2585    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
2586<p>
2587            <span class="sr-only">Good</span>
2588        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2589</div>
2590      </li>
2591      </ul>
2592</div>
2593        <div class="w-full mr-2 mb-2">
2594    <div class="p-4  bg-black ">
2595        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
2596    </div>
2597  <ul>
2598          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2599        <div class="flex flex-row items-center justify-between">
2600    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
2601<p>
2602            <span class="sr-only">Good</span>
2603        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2604</div>
2605      </li>
2606          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2607        <div class="flex flex-row items-center justify-between">
2608    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
2609<p>
2610            <span class="sr-only">Good</span>
2611        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2612</div>
2613      </li>
2614      </ul>
2615</div>
2616        <div class="w-full mr-2 mb-2">
2617    <div class="p-4  bg-black ">
2618        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
2619    </div>
2620  <ul>
2621          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2622        <div class="flex flex-row items-center justify-between">
2623    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
2624<p>
2625            <span class="sr-only">Good</span>
2626        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2627</div>
2628      </li>
2629          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2630        <div class="flex flex-row items-center justify-between">
2631    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
2632<p>
2633            <span class="sr-only">Good</span>
2634        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2635</div>
2636      </li>
2637          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2638        <div class="flex flex-row items-center justify-between">
2639    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
2640<p>
2641            <span class="sr-only">Good</span>
2642        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2643</div>
2644      </li>
2645      </ul>
2646</div>
2647        <div class="w-full mb-2">
2648    <div class="p-4  bg-black ">
2649        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
2650    </div>
2651  <ul>
2652          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2653        <div class="flex flex-row items-center justify-between">
2654    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
2655<p>
2656            <span class="sr-only">Poor</span>
2657        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
2658</div>
2659      </li>
2660          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2661        <div class="flex flex-row items-center justify-between">
2662    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
2663<p>
2664            <span class="sr-only">Good</span>
2665        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2666</div>
2667      </li>
2668          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2669        <div class="flex flex-row items-center justify-between">
2670    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
2671<p>
2672            <span class="sr-only">Good</span>
2673        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2674</div>
2675      </li>
2676      </ul>
2677</div>
2678  </div>
2679
2680<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
2681  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2682  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2683  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2684</p>
2685
2686<script>
2687  if(! window.ratings) window.ratings = [];
2688  window.ratings[5] = (
2689    {
2690      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
2691    }
2692  );
2693</script>
2693
2694                                    <div class="mt-14 flex flex-col items-center">
2695                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/lunette/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Lunette</span></a>
2696                                                                            </div>
2697                                </div>
2698                            </div>
2699                        </div>
2700
2701                        
2701<script>
2702                            if(!window.comparison) window.comparison = [];
2703                            window.comparison[5] = (
2704                                {
2705                                    'id' : 5,
2706                                    'company_name' : 'Lunette',
2707                                    'ethical_company_index' : '98',
2708                                    'colour' : '',
2709                                    'ratings' : window.ratings[5]['ratings'] ?? false,
2710                                    'image' : false,
2711                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/lunette/',
2712                                    'has_content' : true,
2713                                }
2714                            );
2715                        </script>
2715
2716
2717                    </div>
2718                
2719                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
2720                         data-id="6"
2721                         data-score="98"
2722                         data-search-match="Mooncup">
2723
2724                        
2725                        <div class="flex-grow flex flex-col w-1">
2726
2727                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
2728
2729                                <div class="flex flex-row items-center w-1/3 md:w-auto">
2730                                    
2731                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
2732                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/mooncup/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
2733                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
2734                                            </a>
2735                                                                            </div>
2736                                    
2737                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/mooncup/" class="transition-opacity hover:opacity-80">Mooncup</a></h3>
2738                                </div>
2739
2740                                
2741                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
2742                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
2743                                        <div class="rating__index text-xl lg:text-3xl font-medium">98</div>
2744                                    </div>
2745                                </div>
2746                                
2747                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
2748                                                                            <div class="h-10 flex flex-row justify-center items-center">
2749                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
2750                                        </div>
2751                                                                    </div>
2752                                
2753                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
2754                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
2755                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
2756                                </div>
2757                                
2758                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
2759                                    <button type="button" class="rating__toggle rating__toggle--6 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
2759ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="6">
2760                                        <span class="sr-only">Use setting</span>
2761                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
2762                                    </button>
2763                                </div>
2764                            </div>
2765
2766                            
2767                            <div class="rating__score overflow-hidden relative h-0">
2768                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
2769                                    
2770                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
2771  <div>
2772    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Mooncup Ethical Rating</h4>
2773    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: &amp;SISTERS Ltd</p>
2774  </div>
2775  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
2776    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2777    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2778    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2779  </p>
2780</div>
2781
2782<div class="md:flex">
2783      <div class="w-full mr-2 mb-2">
2784    <div class="p-4  bg-black ">
2785        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
2786    </div>
2787  <ul>
2788          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2789        <div class="flex flex-row items-center justify-between">
2790    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
2791<p>
2792            <span class="sr-only">Good</span>
2793        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2794</div>
2795      </li>
2796          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2797        <div class="flex flex-row items-center justify-between">
2798    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
2799<p>
2800            <span class="sr-only">Good</span>
2801        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2802</div>
2803      </li>
2804          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2805        <div class="flex flex-row items-center justify-between">
2806    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
2807<p>
2808            <span class="sr-only">Good</span>
2809        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2810</div>
2811      </li>
2812          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2813        <div class="flex flex-row items-center justify-between">
2814    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
2815<p>
2816            <span class="sr-only">Good</span>
2817        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2818</div>
2819      </li>
2820      </ul>
2821</div>
2822        <div class="w-full mr-2 mb-2">
2823    <div class="p-4  bg-black ">
2824        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
2825    </div>
2826  <ul>
2827          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2828        <div class="flex flex-row items-center justify-between">
2829    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
2830<p>
2831            <span class="sr-only">Good</span>
2832        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2833</div>
2834      </li>
2835          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2836        <div class="flex flex-row items-center justify-between">
2837    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
2838<p>
2839            <span class="sr-only">Good</span>
2840        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2841</div>
2842      </li>
2843      </ul>
2844</div>
2845        <div class="w-full mr-2 mb-2">
2846    <div class="p-4  bg-black ">
2847        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
2848    </div>
2849  <ul>
2850          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2851        <div class="flex flex-row items-center justify-between">
2852    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
2853<p>
2854            <span class="sr-only">Good</span>
2855        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2856</div>
2857      </li>
2858          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2859        <div class="flex flex-row items-center justify-between">
2860    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
2861<p>
2862            <span class="sr-only">Good</span>
2863        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2864</div>
2865      </li>
2866          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2867        <div class="flex flex-row items-center justify-between">
2868    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
2869<p>
2870            <span class="sr-only">Good</span>
2871        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2872</div>
2873      </li>
2874      </ul>
2875</div>
2876        <div class="w-full mb-2">
2877    <div class="p-4  bg-black ">
2878        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
2879    </div>
2880  <ul>
2881          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2882        <div class="flex flex-row items-center justify-between">
2883    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
2884<p>
2885            <span class="sr-only">Poor</span>
2886        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
2887</div>
2888      </li>
2889          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2890        <div class="flex flex-row items-center justify-between">
2891    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
2892<p>
2893            <span class="sr-only">Good</span>
2894        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2895</div>
2896      </li>
2897          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
2898        <div class="flex flex-row items-center justify-between">
2899    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
2900<p>
2901            <span class="sr-only">Good</span>
2902        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
2903</div>
2904      </li>
2905      </ul>
2906</div>
2907  </div>
2908
2909<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
2910  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
2911  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
2912  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
2913</p>
2914
2915<script>
2916  if(! window.ratings) window.ratings = [];
2917  window.ratings[6] = (
2918    {
2919      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
2920    }
2921  );
2922</script>
2922
2923                                    <div class="mt-14 flex flex-col items-center">
2924                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/mooncup/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Mooncup</span></a>
2925                                                                            </div>
2926                                </div>
2927                            </div>
2928                        </div>
2929
2930                        
2930<script>
2931                            if(!window.comparison) window.comparison = [];
2932                            window.comparison[6] = (
2933                                {
2934                                    'id' : 6,
2935                                    'company_name' : 'Mooncup',
2936                                    'ethical_company_index' : '98',
2937                                    'colour' : '',
2938                                    'ratings' : window.ratings[6]['ratings'] ?? false,
2939                                    'image' : false,
2940                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/mooncup/',
2941                                    'has_content' : true,
2942                                }
2943                            );
2944                        </script>
2944
2945
2946                    </div>
2947                
2948                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
2949                         data-id="7"
2950                         data-score="98"
2951                         data-search-match="Naty">
2952
2953                        
2954                        <div class="flex-grow flex flex-col w-1">
2955
2956                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
2957
2958                                <div class="flex flex-row items-center w-1/3 md:w-auto">
2959                                    
2960                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
2961                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/naty-feminine-care/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
2962                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
2963                                            </a>
2964                                                                            </div>
2965                                    
2966                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/naty-feminine-care/" class="transition-opacity hover:opacity-80">Naty</a></h3>
2967                                </div>
2968
2969                                
2970                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
2971                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
2972                                        <div class="rating__index text-xl lg:text-3xl font-medium">98</div>
2973                                    </div>
2974                                </div>
2975                                
2976                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
2977                                                                            <div class="h-10 flex flex-row justify-center items-center">
2978                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
2979                                        </div>
2980                                                                    </div>
2981                                
2982                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
2983                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
2984                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
2985                                </div>
2986                                
2987                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
2988                                    <button type="button" class="rating__toggle rating__toggle--7 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
2988ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="7">
2989                                        <span class="sr-only">Use setting</span>
2990                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
2991                                    </button>
2992                                </div>
2993                            </div>
2994
2995                            
2996                            <div class="rating__score overflow-hidden relative h-0">
2997                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
2998                                    
2999                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
3000  <div>
3001    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Naty Ethical Rating</h4>
3002    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Naty AB/Humble Group AB</p>
3003  </div>
3004  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
3005    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3006    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3007    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3008  </p>
3009</div>
3010
3011<div class="md:flex">
3012      <div class="w-full mr-2 mb-2">
3013    <div class="p-4  bg-black ">
3014        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
3015    </div>
3016  <ul>
3017          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3018        <div class="flex flex-row items-center justify-between">
3019    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
3020<p>
3021            <span class="sr-only">Good</span>
3022        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3023</div>
3024      </li>
3025          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3026        <div class="flex flex-row items-center justify-between">
3027    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
3028<p>
3029            <span class="sr-only">Good</span>
3030        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3031</div>
3032      </li>
3033          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3034        <div class="flex flex-row items-center justify-between">
3035    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
3036<p>
3037            <span class="sr-only">Good</span>
3038        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3039</div>
3040      </li>
3041          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3042        <div class="flex flex-row items-center justify-between">
3043    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
3044<p>
3045            <span class="sr-only">Good</span>
3046        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3047</div>
3048      </li>
3049      </ul>
3050</div>
3051        <div class="w-full mr-2 mb-2">
3052    <div class="p-4  bg-black ">
3053        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
3054    </div>
3055  <ul>
3056          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3057        <div class="flex flex-row items-center justify-between">
3058    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
3059<p>
3060            <span class="sr-only">Good</span>
3061        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3062</div>
3063      </li>
3064          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3065        <div class="flex flex-row items-center justify-between">
3066    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
3067<p>
3068            <span class="sr-only">Good</span>
3069        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3070</div>
3071      </li>
3072      </ul>
3073</div>
3074        <div class="w-full mr-2 mb-2">
3075    <div class="p-4  bg-black ">
3076        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
3077    </div>
3078  <ul>
3079          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3080        <div class="flex flex-row items-center justify-between">
3081    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
3082<p>
3083            <span class="sr-only">Good</span>
3084        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3085</div>
3086      </li>
3087          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3088        <div class="flex flex-row items-center justify-between">
3089    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
3090<p>
3091            <span class="sr-only">Good</span>
3092        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3093</div>
3094      </li>
3095          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3096        <div class="flex flex-row items-center justify-between">
3097    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
3098<p>
3099            <span class="sr-only">Good</span>
3100        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3101</div>
3102      </li>
3103      </ul>
3104</div>
3105        <div class="w-full mb-2">
3106    <div class="p-4  bg-black ">
3107        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
3108    </div>
3109  <ul>
3110          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3111        <div class="flex flex-row items-center justify-between">
3112    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
3113<p>
3114            <span class="sr-only">Poor</span>
3115        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
3116</div>
3117      </li>
3118          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3119        <div class="flex flex-row items-center justify-between">
3120    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
3121<p>
3122            <span class="sr-only">Good</span>
3123        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3124</div>
3125      </li>
3126          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3127        <div class="flex flex-row items-center justify-between">
3128    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
3129<p>
3130            <span class="sr-only">Good</span>
3131        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3132</div>
3133      </li>
3134      </ul>
3135</div>
3136  </div>
3137
3138<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
3139  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3140  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3141  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3142</p>
3143
3144<script>
3145  if(! window.ratings) window.ratings = [];
3146  window.ratings[7] = (
3147    {
3148      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
3149    }
3150  );
3151</script>
3151
3152                                    <div class="mt-14 flex flex-col items-center">
3153                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/naty-feminine-care/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Naty</span></a>
3154                                                                            </div>
3155                                </div>
3156                            </div>
3157                        </div>
3158
3159                        
3159<script>
3160                            if(!window.comparison) window.comparison = [];
3161                            window.comparison[7] = (
3162                                {
3163                                    'id' : 7,
3164                                    'company_name' : 'Naty',
3165                                    'ethical_company_index' : '98',
3166                                    'colour' : '',
3167                                    'ratings' : window.ratings[7]['ratings'] ?? false,
3168                                    'image' : false,
3169                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/naty-feminine-care/',
3170                                    'has_content' : true,
3171                                }
3172                            );
3173                        </script>
3173
3174
3175                    </div>
3176                
3177                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
3178                         data-id="8"
3179                         data-score="98"
3180                         data-search-match="Selenacare">
3181
3182                        
3183                        <div class="flex-grow flex flex-col w-1">
3184
3185                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
3186
3187                                <div class="flex flex-row items-center w-1/3 md:w-auto">
3188                                    
3189                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
3190                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/selenacare/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
3191                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
3192                                            </a>
3193                                                                            </div>
3194                                    
3195                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/selenacare/" class="transition-opacity hover:opacity-80">Selenacare</a></h3>
3196                                </div>
3197
3198                                
3199                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
3200                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
3201                                        <div class="rating__index text-xl lg:text-3xl font-medium">98</div>
3202                                    </div>
3203                                </div>
3204                                
3205                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
3206                                                                            <div class="h-10 flex flex-row justify-center items-center">
3207                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
3208                                        </div>
3209                                                                    </div>
3210                                
3211                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
3212                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
3213                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
3214                                </div>
3215                                
3216                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
3217                                    <button type="button" class="rating__toggle rating__toggle--8 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
3217ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="8">
3218                                        <span class="sr-only">Use setting</span>
3219                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
3220                                    </button>
3221                                </div>
3222                            </div>
3223
3224                            
3225                            <div class="rating__score overflow-hidden relative h-0">
3226                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
3227                                    
3228                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
3229  <div>
3230    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Selenacare Ethical Rating</h4>
3231    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: New Systems Handels GmbH</p>
3232  </div>
3233  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
3234    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3235    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3236    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3237  </p>
3238</div>
3239
3240<div class="md:flex">
3241      <div class="w-full mr-2 mb-2">
3242    <div class="p-4  bg-black ">
3243        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
3244    </div>
3245  <ul>
3246          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3247        <div class="flex flex-row items-center justify-between">
3248    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
3249<p>
3250            <span class="sr-only">Good</span>
3251        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3252</div>
3253      </li>
3254          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3255        <div class="flex flex-row items-center justify-between">
3256    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
3257<p>
3258            <span>N/A</span>
3259    </p>
3260</div>
3261      </li>
3262          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3263        <div class="flex flex-row items-center justify-between">
3264    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
3265<p>
3266            <span class="sr-only">Good</span>
3267        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3268</div>
3269      </li>
3270          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3271        <div class="flex flex-row items-center justify-between">
3272    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
3273<p>
3274            <span class="sr-only">Good</span>
3275        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3276</div>
3277      </li>
3278      </ul>
3279</div>
3280        <div class="w-full mr-2 mb-2">
3281    <div class="p-4  bg-black ">
3282        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
3283    </div>
3284  <ul>
3285          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3286        <div class="flex flex-row items-center justify-between">
3287    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
3288<p>
3289            <span class="sr-only">Good</span>
3290        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3291</div>
3292      </li>
3293          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3294        <div class="flex flex-row items-center justify-between">
3295    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
3296<p>
3297            <span class="sr-only">Good</span>
3298        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3299</div>
3300      </li>
3301      </ul>
3302</div>
3303        <div class="w-full mr-2 mb-2">
3304    <div class="p-4  bg-black ">
3305        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
3306    </div>
3307  <ul>
3308          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3309        <div class="flex flex-row items-center justify-between">
3310    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
3311<p>
3312            <span class="sr-only">Good</span>
3313        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3314</div>
3315      </li>
3316          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3317        <div class="flex flex-row items-center justify-between">
3318    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
3319<p>
3320            <span class="sr-only">Good</span>
3321        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3322</div>
3323      </li>
3324          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3325        <div class="flex flex-row items-center justify-between">
3326    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
3327<p>
3328            <span class="sr-only">Good</span>
3329        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3330</div>
3331      </li>
3332      </ul>
3333</div>
3334        <div class="w-full mb-2">
3335    <div class="p-4  bg-black ">
3336        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
3337    </div>
3338  <ul>
3339          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3340        <div class="flex flex-row items-center justify-between">
3341    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
3342<p>
3343            <span class="sr-only">Poor</span>
3344        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
3345</div>
3346      </li>
3347          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3348        <div class="flex flex-row items-center justify-between">
3349    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
3350<p>
3351            <span class="sr-only">Good</span>
3352        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3353</div>
3354      </li>
3355          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3356        <div class="flex flex-row items-center justify-between">
3357    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
3358<p>
3359            <span class="sr-only">Good</span>
3360        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3361</div>
3362      </li>
3363      </ul>
3364</div>
3365  </div>
3366
3367<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
3368  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3369  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3370  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3371</p>
3372
3373<script>
3374  if(! window.ratings) window.ratings = [];
3375  window.ratings[8] = (
3376    {
3377      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.199999999999999"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
3378    }
3379  );
3380</script>
3380
3381                                    <div class="mt-14 flex flex-col items-center">
3382                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/selenacare/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Selenacare</span></a>
3383                                                                            </div>
3384                                </div>
3385                            </div>
3386                        </div>
3387
3388                        
3388<script>
3389                            if(!window.comparison) window.comparison = [];
3390                            window.comparison[8] = (
3391                                {
3392                                    'id' : 8,
3393                                    'company_name' : 'Selenacare',
3394                                    'ethical_company_index' : '98',
3395                                    'colour' : '',
3396                                    'ratings' : window.ratings[8]['ratings'] ?? false,
3397                                    'image' : false,
3398                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/selenacare/',
3399                                    'has_content' : true,
3400                                }
3401                            );
3402                        </script>
3402
3403
3404                    </div>
3405                
3406                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
3407                         data-id="9"
3408                         data-score="96"
3409                         data-search-match="YES">
3410
3411                        
3412                        <div class="flex-grow flex flex-col w-1">
3413
3414                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
3415
3416                                <div class="flex flex-row items-center w-1/3 md:w-auto">
3417                                    
3418                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
3419                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/yes/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
3420                                                <img width="150" height="82" src="https://thegoodshoppingguide.com/app/uploads/2023/03/YES-purple.png" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2023/03/YES-purple.png 2008w, https://thegoodshoppingguide.com/app/uploads/2023/03/YES-purple-300x164.png 300w, https://thegoodshoppingguide.com/app/uploads/2023/03/YES-purple-1024x561.png 1024w, https://thegoodshoppingguide.com/app/uploads/2023/03/YES-purple-768x421.png 768w, https://thegoodshoppingguide.com/app/uploads/2023/03/YES-purple-1536x842.png 1536w" sizes="(max-width: 150px) 100vw, 150px" />
3421                                            </a>
3422                                                                            </div>
3423                                    
3424                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/yes/" class="transition-opacity hover:opacity-80">YES</a></h3>
3425                                </div>
3426
3427                                
3428                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
3429                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
3430                                        <div class="rating__index text-xl lg:text-3xl font-medium">96</div>
3431                                    </div>
3432                                </div>
3433                                
3434                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
3435                                                                            <div class="brand--accreditation h-9 md:h-16 lg:h-20">
3436                                            <img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="attachment-medium size-medium" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />                                        </div>
3437                                                                    </div>
3438                                
3439                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
3440                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
3441                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
3442                                </div>
3443                                
3444                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
3445                                    <button type="button" class="rating__toggle rating__toggle--9 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
3445ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="9">
3446                                        <span class="sr-only">Use setting</span>
3447                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
3448                                    </button>
3449                                </div>
3450                            </div>
3451
3452                            
3453                            <div class="rating__score overflow-hidden relative h-0">
3454                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
3455                                    
3456                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
3457  <div>
3458    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">YES Ethical Rating</h4>
3459    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: The Yes Yes Company Ltd</p>
3460  </div>
3461  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
3462    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3463    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3464    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3465  </p>
3466</div>
3467
3468<div class="md:flex">
3469      <div class="w-full mr-2 mb-2">
3470    <div class="p-4  bg-black ">
3471        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
3472    </div>
3473  <ul>
3474          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3475        <div class="flex flex-row items-center justify-between">
3476    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
3477<p>
3478            <span class="sr-only">Good</span>
3479        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3480</div>
3481      </li>
3482          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3483        <div class="flex flex-row items-center justify-between">
3484    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
3485<p>
3486            <span class="sr-only">Good</span>
3487        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3488</div>
3489      </li>
3490          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3491        <div class="flex flex-row items-center justify-between">
3492    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
3493<p>
3494            <span class="sr-only">Good</span>
3495        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3496</div>
3497      </li>
3498          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3499        <div class="flex flex-row items-center justify-between">
3500    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
3501<p>
3502            <span class="sr-only">Good</span>
3503        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3504</div>
3505      </li>
3506      </ul>
3507</div>
3508        <div class="w-full mr-2 mb-2">
3509    <div class="p-4  bg-black ">
3510        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
3511    </div>
3512  <ul>
3513          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3514        <div class="flex flex-row items-center justify-between">
3515    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
3516<p>
3517            <span class="sr-only">Acceptable</span>
3518        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
3519</div>
3520      </li>
3521          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3522        <div class="flex flex-row items-center justify-between">
3523    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
3524<p>
3525            <span class="sr-only">Good</span>
3526        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3527</div>
3528      </li>
3529      </ul>
3530</div>
3531        <div class="w-full mr-2 mb-2">
3532    <div class="p-4  bg-black ">
3533        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
3534    </div>
3535  <ul>
3536          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3537        <div class="flex flex-row items-center justify-between">
3538    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
3539<p>
3540            <span class="sr-only">Good</span>
3541        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3542</div>
3543      </li>
3544          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3545        <div class="flex flex-row items-center justify-between">
3546    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
3547<p>
3548            <span class="sr-only">Good</span>
3549        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3550</div>
3551      </li>
3552          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3553        <div class="flex flex-row items-center justify-between">
3554    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
3555<p>
3556            <span class="sr-only">Good</span>
3557        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3558</div>
3559      </li>
3560      </ul>
3561</div>
3562        <div class="w-full mb-2">
3563    <div class="p-4  bg-black ">
3564        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
3565    </div>
3566  <ul>
3567          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3568        <div class="flex flex-row items-center justify-between">
3569    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
3570<p>
3571            <span class="sr-only">Good</span>
3572        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3573</div>
3574      </li>
3575          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3576        <div class="flex flex-row items-center justify-between">
3577    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
3578<p>
3579            <span class="sr-only">Good</span>
3580        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3581</div>
3582      </li>
3583          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3584        <div class="flex flex-row items-center justify-between">
3585    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
3586<p>
3587            <span class="sr-only">Good</span>
3588        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3589</div>
3590      </li>
3591      </ul>
3592</div>
3593  </div>
3594
3595<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
3596  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3597  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3598  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3599</p>
3600
3601<script>
3602  if(! window.ratings) window.ratings = [];
3603  window.ratings[9] = (
3604    {
3605      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"5"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"10.1"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
3606    }
3607  );
3608</script>
3608
3609                                    <div class="mt-14 flex flex-col items-center">
3610                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/yes/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">YES</span></a>
3611                                                                            </div>
3612                                </div>
3613                            </div>
3614                        </div>
3615
3616                        
3616<script>
3617                            if(!window.comparison) window.comparison = [];
3618                            window.comparison[9] = (
3619                                {
3620                                    'id' : 9,
3621                                    'company_name' : 'YES',
3622                                    'ethical_company_index' : '96',
3623                                    'colour' : '',
3624                                    'ratings' : window.ratings[9]['ratings'] ?? false,
3625                                    'image' : '<img width="192" height="192" src="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg" class="block h-20 w-auto" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo.jpg 192w, https://thegoodshoppingguide.com/app/uploads/2025/02/ethicalBusinessLogo-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" />',
3626                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/yes/',
3627                                    'has_content' : true,
3628                                }
3629                            );
3630                        </script>
3630
3631
3632                    </div>
3633                
3634                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
3635                         data-id="10"
3636                         data-score="92"
3637                         data-search-match="Kind Organic">
3638
3639                        
3640                        <div class="flex-grow flex flex-col w-1">
3641
3642                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
3643
3644                                <div class="flex flex-row items-center w-1/3 md:w-auto">
3645                                    
3646                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
3647                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/kind-organic/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
3648                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
3649                                            </a>
3650                                                                            </div>
3651                                    
3652                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/kind-organic/" class="transition-opacity hover:opacity-80">Kind Organic</a></h3>
3653                                </div>
3654
3655                                
3656                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
3657                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
3658                                        <div class="rating__index text-xl lg:text-3xl font-medium">92</div>
3659                                    </div>
3660                                </div>
3661                                
3662                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
3663                                                                            <div class="h-10 flex flex-row justify-center items-center">
3664                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
3665                                        </div>
3666                                                                    </div>
3667                                
3668                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
3669                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
3670                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
3671                                </div>
3672                                
3673                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
3674                                    <button type="button" class="rating__toggle rating__toggle--10 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
3674ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="10">
3675                                        <span class="sr-only">Use setting</span>
3676                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
3677                                    </button>
3678                                </div>
3679                            </div>
3680
3681                            
3682                            <div class="rating__score overflow-hidden relative h-0">
3683                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
3684                                    
3685                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
3686  <div>
3687    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Kind Organic Ethical Rating</h4>
3688    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Kale &amp; Bee Ltd</p>
3689  </div>
3690  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
3691    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3692    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3693    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3694  </p>
3695</div>
3696
3697<div class="md:flex">
3698      <div class="w-full mr-2 mb-2">
3699    <div class="p-4  bg-black ">
3700        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
3701    </div>
3702  <ul>
3703          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3704        <div class="flex flex-row items-center justify-between">
3705    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
3706<p>
3707            <span class="sr-only">Good</span>
3708        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3709</div>
3710      </li>
3711          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3712        <div class="flex flex-row items-center justify-between">
3713    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
3714<p>
3715            <span class="sr-only">Good</span>
3716        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3717</div>
3718      </li>
3719          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3720        <div class="flex flex-row items-center justify-between">
3721    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
3722<p>
3723            <span class="sr-only">Good</span>
3724        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3725</div>
3726      </li>
3727          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3728        <div class="flex flex-row items-center justify-between">
3729    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
3730<p>
3731            <span class="sr-only">Good</span>
3732        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3733</div>
3734      </li>
3735      </ul>
3736</div>
3737        <div class="w-full mr-2 mb-2">
3738    <div class="p-4  bg-black ">
3739        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
3740    </div>
3741  <ul>
3742          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3743        <div class="flex flex-row items-center justify-between">
3744    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
3745<p>
3746            <span class="sr-only">Good</span>
3747        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3748</div>
3749      </li>
3750          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3751        <div class="flex flex-row items-center justify-between">
3752    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
3753<p>
3754            <span class="sr-only">Good</span>
3755        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3756</div>
3757      </li>
3758      </ul>
3759</div>
3760        <div class="w-full mr-2 mb-2">
3761    <div class="p-4  bg-black ">
3762        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
3763    </div>
3764  <ul>
3765          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3766        <div class="flex flex-row items-center justify-between">
3767    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
3768<p>
3769            <span class="sr-only">Good</span>
3770        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3771</div>
3772      </li>
3773          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3774        <div class="flex flex-row items-center justify-between">
3775    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
3776<p>
3777            <span class="sr-only">Good</span>
3778        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3779</div>
3780      </li>
3781          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3782        <div class="flex flex-row items-center justify-between">
3783    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
3784<p>
3785            <span class="sr-only">Good</span>
3786        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3787</div>
3788      </li>
3789      </ul>
3790</div>
3791        <div class="w-full mb-2">
3792    <div class="p-4  bg-black ">
3793        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
3794    </div>
3795  <ul>
3796          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3797        <div class="flex flex-row items-center justify-between">
3798    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
3799<p>
3800            <span class="sr-only">Poor</span>
3801        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
3802</div>
3803      </li>
3804          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3805        <div class="flex flex-row items-center justify-between">
3806    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
3807<p>
3808            <span class="sr-only">Good</span>
3809        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3810</div>
3811      </li>
3812      </ul>
3813</div>
3814  </div>
3815
3816<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
3817  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3818  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3819  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3820</p>
3821
3822<script>
3823  if(! window.ratings) window.ratings = [];
3824  window.ratings[10] = (
3825    {
3826      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
3827    }
3828  );
3829</script>
3829
3830                                    <div class="mt-14 flex flex-col items-center">
3831                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/kind-organic/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Kind Organic</span></a>
3832                                                                            </div>
3833                                </div>
3834                            </div>
3835                        </div>
3836
3837                        
3837<script>
3838                            if(!window.comparison) window.comparison = [];
3839                            window.comparison[10] = (
3840                                {
3841                                    'id' : 10,
3842                                    'company_name' : 'Kind Organic',
3843                                    'ethical_company_index' : '92',
3844                                    'colour' : '',
3845                                    'ratings' : window.ratings[10]['ratings'] ?? false,
3846                                    'image' : false,
3847                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/kind-organic/',
3848                                    'has_content' : true,
3849                                }
3850                            );
3851                        </script>
3851
3852
3853                    </div>
3854                
3855                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
3856                         data-id="11"
3857                         data-score="90"
3858                         data-search-match="Grace &amp; Green">
3859
3860                        
3861                        <div class="flex-grow flex flex-col w-1">
3862
3863                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
3864
3865                                <div class="flex flex-row items-center w-1/3 md:w-auto">
3866                                    
3867                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
3868                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/grace-green/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
3869                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
3870                                            </a>
3871                                                                            </div>
3872                                    
3873                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/grace-green/" class="transition-opacity hover:opacity-80">Grace &#038; Green</a></h3>
3874                                </div>
3875
3876                                
3877                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
3878                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
3879                                        <div class="rating__index text-xl lg:text-3xl font-medium">90</div>
3880                                    </div>
3881                                </div>
3882                                
3883                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
3884                                                                            <div class="h-10 flex flex-row justify-center items-center">
3885                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
3886                                        </div>
3887                                                                    </div>
3888                                
3889                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
3890                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
3891                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
3892                                </div>
3893                                
3894                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
3895                                    <button type="button" class="rating__toggle rating__toggle--11 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
3895ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="11">
3896                                        <span class="sr-only">Use setting</span>
3897                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
3898                                    </button>
3899                                </div>
3900                            </div>
3901
3902                            
3903                            <div class="rating__score overflow-hidden relative h-0">
3904                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
3905                                    
3906                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
3907  <div>
3908    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Grace &amp; Green Ethical Rating</h4>
3909    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Eco Hygiene Care Ltd</p>
3910  </div>
3911  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
3912    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
3913    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
3914    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
3915  </p>
3916</div>
3917
3918<div class="md:flex">
3919      <div class="w-full mr-2 mb-2">
3920    <div class="p-4  bg-black ">
3921        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
3922    </div>
3923  <ul>
3924          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3925        <div class="flex flex-row items-center justify-between">
3926    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
3927<p>
3928            <span class="sr-only">Good</span>
3929        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3930</div>
3931      </li>
3932          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3933        <div class="flex flex-row items-center justify-between">
3934    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
3935<p>
3936            <span class="sr-only">Good</span>
3937        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3938</div>
3939      </li>
3940          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3941        <div class="flex flex-row items-center justify-between">
3942    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
3943<p>
3944            <span class="sr-only">Good</span>
3945        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3946</div>
3947      </li>
3948          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3949        <div class="flex flex-row items-center justify-between">
3950    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
3951<p>
3952            <span class="sr-only">Good</span>
3953        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3954</div>
3955      </li>
3956      </ul>
3957</div>
3958        <div class="w-full mr-2 mb-2">
3959    <div class="p-4  bg-black ">
3960        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
3961    </div>
3962  <ul>
3963          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3964        <div class="flex flex-row items-center justify-between">
3965    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
3966<p>
3967            <span class="sr-only">Good</span>
3968        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3969</div>
3970      </li>
3971          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3972        <div class="flex flex-row items-center justify-between">
3973    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
3974<p>
3975            <span class="sr-only">Poor</span>
3976        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
3977</div>
3978      </li>
3979      </ul>
3980</div>
3981        <div class="w-full mr-2 mb-2">
3982    <div class="p-4  bg-black ">
3983        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
3984    </div>
3985  <ul>
3986          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3987        <div class="flex flex-row items-center justify-between">
3988    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
3989<p>
3990            <span class="sr-only">Good</span>
3991        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
3992</div>
3993      </li>
3994          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
3995        <div class="flex flex-row items-center justify-between">
3996    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
3997<p>
3998            <span class="sr-only">Good</span>
3999        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4000</div>
4001      </li>
4002          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4003        <div class="flex flex-row items-center justify-between">
4004    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
4005<p>
4006            <span class="sr-only">Good</span>
4007        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4008</div>
4009      </li>
4010      </ul>
4011</div>
4012        <div class="w-full mb-2">
4013    <div class="p-4  bg-black ">
4014        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
4015    </div>
4016  <ul>
4017          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4018        <div class="flex flex-row items-center justify-between">
4019    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
4020<p>
4021            <span class="sr-only">Poor</span>
4022        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4023</div>
4024      </li>
4025          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4026        <div class="flex flex-row items-center justify-between">
4027    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
4028<p>
4029            <span class="sr-only">Good</span>
4030        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4031</div>
4032      </li>
4033          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4034        <div class="flex flex-row items-center justify-between">
4035    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
4036<p>
4037            <span class="sr-only">Good</span>
4038        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4039</div>
4040      </li>
4041      </ul>
4042</div>
4043  </div>
4044
4045<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
4046  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4047  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4048  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4049</p>
4050
4051<script>
4052  if(! window.ratings) window.ratings = [];
4053  window.ratings[11] = (
4054    {
4055      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
4056    }
4057  );
4058</script>
4058
4059                                    <div class="mt-14 flex flex-col items-center">
4060                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/grace-green/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Grace &amp;#038; Green</span></a>
4061                                                                            </div>
4062                                </div>
4063                            </div>
4064                        </div>
4065
4066                        
4066<script>
4067                            if(!window.comparison) window.comparison = [];
4068                            window.comparison[11] = (
4069                                {
4070                                    'id' : 11,
4071                                    'company_name' : 'Grace &#038; Green',
4072                                    'ethical_company_index' : '90',
4073                                    'colour' : '',
4074                                    'ratings' : window.ratings[11]['ratings'] ?? false,
4075                                    'image' : false,
4076                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/grace-green/',
4077                                    'has_content' : true,
4078                                }
4079                            );
4080                        </script>
4080
4081
4082                    </div>
4083                
4084                    <div class="rating__row flex border-b border-black  bg-brand_row-good  flex-row items-center"
4085                         data-id="12"
4086                         data-score="83"
4087                         data-search-match="Yoni">
4088
4089                        
4090                        <div class="flex-grow flex flex-col w-1">
4091
4092                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
4093
4094                                <div class="flex flex-row items-center w-1/3 md:w-auto">
4095                                    
4096                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
4097                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/yoni/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
4098                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg" class="brand-image wp-post-image" alt="Good shopping guide ethical accreditation tick" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-scaled.jpeg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-300x225.jpeg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1024x768.jpeg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-768x576.jpeg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-1536x1151.jpeg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/090619FC-C2AA-4306-A7F8-18EE59857FFF-2048x1535.jpeg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
4099                                            </a>
4100                                                                            </div>
4101                                    
4102                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/yoni/" class="transition-opacity hover:opacity-80">Yoni</a></h3>
4103                                </div>
4104
4105                                
4106                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
4107                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
4108                                        <div class="rating__index text-xl lg:text-3xl font-medium">83</div>
4109                                    </div>
4110                                </div>
4111                                
4112                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
4113                                                                            <div class="h-10 flex flex-row justify-center items-center">
4114                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
4115                                        </div>
4116                                                                    </div>
4117                                
4118                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
4119                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
4120                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
4121                                </div>
4122                                
4123                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
4124                                    <button type="button" class="rating__toggle rating__toggle--12 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
4124ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="12">
4125                                        <span class="sr-only">Use setting</span>
4126                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
4127                                    </button>
4128                                </div>
4129                            </div>
4130
4131                            
4132                            <div class="rating__score overflow-hidden relative h-0">
4133                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
4134                                    
4135                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
4136  <div>
4137    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Yoni Ethical Rating</h4>
4138    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: FIP Commerce B.V.</p>
4139  </div>
4140  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
4141    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4142    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4143    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4144  </p>
4145</div>
4146
4147<div class="md:flex">
4148      <div class="w-full mr-2 mb-2">
4149    <div class="p-4  bg-black ">
4150        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
4151    </div>
4152  <ul>
4153          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4154        <div class="flex flex-row items-center justify-between">
4155    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
4156<p>
4157            <span class="sr-only">Good</span>
4158        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4159</div>
4160      </li>
4161          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4162        <div class="flex flex-row items-center justify-between">
4163    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
4164<p>
4165            <span class="sr-only">Good</span>
4166        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4167</div>
4168      </li>
4169          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4170        <div class="flex flex-row items-center justify-between">
4171    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
4172<p>
4173            <span class="sr-only">Good</span>
4174        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4175</div>
4176      </li>
4177          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4178        <div class="flex flex-row items-center justify-between">
4179    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
4180<p>
4181            <span class="sr-only">Good</span>
4182        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4183</div>
4184      </li>
4185      </ul>
4186</div>
4187        <div class="w-full mr-2 mb-2">
4188    <div class="p-4  bg-black ">
4189        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
4190    </div>
4191  <ul>
4192          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4193        <div class="flex flex-row items-center justify-between">
4194    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
4195<p>
4196            <span class="sr-only">Good</span>
4197        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4198</div>
4199      </li>
4200          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4201        <div class="flex flex-row items-center justify-between">
4202    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
4203<p>
4204            <span class="sr-only">Poor</span>
4205        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4206</div>
4207      </li>
4208      </ul>
4209</div>
4210        <div class="w-full mr-2 mb-2">
4211    <div class="p-4  bg-black ">
4212        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
4213    </div>
4214  <ul>
4215          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4216        <div class="flex flex-row items-center justify-between">
4217    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
4218<p>
4219            <span class="sr-only">Good</span>
4220        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4221</div>
4222      </li>
4223          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4224        <div class="flex flex-row items-center justify-between">
4225    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
4226<p>
4227            <span class="sr-only">Good</span>
4228        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4229</div>
4230      </li>
4231          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4232        <div class="flex flex-row items-center justify-between">
4233    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
4234<p>
4235            <span class="sr-only">Good</span>
4236        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4237</div>
4238      </li>
4239      </ul>
4240</div>
4241        <div class="w-full mb-2">
4242    <div class="p-4  bg-black ">
4243        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
4244    </div>
4245  <ul>
4246          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4247        <div class="flex flex-row items-center justify-between">
4248    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
4249<p>
4250            <span class="sr-only">Poor</span>
4251        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4252</div>
4253      </li>
4254          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4255        <div class="flex flex-row items-center justify-between">
4256    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
4257<p>
4258            <span class="sr-only">Good</span>
4259        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4260</div>
4261      </li>
4262      </ul>
4263</div>
4264  </div>
4265
4266<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
4267  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4268  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4269  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4270</p>
4271
4272<script>
4273  if(! window.ratings) window.ratings = [];
4274  window.ratings[12] = (
4275    {
4276      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
4277    }
4278  );
4279</script>
4279
4280                                    <div class="mt-14 flex flex-col items-center">
4281                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/yoni/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Yoni</span></a>
4282                                                                            </div>
4283                                </div>
4284                            </div>
4285                        </div>
4286
4287                        
4287<script>
4288                            if(!window.comparison) window.comparison = [];
4289                            window.comparison[12] = (
4290                                {
4291                                    'id' : 12,
4292                                    'company_name' : 'Yoni',
4293                                    'ethical_company_index' : '83',
4294                                    'colour' : '',
4295                                    'ratings' : window.ratings[12]['ratings'] ?? false,
4296                                    'image' : false,
4297                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/yoni/',
4298                                    'has_content' : true,
4299                                }
4300                            );
4301                        </script>
4301
4302
4303                    </div>
4304                
4305                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
4306                         data-id="13"
4307                         data-score="79"
4308                         data-search-match="Organyc">
4309
4310                        
4311                        <div class="flex-grow flex flex-col w-1">
4312
4313                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
4314
4315                                <div class="flex flex-row items-center w-1/3 md:w-auto">
4316                                    
4317                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
4318                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/organyc/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
4319                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
4320                                            </a>
4321                                                                            </div>
4322                                    
4323                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/organyc/" class="transition-opacity hover:opacity-80">Organyc</a></h3>
4324                                </div>
4325
4326                                
4327                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
4328                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
4329                                        <div class="rating__index text-xl lg:text-3xl font-medium">79</div>
4330                                    </div>
4331                                </div>
4332                                
4333                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
4334                                                                            <div class="h-10 flex flex-row justify-center items-center">
4335                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
4336                                        </div>
4337                                                                    </div>
4338                                
4339                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
4340                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
4341                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
4342                                </div>
4343                                
4344                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
4345                                    <button type="button" class="rating__toggle rating__toggle--13 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
4345ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="13">
4346                                        <span class="sr-only">Use setting</span>
4347                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
4348                                    </button>
4349                                </div>
4350                            </div>
4351
4352                            
4353                            <div class="rating__score overflow-hidden relative h-0">
4354                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
4355                                    
4356                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
4357  <div>
4358    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Organyc Ethical Rating</h4>
4359    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Corman S.p.A.</p>
4360  </div>
4361  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
4362    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4363    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4364    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4365  </p>
4366</div>
4367
4368<div class="md:flex">
4369      <div class="w-full mr-2 mb-2">
4370    <div class="p-4  bg-black ">
4371        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
4372    </div>
4373  <ul>
4374          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4375        <div class="flex flex-row items-center justify-between">
4376    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
4377<p>
4378            <span class="sr-only">Acceptable</span>
4379        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
4380</div>
4381      </li>
4382          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4383        <div class="flex flex-row items-center justify-between">
4384    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
4385<p>
4386            <span class="sr-only">Good</span>
4387        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4388</div>
4389      </li>
4390          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4391        <div class="flex flex-row items-center justify-between">
4392    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
4393<p>
4394            <span class="sr-only">Good</span>
4395        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4396</div>
4397      </li>
4398          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4399        <div class="flex flex-row items-center justify-between">
4400    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
4401<p>
4402            <span class="sr-only">Good</span>
4403        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4404</div>
4405      </li>
4406      </ul>
4407</div>
4408        <div class="w-full mr-2 mb-2">
4409    <div class="p-4  bg-black ">
4410        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
4411    </div>
4412  <ul>
4413          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4414        <div class="flex flex-row items-center justify-between">
4415    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
4416<p>
4417            <span class="sr-only">Poor</span>
4418        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4419</div>
4420      </li>
4421          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4422        <div class="flex flex-row items-center justify-between">
4423    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
4424<p>
4425            <span class="sr-only">Good</span>
4426        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4427</div>
4428      </li>
4429      </ul>
4430</div>
4431        <div class="w-full mr-2 mb-2">
4432    <div class="p-4  bg-black ">
4433        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
4434    </div>
4435  <ul>
4436          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4437        <div class="flex flex-row items-center justify-between">
4438    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
4439<p>
4440            <span class="sr-only">Good</span>
4441        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4442</div>
4443      </li>
4444          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4445        <div class="flex flex-row items-center justify-between">
4446    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
4447<p>
4448            <span class="sr-only">Good</span>
4449        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4450</div>
4451      </li>
4452          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4453        <div class="flex flex-row items-center justify-between">
4454    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
4455<p>
4456            <span class="sr-only">Good</span>
4457        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4458</div>
4459      </li>
4460      </ul>
4461</div>
4462        <div class="w-full mb-2">
4463    <div class="p-4  bg-black ">
4464        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
4465    </div>
4466  <ul>
4467          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4468        <div class="flex flex-row items-center justify-between">
4469    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
4470<p>
4471            <span class="sr-only">Poor</span>
4472        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4473</div>
4474      </li>
4475          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4476        <div class="flex flex-row items-center justify-between">
4477    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
4478<p>
4479            <span class="sr-only">Good</span>
4480        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4481</div>
4482      </li>
4483      </ul>
4484</div>
4485  </div>
4486
4487<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
4488  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4489  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4490  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4491</p>
4492
4493<script>
4494  if(! window.ratings) window.ratings = [];
4495  window.ratings[13] = (
4496    {
4497      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"10.1"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"5"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
4498    }
4499  );
4500</script>
4500
4501                                    <div class="mt-14 flex flex-col items-center">
4502                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/organyc/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Organyc</span></a>
4503                                                                            </div>
4504                                </div>
4505                            </div>
4506                        </div>
4507
4508                        
4508<script>
4509                            if(!window.comparison) window.comparison = [];
4510                            window.comparison[13] = (
4511                                {
4512                                    'id' : 13,
4513                                    'company_name' : 'Organyc',
4514                                    'ethical_company_index' : '79',
4515                                    'colour' : '',
4516                                    'ratings' : window.ratings[13]['ratings'] ?? false,
4517                                    'image' : false,
4518                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/organyc/',
4519                                    'has_content' : true,
4520                                }
4521                            );
4522                        </script>
4522
4523
4524                    </div>
4525                
4526                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
4527                         data-id="14"
4528                         data-score="77"
4529                         data-search-match="Daye">
4530
4531                        
4532                        <div class="flex-grow flex flex-col w-1">
4533
4534                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
4535
4536                                <div class="flex flex-row items-center w-1/3 md:w-auto">
4537                                    
4538                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
4539                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/daye/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
4540                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
4541                                            </a>
4542                                                                            </div>
4543                                    
4544                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/daye/" class="transition-opacity hover:opacity-80">Daye</a></h3>
4545                                </div>
4546
4547                                
4548                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
4549                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
4550                                        <div class="rating__index text-xl lg:text-3xl font-medium">77</div>
4551                                    </div>
4552                                </div>
4553                                
4554                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
4555                                                                            <div class="h-10 flex flex-row justify-center items-center">
4556                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
4557                                        </div>
4558                                                                    </div>
4559                                
4560                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
4561                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
4562                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
4563                                </div>
4564                                
4565                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
4566                                    <button type="button" class="rating__toggle rating__toggle--14 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
4566ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="14">
4567                                        <span class="sr-only">Use setting</span>
4568                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
4569                                    </button>
4570                                </div>
4571                            </div>
4572
4573                            
4574                            <div class="rating__score overflow-hidden relative h-0">
4575                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
4576                                    
4577                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
4578  <div>
4579    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Daye Ethical Rating</h4>
4580    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Anne&#039;s Day Ltd</p>
4581  </div>
4582  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
4583    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4584    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4585    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4586  </p>
4587</div>
4588
4589<div class="md:flex">
4590      <div class="w-full mr-2 mb-2">
4591    <div class="p-4  bg-black ">
4592        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
4593    </div>
4594  <ul>
4595          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4596        <div class="flex flex-row items-center justify-between">
4597    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
4598<p>
4599            <span class="sr-only">Good</span>
4600        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4601</div>
4602      </li>
4603          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4604        <div class="flex flex-row items-center justify-between">
4605    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
4606<p>
4607            <span class="sr-only">Acceptable</span>
4608        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
4609</div>
4610      </li>
4611          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4612        <div class="flex flex-row items-center justify-between">
4613    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
4614<p>
4615            <span class="sr-only">Good</span>
4616        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4617</div>
4618      </li>
4619          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4620        <div class="flex flex-row items-center justify-between">
4621    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
4622<p>
4623            <span class="sr-only">Good</span>
4624        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4625</div>
4626      </li>
4627      </ul>
4628</div>
4629        <div class="w-full mr-2 mb-2">
4630    <div class="p-4  bg-black ">
4631        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
4632    </div>
4633  <ul>
4634          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4635        <div class="flex flex-row items-center justify-between">
4636    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
4637<p>
4638            <span class="sr-only">Poor</span>
4639        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4640</div>
4641      </li>
4642          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4643        <div class="flex flex-row items-center justify-between">
4644    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
4645<p>
4646            <span class="sr-only">Poor</span>
4647        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4648</div>
4649      </li>
4650      </ul>
4651</div>
4652        <div class="w-full mr-2 mb-2">
4653    <div class="p-4  bg-black ">
4654        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
4655    </div>
4656  <ul>
4657          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4658        <div class="flex flex-row items-center justify-between">
4659    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
4660<p>
4661            <span class="sr-only">Good</span>
4662        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4663</div>
4664      </li>
4665          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4666        <div class="flex flex-row items-center justify-between">
4667    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
4668<p>
4669            <span class="sr-only">Good</span>
4670        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4671</div>
4672      </li>
4673          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4674        <div class="flex flex-row items-center justify-between">
4675    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
4676<p>
4677            <span class="sr-only">Good</span>
4678        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4679</div>
4680      </li>
4681      </ul>
4682</div>
4683        <div class="w-full mb-2">
4684    <div class="p-4  bg-black ">
4685        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
4686    </div>
4687  <ul>
4688          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4689        <div class="flex flex-row items-center justify-between">
4690    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
4691<p>
4692            <span class="sr-only">Poor</span>
4693        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4694</div>
4695      </li>
4696          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4697        <div class="flex flex-row items-center justify-between">
4698    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
4699<p>
4700            <span class="sr-only">Good</span>
4701        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4702</div>
4703      </li>
4704          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4705        <div class="flex flex-row items-center justify-between">
4706    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
4707<p>
4708            <span class="sr-only">Good</span>
4709        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4710</div>
4711      </li>
4712      </ul>
4713</div>
4714  </div>
4715
4716<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
4717  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4718  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4719  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4720</p>
4721
4722<script>
4723  if(! window.ratings) window.ratings = [];
4724  window.ratings[14] = (
4725    {
4726      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"5"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
4727    }
4728  );
4729</script>
4729
4730                                    <div class="mt-14 flex flex-col items-center">
4731                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/daye/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Daye</span></a>
4732                                                                            </div>
4733                                </div>
4734                            </div>
4735                        </div>
4736
4737                        
4737<script>
4738                            if(!window.comparison) window.comparison = [];
4739                            window.comparison[14] = (
4740                                {
4741                                    'id' : 14,
4742                                    'company_name' : 'Daye',
4743                                    'ethical_company_index' : '77',
4744                                    'colour' : '',
4745                                    'ratings' : window.ratings[14]['ratings'] ?? false,
4746                                    'image' : false,
4747                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/daye/',
4748                                    'has_content' : true,
4749                                }
4750                            );
4751                        </script>
4751
4752
4753                    </div>
4754                
4755                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
4756                         data-id="15"
4757                         data-score="73"
4758                         data-search-match="Gift">
4759
4760                        
4761                        <div class="flex-grow flex flex-col w-1">
4762
4763                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
4764
4765                                <div class="flex flex-row items-center w-1/3 md:w-auto">
4766                                    
4767                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
4768                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/gift/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
4769                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
4770                                            </a>
4771                                                                            </div>
4772                                    
4773                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/gift/" class="transition-opacity hover:opacity-80">Gift</a></h3>
4774                                </div>
4775
4776                                
4777                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
4778                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
4779                                        <div class="rating__index text-xl lg:text-3xl font-medium">73</div>
4780                                    </div>
4781                                </div>
4782                                
4783                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
4784                                                                            <div class="h-10 flex flex-row justify-center items-center">
4785                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
4786                                        </div>
4787                                                                    </div>
4788                                
4789                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
4790                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
4791                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
4792                                </div>
4793                                
4794                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
4795                                    <button type="button" class="rating__toggle rating__toggle--15 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
4795ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="15">
4796                                        <span class="sr-only">Use setting</span>
4797                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
4798                                    </button>
4799                                </div>
4800                            </div>
4801
4802                            
4803                            <div class="rating__score overflow-hidden relative h-0">
4804                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
4805                                    
4806                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
4807  <div>
4808    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Gift Ethical Rating</h4>
4809    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Gift Wellness Ltd</p>
4810  </div>
4811  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
4812    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4813    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4814    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4815  </p>
4816</div>
4817
4818<div class="md:flex">
4819      <div class="w-full mr-2 mb-2">
4820    <div class="p-4  bg-black ">
4821        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
4822    </div>
4823  <ul>
4824          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4825        <div class="flex flex-row items-center justify-between">
4826    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
4827<p>
4828            <span class="sr-only">Acceptable</span>
4829        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
4830</div>
4831      </li>
4832          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4833        <div class="flex flex-row items-center justify-between">
4834    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
4835<p>
4836            <span class="sr-only">Acceptable</span>
4837        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
4838</div>
4839      </li>
4840          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4841        <div class="flex flex-row items-center justify-between">
4842    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
4843<p>
4844            <span class="sr-only">Poor</span>
4845        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4846</div>
4847      </li>
4848          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4849        <div class="flex flex-row items-center justify-between">
4850    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
4851<p>
4852            <span class="sr-only">Good</span>
4853        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4854</div>
4855      </li>
4856      </ul>
4857</div>
4858        <div class="w-full mr-2 mb-2">
4859    <div class="p-4  bg-black ">
4860        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
4861    </div>
4862  <ul>
4863          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4864        <div class="flex flex-row items-center justify-between">
4865    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
4866<p>
4867            <span class="sr-only">Good</span>
4868        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4869</div>
4870      </li>
4871          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4872        <div class="flex flex-row items-center justify-between">
4873    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
4874<p>
4875            <span class="sr-only">Poor</span>
4876        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4877</div>
4878      </li>
4879      </ul>
4880</div>
4881        <div class="w-full mr-2 mb-2">
4882    <div class="p-4  bg-black ">
4883        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
4884    </div>
4885  <ul>
4886          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4887        <div class="flex flex-row items-center justify-between">
4888    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
4889<p>
4890            <span class="sr-only">Good</span>
4891        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4892</div>
4893      </li>
4894          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4895        <div class="flex flex-row items-center justify-between">
4896    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
4897<p>
4898            <span class="sr-only">Good</span>
4899        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4900</div>
4901      </li>
4902          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4903        <div class="flex flex-row items-center justify-between">
4904    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
4905<p>
4906            <span class="sr-only">Good</span>
4907        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4908</div>
4909      </li>
4910      </ul>
4911</div>
4912        <div class="w-full mb-2">
4913    <div class="p-4  bg-black ">
4914        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
4915    </div>
4916  <ul>
4917          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4918        <div class="flex flex-row items-center justify-between">
4919    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
4920<p>
4921            <span class="sr-only">Poor</span>
4922        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
4923</div>
4924      </li>
4925          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4926        <div class="flex flex-row items-center justify-between">
4927    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
4928<p>
4929            <span class="sr-only">Good</span>
4930        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4931</div>
4932      </li>
4933          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
4934        <div class="flex flex-row items-center justify-between">
4935    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Innovator</h6>
4936<p>
4937            <span class="sr-only">Good</span>
4938        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
4939</div>
4940      </li>
4941      </ul>
4942</div>
4943  </div>
4944
4945<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
4946  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
4947  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
4948  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
4949</p>
4950
4951<script>
4952  if(! window.ratings) window.ratings = [];
4953  window.ratings[15] = (
4954    {
4955      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"5"},"genetic-modification":{"title":"Genetic Modification","score":"5"},"organic":{"title":"Organic","score":"0"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"},"ethical-innovator":{"title":"Ethical Innovator","score":"8"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
4956    }
4957  );
4958</script>
4958
4959                                    <div class="mt-14 flex flex-col items-center">
4960                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/gift/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Gift</span></a>
4961                                                                            </div>
4962                                </div>
4963                            </div>
4964                        </div>
4965
4966                        
4966<script>
4967                            if(!window.comparison) window.comparison = [];
4968                            window.comparison[15] = (
4969                                {
4970                                    'id' : 15,
4971                                    'company_name' : 'Gift',
4972                                    'ethical_company_index' : '73',
4973                                    'colour' : '',
4974                                    'ratings' : window.ratings[15]['ratings'] ?? false,
4975                                    'image' : false,
4976                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/gift/',
4977                                    'has_content' : true,
4978                                }
4979                            );
4980                        </script>
4980
4981
4982                    </div>
4983                
4984                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
4985                         data-id="16"
4986                         data-score="71"
4987                         data-search-match="Sanature">
4988
4989                        
4990                        <div class="flex-grow flex flex-col w-1">
4991
4992                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
4993
4994                                <div class="flex flex-row items-center w-1/3 md:w-auto">
4995                                    
4996                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
4997                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/sanature/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
4998                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
4999                                            </a>
5000                                                                            </div>
5001                                    
5002                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/sanature/" class="transition-opacity hover:opacity-80">Sanature</a></h3>
5003                                </div>
5004
5005                                
5006                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
5007                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
5008                                        <div class="rating__index text-xl lg:text-3xl font-medium">71</div>
5009                                    </div>
5010                                </div>
5011                                
5012                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
5013                                                                            <div class="h-10 flex flex-row justify-center items-center">
5014                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
5015                                        </div>
5016                                                                    </div>
5017                                
5018                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
5019                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
5020                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
5021                                </div>
5022                                
5023                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
5024                                    <button type="button" class="rating__toggle rating__toggle--16 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
5024ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="16">
5025                                        <span class="sr-only">Use setting</span>
5026                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
5027                                    </button>
5028                                </div>
5029                            </div>
5030
5031                            
5032                            <div class="rating__score overflow-hidden relative h-0">
5033                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
5034                                    
5035                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
5036  <div>
5037    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Sanature Ethical Rating</h4>
5038    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Sanature B.V.</p>
5039  </div>
5040  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
5041    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5042    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5043    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5044  </p>
5045</div>
5046
5047<div class="md:flex">
5048      <div class="w-full mr-2 mb-2">
5049    <div class="p-4  bg-black ">
5050        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
5051    </div>
5052  <ul>
5053          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5054        <div class="flex flex-row items-center justify-between">
5055    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
5056<p>
5057            <span class="sr-only">Good</span>
5058        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5059</div>
5060      </li>
5061          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5062        <div class="flex flex-row items-center justify-between">
5063    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
5064<p>
5065            <span class="sr-only">Acceptable</span>
5066        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
5067</div>
5068      </li>
5069          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5070        <div class="flex flex-row items-center justify-between">
5071    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
5072<p>
5073            <span class="sr-only">Poor</span>
5074        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5075</div>
5076      </li>
5077          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5078        <div class="flex flex-row items-center justify-between">
5079    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
5080<p>
5081            <span class="sr-only">Good</span>
5082        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5083</div>
5084      </li>
5085      </ul>
5086</div>
5087        <div class="w-full mr-2 mb-2">
5088    <div class="p-4  bg-black ">
5089        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
5090    </div>
5091  <ul>
5092          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5093        <div class="flex flex-row items-center justify-between">
5094    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
5095<p>
5096            <span class="sr-only">Good</span>
5097        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5098</div>
5099      </li>
5100          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5101        <div class="flex flex-row items-center justify-between">
5102    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
5103<p>
5104            <span class="sr-only">Poor</span>
5105        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5106</div>
5107      </li>
5108      </ul>
5109</div>
5110        <div class="w-full mr-2 mb-2">
5111    <div class="p-4  bg-black ">
5112        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
5113    </div>
5114  <ul>
5115          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5116        <div class="flex flex-row items-center justify-between">
5117    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
5118<p>
5119            <span class="sr-only">Good</span>
5120        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5121</div>
5122      </li>
5123          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5124        <div class="flex flex-row items-center justify-between">
5125    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
5126<p>
5127            <span class="sr-only">Good</span>
5128        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5129</div>
5130      </li>
5131          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5132        <div class="flex flex-row items-center justify-between">
5133    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
5134<p>
5135            <span class="sr-only">Good</span>
5136        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5137</div>
5138      </li>
5139      </ul>
5140</div>
5141        <div class="w-full mb-2">
5142    <div class="p-4  bg-black ">
5143        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
5144    </div>
5145  <ul>
5146          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5147        <div class="flex flex-row items-center justify-between">
5148    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
5149<p>
5150            <span class="sr-only">Poor</span>
5151        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5152</div>
5153      </li>
5154          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5155        <div class="flex flex-row items-center justify-between">
5156    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
5157<p>
5158            <span class="sr-only">Good</span>
5159        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5160</div>
5161      </li>
5162      </ul>
5163</div>
5164  </div>
5165
5166<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
5167  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5168  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5169  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5170</p>
5171
5172<script>
5173  if(! window.ratings) window.ratings = [];
5174  window.ratings[16] = (
5175    {
5176      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"5"},"organic":{"title":"Organic","score":"0"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
5177    }
5178  );
5179</script>
5179
5180                                    <div class="mt-14 flex flex-col items-center">
5181                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/sanature/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Sanature</span></a>
5182                                                                            </div>
5183                                </div>
5184                            </div>
5185                        </div>
5186
5187                        
5187<script>
5188                            if(!window.comparison) window.comparison = [];
5189                            window.comparison[16] = (
5190                                {
5191                                    'id' : 16,
5192                                    'company_name' : 'Sanature',
5193                                    'ethical_company_index' : '71',
5194                                    'colour' : '',
5195                                    'ratings' : window.ratings[16]['ratings'] ?? false,
5196                                    'image' : false,
5197                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/sanature/',
5198                                    'has_content' : true,
5199                                }
5200                            );
5201                        </script>
5201
5202
5203                    </div>
5204                
5205                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
5206                         data-id="17"
5207                         data-score="67"
5208                         data-search-match="Lil-lets">
5209
5210                        
5211                        <div class="flex-grow flex flex-col w-1">
5212
5213                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
5214
5215                                <div class="flex flex-row items-center w-1/3 md:w-auto">
5216                                    
5217                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
5218                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/lil-lets/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
5219                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
5220                                            </a>
5221                                                                            </div>
5222                                    
5223                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/lil-lets/" class="transition-opacity hover:opacity-80">Lil-lets</a></h3>
5224                                </div>
5225
5226                                
5227                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
5228                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
5229                                        <div class="rating__index text-xl lg:text-3xl font-medium">67</div>
5230                                    </div>
5231                                </div>
5232                                
5233                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
5234                                                                            <div class="h-10 flex flex-row justify-center items-center">
5235                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
5236                                        </div>
5237                                                                    </div>
5238                                
5239                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
5240                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
5241                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
5242                                </div>
5243                                
5244                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
5245                                    <button type="button" class="rating__toggle rating__toggle--17 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
5245ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="17">
5246                                        <span class="sr-only">Use setting</span>
5247                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
5248                                    </button>
5249                                </div>
5250                            </div>
5251
5252                            
5253                            <div class="rating__score overflow-hidden relative h-0">
5254                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
5255                                    
5256                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
5257  <div>
5258    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Lil-lets Ethical Rating</h4>
5259    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Premier FMCG (Pty) Ltd/Brait S.E.</p>
5260  </div>
5261  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
5262    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5263    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5264    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5265  </p>
5266</div>
5267
5268<div class="md:flex">
5269      <div class="w-full mr-2 mb-2">
5270    <div class="p-4  bg-black ">
5271        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
5272    </div>
5273  <ul>
5274          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5275        <div class="flex flex-row items-center justify-between">
5276    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
5277<p>
5278            <span class="sr-only">Poor</span>
5279        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5280</div>
5281      </li>
5282          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5283        <div class="flex flex-row items-center justify-between">
5284    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
5285<p>
5286            <span class="sr-only">Poor</span>
5287        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5288</div>
5289      </li>
5290          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5291        <div class="flex flex-row items-center justify-between">
5292    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
5293<p>
5294            <span class="sr-only">Good</span>
5295        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5296</div>
5297      </li>
5298          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5299        <div class="flex flex-row items-center justify-between">
5300    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
5301<p>
5302            <span class="sr-only">Good</span>
5303        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5304</div>
5305      </li>
5306      </ul>
5307</div>
5308        <div class="w-full mr-2 mb-2">
5309    <div class="p-4  bg-black ">
5310        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
5311    </div>
5312  <ul>
5313          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5314        <div class="flex flex-row items-center justify-between">
5315    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
5316<p>
5317            <span class="sr-only">Good</span>
5318        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5319</div>
5320      </li>
5321          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5322        <div class="flex flex-row items-center justify-between">
5323    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
5324<p>
5325            <span class="sr-only">Poor</span>
5326        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5327</div>
5328      </li>
5329      </ul>
5330</div>
5331        <div class="w-full mr-2 mb-2">
5332    <div class="p-4  bg-black ">
5333        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
5334    </div>
5335  <ul>
5336          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5337        <div class="flex flex-row items-center justify-between">
5338    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
5339<p>
5340            <span class="sr-only">Good</span>
5341        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5342</div>
5343      </li>
5344          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5345        <div class="flex flex-row items-center justify-between">
5346    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
5347<p>
5348            <span class="sr-only">Good</span>
5349        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5350</div>
5351      </li>
5352          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5353        <div class="flex flex-row items-center justify-between">
5354    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
5355<p>
5356            <span class="sr-only">Good</span>
5357        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5358</div>
5359      </li>
5360      </ul>
5361</div>
5362        <div class="w-full mb-2">
5363    <div class="p-4  bg-black ">
5364        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
5365    </div>
5366  <ul>
5367          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5368        <div class="flex flex-row items-center justify-between">
5369    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
5370<p>
5371            <span class="sr-only">Poor</span>
5372        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5373</div>
5374      </li>
5375          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5376        <div class="flex flex-row items-center justify-between">
5377    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
5378<p>
5379            <span class="sr-only">Good</span>
5380        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5381</div>
5382      </li>
5383      </ul>
5384</div>
5385  </div>
5386
5387<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
5388  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5389  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5390  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5391</p>
5392
5393<script>
5394  if(! window.ratings) window.ratings = [];
5395  window.ratings[17] = (
5396    {
5397      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"10.1"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"0"},"genetic-modification":{"title":"Genetic Modification","score":"0"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"20"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
5398    }
5399  );
5400</script>
5400
5401                                    <div class="mt-14 flex flex-col items-center">
5402                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/lil-lets/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Lil-lets</span></a>
5403                                                                            </div>
5404                                </div>
5405                            </div>
5406                        </div>
5407
5408                        
5408<script>
5409                            if(!window.comparison) window.comparison = [];
5410                            window.comparison[17] = (
5411                                {
5412                                    'id' : 17,
5413                                    'company_name' : 'Lil-lets',
5414                                    'ethical_company_index' : '67',
5415                                    'colour' : '',
5416                                    'ratings' : window.ratings[17]['ratings'] ?? false,
5417                                    'image' : false,
5418                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/lil-lets/',
5419                                    'has_content' : true,
5420                                }
5421                            );
5422                        </script>
5422
5423
5424                    </div>
5425                
5426                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
5427                         data-id="18"
5428                         data-score="42"
5429                         data-search-match="Bodyform">
5430
5431                        
5432                        <div class="flex-grow flex flex-col w-1">
5433
5434                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
5435
5436                                <div class="flex flex-row items-center w-1/3 md:w-auto">
5437                                    
5438                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
5439                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/bodyform/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
5440                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
5441                                            </a>
5442                                                                            </div>
5443                                    
5444                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/bodyform/" class="transition-opacity hover:opacity-80">Bodyform</a></h3>
5445                                </div>
5446
5447                                
5448                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
5449                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
5450                                        <div class="rating__index text-xl lg:text-3xl font-medium">42</div>
5451                                    </div>
5452                                </div>
5453                                
5454                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
5455                                                                            <div class="h-10 flex flex-row justify-center items-center">
5456                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
5457                                        </div>
5458                                                                    </div>
5459                                
5460                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
5461                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
5462                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
5463                                </div>
5464                                
5465                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
5466                                    <button type="button" class="rating__toggle rating__toggle--18 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
5466ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="18">
5467                                        <span class="sr-only">Use setting</span>
5468                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
5469                                    </button>
5470                                </div>
5471                            </div>
5472
5473                            
5474                            <div class="rating__score overflow-hidden relative h-0">
5475                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
5476                                    
5477                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
5478  <div>
5479    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Bodyform Ethical Rating</h4>
5480    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Essity AB</p>
5481  </div>
5482  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
5483    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5484    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5485    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5486  </p>
5487</div>
5488
5489<div class="md:flex">
5490      <div class="w-full mr-2 mb-2">
5491    <div class="p-4  bg-black ">
5492        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
5493    </div>
5494  <ul>
5495          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5496        <div class="flex flex-row items-center justify-between">
5497    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
5498<p>
5499            <span class="sr-only">Good</span>
5500        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5501</div>
5502      </li>
5503          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5504        <div class="flex flex-row items-center justify-between">
5505    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
5506<p>
5507            <span class="sr-only">Poor</span>
5508        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5509</div>
5510      </li>
5511          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5512        <div class="flex flex-row items-center justify-between">
5513    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
5514<p>
5515            <span class="sr-only">Poor</span>
5516        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5517</div>
5518      </li>
5519          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5520        <div class="flex flex-row items-center justify-between">
5521    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
5522<p>
5523            <span class="sr-only">Good</span>
5524        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5525</div>
5526      </li>
5527      </ul>
5528</div>
5529        <div class="w-full mr-2 mb-2">
5530    <div class="p-4  bg-black ">
5531        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
5532    </div>
5533  <ul>
5534          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5535        <div class="flex flex-row items-center justify-between">
5536    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
5537<p>
5538            <span class="sr-only">Poor</span>
5539        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5540</div>
5541      </li>
5542          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5543        <div class="flex flex-row items-center justify-between">
5544    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
5545<p>
5546            <span class="sr-only">Poor</span>
5547        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5548</div>
5549      </li>
5550      </ul>
5551</div>
5552        <div class="w-full mr-2 mb-2">
5553    <div class="p-4  bg-black ">
5554        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
5555    </div>
5556  <ul>
5557          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5558        <div class="flex flex-row items-center justify-between">
5559    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
5560<p>
5561            <span class="sr-only">Good</span>
5562        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5563</div>
5564      </li>
5565          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5566        <div class="flex flex-row items-center justify-between">
5567    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
5568<p>
5569            <span class="sr-only">Good</span>
5570        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5571</div>
5572      </li>
5573          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5574        <div class="flex flex-row items-center justify-between">
5575    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
5576<p>
5577            <span class="sr-only">Good</span>
5578        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5579</div>
5580      </li>
5581      </ul>
5582</div>
5583        <div class="w-full mb-2">
5584    <div class="p-4  bg-black ">
5585        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
5586    </div>
5587  <ul>
5588          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5589        <div class="flex flex-row items-center justify-between">
5590    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
5591<p>
5592            <span class="sr-only">Poor</span>
5593        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5594</div>
5595      </li>
5596          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5597        <div class="flex flex-row items-center justify-between">
5598    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
5599<p>
5600            <span class="sr-only">Poor</span>
5601        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5602</div>
5603      </li>
5604      </ul>
5605</div>
5606  </div>
5607
5608<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
5609  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5610  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5611  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5612</p>
5613
5614<script>
5615  if(! window.ratings) window.ratings = [];
5616  window.ratings[18] = (
5617    {
5618      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"0"},"organic":{"title":"Organic","score":"0"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"0"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"10.1"}}},
5619    }
5620  );
5621</script>
5621
5622                                    <div class="mt-14 flex flex-col items-center">
5623                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/bodyform/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Bodyform</span></a>
5624                                                                            </div>
5625                                </div>
5626                            </div>
5627                        </div>
5628
5629                        
5629<script>
5630                            if(!window.comparison) window.comparison = [];
5631                            window.comparison[18] = (
5632                                {
5633                                    'id' : 18,
5634                                    'company_name' : 'Bodyform',
5635                                    'ethical_company_index' : '42',
5636                                    'colour' : '',
5637                                    'ratings' : window.ratings[18]['ratings'] ?? false,
5638                                    'image' : false,
5639                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/bodyform/',
5640                                    'has_content' : true,
5641                                }
5642                            );
5643                        </script>
5643
5644
5645                    </div>
5646                
5647                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
5648                         data-id="19"
5649                         data-score="32"
5650                         data-search-match="Kotex">
5651
5652                        
5653                        <div class="flex-grow flex flex-col w-1">
5654
5655                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
5656
5657                                <div class="flex flex-row items-center w-1/3 md:w-auto">
5658                                    
5659                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
5660                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/kotex/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
5661                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
5662                                            </a>
5663                                                                            </div>
5664                                    
5665                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/kotex/" class="transition-opacity hover:opacity-80">Kotex</a></h3>
5666                                </div>
5667
5668                                
5669                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
5670                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
5671                                        <div class="rating__index text-xl lg:text-3xl font-medium">32</div>
5672                                    </div>
5673                                </div>
5674                                
5675                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
5676                                                                            <div class="h-10 flex flex-row justify-center items-center">
5677                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
5678                                        </div>
5679                                                                    </div>
5680                                
5681                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
5682                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
5683                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
5684                                </div>
5685                                
5686                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
5687                                    <button type="button" class="rating__toggle rating__toggle--19 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
5687ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="19">
5688                                        <span class="sr-only">Use setting</span>
5689                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
5690                                    </button>
5691                                </div>
5692                            </div>
5693
5694                            
5695                            <div class="rating__score overflow-hidden relative h-0">
5696                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
5697                                    
5698                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
5699  <div>
5700    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Kotex Ethical Rating</h4>
5701    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Kimberly-Clark Corporation</p>
5702  </div>
5703  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
5704    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5705    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5706    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5707  </p>
5708</div>
5709
5710<div class="md:flex">
5711      <div class="w-full mr-2 mb-2">
5712    <div class="p-4  bg-black ">
5713        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
5714    </div>
5715  <ul>
5716          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5717        <div class="flex flex-row items-center justify-between">
5718    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
5719<p>
5720            <span class="sr-only">Good</span>
5721        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5722</div>
5723      </li>
5724          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5725        <div class="flex flex-row items-center justify-between">
5726    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
5727<p>
5728            <span class="sr-only">Acceptable</span>
5729        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
5730</div>
5731      </li>
5732          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5733        <div class="flex flex-row items-center justify-between">
5734    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
5735<p>
5736            <span class="sr-only">Poor</span>
5737        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5738</div>
5739      </li>
5740          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5741        <div class="flex flex-row items-center justify-between">
5742    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
5743<p>
5744            <span class="sr-only">Good</span>
5745        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5746</div>
5747      </li>
5748      </ul>
5749</div>
5750        <div class="w-full mr-2 mb-2">
5751    <div class="p-4  bg-black ">
5752        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
5753    </div>
5754  <ul>
5755          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5756        <div class="flex flex-row items-center justify-between">
5757    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
5758<p>
5759            <span class="sr-only">Poor</span>
5760        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5761</div>
5762      </li>
5763          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5764        <div class="flex flex-row items-center justify-between">
5765    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
5766<p>
5767            <span class="sr-only">Poor</span>
5768        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5769</div>
5770      </li>
5771      </ul>
5772</div>
5773        <div class="w-full mr-2 mb-2">
5774    <div class="p-4  bg-black ">
5775        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
5776    </div>
5777  <ul>
5778          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5779        <div class="flex flex-row items-center justify-between">
5780    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
5781<p>
5782            <span class="sr-only">Good</span>
5783        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5784</div>
5785      </li>
5786          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5787        <div class="flex flex-row items-center justify-between">
5788    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
5789<p>
5790            <span class="sr-only">Good</span>
5791        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5792</div>
5793      </li>
5794          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5795        <div class="flex flex-row items-center justify-between">
5796    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
5797<p>
5798            <span class="sr-only">Poor</span>
5799        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5800</div>
5801      </li>
5802      </ul>
5803</div>
5804        <div class="w-full mb-2">
5805    <div class="p-4  bg-black ">
5806        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
5807    </div>
5808  <ul>
5809          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5810        <div class="flex flex-row items-center justify-between">
5811    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
5812<p>
5813            <span class="sr-only">Poor</span>
5814        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5815</div>
5816      </li>
5817          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5818        <div class="flex flex-row items-center justify-between">
5819    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
5820<p>
5821            <span class="sr-only">Poor</span>
5822        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5823</div>
5824      </li>
5825          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5826        <div class="flex flex-row items-center justify-between">
5827    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms+</h6>
5828<p>
5829            <span class="sr-only">Poor</span>
5830        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5831</div>
5832      </li>
5833      </ul>
5834</div>
5835  </div>
5836
5837<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
5838  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5839  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5840  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5841</p>
5842
5843<script>
5844  if(! window.ratings) window.ratings = [];
5845  window.ratings[19] = (
5846    {
5847      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"5"},"organic":{"title":"Organic","score":"0"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"0"},"public-record-criticisms-plus":{"title":"Public Record Criticisms+","score":"0"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"10.1"},"political-donations":{"title":"Political Donations","score":"0"}}},
5848    }
5849  );
5850</script>
5850
5851                                    <div class="mt-14 flex flex-col items-center">
5852                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/kotex/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Kotex</span></a>
5853                                                                            </div>
5854                                </div>
5855                            </div>
5856                        </div>
5857
5858                        
5858<script>
5859                            if(!window.comparison) window.comparison = [];
5860                            window.comparison[19] = (
5861                                {
5862                                    'id' : 19,
5863                                    'company_name' : 'Kotex',
5864                                    'ethical_company_index' : '32',
5865                                    'colour' : '',
5866                                    'ratings' : window.ratings[19]['ratings'] ?? false,
5867                                    'image' : false,
5868                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/kotex/',
5869                                    'has_content' : true,
5870                                }
5871                            );
5872                        </script>
5872
5873
5874                    </div>
5875                
5876                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
5877                         data-id="20"
5878                         data-score="25"
5879                         data-search-match="Always">
5880
5881                        
5882                        <div class="flex-grow flex flex-col w-1">
5883
5884                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
5885
5886                                <div class="flex flex-row items-center w-1/3 md:w-auto">
5887                                    
5888                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
5889                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/always/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
5890                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
5891                                            </a>
5892                                                                            </div>
5893                                    
5894                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/always/" class="transition-opacity hover:opacity-80">Always</a></h3>
5895                                </div>
5896
5897                                
5898                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
5899                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
5900                                        <div class="rating__index text-xl lg:text-3xl font-medium">25</div>
5901                                    </div>
5902                                </div>
5903                                
5904                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
5905                                                                            <div class="h-10 flex flex-row justify-center items-center">
5906                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
5907                                        </div>
5908                                                                    </div>
5909                                
5910                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
5911                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
5912                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
5913                                </div>
5914                                
5915                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
5916                                    <button type="button" class="rating__toggle rating__toggle--20 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
5916ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="20">
5917                                        <span class="sr-only">Use setting</span>
5918                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
5919                                    </button>
5920                                </div>
5921                            </div>
5922
5923                            
5924                            <div class="rating__score overflow-hidden relative h-0">
5925                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
5926                                    
5927                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
5928  <div>
5929    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Always Ethical Rating</h4>
5930    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: The Procter &amp; Gamble Company</p>
5931  </div>
5932  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
5933    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
5934    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
5935    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
5936  </p>
5937</div>
5938
5939<div class="md:flex">
5940      <div class="w-full mr-2 mb-2">
5941    <div class="p-4  bg-black ">
5942        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
5943    </div>
5944  <ul>
5945          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5946        <div class="flex flex-row items-center justify-between">
5947    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
5948<p>
5949            <span class="sr-only">Good</span>
5950        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5951</div>
5952      </li>
5953          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5954        <div class="flex flex-row items-center justify-between">
5955    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
5956<p>
5957            <span class="sr-only">Acceptable</span>
5958        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
5959</div>
5960      </li>
5961          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5962        <div class="flex flex-row items-center justify-between">
5963    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
5964<p>
5965            <span class="sr-only">Good</span>
5966        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
5967</div>
5968      </li>
5969          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5970        <div class="flex flex-row items-center justify-between">
5971    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
5972<p>
5973            <span class="sr-only">Poor</span>
5974        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5975</div>
5976      </li>
5977      </ul>
5978</div>
5979        <div class="w-full mr-2 mb-2">
5980    <div class="p-4  bg-black ">
5981        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
5982    </div>
5983  <ul>
5984          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5985        <div class="flex flex-row items-center justify-between">
5986    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
5987<p>
5988            <span class="sr-only">Poor</span>
5989        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5990</div>
5991      </li>
5992          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
5993        <div class="flex flex-row items-center justify-between">
5994    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
5995<p>
5996            <span class="sr-only">Poor</span>
5997        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
5998</div>
5999      </li>
6000      </ul>
6001</div>
6002        <div class="w-full mr-2 mb-2">
6003    <div class="p-4  bg-black ">
6004        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
6005    </div>
6006  <ul>
6007          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6008        <div class="flex flex-row items-center justify-between">
6009    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
6010<p>
6011            <span class="sr-only">Good</span>
6012        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6013</div>
6014      </li>
6015          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6016        <div class="flex flex-row items-center justify-between">
6017    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
6018<p>
6019            <span class="sr-only">Poor</span>
6020        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6021</div>
6022      </li>
6023          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6024        <div class="flex flex-row items-center justify-between">
6025    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
6026<p>
6027            <span class="sr-only">Poor</span>
6028        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6029</div>
6030      </li>
6031      </ul>
6032</div>
6033        <div class="w-full mb-2">
6034    <div class="p-4  bg-black ">
6035        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
6036    </div>
6037  <ul>
6038          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6039        <div class="flex flex-row items-center justify-between">
6040    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
6041<p>
6042            <span class="sr-only">Poor</span>
6043        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6044</div>
6045      </li>
6046          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6047        <div class="flex flex-row items-center justify-between">
6048    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
6049<p>
6050            <span class="sr-only">Poor</span>
6051        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6052</div>
6053      </li>
6054          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6055        <div class="flex flex-row items-center justify-between">
6056    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms+</h6>
6057<p>
6058            <span class="sr-only">Poor</span>
6059        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6060</div>
6061      </li>
6062      </ul>
6063</div>
6064  </div>
6065
6066<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
6067  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
6068  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
6069  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
6070</p>
6071
6072<script>
6073  if(! window.ratings) window.ratings = [];
6074  window.ratings[20] = (
6075    {
6076      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"5"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"0"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"0"},"public-record-criticisms-plus":{"title":"Public Record Criticisms+","score":"0"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"0"},"political-donations":{"title":"Political Donations","score":"0"}}},
6077    }
6078  );
6079</script>
6079
6080                                    <div class="mt-14 flex flex-col items-center">
6081                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/always/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Always</span></a>
6082                                                                            </div>
6083                                </div>
6084                            </div>
6085                        </div>
6086
6087                        
6087<script>
6088                            if(!window.comparison) window.comparison = [];
6089                            window.comparison[20] = (
6090                                {
6091                                    'id' : 20,
6092                                    'company_name' : 'Always',
6093                                    'ethical_company_index' : '25',
6094                                    'colour' : '',
6095                                    'ratings' : window.ratings[20]['ratings'] ?? false,
6096                                    'image' : false,
6097                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/always/',
6098                                    'has_content' : true,
6099                                }
6100                            );
6101                        </script>
6101
6102
6103                    </div>
6104                
6105                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
6106                         data-id="21"
6107                         data-score="25"
6108                         data-search-match="Carefree">
6109
6110                        
6111                        <div class="flex-grow flex flex-col w-1">
6112
6113                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
6114
6115                                <div class="flex flex-row items-center w-1/3 md:w-auto">
6116                                    
6117                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
6118                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/carefree/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
6119                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
6120                                            </a>
6121                                                                            </div>
6122                                    
6123                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/carefree/" class="transition-opacity hover:opacity-80">Carefree</a></h3>
6124                                </div>
6125
6126                                
6127                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
6128                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
6129                                        <div class="rating__index text-xl lg:text-3xl font-medium">25</div>
6130                                    </div>
6131                                </div>
6132                                
6133                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
6134                                                                            <div class="h-10 flex flex-row justify-center items-center">
6135                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
6136                                        </div>
6137                                                                    </div>
6138                                
6139                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
6140                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
6141                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
6142                                </div>
6143                                
6144                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
6145                                    <button type="button" class="rating__toggle rating__toggle--21 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
6145ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="21">
6146                                        <span class="sr-only">Use setting</span>
6147                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
6148                                    </button>
6149                                </div>
6150                            </div>
6151
6152                            
6153                            <div class="rating__score overflow-hidden relative h-0">
6154                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
6155                                    
6156                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
6157  <div>
6158    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Carefree Ethical Rating</h4>
6159    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: Johnson &amp; Johnson</p>
6160  </div>
6161  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
6162    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
6163    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
6164    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
6165  </p>
6166</div>
6167
6168<div class="md:flex">
6169      <div class="w-full mr-2 mb-2">
6170    <div class="p-4  bg-black ">
6171        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
6172    </div>
6173  <ul>
6174          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6175        <div class="flex flex-row items-center justify-between">
6176    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
6177<p>
6178            <span class="sr-only">Acceptable</span>
6179        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
6180</div>
6181      </li>
6182          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6183        <div class="flex flex-row items-center justify-between">
6184    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
6185<p>
6186            <span class="sr-only">Good</span>
6187        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6188</div>
6189      </li>
6190          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6191        <div class="flex flex-row items-center justify-between">
6192    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
6193<p>
6194            <span class="sr-only">Poor</span>
6195        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6196</div>
6197      </li>
6198          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6199        <div class="flex flex-row items-center justify-between">
6200    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
6201<p>
6202            <span class="sr-only">Good</span>
6203        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6204</div>
6205      </li>
6206      </ul>
6207</div>
6208        <div class="w-full mr-2 mb-2">
6209    <div class="p-4  bg-black ">
6210        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
6211    </div>
6212  <ul>
6213          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6214        <div class="flex flex-row items-center justify-between">
6215    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
6216<p>
6217            <span class="sr-only">Poor</span>
6218        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6219</div>
6220      </li>
6221          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6222        <div class="flex flex-row items-center justify-between">
6223    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
6224<p>
6225            <span class="sr-only">Poor</span>
6226        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6227</div>
6228      </li>
6229      </ul>
6230</div>
6231        <div class="w-full mr-2 mb-2">
6232    <div class="p-4  bg-black ">
6233        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
6234    </div>
6235  <ul>
6236          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6237        <div class="flex flex-row items-center justify-between">
6238    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
6239<p>
6240            <span class="sr-only">Good</span>
6241        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6242</div>
6243      </li>
6244          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6245        <div class="flex flex-row items-center justify-between">
6246    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
6247<p>
6248            <span class="sr-only">Poor</span>
6249        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6250</div>
6251      </li>
6252          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6253        <div class="flex flex-row items-center justify-between">
6254    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
6255<p>
6256            <span class="sr-only">Poor</span>
6257        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6258</div>
6259      </li>
6260      </ul>
6261</div>
6262        <div class="w-full mb-2">
6263    <div class="p-4  bg-black ">
6264        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
6265    </div>
6266  <ul>
6267          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6268        <div class="flex flex-row items-center justify-between">
6269    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
6270<p>
6271            <span class="sr-only">Poor</span>
6272        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6273</div>
6274      </li>
6275          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6276        <div class="flex flex-row items-center justify-between">
6277    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
6278<p>
6279            <span class="sr-only">Poor</span>
6280        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6281</div>
6282      </li>
6283          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6284        <div class="flex flex-row items-center justify-between">
6285    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms+</h6>
6286<p>
6287            <span class="sr-only">Poor</span>
6288        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6289</div>
6290      </li>
6291      </ul>
6292</div>
6293  </div>
6294
6295<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
6296  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
6297  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
6298  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
6299</p>
6300
6301<script>
6302  if(! window.ratings) window.ratings = [];
6303  window.ratings[21] = (
6304    {
6305      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"5"},"genetic-modification":{"title":"Genetic Modification","score":"10.1"},"organic":{"title":"Organic","score":"0"},"fossil-fuels":{"title":"Fossil Fuels","score":"10.1"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"0"},"public-record-criticisms-plus":{"title":"Public Record Criticisms+","score":"0"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"0"},"political-donations":{"title":"Political Donations","score":"0"}}},
6306    }
6307  );
6308</script>
6308
6309                                    <div class="mt-14 flex flex-col items-center">
6310                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/carefree/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Carefree</span></a>
6311                                                                            </div>
6312                                </div>
6313                            </div>
6314                        </div>
6315
6316                        
6316<script>
6317                            if(!window.comparison) window.comparison = [];
6318                            window.comparison[21] = (
6319                                {
6320                                    'id' : 21,
6321                                    'company_name' : 'Carefree',
6322                                    'ethical_company_index' : '25',
6323                                    'colour' : '',
6324                                    'ratings' : window.ratings[21]['ratings'] ?? false,
6325                                    'image' : false,
6326                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/carefree/',
6327                                    'has_content' : true,
6328                                }
6329                            );
6330                        </script>
6330
6331
6332                    </div>
6333                
6334                    <div class="rating__row flex border-b border-black  bg-brand_row-poor  flex-row items-center"
6335                         data-id="22"
6336                         data-score="25"
6337                         data-search-match="Tampax">
6338
6339                        
6340                        <div class="flex-grow flex flex-col w-1">
6341
6342                            <div class="flex flex-row items-center text-black pr-4 md:px-none">
6343
6344                                <div class="flex flex-row items-center w-1/3 md:w-auto">
6345                                    
6346                                    <div class="rating__row__image w-12 md:h-16 md:w-24 lg:h-20 lg:w-28 mr-1 hidden md:flex ls:flex bg-white flex flex-row items-center justify-center relative overflow-hidden">
6347                                                                                    <a href="https://thegoodshoppingguide.com/brand-directory/tampax/" class="flex flex-row items-center justify-center w-full h-full transition-opacity hover:opacity-80">
6348                                                <img width="150" height="112" src="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg" class="brand-image wp-post-image" alt="" decoding="async" srcset="https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-scaled.jpg 2560w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-300x225.jpg 300w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1024x768.jpg 1024w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-768x576.jpg 768w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-1536x1151.jpg 1536w, https://thegoodshoppingguide.com/app/uploads/2022/07/Untitled-16-August-2022-11.47-2048x1535.jpg 2048w" sizes="(max-width: 150px) 100vw, 150px" />
6349                                            </a>
6350                                                                            </div>
6351                                    
6352                                    <h3 class="mr-1 pl-3 text-xs lg:text-xl xl:text-2xl font-normal mx-1 md:ml-3 ls:ml-3 md:mr-1 ls:mr-1 py-2.5 md:py-3 xl:py-4"><a href="https://thegoodshoppingguide.com/brand-directory/tampax/" class="transition-opacity hover:opacity-80">Tampax</a></h3>
6353                                </div>
6354
6355                                
6356                                <div class="w-16 md:w-24 lg:w-32 flex flex-row justify-center ml-auto">
6357                                    <div class="w-7 md:w-14 h-7 md:h-14 lg:h-20 text-black flex flex-row items-center justify-center">
6358                                        <div class="rating__index text-xl lg:text-3xl font-medium">25</div>
6359                                    </div>
6360                                </div>
6361                                
6362                                <div class="w-16 md:w-28 lg:w-36 flex flex-row justify-center">
6363                                                                            <div class="h-10 flex flex-row justify-center items-center">
6364                                            <img class="block w-4/6 h-4/6 lg:w-5/6 lg:h-5/6 object-contain" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/accreditationCross.png" alt="No Accreditation">
6365                                        </div>
6366                                                                    </div>
6367                                
6368                                <div class="w-16 md:w-20 lg:w-20 flex flex-row ls:flex justify-center">
6369                                    <button class="rating__chevron w-7 h-7 flex flex-row items-center justify-center bg-black rounded-full" type="button" aria-label="Expand to find more information on this brand">
6370                                        <svg class="w-3.5 lg:w-4 fill-current text-white" data-name="icons Q2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.246 27.095"><path data-name="Path 17" d="M23.623 18.969 5.736 1.081a3.206 3.206 0 0 0-5.062.337 3.544 3.544 0 0 0 .337 4.556l20.25 20.081a3.206 3.206 0 0 0 4.725 0l20.25-20.081a3.544 3.544 0 0 0 .338-4.556 3.206 3.206 0 0 0-5.063-.338Z" /></svg>                                    </button>
6371                                </div>
6372                                
6373                                <div class="w-16 md:w-24 lg:w-28 hidden lg:flex ls:flex flex-row justify-center mr-4">
6374                                    <button type="button" class="rating__toggle rating__toggle--22 bg-gray-900 h-5 relative inline-flex flex-shrink-0 w-11 border-2 border-transparent roun
6374ded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" data-id="22">
6375                                        <span class="sr-only">Use setting</span>
6376                                        <span aria-hidden="true" class="rating__pimple translate-x-0 pointer-events-none inline-block w-5 h-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
6377                                    </button>
6378                                </div>
6379                            </div>
6380
6381                            
6382                            <div class="rating__score overflow-hidden relative h-0">
6383                                <div class="px-3 md:px-5 lg:px-12 py-4 lg:py-9 pb-8 lg:pb-16 bg-white">
6384                                    
6385                                    <div class="mb-3.5 lg:mb-7 flex justify-between flex-wrap">
6386  <div>
6387    <h4 class="text-lg md:text-xl lg:text-3xl mb-2 md:mb-3 font-extralight">Tampax Ethical Rating</h4>
6388    <p class="mb-1 md:mb-none text-base md:text-lg">Parent company: The Procter &amp; Gamble Company</p>
6389  </div>
6390  <p class="flex-wrap my-2 flex-col md:flex-row hidden md:flex">
6391    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
6392    <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
6393    <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
6394  </p>
6395</div>
6396
6397<div class="md:flex">
6398      <div class="w-full mr-2 mb-2">
6399    <div class="p-4  bg-black ">
6400        <h5 class="lg:text-xl font-medium  text-white ">Environment</h5>
6401    </div>
6402  <ul>
6403          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6404        <div class="flex flex-row items-center justify-between">
6405    <h6 class="text-base lg:text-lg pr-2 font-extralight">Environmental Report</h6>
6406<p>
6407            <span class="sr-only">Good</span>
6408        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6409</div>
6410      </li>
6411          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6412        <div class="flex flex-row items-center justify-between">
6413    <h6 class="text-base lg:text-lg pr-2 font-extralight">Genetic Modification</h6>
6414<p>
6415            <span class="sr-only">Acceptable</span>
6416        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>    </p>
6417</div>
6418      </li>
6419          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6420        <div class="flex flex-row items-center justify-between">
6421    <h6 class="text-base lg:text-lg pr-2 font-extralight">Organic</h6>
6422<p>
6423            <span class="sr-only">Good</span>
6424        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6425</div>
6426      </li>
6427          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6428        <div class="flex flex-row items-center justify-between">
6429    <h6 class="text-base lg:text-lg pr-2 font-extralight">Fossil Fuels</h6>
6430<p>
6431            <span class="sr-only">Poor</span>
6432        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6433</div>
6434      </li>
6435      </ul>
6436</div>
6437        <div class="w-full mr-2 mb-2">
6438    <div class="p-4  bg-black ">
6439        <h5 class="lg:text-xl font-medium  text-white ">Animal</h5>
6440    </div>
6441  <ul>
6442          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6443        <div class="flex flex-row items-center justify-between">
6444    <h6 class="text-base lg:text-lg pr-2 font-extralight">Animal Welfare</h6>
6445<p>
6446            <span class="sr-only">Poor</span>
6447        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6448</div>
6449      </li>
6450          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6451        <div class="flex flex-row items-center justify-between">
6452    <h6 class="text-base lg:text-lg pr-2 font-extralight">Vegetarian/Vegan Verified</h6>
6453<p>
6454            <span class="sr-only">Poor</span>
6455        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6456</div>
6457      </li>
6458      </ul>
6459</div>
6460        <div class="w-full mr-2 mb-2">
6461    <div class="p-4  bg-black ">
6462        <h5 class="lg:text-xl font-medium  text-white ">People</h5>
6463    </div>
6464  <ul>
6465          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6466        <div class="flex flex-row items-center justify-between">
6467    <h6 class="text-base lg:text-lg pr-2 font-extralight">Armaments</h6>
6468<p>
6469            <span class="sr-only">Good</span>
6470        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>    </p>
6471</div>
6472      </li>
6473          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6474        <div class="flex flex-row items-center justify-between">
6475    <h6 class="text-base lg:text-lg pr-2 font-extralight">Irresponsible Marketing</h6>
6476<p>
6477            <span class="sr-only">Poor</span>
6478        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6479</div>
6480      </li>
6481          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6482        <div class="flex flex-row items-center justify-between">
6483    <h6 class="text-base lg:text-lg pr-2 font-extralight">Political Donations</h6>
6484<p>
6485            <span class="sr-only">Poor</span>
6486        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6487</div>
6488      </li>
6489      </ul>
6490</div>
6491        <div class="w-full mb-2">
6492    <div class="p-4  bg-black ">
6493        <h5 class="lg:text-xl font-medium  text-white ">Other</h5>
6494    </div>
6495  <ul>
6496          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6497        <div class="flex flex-row items-center justify-between">
6498    <h6 class="text-base lg:text-lg pr-2 font-extralight">Ethical Accreditation</h6>
6499<p>
6500            <span class="sr-only">Poor</span>
6501        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6502</div>
6503      </li>
6504          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6505        <div class="flex flex-row items-center justify-between">
6506    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms</h6>
6507<p>
6508            <span class="sr-only">Poor</span>
6509        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6510</div>
6511      </li>
6512          <li class="py-2 md:py-3 lg:py-4 px-4 bg-gray-50 odd:bg-gray-100">
6513        <div class="flex flex-row items-center justify-between">
6514    <h6 class="text-base lg:text-lg pr-2 font-extralight">Public Record Criticisms+</h6>
6515<p>
6516            <span class="sr-only">Poor</span>
6517        <svg class="w-5 ls:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>    </p>
6518</div>
6519      </li>
6520      </ul>
6521</div>
6522  </div>
6523
6524<p class="flex-wrap my-2 flex-col md:flex-row flex md:hidden mt-8">
6525  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M10.62,25.74,1.68,16.88a2.3,2.3,0,0,1,0-3.25l0,0a2.35,2.35,0,0,1,3.3,0l5.64,5.59L25,4.94a2.34,2.34,0,0,1,3.3,0,2.3,2.3,0,0,1,0,3.25l0,0Z"/><rect width="30" height="30" style="fill:none"/><rect width="30" height="30" style="fill:none"/></svg>= GSG Top Rating</span>
6526  <span class="flex items-center text-base md:text-xs mr-3"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M1.81,17.07A2.25,2.25,0,0,1,3.4,13.23H26.6a2.25,2.25,0,0,1,0,4.5H3.4A2.24,2.24,0,0,1,1.81,17.07Z"/></svg>= GSG Middle Rating</span>
6527  <span class="flex items-center text-base md:text-xs"><svg class="h-2.5 w-2.5 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect width="30" height="30" style="fill:none"/><path d="M25.09,2.44a2.45,2.45,0,0,1,1.74,4.18L6.71,26.75A2.46,2.46,0,0,1,3,23.55l.27-.26L23.37,3.16A2.53,2.53,0,0,1,25.09,2.44Z"/><path d="M27.6,25.08a2.47,2.47,0,0,1-4.2,1.75L3.16,6.59A2.46,2.46,0,0,1,6.64,3.11L26.88,23.36A2.46,2.46,0,0,1,27.6,25.08Z"/></svg>= GSG Bottom Rating</span>
6528</p>
6529
6530<script>
6531  if(! window.ratings) window.ratings = [];
6532  window.ratings[22] = (
6533    {
6534      'ratings' : {"animal":{"animal-welfare":{"title":"Animal Welfare","score":"0"},"vegetarian-vegan":{"title":"Vegetarian\/Vegan Verified","score":"0"}},"environment":{"environmental-report":{"title":"Environmental Report","score":"10.1"},"genetic-modification":{"title":"Genetic Modification","score":"5"},"organic":{"title":"Organic","score":"10.1"},"fossil-fuels":{"title":"Fossil Fuels","score":"0"}},"other":{"ethical-accreditation":{"title":"Ethical Accreditation","score":"0"},"public-record-criticisms":{"title":"Public Record Criticisms","score":"0"},"public-record-criticisms-plus":{"title":"Public Record Criticisms+","score":"0"}},"people":{"armaments":{"title":"Armaments","score":"10.1"},"irresponsible-marketing":{"title":"Irresponsible Marketing","score":"0"},"political-donations":{"title":"Political Donations","score":"0"}}},
6535    }
6536  );
6537</script>
6537
6538                                    <div class="mt-14 flex flex-col items-center">
6539                                                                                                                            <a href="https://thegoodshoppingguide.com/brand-directory/tampax/" class="inline-block py-4 md:py-5 text-lg md:text-xl pl-8 pr-10 bg-brand text-white hover:bg-brand-dark font-medium  duration-300">Learn more about this brand <span class="sr-only">Tampax</span></a>
6540                                                                            </div>
6541                                </div>
6542                            </div>
6543                        </div>
6544
6545                        
6545<script>
6546                            if(!window.comparison) window.comparison = [];
6547                            window.comparison[22] = (
6548                                {
6549                                    'id' : 22,
6550                                    'company_name' : 'Tampax',
6551                                    'ethical_company_index' : '25',
6552                                    'colour' : '',
6553                                    'ratings' : window.ratings[22]['ratings'] ?? false,
6554                                    'image' : false,
6555                                    'link' : 'https://thegoodshoppingguide.com/brand-directory/tampax/',
6556                                    'has_content' : true,
6557                                }
6558                            );
6559                        </script>
6559
6560
6561                    </div>
6562                            </div>
6563
6564        </div>
6565
6566        <div class="hidden md:block">
6567            <div id="rating-compare-bar"></div>
6568            <div id="rating-comparison" class="absolute bottom-0 left-0 right-0 bg-white z-50"></div>
6569        </div>
6570
6571    </div>
6572    
6573    </main>
6574
6575    
6576  <footer class="w-full bg-gray-50">
6577  <div class="max-w-screen-3xl mx-auto flex flex-col md:flex-row justify-between py-20 px-8 items-center">
6578
6579    
6580    <div>
6581      <img class="block mx-auto md:hidden h-36 mb-16" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/ethicalBusinessLogo.jpg" alt="The Good Shopping Guide Ethical Business Logo">
6582                        <ul>
6583                          <li class="w-full border-gray-700 py-4 border-b-0 md:border-b text-center md:text-left md:pr-12 lis ">
6584                <a class="text-xl md:text-xl lg:text-xl xl:text-2xl font-medium" href="https://thegoodshoppingguide.com/brand-directory/">Accredited Brands</a>
6585              </li>
6586                          <li class="w-full border-gray-700 py-4 border-b-0 md:border-b text-center md:text-left md:pr-12 lis ">
6587                <a class="text-xl md:text-xl lg:text-xl xl:text-2xl font-medium" href="https://thegoodshoppingguide.com/how-we-rate/">How We Rate</a>
6588              </li>
6589                          <li class="w-full border-gray-700 py-4 border-b-0 md:border-b text-center md:text-left md:pr-12 lis ">
6590                <a class="text-xl md:text-xl lg:text-xl xl:text-2xl font-medium" href="https://thegoodshoppingguide.com/free-initial-assessment/">Free Initial Ethical &amp; Sustainability Assessment</a>
6591              </li>
6592                          <li class="w-full border-gray-700 py-4 border-b-0 md:border-b text-center md:text-left md:pr-12 lis ">
6593                <a class="text-xl md:text-xl lg:text-xl xl:text-2xl font-medium" href="https://thegoodshoppingguide.com/get-in-touch/">Get in Touch</a>
6594              </li>
6595                          <li class="w-full border-gray-700 py-4 border-b-0 md:border-b text-center md:text-left md:pr-12 lis ">
6596                <a class="text-xl md:text-xl lg:text-xl xl:text-2xl font-medium" href="https://thegoodshoppingguide.com/terms-conditions/">Terms &#038; Conditions</a>
6597              </li>
6598                      </ul>
6599                  </div>
6600
6601    
6602    <div>
6603      <img class="hidden md:block h-24" loading="lazy" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/images/ethicalBusinessLogo.jpg" alt="The Good Shopping Guide Ethical Business Logo">
6604      <div class="my-16 md:my-6">
6605        <ul class="grid grid-cols-5 gap-3 max-w-xs">
6606
6607        <li>
6608        <a href="https://www.facebook.com/thegoodshoppingguide/" target="_blank" class="h-14 w-14 bg-brand rounded-full flex items-center justify-center">
6609            <svg xmlns="http://www.w3.org/2000/svg" width="26.699" height="26.699"><path d="M20.048 1.843h-3.351a5.584 5.584 0 0 0-5.584 5.583v3.35H7.762v4.47h3.351v8.93h4.468v-8.93h3.348l1.119-4.47h-4.467v-3.35a1.117 1.117 0 0 1 1.116-1.116h3.351Z" fill="#15676a" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/></svg>
6610            <span class="sr-only">Facebook</span>
6611        </a>
6612    </li>
6613    
6614        <li>
6615        <a href="https://www.linkedin.com/company/thegoodshoppingguide?original_referer=https%3A%2F%2Fthegoodshoppingguide.com%2F" target="_blank" class="h-14 w-14 bg-brand rounded-full flex items-center justify-center">
6616            <svg xmlns="http://www.w3.org/2000/svg" width="28.99" height="27.826"><path d="M.65 3.724a2.878 2.878 0 0 1 .935-2.205A3.432 3.432 0 0 1 4.018.65a3.33 3.33 0 0 1 2.379.855 3.015 3.015 0 0 1 .933 2.299 2.814 2.814 0 0 1-.909 2.138 3.438 3.438 0 0 1-2.459.882h-.024a3.271 3.271 0 0 1-2.379-.882A2.962 2.962 0 0 1 .65 3.724Zm.347 23.387V9.256H6.93v17.855H.997Zm9.221 0v.059l5.934-.059v-9.97a3.848 3.848 0 0 1 .214-1.443 3.876 3.876 0 0 1 1.136-1.537 2.9 2.9 0 0 1 1.911-.628q2.994 0 2.994 4.036v9.542h5.933V16.874q0-3.956-1.871-6a6.382 6.382 0 0 0-4.945-2.045 6.187 6.187 0 0 0-4.04 1.419l-.469.435-.729.912h-.134V9.256h-5.933q.053.855.053 5.319c0 2.976-.053 12.535-.053 12.535Z" fill="none" stroke="#fbfbfb" stroke-width="1.3"/></svg>
6617            <span class="sr-only">LinkedIn</span>
6618        </a>
6619    </li>
6620    
6621        <li>
6622        <a href="https://twitter.com/TheGoodShopping" target="_blank" class="h-14 w-14 bg-brand rounded-full flex items-center justify-center">
6623            <svg xmlns="http://www.w3.org/2000/svg" width="26.239" height="21.922"><path d="M25.405.925A12.189 12.189 0 0 1 21.9 2.637a5 5 0 0 0-8.779 3.351v1.116a11.907 11.907 0 0 1-10.054-5.06S-1.4 12.096 8.652 16.565a13 13 0 0 1-7.819 2.233c10.052 5.585 22.338 0 22.338-14.844a5.011 5.011 0 0 0-.09-.927A8.614 8.614 0 0 0 25.405.925Z" fill="#15676a" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"/></svg>
6624            <span class="sr-only">Twitter</span>
6625        </a>
6626    </li>
6627    
6628        <li>
6629        <a href="https://www.instagram.com/thegoodshoppingguide/" target="_blank" class="h-14 w-14 bg-brand rounded-full flex items-center justify-center">
6630            <svg xmlns="http://www.w3.org/2000/svg" width="24.004" height="24.004"><g transform="translate(.833 .833)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667"><rect width="22.338" height="22.338" rx="5" fill="#15676a"/><path d="M15.636 10.465a4.467 4.467 0 1 1-3.763-3.763 4.467 4.467 0 0 1 3.763 3.763Z" fill="#15676a"/><path fill="none" d="M17.312 5.026h.011"/></g></svg>
6631            <span class="sr-only">Instagram</span>
6632        </a>
6633    </li>
6634    
6635    
6636</ul>
6637      </div>
6638      <p class="text-center md:text-left text-lg font-extralight">Copyright © <span id="footer_currYear">
6638<script>document.getElementById('footer_currYear').innerText = new Date().getFullYear();</script>
6638</span>. All rights reserved.</p>
6639    </div>
6640  </div>
6641  
6641<script>
6642        // Google Analytics, added to the site code if consent is allowed from Hubspot banner
6643        var _hsp = window._hsp = window._hsp || [];
6644        var consent = false;
6645        var $body = document.querySelector('body');
6646        var $head = document.querySelector('head');
6647        var $gTMScript, $gTMNoscript;
6648        _hsp.push(['addPrivacyConsentListener', function(consent) {
6649            consent = consent.allowed;
6650            if(consent === true){
6651
6652            console.log('consent allowed');
6653            
6654            // Google Tag Manager
6655            $gTMScript = document.createElement('script');
6656            $gTMScript.innerHTML = "
vendor: 323 bytes, line 6656
6656(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
6656GTM-NCZ9SD6
vendor: 3 bytes, line 6656
6656');
6656";
6657            $head.insertAdjacentElement('afterbegin', $gTMScript);
6658            
6659            $gTMNoscript = document.createElement('noscript');
6660            $gTMNoscript.innerHTML = "<iframe src='https://www.googletagmanager.com/ns.html?id=GTM-NCZ9SD6' height='0' width='0' style='display:none;visibility:hidden'></iframe>";
6661            $body.insertAdjacentElement('afterbegin', $gTMNoscript);
6662            }
6663        }]);
6664    </script>
6664
6665</footer></div>
6666    </div>
6667
6668        
6668<script type="speculationrules">
6669{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/thegoodshoppingguide/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
6670</script>
vendor: 1 bytes, line 6670
6670
6671<script id="leadin-script-loader-js-js-extra">
6672var leadin_wordpress = {"userRole":"visitor","pageType":"archive","leadinPluginVersion":"11.3.73"};
6673//# sourceURL=leadin-script-loader-js-js-extra
6674</script>
vendor: 1 bytes, line 6674
6674
6675<script async defer id='hs-script-loader' src="https://js.hs-scripts.com/5488453.js?integration=WordPress&#038;ver=11.3.73"></script>
vendor: 1 bytes, line 6675
6675
6676<script id="sage/vendor.js-js-before">
6677(()=>{"use strict";var r,e={},o={};function a(r){var t=o[r];if(void 0!==t)return t.exports;var n=o[r]={exports:{}};return e[r].call(n.exports,n,n.exports,a),n.exports}a.m=e,r=[],a.O=(e,o,t,n)=>{if(!o){var l=1/0;for(v=0;v<r.length;v++){for(var[o,t,n]=r[v],i=!0,s=0;s<o.length;s++)(!1&n||l>=n)&&Object.keys(a.O).every(r=>a.O[r](o[s]))?o.splice(s--,1):(i=!1,n<l&&(l=n));if(i){r.splice(v--,1);var u=t();void 0!==u&&(e=u)}}return e}n=n||0;for(var v=r.length;v>0&&r[v-1][2]>n;v--)r[v]=r[v-1];r[v]=[o,t,n]},a.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return a.d(e,{a:e}),e},a.d=(r,e)=>{for(var o in e)a.o(e,o)&&!a.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},a.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={990:0,6:0,547:0,897:0};a.O.j=e=>0===r[e];var e=(e,o)=>{var t,n,[l,i,s]=o,u=0;if(l.some(e=>0!==r[e])){for(t in i)a.o(i,t)&&(a.m[t]=i[t]);if(s)var v=s(a)}for(e&&e(o);u<l.length;u++)n=l[u],a.o(r,n)&&r[n]&&r[n][0](),r[n]=0;return a.O(v)},o=globalThis.webpackChunksage=globalThis.webpackChunksage||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})()})();
6678//# sourceMappingURL=manifest.js.map
6679//# sourceURL=sage%2Fvendor.js-js-before
6680</script>
vendor: 1 bytes, line 6680
6680
6681<script id="sage/vendor.js-js" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/scripts/vendor.js?id=93e64062b60d16efa4786fcecdf918e2"></script>
vendor: 1 bytes, line 6681
6681
6682<script id="sage/app.js-js-extra">
6683var sage = {"ajax_url":"https://thegoodshoppingguide.com/wp/wp-admin/admin-ajax.php"};
6684//# sourceURL=sage%2Fapp.js-js-extra
6685</script>
vendor: 1 bytes, line 6685
6685
6686<script id="sage/app.js-js" src="https://thegoodshoppingguide.com/app/themes/thegoodshoppingguide/public/scripts/app.js?id=145c53565d0ee58be6560c222cd71206"></script>
6686
6687  </body>
6688</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.