:root {
  --font-family-heading: "Helpetica", "TT Commons Pro", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-body: "TT Commons Pro", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --button-border-width: 2px;
  --button-radius: 0.25rem;
  --c-swatch-white: #fff;
  --c-swatch-yellow: #ff0;
  --c-swatch-orange: orange;
  --c-swatch-purple: #301934;
  --c-swatch-red: #fc4234;
  --c-swatch-blue: #0069ca;
  --c-swatch-black: #2a2a2a;
  --c-swatch-pink: #e85ae2;
  --c-swatch-multi: linear-gradient(180deg, #0069ca, #e85ae2 19.79%, #fc4234 40.1%, #fc9434 60.42%, #fcd034 80.21%, #14b65a);
  --c-swatch-brown: #8e520c;
  --c-swatch-green: #14b65a;
  --c-petplan-hover: #f37021;
  --c-petplan-purple-light: #efeaf3;
  --c-petplan-purple: #662d91;
  --c-petplan-orange: #f5833e;
  --c-petplan-green-light: #edf2eb;
  --c-petplan-green-dark: #51833a;
  --c-petplan-green: #9dd29c;
  --c-petplan-light: #91c9ee;
  --c-petplan-base: #0052a4;
  --c-categories-robin: #ffe7e6;
  --c-categories-labrador: #fffadb;
  --c-categories-beetle: #f5e6ff;
  --c-categories-whale: #e6fdff;
  --c-accent-dark: #073236;
  --c-accent-light: #ebfaff;
  --c-neutral-white: #fff;
  --c-neutral-snow: #f9f9f9;
  --c-neutral-smoke: #d6d6d6;
  --c-neutral-ash: #a8a8a8;
  --c-neutral-silver: #757575;
  --c-neutral-charcoal: #525252;
  --c-neutral-black: #2a2a2a;
  --c-flavours-lime: #c3eb32;
  --c-flavours-warm-grey: #f0e6dc;
  --c-flavours-off-white: #fffaf5;
  --c-flavours-beige: #f0e6dc;
  --c-error-base: #d92a21;
  --c-error-light: #fff0f0;
  --c-warning-base: #ffe433;
  --c-warning-light: #fffce5;
  --c-action-base: #0059ab;
  --c-action-light: #f0feff;
  --c-promotion-dark: #4d0913;
  --c-promotion-hover: #821425;
  --c-promotion-base: #e02440;
  --c-promotion-light: #fff0f2;
  --c-subscription-dark: #2b1d73;
  --c-subscription-hover: #3c28a0;
  --c-subscription-base: #5537cd;
  --c-subscription-light: #f2f0ff;
  --c-brand-dark: #002828;
  --c-brand-hover: #00871e;
  --c-brand-base: #00aa28;
  --c-brand-light: #f0fff0;
  --button-black-hover: var(--c-neutral-charcoal);
  --button-black-alt: var(--c-neutral-white);
  --button-black-main: var(--c-neutral-black);
  --button-white-hover: var(--c-neutral-snow);
  --button-white-alt: var(--c-neutral-black);
  --button-white-main: var(--c-neutral-white);
  --button-promotion-hover: var(--c-promotion-hover);
  --button-promotion-alt: var(--c-neutral-white);
  --button-promotion-main: var(--c-promotion-base);
  --button-subscription-hover: var(--c-subscription-hover);
  --button-subscription-alt: var(--c-neutral-white);
  --button-subscription-main: var(--c-subscription-base);
  --button-brand-hover: var(--c-brand-hover);
  --button-brand-alt: var(--c-neutral-white);
  --button-brand-main: var(--c-brand-base);
  --c-type-heading: var(--c-brand-dark);
  --c-type-body: var(--c-brand-dark);
  --c-success-base: var(--c-brand-base);
  --c-success-light: var(--c-brand-light);
  --u-header-narrow-min-height: 4.5625rem;
  --u-header-narrow-max-height: 11.2rem;
  --u-header-wide-height: 9.0625rem
}
.brand-emphasis {
  color: var(--c-swatch-green);
  /* font-size: 1.2rem; */
  font-weight: 500;  }
  .list-tick {
  list-style-type: none;
  }
  .list-tick li {
  padding-left: 1em;  /* space for the tick and some extra space */
  text-indent: -1em;  /* pulls the text back to the left so it aligns with the rest of the content */
  }

  .list-tick li::before {
  content: "\2713\0020";
  color: var(--c-brand-base);
}
  .list-bullet {
    list-style-type: none;
  }

  .list-bullet li {
    padding-left: 1em; /* space for the bullet and some extra space */
    text-indent: -1em; /* pulls the text back to the left so it aligns with the rest of the content */
  }

  .list-bullet li::before {
    content: "\2022\0020"; /* Unicode for bullet point followed by a space */
    color: var(--c-brand-base);
    }