@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
    2. Remove default margin
  */
* {
  margin: 0;
}

/*
    Typographic tweaks!
    3. Add accessible line-height
    4. Improve text rendering
  */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
    5. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/*
    6. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
  font: inherit;
}

/*
    7. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/*
    8. Create a root stacking context
  */
#root,
#__next {
  isolation: isolate;
}

/***************************************************************************************
*    Code used adopted from: 
*    Title: My Custom CSS Reset
*    Author: Josh W Comeau
*    Date: June 9th, 2023
*    Availability: https://www.joshwcomeau.com/css/custom-css-reset/
*
***************************************************************************************/
:root {
  --hc-black: #000000;
  --hc-transparent: rgba(255, 255, 255, 0);
  --hc-white: #ffffff;
  --hc-blue-50: #f0f7ff;
  --hc-blue-100: #dfefff;
  --hc-blue-200: #b9defe;
  --hc-blue-300: #7bc6fe;
  --hc-blue-400: #34a8fc;
  --hc-blue-500: #0a8eed;
  --hc-blue-600: #006fcb;
  --hc-blue-700: #0058a4;
  --hc-blue-800: #054c87;
  --hc-blue-900: #113c66;
  --hc-blue-950: #07284a;
  --hc-gray-50: #f9fafb;
  --hc-gray-100: #f3f4f6;
  --hc-gray-200: #e5e7eb;
  --hc-gray-300: #d1d5db;
  --hc-gray-400: #99a1af;
  --hc-gray-500: #6a7282;
  --hc-gray-600: #4a5565;
  --hc-gray-700: #364153;
  --hc-gray-800: #1e2939;
  --hc-gray-900: #101828;
  --hc-gray-950: #030712;
  --hc-green-50: #edfff5;
  --hc-green-100: #d6ffe9;
  --hc-green-200: #afffd4;
  --hc-green-300: #71ffb4;
  --hc-green-400: #2dfb8c;
  --hc-green-500: #02e56c;
  --hc-green-600: #00bf56;
  --hc-green-700: #009245;
  --hc-green-800: #06753b;
  --hc-green-900: #085f33;
  --hc-green-950: #00361a;
  --hc-orange-50: #fef5ee;
  --hc-orange-100: #fde7d7;
  --hc-orange-200: #fbccad;
  --hc-orange-300: #f8a779;
  --hc-orange-400: #f47943;
  --hc-orange-500: #f15a24;
  --hc-orange-600: #e23d14;
  --hc-orange-700: #bb2b13;
  --hc-orange-800: #952517;
  --hc-orange-900: #782116;
  --hc-orange-950: #410d09;
  --hc-pink-50: #fef1f6;
  --hc-pink-100: #fee5ef;
  --hc-pink-200: #ffcbe1;
  --hc-pink-300: #ffa1c7;
  --hc-pink-400: #ff7bac;
  --hc-pink-500: #fa3a7c;
  --hc-pink-600: #ea1855;
  --hc-pink-700: #cc0a3e;
  --hc-pink-800: #a80c33;
  --hc-pink-900: #8c0f2e;
  --hc-pink-950: #560116;
  --hc-red-50: #fff5f5;
  --hc-red-100: #ffe4e4;
  --hc-red-200: #fecdcf;
  --hc-red-300: #fda4a8;
  --hc-red-400: #fb717a;
  --hc-red-500: #f43f4f;
  --hc-red-600: #e11d38;
  --hc-red-700: #ce1432;
  --hc-red-800: #9f122d;
  --hc-red-900: #88132d;
  --hc-red-950: #4c0513;
  --hc-sky-50: #f0faff;
  --hc-sky-100: #e1f3fd;
  --hc-sky-200: #bbe9fc;
  --hc-sky-300: #7fd9fa;
  --hc-sky-400: #44c8f5;
  --hc-sky-500: #12afe5;
  --hc-sky-600: #068dc3;
  --hc-sky-700: #06709e;
  --hc-sky-800: #095e83;
  --hc-sky-900: #0e4f6c;
  --hc-sky-950: #093248;
  --hc-ui-blue-50: #eff3ff;
  --hc-ui-blue-100: #c6d9ff;
  --hc-ui-blue-200: #a8c6ff;
  --hc-ui-blue-300: #6a9cff;
  --hc-ui-blue-400: #407eff;
  --hc-ui-blue-500: #1d62f4;
  --hc-ui-blue-600: #0047e2;
  --hc-ui-blue-700: #0b35b2;
  --hc-ui-blue-800: #11267f;
  --hc-ui-blue-900: #0c1555;
  --hc-ui-blue-950: #060941;
  --hc-yellow-50: #fff8eb;
  --hc-yellow-100: #feeac7;
  --hc-yellow-200: #fdd48a;
  --hc-yellow-300: #fbb03b;
  --hc-yellow-400: #fa9e25;
  --hc-yellow-500: #f47a0c;
  --hc-yellow-600: #d85607;
  --hc-yellow-700: #bb2b13;
  --hc-yellow-800: #922b0e;
  --hc-yellow-900: #78250f;
  --hc-yellow-950: #451003;
}

:root {
  --hc-brand-blue: var(--hc-blue-700);
  --hc-brand-navy: var(--hc-blue-800);
  --hc-brand-sky: var(--hc-blue-500);
  --hc-background-default: var(--hc-white);
  --hc-background-hover: var(--hc-gray-50);
  --hc-background-inverse: var(--hc-gray-700);
  --hc-background-disabled: var(--hc-gray-300);
  --hc-background-brand: var(--hc-blue-700);
  --hc-background-brand-hover: var(--hc-blue-900);
  --hc-background-brand-active: var(--hc-blue-950);
  --hc-background-brand-inverse: var(--hc-blue-300);
  --hc-background-brand-alternate: var(--hc-blue-900);
  --hc-background-interactive: var(--hc-ui-blue-600);
  --hc-background-interactive-hover: var(--hc-ui-blue-700);
  --hc-background-interactive-active: var(--hc-ui-blue-800);
  --hc-background-error: var(--hc-red-50);
  --hc-brand-accent-green: var(--hc-green-700);
  --hc-brand-accent-gold: var(--hc-yellow-300);
  --hc-brand-accent-orange: var(hc-orange-500);
  --hc-brand-accent-pink: var(--hc-pink-400);
  --hc-brand-accent-red: var(hc-red-700);
  --hc-border-color-focus-inner: var(--hc-white);
  --hc-border-color-focus-outer: var(--hc-background-interactive);
  --hc-border-color-subtle: var(--hc-gray-300);
  --hc-border-color-strong: var(--hc-gray-700);
  --hc-border-color-error: var(--hc-red-700);
  --hc-border-color-disabled: var(--hc-gray-300);
  --hc-border-color-inverse: var(--hc-gray-900);
  --hc-border-color-on-color: var(--hc-white);
  --hc-border-subtle-on-color: rgba(255, 255, 255, 0.2);
  --hc-button-primary: var(--hc-background-interactive);
  --hc-button-primary-hover: var(--hc-background-interactive-hover);
  --hc-button-primary-active: var(--hc-background-interactive-active);
  --hc-button-secondary: var(--hc-white);
  --hc-button-secondary-hover: var(--hc-background-interactive-hover);
  --hc-button-secondary-active: var(--hc-background-interactive-active);
  --hc-button-secondary-border: var(--hc-background-interactive);
  --hc-button-tertiary: var(--hc-white);
  --hc-button-tertiary-hover: var(--hc-black);
  --hc-button-tertiary-active: var(--hc-gray-900);
  --hc-button-tertiary-border: var(--hc-black);
  --hc-button-danger: var(--hc-red-700);
  --hc-button-danger-hover: var(--hc-red-900);
  --hc-button-danger-active: var(--hc-red-950);
  --hc-button-border: var(--hc-background-interactive);
  --hc-button-primary-on-dark: var(--hc-white);
  --hc-button-primary-on-dark-hover: var(--hc-gray-50);
  --hc-button-primary-on-dark-active: var(--hc-gray-100);
  --hc-button-secondary-on-dark: var(--hc-transparent);
  --hc-button-secondary-on-dark-hover: var(--hc-gray-50);
  --hc-button-secondary-on-dark-active: var(--hc-gray-100);
  --hc-button-secondary-on-dark-border: var(--hc-white);
  --hc-button-tertiary-on-dark: var(--hc-white);
  --hc-button-tertiary-on-dark-hover: var(--hc-gray-50);
  --hc-button-tertiary-on-dark-active: var(--hc-gray-100);
  --hc-button-disabled: var(--hc-background-background-disabled);
  --hc-button-separator: var(--hc-gray-200);
  --hc-field-background: var(--hc-background-default);
  --hc-field-border-color: var(--hc-border-color-strong);
  --hc-field-error: var(--hc-red-50);
  --hc-icon-primary: var(--hc-gray-900);
  --hc-icon-secondary: var(--hc-gray-700);
  --hc-icon-on-color: var(--hc-white);
  --hc-icon-disabled: var(--hc-gray-500);
  --hc-icon-icon-on-color-disabled: var(--hc-gray-400);
  --hc-icon-interactive: var(--hc-background-interactive);
  --hc-icon-info: var(--hc-text-info);
  --hc-icon-info-inverse: var(--hc-support-info);
  --hc-icon-success: var(--hc-text-success);
  --hc-icon-success-inverse: var(--hc-support-success);
  --hc-icon-warning: var(--hc-text-warning);
  --hc-icon-warning-inverse: var(--hc-support-warning);
  --hc-icon-error: var(--hc-text-error);
  --hc-icon-error-inverse: var(--hc-support-error);
  --hc-link-primary: var(--hc-background-interactive);
  --hc-link-inverse: var(--hc-white);
  --hc-link-primary-hover: var(--hc-background-brand-hover);
  --hc-support-error: var(--hc-red-100);
  --hc-support-error-hover: var(--hc-red-200);
  --hc-support-error-active: var(--hc-red-300);
  --hc-support-error-inverse: var(--hc-red-800);
  --hc-support-info: var(--hc-blue-100);
  --hc-support-info-hover: var(--hc-blue-200);
  --hc-support-info-active: var(--hc-blue-300);
  --hc-support-info-inverse: var(--hc-blue-900);
  --hc-support-success: var(--hc-green-100);
  --hc-support-success-hover: var(--hc-green-200);
  --hc-support-success-active: var(--hc-green-300);
  --hc-support-success-inverse: var(--hc-green-800);
  --hc-support-warning: var(--hc-yellow-100);
  --hc-support-warning-hover: var(--hc-yellow-200);
  --hc-support-warning-active: var(--hc-yellow-300);
  --hc-support-warning-inverse: var(--hc-yellow-800);
  --hc-text-primary: var(--hc-gray-900);
  --hc-text-secondary: var(--hc-gray-700);
  --hc-text-brand: var(--hc-background-brand-alternate);
  --hc-text-hint: var(--hc-gray-700);
  --hc-text-disabled: var(--hc-gray-500);
  --hc-text-on-color-disabled: var(--hc-gray-400);
  --hc-text-success: var(--hc-green-950);
  --hc-text-info: var(--hc-support-info-inverse);
  --hc-text-warning: var(--hc-yellow-900);
  --hc-text-error: var(--hc-red-900);
  --hc-text-on-color: var(--hc-white);
  --hc-text-inverse: var(--hc-white);
  --hc-text-interactive: var(--hc-background-interactive);
}

:root {
  --hc-height--small: 2.25rem;
  --hc-height--medium: 2.5rem;
  --hc-height--large: 3rem;
}

:root {
  --hc-font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --hc-font-size-base: 1rem;
  --hc-font-h1-size: calc(var(--hc-font-size-base) * 3); /*64px*/
  --hc-font-h2-size: calc(var(--hc-font-size-base) * 2.5); /*48px*/
  --hc-font-h3-size: calc(var(--hc-font-size-base) * 2); /*36*/
  --hc-font-h4-size: calc(var(--hc-font-size-base) * 1.75); /*28px*/
  --hc-font-h5-size: calc(var(--hc-font-size-base) * 1.5); /*24px*/
  --hc-font-h6-size: calc(var(--hc-font-size-base) * 1.375); /*22px*/
  --hc-font-body-size-small: calc(var(--hc-font-size-base) * 1); /*16px*/
  --hc-font-body-size-regular: calc(var(--hc-font-size-base) * 1.125); /*18px*/
  --hc-font-body-size-large: calc(var(--hc-font-size-base) * 1.25); /*20px*/
  --hc-font-fieldLabel-size-small: var(--hc-font-body-size-small); /*16px*/
  --hc-font-fieldLabel-size-regular: var(--hc-font-body-size-regular); /*18px*/
  --hc-font-fieldLabel-size-large: var(--hc-font-body-size-large); /*22px*/
  --hc-font-hint-size: var(--hc-font-body-size-regular); /*18px*/
  --hc-font-error-size: var(--hc-font-body-size-regular); /*18px*/
  --hc-font-h1-lineHeight: 110%;
  --hc-font-h2-lineHeight: 110%;
  --hc-font-h3-lineHeight: 120%;
  --hc-font-h4-lineHeight: 140%;
  --hc-font-h5-lineHeight: 140%;
  --hc-font-h6-lineHeight: 140%;
  --hc-font-body-lineHeight-large: 1.5;
  --hc-font-body-lineHeight-regular: 1.5;
  --hc-font-body-lineHeight-small: 1.5;
  --hc-text-weight-regular: 400;
  --hc-text-weight-semibold: 600;
  --hc-text-weight-bold: 700;
  --hc-font-h1-margin-bottom: var(--hc-spacing-07);
  --hc-font-h2-margin-bottom: var(--hc-spacing-06);
  --hc-font-h3-margin-bottom: var(--hc-spacing-05);
  --hc-font-h4-margin-bottom: var(--hc-spacing-05);
  --hc-font-h5-margin-bottom: var(--hc-spacing-05);
  --hc-font-h6-margin-bottom: var(--hc-spacing-05);
  --hc-font-h1-margin-top: var(--hc-spacing-05);
  --hc-font-h2-margin-top: var(--hc-spacing-05);
  --hc-font-h3-margin-top: var(--hc-spacing-04);
  --hc-font-h4-margin-top: var(--hc-spacing-04);
  --hc-font-h5-margin-top: var(--hc-spacing-04);
  --hc-font-h6-margin-top: var(--hc-spacing-04);
}

@media (min-width: 40.0625rem) {
  :root {
    --hc-font-h1-size: calc(var(--hc-font-size-base) * 4); /*64px*/
    --hc-font-h2-size: calc(var(--hc-font-size-base) * 3); /*48px*/
    --hc-font-h3-size: calc(var(--hc-font-size-base) * 2.25); /*36*/
    --hc-font-h4-size: calc(var(--hc-font-size-base) * 1.75); /*28px*/
    --hc-font-h5-size: calc(var(--hc-font-size-base) * 1.5); /*24px*/
    --hc-font-h6-size: calc(var(--hc-font-size-base) * 1.375); /*22px*/
    --hc-font-body-size-large: calc(var(--hc-font-size-base) * 1.375); /*22px*/
    --hc-font-body-size-regular: calc(
    	var(--hc-font-size-base) * 1.125
    ); /*18px*/
    --hc-font-body-size-small: calc(var(--hc-font-size-base) * 1); /*16px*/
    --hc-font-fieldLabel-size: var(--hc-font-body-size-regular); /*18px*/
    --hc-font-hint-size: var(--hc-font-body-size-regular); /*18px*/
    --hc-font-error-size: var(--hc-font-body-size-regular); /*18px*/
    --hc-font-h1-lineHeight: 110%;
    --hc-font-h2-lineHeight: 110%;
    --hc-font-h3-lineHeight: 120%;
    --hc-font-h4-lineHeight: 140%;
    --hc-font-h5-lineHeight: 140%;
    --hc-font-h6-lineHeight: 140%;
    --hc-font-body-lineHeight-large: 1.5;
    --hc-font-body-lineHeight-regular: 1.5;
    --hc-font-body-lineHeight-small: 1.5;
    --hc-font-h1-margin-top: var(--hc-spacing-00);
    --hc-font-h2-margin-top: var(--hc-spacing-08);
    --hc-font-h3-margin-top: var(--hc-spacing-07);
    --hc-font-h4-margin-top: var(--hc-spacing-06);
    --hc-font-h5-margin-top: var(--hc-spacing-04);
    --hc-font-h6-margin-top: var(--hc-spacing-04);
    --hc-font-h1-margin-bottom: var(--hc-spacing-06);
    --hc-font-h2-margin-bottom: var(--hc-spacing-06);
    --hc-font-h3-margin-bottom: var(--hc-spacing-05);
    --hc-font-h4-margin-bottom: var(--hc-spacing-05);
    --hc-font-h5-margin-bottom: var(--hc-spacing-05);
    --hc-font-h6-margin-bottom: var(--hc-spacing-05);
  }
}
h1,
.hc-heading-xl {
  color: var(--hc-text-brand, #0058a4);
  display: block;
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-h1-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--hc-font-h1-lineHeight);
  margin-bottom: var(--hc-font-h1-margin-bottom);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: var(--hc-font-h1-margin-top);
}

h2,
.hc-heading-l {
  color: var(--hc-text-brand, #0058a4);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-h2-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--hc-font-h2-lineHeight);
  margin-bottom: var(--hc-font-h2-margin-bottom);
}

h3,
.hc-heading-m {
  color: var(--hc-text-brand, #0058a4);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-h3-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--hc-font-h3-lineHeight);
  margin-bottom: var(--hc-font-h3-margin-bottom);
}

h4,
.hc-heading-s {
  color: var(--hc-text-brand, #0058a4);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-h4-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--hc-font-h4-lineHeight);
  margin-bottom: var(--hc-font-h4-margin-bottom);
}

h5,
.hc-heading-xs {
  color: var(--text-primary, #171a1d);
  /*desktop  Headings/H5 */
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-h5-size);
  font-style: normal;
  font-weight: 600;
  line-height: var(--hc-font-h5-lineHeight);
  margin-bottom: var(--hc-font-h5-margin-bottom);
}

h6,
.hc-heading-xxs {
  color: var(--text-primary, #171a1d);
  /*desktop  Headings/H6 */
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-h6-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--hc-font-h6-lineHeight);
  margin-bottom: var(--hc-font-h6-margin-bottom);
}

p,
.hc-body,
.hc-body-m {
  color: var(--hc-text-primary, #171a1d);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.6875rem */
  letter-spacing: -0.01125rem;
  max-width: 90ch;
}

.hc-body-l {
  color: var(--hc-text-primary, #171a1d);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.6875rem */
  letter-spacing: -0.01125rem;
  max-width: 90ch;
}

.hc-body-s {
  color: var(--hc-text-primary, #171a1d);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-small);
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.6875rem */
  letter-spacing: -0.01125rem;
  max-width: 90ch;
}

.hc-body-bold {
  color: var(--hc-text-primary, #171a1d);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.6875rem */
  letter-spacing: -0.01125rem;
  max-width: 90ch;
}

p {
  margin-block-end: var(--hc-spacing-04);
}

a,
a:link {
  color: var(--hc-link-primary);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: max(1px, 0.0625rem);
  text-underline-offset: 0.1578em;
}

a:hover {
  color: var(--hc-link-primary-hover);
}

a:visited:hover {
  color: var(--hc-link-primary-hover);
}

.hc-link-on-color,
a.hc-link-on-color {
  color: var(--hc-link-inverse);
}

.hc-link-on-color:hover:visited,
a.hc-link-on-color:hover:visited {
  color: var(--hc-link-inverse);
}

.hc-text-on-color {
  color: var(--hc-text-on-color);
}

.hc-field-label {
  display: block;
  color: var(--hc-text-primary, #171a1d);
  /* Body/Body */
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-fieldLabel-size-regular);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.6875rem */
  letter-spacing: -0.01em;
}

.hc-field-label--disabled {
  color: var(--hc-text-disabled);
}

.hc-text-hint {
  display: block;
  color: var(--hc-text-hint, #5c646d);
  /* Body/Body-Small */
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.5rem */
  margin-bottom: var(--hc-spacing-02);
  max-width: 80ch;
}

.hc-text-hint--disabled {
  color: var(--hc-text-disabled);
}

.hc-text-error {
  display: block;
  color: var(--hc-text-error, #ef413d);
  /* Body/Body-Small */
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.5rem */
  margin: var(--hc-spacing-00);
  margin-bottom: var(--hc-spacing-02);
}

.hc-form-group {
  display: block;
  margin-bottom: var(--hc-spacing-07);
}

/* this is a general class for groups of form items */
.hc-fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.hc-fieldset__legend {
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-fieldLabel-size-regular);
  line-height: 1.3;
  font-weight: 500;
  /* govUK fix for legend text wrapping in Edge and IE
     1. IE9-11 & Edge 12-13
     2. IE8-11 */
  box-sizing: border-box; /* 1 */
  display: table; /* 2 */
  max-width: 100%; /* 1 */
  margin-bottom: var(--hc-spacing-02);
  padding: 0px;
}

.hc-text-branded {
  color: var(--hc-text-brand);
}

/* ==================================================  */
/* ==================================================  */
/* additional padding for combinations of headings and paragraphs  */
/* ==================================================  */
/* ==================================================  */
.hc-body-l + h2,
.hc-body-lead + h2,
.hc-body-l + .hc-heading-l,
.hc-body-lead + .hc-heading-l {
  padding-top: 5px;
}

/* Tablet and desktop */
@media (min-width: 40.0625em) {
  .hc-body-l + h2,
  .hc-body-lead + h2,
  .hc-body-l + .hc-heading-l,
  .hc-body-lead + .hc-heading-l {
    padding-top: 10px;
  }
}
/* Mobile first */
p + h2,
.hc-body-m + h2,
.hc-body + h2,
p + .hc-heading-l,
.hc-body-m + .hc-heading-l,
.hc-body + .hc-heading-l,
.hc-body-s + h2,
.hc-body-s + .hc-heading-l,
ul + h2,
ol + h2,
.hc-list + h2,
ul + .hc-heading-l,
ol + .hc-heading-l,
.hc-list + .hc-heading-l {
  padding-top: 15px;
}

/* Tablet and desktop */
@media (min-width: 40.0625em) {
  p + h2,
  .hc-body-m + h2,
  .hc-body + h2,
  p + .hc-heading-l,
  .hc-body-m + .hc-heading-l,
  .hc-body + .hc-heading-l,
  .hc-body-s + h2,
  .hc-body-s + .hc-heading-l,
  ul + h2,
  ol + h2,
  .hc-list + h2,
  ul + .hc-heading-l,
  ol + .hc-heading-l,
  .hc-list + .hc-heading-l {
    padding-top: 20px;
  }
}
/* Mobile */
p + h3,
.hc-body-m + h3,
.hc-body + h3,
p + .hc-heading-m,
.hc-body-m + .hc-heading-m,
.hc-body + .hc-heading-m,
.hc-body-s + h3,
.hc-body-s + .hc-heading-m,
ul + h3,
ol + h3,
.hc-list + h3,
ul + .hc-heading-m,
ol + .hc-heading-m,
.hc-list + .hc-heading-m,
p + h4,
.hc-body-m + h4,
.hc-body + h4,
p + .hc-heading-s,
.hc-body-m + .hc-heading-s,
.hc-body + .hc-heading-s,
.hc-body-s + h4,
.hc-body-s + .hc-heading-s,
ul + h4,
ol + h4,
.hc-list + h4,
ul + .hc-heading-s,
ol + .hc-heading-s,
.hc-list + .hc-heading-s {
  padding-top: 5px;
}

/* Tablet and desktop */
@media (min-width: 40.0625em) {
  p + h3,
  p + .app-contact-panel__heading,
  .hc-body-m + h3,
  .hc-body + h3,
  p + .hc-heading-m,
  .hc-body-m + .hc-heading-m,
  .hc-body + .hc-heading-m,
  .hc-body-s + h3,
  .hc-body-s + .hc-heading-m,
  ul + h3,
  ol + h3,
  .hc-list + h3,
  ul + .hc-heading-m,
  ol + .hc-heading-m,
  .hc-list + .hc-heading-m,
  p + h4,
  .hc-body-m + h4,
  .hc-body + h4,
  p + .hc-heading-s,
  .hc-body-m + .hc-heading-s,
  .hc-body + .hc-heading-s,
  .hc-body-s + h4,
  .hc-body-s + .hc-heading-s,
  ul + h4,
  ol + h4,
  .hc-list + h4,
  ul + .hc-heading-s,
  ol + .hc-heading-s,
  .hc-list + .hc-heading-s {
    padding-top: 10px;
  }
}
/***************************************************************************************
*    Title: Typography (scss)
*    Author: Gov.uk
*    Date: Aug 7th, 2023
*    Availability: https://github.com/alphagov/govuk-frontend/blob/a2ff2e41967a38785aaef33135dc7e41cbd6d00b/packages/govuk-frontend/src/govuk/core/_typography.scss
*
***************************************************************************************/
/* ======================================== */
/* ======================================== */
/* The MIT License (MIT)

Copyright (C) 2017 Crown Copyright (Government Digital Service)

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. */
/* ======================================== */
/* ======================================== */
:root {
  --hc-shadow-style-focus: none;
  --focus-inset: 2px 0px 0px 0px var(--hc-white) inset,
    -2px 0px 0px 0px var(--hc-white) inset,
    0px -2px 0px 0px var(--hc-white) inset,
    0px 2px 0px 0px var(--hc-white) inset,
    -4px 0px 0px 0px var(--hc-background-brand) inset,
    0px -4px 0px 0px var(--hc-background-brand) inset,
    0px 4px 0px 0px var(--hc-background-brand) inset,
    4px 0px 0px 0px var(--hc-background-brand) inset;
  --hc-shadow-focus-outer-ring: 0px 0px 0px 4px var(--hc-white);
}

:root {
  --hc-border-base: 16px;
  --hc-border-width-small: calc(var(--hc-border-base) * 0.125);
  --hc-border-width-medium: calc(var(--hc-border-base) * 0.25);
  --hc-border-width-large: calc(var(--hc-border-base) * 0.375);
  --hc-border-hidden: var(--hc-transparent);
}

:root {
  --hc-border-radius-base: 1rem;
  --hc-border-radius-00: calc(var(--hc-border-radius-base) * 0); /*0px*/
  --hc-border-radius-01: calc(var(--hc-border-radius-base) * 0.125); /*2px*/
  --hc-border-radius-02: calc(var(--hc-border-radius-base) * 0.25); /*4px*/
  --hc-border-radius-03: calc(var(--hc-border-radius-base) * 0.5); /*8px*/
  --hc-border-radius-04: calc(var(--hc-border-radius-base) * 0.75); /*12px*/
  --hc-border-radius-none: 0px;
  --hc-border-radius-regular: 6px;
  --hc-border-radius-pill: 9999px;
  --hc-border-radius-circle: 50%;
}

:root {
  --hc-border-brand: 2px solid var(--hc-background-brand);
  --hc-border-interactive: 2px solid var(--hc-background-interactive);
  --hc-border-color-interactive-hover: var(--hc-background-interactive-hover);
  --hc-border-color-interactive-active: var(--hc-background-interactive-active);
  --hc-border-style-focus: 2px solid var(--hc-border-color-focus-inner);
  --hc-border-style-focus-alternate: 2px solid
  	var(--hc-border-color-focus-outer);
  --hc-border-style-transparent: 2px solid var(--hc-transparent);
  --hc-outline-style-focus: var(--hc-background-interactive) solid 3px;
}

:root {
  --hc-spacing-base: 16px;
  --hc-spacing-00: calc(var(--hc-spacing-base) * 0); /*0px*/
  --hc-spacing-01: calc(var(--hc-spacing-base) * 0.125); /*2px*/
  --hc-spacing-02: calc(var(--hc-spacing-base) * 0.25); /*4px*/
  --hc-spacing-03: calc(var(--hc-spacing-base) * 0.5); /*8px*/
  --hc-spacing-04: calc(var(--hc-spacing-base) * 0.75); /*12px*/
  --hc-spacing-05: calc(var(--hc-spacing-base) * 1); /*16px*/
  --hc-spacing-06: calc(var(--hc-spacing-base) * 1.5); /*24px*/
  --hc-spacing-07: calc(var(--hc-spacing-base) * 2); /*32px*/
  --hc-spacing-08: calc(var(--hc-spacing-base) * 2.5); /*40px*/
  --hc-spacing-09: calc(var(--hc-spacing-base) * 3); /*48px*/
  --hc-spacing-10: calc(var(--hc-spacing-base) * 4); /*64px*/
  --hc-spacing-11: calc(var(--hc-spacing-base) * 5); /*80px*/
  --hc-spacing-12: calc(var(--hc-spacing-base) * 6); /*96px*/
  --hc-spacing-13: calc(var(--hc-spacing-base) * 10); /*160px*/
}

.hc-icon-size--small {
  width: 1rem; /* 16px */
  height: 1rem; /* 16px */
  fill: currentColor;
  flex-shrink: 0;
}

.hc-icon-size--regular {
  width: 1.5rem; /* 24px */
  height: 1.5rem; /* 24px */
  fill: currentColor;
  flex-shrink: 0;
}

.hc-icon-size--large {
  width: 2rem; /* 32px */
  height: 2rem; /* 32px */
  fill: currentColor;
  flex-shrink: 0;
}

:root .hc-width-full {
  width: 100%;
}
:root .hc-width-auto {
  width: auto;
}

:root .hc-gap-00 {
  gap: var(--hc-spacing-00);
}
:root .hc-gap-01 {
  gap: var(--hc-spacing-01);
}
:root .hc-gap-02 {
  gap: var(--hc-spacing-02);
}
:root .hc-gap-03 {
  gap: var(--hc-spacing-03);
}
:root .hc-gap-04 {
  gap: var(--hc-spacing-04);
}
:root .hc-gap-05 {
  gap: var(--hc-spacing-05);
}
:root .hc-gap-06 {
  gap: var(--hc-spacing-06);
}
:root .hc-gap-07 {
  gap: var(--hc-spacing-07);
}
:root .hc-gap-08 {
  gap: var(--hc-spacing-08);
}
:root .hc-gap-09 {
  gap: var(--hc-spacing-09);
}
:root .hc-gap-10 {
  gap: var(--hc-spacing-10);
}
:root .hc-gap-11 {
  gap: var(--hc-spacing-11);
}
:root .hc-gap-12 {
  gap: var(--hc-spacing-12);
}
:root .hc-gap-13 {
  gap: var(--hc-spacing-13);
}

.hc-flex {
  display: flex;
}

.hc-flex-start {
  justify-content: flex-start;
}

.hc-flex-column {
  flex-direction: column;
}

.hc-flex-row {
  flex-direction: row;
}

:root {
  /*Margin utility classes*/
  /*margin all*/
  /*margin left and right*/
  /*margin top and bottom*/
  /*margin top*/
  /*margin bottom*/
  /*margin left*/
  /*margin right*/
}
:root .hc-margin-xy-00 {
  margin: var(--hc-spacing-00);
}
:root .hc-margin-xy-01 {
  margin: var(--hc-spacing-01);
}
:root .hc-margin-xy-02 {
  margin: var(--hc-spacing-02);
}
:root .hc-margin-xy-03 {
  margin: var(--hc-spacing-03);
}
:root .hc-margin-xy-04 {
  margin: var(--hc-spacing-04);
}
:root .hc-margin-xy-05 {
  margin: var(--hc-spacing-05);
}
:root .hc-margin-xy-06 {
  margin: var(--hc-spacing-06);
}
:root .hc-margin-xy-07 {
  margin: var(--hc-spacing-07);
}
:root .hc-margin-xy-08 {
  margin: var(--hc-spacing-08);
}
:root .hc-margin-xy-09 {
  margin: var(--hc-spacing-09);
}
:root .hc-margin-xy-10 {
  margin: var(--hc-spacing-10);
}
:root .hc-margin-xy-11 {
  margin: var(--hc-spacing-11);
}
:root .hc-margin-xy-12 {
  margin: var(--hc-spacing-12);
}
:root .hc-margin-xy-13 {
  margin: var(--hc-spacing-13);
}
:root .hc-margin-x-00 {
  margin-left: var(--hc-spacing-00);
  margin-right: var(--hc-spacing-00);
}
:root .hc-margin-x-01 {
  margin-left: var(--hc-spacing-01);
  margin-right: var(--hc-spacing-01);
}
:root .hc-margin-x-02 {
  margin-left: var(--hc-spacing-02);
  margin-right: var(--hc-spacing-02);
}
:root .hc-margin-x-03 {
  margin-left: var(--hc-spacing-03);
  margin-right: var(--hc-spacing-03);
}
:root .hc-margin-x-04 {
  margin-left: var(--hc-spacing-04);
  margin-right: var(--hc-spacing-04);
}
:root .hc-margin-x-05 {
  margin-left: var(--hc-spacing-05);
  margin-right: var(--hc-spacing-05);
}
:root .hc-margin-x-06 {
  margin-left: var(--hc-spacing-06);
  margin-right: var(--hc-spacing-06);
}
:root .hc-margin-x-07 {
  margin-left: var(--hc-spacing-07);
  margin-right: var(--hc-spacing-07);
}
:root .hc-margin-x-08 {
  margin-left: var(--hc-spacing-08);
  margin-right: var(--hc-spacing-08);
}
:root .hc-margin-x-09 {
  margin-left: var(--hc-spacing-09);
  margin-right: var(--hc-spacing-09);
}
:root .hc-margin-x-10 {
  margin-left: var(--hc-spacing-10);
  margin-right: var(--hc-spacing-10);
}
:root .hc-margin-x-11 {
  margin-left: var(--hc-spacing-11);
  margin-right: var(--hc-spacing-11);
}
:root .hc-margin-x-12 {
  margin-left: var(--hc-spacing-12);
  margin-right: var(--hc-spacing-12);
}
:root .hc-margin-x-13 {
  margin-left: var(--hc-spacing-13);
  margin-right: var(--hc-spacing-13);
}
:root .hc-margin-y-00 {
  margin-top: var(--hc-spacing-00);
  margin-bottom: var(--hc-spacing-00);
}
:root .hc-margin-y-01 {
  margin-top: var(--hc-spacing-01);
  margin-bottom: var(--hc-spacing-01);
}
:root .hc-margin-y-02 {
  margin-top: var(--hc-spacing-02);
  margin-bottom: var(--hc-spacing-02);
}
:root .hc-margin-y-03 {
  margin-top: var(--hc-spacing-03);
  margin-bottom: var(--hc-spacing-03);
}
:root .hc-margin-y-04 {
  margin-top: var(--hc-spacing-04);
  margin-bottom: var(--hc-spacing-04);
}
:root .hc-margin-y-05 {
  margin-top: var(--hc-spacing-05);
  margin-bottom: var(--hc-spacing-05);
}
:root .hc-margin-y-06 {
  margin-top: var(--hc-spacing-06);
  margin-bottom: var(--hc-spacing-06);
}
:root .hc-margin-y-07 {
  margin-top: var(--hc-spacing-07);
  margin-bottom: var(--hc-spacing-07);
}
:root .hc-margin-y-08 {
  margin-top: var(--hc-spacing-08);
  margin-bottom: var(--hc-spacing-08);
}
:root .hc-margin-y-09 {
  margin-top: var(--hc-spacing-09);
  margin-bottom: var(--hc-spacing-09);
}
:root .hc-margin-y-10 {
  margin-top: var(--hc-spacing-10);
  margin-bottom: var(--hc-spacing-10);
}
:root .hc-margin-y-11 {
  margin-top: var(--hc-spacing-11);
  margin-bottom: var(--hc-spacing-11);
}
:root .hc-margin-y-12 {
  margin-top: var(--hc-spacing-12);
  margin-bottom: var(--hc-spacing-12);
}
:root .hc-margin-y-13 {
  margin-top: var(--hc-spacing-13);
  margin-bottom: var(--hc-spacing-13);
}
:root .hc-margin-top-00 {
  margin-top: var(--hc-spacing-00);
}
:root .hc-margin-top-01 {
  margin-top: var(--hc-spacing-01);
}
:root .hc-margin-top-02 {
  margin-top: var(--hc-spacing-02);
}
:root .hc-margin-top-03 {
  margin-top: var(--hc-spacing-03);
}
:root .hc-margin-top-04 {
  margin-top: var(--hc-spacing-04);
}
:root .hc-margin-top-05 {
  margin-top: var(--hc-spacing-05);
}
:root .hc-margin-top-06 {
  margin-top: var(--hc-spacing-06);
}
:root .hc-margin-top-07 {
  margin-top: var(--hc-spacing-07);
}
:root .hc-margin-top-08 {
  margin-top: var(--hc-spacing-08);
}
:root .hc-margin-top-09 {
  margin-top: var(--hc-spacing-09);
}
:root .hc-margin-top-10 {
  margin-top: var(--hc-spacing-10);
}
:root .hc-margin-top-11 {
  margin-top: var(--hc-spacing-11);
}
:root .hc-margin-top-12 {
  margin-top: var(--hc-spacing-12);
}
:root .hc-margin-top-13 {
  margin-top: var(--hc-spacing-13);
}
:root .hc-margin-bottom-00 {
  margin-bottom: var(--hc-spacing-00);
}
:root .hc-margin-bottom-01 {
  margin-bottom: var(--hc-spacing-01);
}
:root .hc-margin-bottom-02 {
  margin-bottom: var(--hc-spacing-02);
}
:root .hc-margin-bottom-03 {
  margin-bottom: var(--hc-spacing-03);
}
:root .hc-margin-bottom-04 {
  margin-bottom: var(--hc-spacing-04);
}
:root .hc-margin-bottom-05 {
  margin-bottom: var(--hc-spacing-05);
}
:root .hc-margin-bottom-06 {
  margin-bottom: var(--hc-spacing-06);
}
:root .hc-margin-bottom-07 {
  margin-bottom: var(--hc-spacing-07);
}
:root .hc-margin-bottom-08 {
  margin-bottom: var(--hc-spacing-08);
}
:root .hc-margin-bottom-09 {
  margin-bottom: var(--hc-spacing-09);
}
:root .hc-margin-bottom-10 {
  margin-bottom: var(--hc-spacing-10);
}
:root .hc-margin-bottom-11 {
  margin-bottom: var(--hc-spacing-11);
}
:root .hc-margin-bottom-12 {
  margin-bottom: var(--hc-spacing-12);
}
:root .hc-margin-bottom-13 {
  margin-bottom: var(--hc-spacing-13);
}
:root .hc-margin-left-00 {
  margin-left: var(--hc-spacing-00);
}
:root .hc-margin-left-01 {
  margin-left: var(--hc-spacing-01);
}
:root .hc-margin-left-02 {
  margin-left: var(--hc-spacing-02);
}
:root .hc-margin-left-03 {
  margin-left: var(--hc-spacing-03);
}
:root .hc-margin-left-04 {
  margin-left: var(--hc-spacing-04);
}
:root .hc-margin-left-05 {
  margin-left: var(--hc-spacing-05);
}
:root .hc-margin-left-06 {
  margin-left: var(--hc-spacing-06);
}
:root .hc-margin-left-07 {
  margin-left: var(--hc-spacing-07);
}
:root .hc-margin-left-08 {
  margin-left: var(--hc-spacing-08);
}
:root .hc-margin-left-09 {
  margin-left: var(--hc-spacing-09);
}
:root .hc-margin-left-10 {
  margin-left: var(--hc-spacing-10);
}
:root .hc-margin-left-11 {
  margin-left: var(--hc-spacing-11);
}
:root .hc-margin-left-12 {
  margin-left: var(--hc-spacing-12);
}
:root .hc-margin-left-13 {
  margin-left: var(--hc-spacing-13);
}
:root .hc-margin-right-00 {
  margin-right: var(--hc-spacing-00);
}
:root .hc-margin-right-01 {
  margin-right: var(--hc-spacing-01);
}
:root .hc-margin-right-02 {
  margin-right: var(--hc-spacing-02);
}
:root .hc-margin-right-03 {
  margin-right: var(--hc-spacing-03);
}
:root .hc-margin-right-04 {
  margin-right: var(--hc-spacing-04);
}
:root .hc-margin-right-05 {
  margin-right: var(--hc-spacing-05);
}
:root .hc-margin-right-06 {
  margin-right: var(--hc-spacing-06);
}
:root .hc-margin-right-07 {
  margin-right: var(--hc-spacing-07);
}
:root .hc-margin-right-08 {
  margin-right: var(--hc-spacing-08);
}
:root .hc-margin-right-09 {
  margin-right: var(--hc-spacing-09);
}
:root .hc-margin-right-10 {
  margin-right: var(--hc-spacing-10);
}
:root .hc-margin-right-11 {
  margin-right: var(--hc-spacing-11);
}
:root .hc-margin-right-12 {
  margin-right: var(--hc-spacing-12);
}
:root .hc-margin-right-13 {
  margin-right: var(--hc-spacing-13);
}

/*Padding all*/
.hc-padding-xy-01 {
  padding: var(--hc-spacing-01);
}

.hc-padding-xy-02 {
  padding: var(--hc-spacing-02);
}

.hc-padding-xy-03 {
  padding: var(--hc-spacing-03);
}

.hc-padding-xy-04 {
  padding: var(--hc-spacing-04);
}

.hc-padding-xy-05 {
  padding: var(--hc-spacing-05);
}

.hc-padding-xy-06 {
  padding: var(--hc-spacing-06);
}

.hc-padding-xy-07 {
  padding: var(--hc-spacing-07);
}

.hc-padding-xy-08 {
  padding: var(--hc-spacing-08);
}

.hc-padding-xy-09 {
  padding: var(--hc-spacing-09);
}

.hc-padding-xy-10 {
  padding: var(--hc-spacing-10);
}

.hc-padding-xy-11 {
  padding: var(--hc-spacing-11);
}

.hc-padding-xy-12 {
  padding: var(--hc-spacing-12);
}

.hc-padding-xy-13 {
  padding: var(--hc-spacing-13);
}

/*Padding left and right*/
.hc-padding-x-01 {
  padding-left: var(--hc-spacing-01);
  padding-right: var(--hc-spacing-01);
}

.hc-padding-x-02 {
  padding-left: var(--hc-spacing-02);
  padding-right: var(--hc-spacing-02);
}

.hc-padding-x-03 {
  padding-left: var(--hc-spacing-03);
  padding-right: var(--hc-spacing-03);
}

.hc-padding-x-04 {
  padding-left: var(--hc-spacing-04);
  padding-right: var(--hc-spacing-04);
}

.hc-padding-x-05 {
  padding-left: var(--hc-spacing-05);
  padding-right: var(--hc-spacing-05);
}

.hc-padding-x-06 {
  padding-left: var(--hc-spacing-06);
  padding-right: var(--hc-spacing-06);
}

.hc-padding-x-07 {
  padding-left: var(--hc-spacing-07);
  padding-right: var(--hc-spacing-07);
}

.hc-padding-x-08 {
  padding-left: var(--hc-spacing-08);
  padding-right: var(--hc-spacing-08);
}

.hc-padding-x-09 {
  padding-left: var(--hc-spacing-09);
  padding-right: var(--hc-spacing-09);
}

.hc-padding-x-10 {
  padding-left: var(--hc-spacing-10);
  padding-right: var(--hc-spacing-10);
}

.hc-padding-x-11 {
  padding-left: var(--hc-spacing-11);
  padding-right: var(--hc-spacing-11);
}

.hc-padding-x-12 {
  padding-left: var(--hc-spacing-12);
  padding-right: var(--hc-spacing-12);
}

.hc-padding-x-13 {
  padding-left: var(--hc-spacing-13);
  padding-right: var(--hc-spacing-13);
}

/*Padding top and bottom*/
.hc-padding-y-01 {
  padding-top: var(--hc-spacing-01);
  padding-bottom: var(--hc-spacing-01);
}

.hc-padding-y-02 {
  padding-top: var(--hc-spacing-02);
  padding-bottom: var(--hc-spacing-02);
}

.hc-padding-y-03 {
  padding-top: var(--hc-spacing-03);
  padding-bottom: var(--hc-spacing-03);
}

.hc-padding-y-04 {
  padding-top: var(--hc-spacing-04);
  padding-bottom: var(--hc-spacing-04);
}

.hc-padding-y-05 {
  padding-top: var(--hc-spacing-05);
  padding-bottom: var(--hc-spacing-05);
}

.hc-padding-y-06 {
  padding-top: var(--hc-spacing-06);
  padding-bottom: var(--hc-spacing-06);
}

.hc-padding-y-07 {
  padding-top: var(--hc-spacing-07);
  padding-bottom: var(--hc-spacing-07);
}

.hc-padding-y-08 {
  padding-top: var(--hc-spacing-08);
  padding-bottom: var(--hc-spacing-08);
}

.hc-padding-y-09 {
  padding-top: var(--hc-spacing-09);
  padding-bottom: var(--hc-spacing-09);
}

.hc-padding-y-10 {
  padding-top: var(--hc-spacing-10);
  padding-bottom: var(--hc-spacing-10);
}

.hc-padding-y-11 {
  padding-top: var(--hc-spacing-11);
  padding-bottom: var(--hc-spacing-11);
}

.hc-padding-y-12 {
  padding-top: var(--hc-spacing-12);
  padding-bottom: var(--hc-spacing-12);
}

.hc-padding-y-13 {
  padding-top: var(--hc-spacing-13);
  padding-bottom: var(--hc-spacing-13);
}

/*Padding top*/
.hc-padding-top-01 {
  padding-top: var(--hc-spacing-01);
}

.hc-padding-top-02 {
  padding-top: var(--hc-spacing-02);
}

.hc-padding-top-03 {
  padding-top: var(--hc-spacing-03);
}

.hc-padding-top-04 {
  padding-top: var(--hc-spacing-04);
}

.hc-padding-top-05 {
  padding-top: var(--hc-spacing-05);
}

.hc-padding-top-06 {
  padding-top: var(--hc-spacing-06);
}

.hc-padding-top-07 {
  padding-top: var(--hc-spacing-07);
}

.hc-padding-top-08 {
  padding-top: var(--hc-spacing-08);
}

.hc-padding-top-09 {
  padding-top: var(--hc-spacing-09);
}

.hc-padding-top-10 {
  padding-top: var(--hc-spacing-10);
}

.hc-padding-top-11 {
  padding-top: var(--hc-spacing-11);
}

.hc-padding-top-12 {
  padding-top: var(--hc-spacing-12);
}

.hc-padding-top-13 {
  padding-top: var(--hc-spacing-13);
}

/*Padding bottom*/
.hc-padding-bottom-01 {
  padding-bottom: var(--hc-spacing-01);
}

.hc-padding-bottom-02 {
  padding-bottom: var(--hc-spacing-02);
}

.hc-padding-bottom-03 {
  padding-bottom: var(--hc-spacing-03);
}

.hc-padding-bottom-04 {
  padding-bottom: var(--hc-spacing-04);
}

.hc-padding-bottom-05 {
  padding-bottom: var(--hc-spacing-05);
}

.hc-padding-bottom-06 {
  padding-bottom: var(--hc-spacing-06);
}

.hc-padding-bottom-07 {
  padding-bottom: var(--hc-spacing-07);
}

.hc-padding-bottom-08 {
  padding-bottom: var(--hc-spacing-08);
}

.hc-padding-bottom-09 {
  padding-bottom: var(--hc-spacing-09);
}

.hc-padding-bottom-10 {
  padding-bottom: var(--hc-spacing-10);
}

.hc-padding-bottom-11 {
  padding-bottom: var(--hc-spacing-11);
}

.hc-padding-bottom-12 {
  padding-bottom: var(--hc-spacing-12);
}

.hc-padding-bottom-13 {
  padding-bottom: var(--hc-spacing-13);
}

/*Padding left*/
.hc-padding-left-01 {
  padding-left: var(--hc-spacing-01);
}

.hc-padding-left-02 {
  padding-left: var(--hc-spacing-02);
}

.hc-padding-left-03 {
  padding-left: var(--hc-spacing-03);
}

.hc-padding-left-04 {
  padding-left: var(--hc-spacing-04);
}

.hc-padding-left-05 {
  padding-left: var(--hc-spacing-05);
}

.hc-padding-left-06 {
  padding-left: var(--hc-spacing-06);
}

.hc-padding-left-07 {
  padding-left: var(--hc-spacing-07);
}

.hc-padding-left-08 {
  padding-left: var(--hc-spacing-08);
}

.hc-padding-left-09 {
  padding-left: var(--hc-spacing-09);
}

.hc-padding-left-10 {
  padding-left: var(--hc-spacing-10);
}

.hc-padding-left-11 {
  padding-left: var(--hc-spacing-11);
}

.hc-padding-left-12 {
  padding-left: var(--hc-spacing-12);
}

.hc-padding-left-13 {
  padding-left: var(--hc-spacing-13);
}

/*Padding right*/
.hc-padding-right-01 {
  padding-right: var(--hc-spacing-01);
}

.hc-padding-right-02 {
  padding-right: var(--hc-spacing-02);
}

.hc-padding-right-03 {
  padding-right: var(--hc-spacing-03);
}

.hc-padding-right-04 {
  padding-right: var(--hc-spacing-04);
}

.hc-padding-right-05 {
  padding-right: var(--hc-spacing-05);
}

.hc-padding-right-06 {
  padding-right: var(--hc-spacing-06);
}

.hc-padding-right-07 {
  padding-right: var(--hc-spacing-07);
}

.hc-padding-right-08 {
  padding-right: var(--hc-spacing-08);
}

.hc-padding-right-09 {
  padding-right: var(--hc-spacing-09);
}

.hc-padding-right-10 {
  padding-right: var(--hc-spacing-10);
}

.hc-padding-right-11 {
  padding-right: var(--hc-spacing-11);
}

.hc-padding-right-12 {
  padding-right: var(--hc-spacing-12);
}

.hc-padding-right-13 {
  padding-right: var(--hc-spacing-13);
}

.hc-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* ======================== */
/* ======================== */
/* Primary button */
/* ======================== */
/* ======================== */
.hc-button,
a.hc-button {
  box-sizing: border-box;
  border: 2px solid var(--hc-transparent);
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  justify-content: center;
  flex-direction: row;
  text-align: left;
  gap: var(--hc-spacing-02);
  font-family: var(--hc-font-family), "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: var(--hc-font-body-size-regular, 1.125rem);
  font-weight: 400;
  line-height: 1.33; /* 1.33*18 = 24px -----> 24px +12top padding+12bottompadding = 48px button height */
  color: var(--hc-text-on-color);
  border-radius: var(--hc-border-radius-pill, 9999px);
  margin: 0;
  background-color: var(--hc-button-primary);
  height: var(--hc-height--large, 3rem);
  padding-left: var(--hc-spacing-06);
  padding-right: var(--hc-spacing-06);
  cursor: pointer;
  text-decoration: none;
}

/* Focus styles */
.hc-button:focus,
a.hc-button:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
  color: var(--hc-text-on-color);
}

/* Background colors for */
.hc-button:hover,
a.hc-button:hover {
  background-color: var(--hc-button-primary-hover);
  color: var(--hc-text-on-color);
}

.hc-button:active,
a.hc-button:active {
  background-color: var(--hc-button-primary-active);
  color: var(--hc-text-on-color);
}

.hc-button[aria-disabled=true],
a.hc-button[aria-disabled=true] {
  background-color: var(--hc-background-disabled);
  color: var(--hc-text-disabled);
  cursor: not-allowed;
}

/* ======================== */
/* ======================== */
/* Secondary button */
/* ======================== */
/* ======================== */
.hc-button--secondary,
a.hc-button--secondary {
  background-color: var(--hc-white);
  color: var(--hc-link-primary);
  border: 2px solid var(--hc-button-secondary-border);
}

/* Background colors */
.hc-button--secondary:hover,
a.hc-button--secondary:hover {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-secondary-hover);
  border: 2px solid var(--hc-transparent);
}

.hc-button--secondary:active,
a.hc-button--secondary:active {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-secondary-active);
}

.hc-button--secondary:focus,
a.hc-button--secondary:focus {
  color: var(--hc-link-primary);
  background-color: var(--hc-button-secondary-focus-background);
  border: var(--hc-border-style-focus);
}

.hc-button--secondary:focus:hover,
a.hc-button--secondary:focus:hover {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-secondary-hover);
}

.hc-button--secondary:focus:active,
a.hc-button--secondary:focus:active {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-secondary-active);
}

.hc-button--secondary[aria-disabled=true],
a.hc-button--secondary[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: 2px solid var(--hc-transparent);
  cursor: not-allowed;
}

.hc-button--secondary:focus[aria-disabled=true],
a.hc-button--secondary:focus[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: var(--hc-border-style-focus);
  cursor: not-allowed;
}

.hc-button--secondary:focus:hover[aria-disabled=true],
a.hc-button--secondary:focus:hover[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

.hc-button--secondary:focus:active[aria-disabled=true],
a.hc-button--secondary:focus:active[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

/* ======================== */
/* ======================== */
/* Tertiary button */
/* ======================== */
/* ======================== */
.hc-button--tertiary,
a.hc-button--tertiary {
  background-color: var(--hc-white);
  color: var(--hc-text-primary);
  border: 2px solid var(--hc-button-tertiary-border);
}

.hc-button--tertiary:hover,
a.hc-button--tertiary:hover {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-tertiary-hover);
  border: 2px solid var(--hc-transparent);
}

.hc-button--tertiary:active,
a.hc-button--tertiary:active {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-tertiary-active);
}

.hc-button--tertiary:focus,
a.hc-button--tertiary:focus {
  color: var(--hc-link-primary);
  background-color: var(--hc-button-tertiary-focus-background);
  border: var(--hc-border-style-focus);
}

.hc-button--tertiary:focus:hover,
a.hc-button--tertiary:focus:hover {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-tertiary-hover);
}

.hc-button--tertiary:focus:active,
a.hc-button--tertiary:focus:active {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-tertiary-active);
}

.hc-button--tertiary[aria-disabled=true],
a.hc-button--tertiary[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: 2px solid var(--hc-transparent);
  cursor: not-allowed;
}

.hc-button--tertiary:focus[aria-disabled=true],
a.hc-button--tertiary:focus[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: var(--hc-border-style-focus);
  cursor: not-allowed;
}

.hc-button--tertiary:focus:hover[aria-disabled=true],
a.hc-button--tertiary:focus:hover[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

.hc-button--tertiary:focus:active[aria-disabled=true],
a.hc-button--tertiary:focus:active[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

/* ======================== */
/* ======================== */
/* Danger button */
/* ======================== */
/* ======================== */
.hc-button--danger,
a.hc-button--danger {
  background-color: var(--hc-button-danger);
  color: var(--hc-text-on-color);
}

.hc-button--danger:hover,
a.hc-button--danger:hover {
  background-color: var(--hc-button-danger-hover);
  color: var(--hc-text-on-color);
}

.hc-button--danger:active,
a.hc-button--danger:active {
  background-color: var(--hc-button-danger-active);
  color: var(--hc-text-on-color);
}

.hc-button--danger[aria-disabled=true],
a.hc-button--danger[aria-disabled=true] {
  background-color: var(--hc-background-disabled);
  color: var(--hc-text-disabled);
  cursor: not-allowed;
}

/* ======================== */
/* ======================== */
/* Icons */
/* ======================== */
/* ======================== */
/* Icon sizing stored in _icons.scss*/
.hc-button.hc-button--icon-left {
  padding-inline-start: var(--hc-spacing-05);
  padding-inline-end: var(--hc-spacing-06);
}

.hc-button.hc-button--icon-right {
  padding-inline-start: var(--hc-spacing-06);
  padding-inline-end: var(--hc-spacing-05);
}

.hc-button.hc-button--icon-only {
  height: auto;
  width: auto;
  align-items: center;
  justify-content: center;
  padding-inline-start: var(--hc-spacing-03);
  padding-inline-end: var(--hc-spacing-03);
  padding-block-start: var(--hc-spacing-03);
  padding-block-end: var(--hc-spacing-03);
  border-radius: 50%;
}

/* Undocumented class, used in modals */
.button-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--hc-spacing-03);
}

/* ------------- */
/* ------------- */
/* ------------- */
/* Buttons on dark */
/* ------------- */
/* ------------- */
/* ------------- */
/* Primary on dark */
.hc-button.hc-button-on-dark,
a.hc-button.hc-button-on-dark {
  color: var(--hc-text-interactive);
  background-color: var(--hc-button-primary-on-dark);
}

.hc-button.hc-button-on-dark:hover,
a.hc-button.hc-button-on-dark:hover {
  background-color: var(--hc-button-primary-on-dark-hover);
}

.hc-button.hc-button-on-dark:active,
a.hc-button.hc-button-on-dark:active {
  background-color: var(--hc-button-primary-on-dark-active);
}

.hc-button.hc-button-on-dark:focus,
a.hc-button.hc-button-on-dark:focus {
  /* color: var(--hc-text-interactive); */
  /* background-color: var(--hc-button-primary-on-dark); */
}

.hc-button.hc-button-on-dark[aria-disabled=true],
a.hc-button.hc-button-on-dark[aria-disabled=true] {
  background-color: var(--hc-background-disabled);
  color: var(--hc-text-disabled);
  cursor: not-allowed;
}

.hc-button.hc-button-on-dark:focus[aria-disabled=true],
a.hc-button.hc-button-on-dark:focus[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: var(--hc-border-style-focus);
  cursor: not-allowed;
}

.hc-button.hc-button-on-dark:focus:hover[aria-disabled=true],
a.hc-button.hc-button-on-dark:focus:hover[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

.hc-button.hc-button-on-dark:focus:active[aria-disabled=true],
a.hc-button.hc-button-on-dark:focus:active[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

/* Secondary on dark */
.hc-button--secondary.hc-button-on-dark,
a.hc-button--secondary.hc-button-on-dark {
  background-color: var(--hc-button-secondary-on-dark);
  color: var(--hc-text-on-color);
  border: 2px solid var(--hc-border-color-on-color);
}

.hc-button--secondary.hc-button-on-dark:hover,
a.hc-button--secondary.hc-button-on-dark:hover {
  color: var(--hc-text-interactive);
  background-color: var(--hc-button-secondary-on-dark-hover);
  border: 2px solid var(--hc-transparent);
}

.hc-button--secondary.hc-button-on-dark:active,
a.hc-button--secondary.hc-button-on-dark:active {
  color: var(--hc-text-on-color);
  background-color: var(--hc-button-secondary-on-dark-active);
}

.hc-button--secondary.hc-button-on-dark:focus,
a.hc-button--secondary.hc-button-on-dark:focus {
  color: var(--hc-text-on-color);
  /* background-color: var(--hc-button-secondary-focus-background); */
  border: var(--hc-border-style-focus);
}

.hc-button--secondary.hc-button-on-dark:focus:hover,
a.hc-button--secondary.hc-button-on-dark:focus:hover {
  color: var(--hc-text-interactive);
  background-color: var(--hc-button-secondary-on-dark-hover);
}

.hc-button--secondary.hc-button-on-dark:focus:active,
a.hc-button--secondary.hc-button-on-dark:focus:active {
  color: var(--hc-text-interactive);
  background-color: var(--hc-button-secondary-on-dark-active);
}

.hc-button--secondary.hc-button-on-dark[aria-disabled=true],
a.hc-button--secondary.hc-button-on-dark[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: 2px solid var(--hc-transparent);
  cursor: not-allowed;
}

.hc-button--secondary.hc-button-on-dark:focus[aria-disabled=true],
a.hc-button--secondary.hc-button-on-dark:focus[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
  border: var(--hc-border-style-focus);
  cursor: not-allowed;
}

.hc-button--secondary.hc-button-on-dark:focus:hover[aria-disabled=true],
a.hc-button--secondary.hc-button-on-dark:focus:hover[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

.hc-button--secondary.hc-button-on-dark:focus:active[aria-disabled=true],
a.hc-button--secondary.hc-button-on-dark:focus:active[aria-disabled=true] {
  color: var(--hc-text-disabled);
  background-color: var(--hc-background-disabled);
}

/* Tertiary on dark */
/* Styling for field */
.hc-input {
  height: 40px;
  height: var(--hc-height--medium);
  border-radius: var(--hc-border-radius-02);
  padding: var(--hc-spacing-02);
  border: 2px solid var(--hc-field-border-color);
}

/* Text inside of input field */
input.hc-input[type=text] {
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-style: normal;
  color: var(--hc-text-primary, #171a1d);
  font-weight: 400;
  line-height: 100%;
}

/* error state for field, adds border and icon */
.hc-input--error {
  border: 2px solid var(--hc-border-color-error);
  background: no-repeat center right;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='%23ce1432' d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'></path></svg>");
  background-size: 32px;
}

/* Focus state, changes border color to white then adds blue stroke with outline to give appearance of growing on focus */
.hc-input:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
}

/* Base styling for alert container */
.hc-alert {
  padding: var(--hc-spacing-05);
  margin-bottom: var(--hc-spacing-05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  background-color: var(--hc-support-info);
  color: white;
  /* max-width: 768px; */
  gap: var(--hc-spacing-04);
}

@media (min-width: 40.0625rem) {
  .hc-alert {
    align-items: center;
    flex-direction: row;
    /* gap: var(--hc-spacing-08); */
  }
}
.hc-alert-icon-and-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--hc-spacing-03);
  align-items: start;
}

@media (min-width: 40.0625rem) {
  .hc-alert-icon-and-content {
    flex-direction: row;
    align-items: center;
  }
}
h2.hc-alert-heading {
  font-size: var(--hc-font-h6-size);
  font-weight: 500;
  margin-bottom: 0rem;
  /* color: var(--hc-text-info); */
}

/* Needed to override color */
p.hc-alert-paragraph {
  color: var(--hc-text-info);
  margin-bottom: 0px;
  /* margin-inline-start: var(--hc-spacing-07); */
}

/* Different styling for alert types */
.hc-alert-content {
  display: flex;
  flex-direction: column;
  gap: var(--hc-spacing-03);
  align-items: start;
  min-height: 100%;
}

@media (min-width: 40.0625rem) {
  .hc-alert-content {
    display: flex;
    flex-direction: row;
    gap: var(--hc-spacing-03);
    align-items: center;
    min-height: 100%;
  }
}
/* Default styling for the close button */
.hc-alert .hc-alert-close-button {
  border: 2px solid var(--hc-transparent);
  padding-left: var(--hc-spacing-06);
  padding-right: var(--hc-spacing-05);
  margin-inline-start: var(--hc-spacing-06);
  background-color: var(--hc-transparent);
  color: var(--hc-text-interactive);
}

@media (min-width: 40.0625rem) {
  .hc-alert .hc-alert-close-button {
    margin-inline-start: var(--hc-spacing-00);
  }
}
.hc-alert .hc-alert-close-button:hover {
  color: inherit;
  border-color: var(--hc-border-color-interactive-hover);
}

.hc-alert .hc-alert-close-button:active {
  border-color: var(--hc-border-color-interactive-active);
}

.hc-alert .hc-alert-close-button:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
  box-shadow: var(--hc-shadow-focus-outer-ring);
}

/* Adjusts size and position of the "x" icon */
.hc-alert .hc-alert-close-button span[aria-hidden] {
  font-size: 1.8rem;
  margin-top: -0.2rem;
}

/* Success styling */
.hc-alert-success {
  background-color: var(--hc-support-success);
  color: var(--hc-text-success);
}

/* success heading styling */
.hc-alert.hc-alert-success > .hc-alert-icon-and-content > .hc-alert-content > h2.hc-alert-heading {
  color: var(--hc-text-success);
}

/* success paragraph styling */
.hc-alert.hc-alert-success > .hc-alert-icon-and-content > .hc-alert-content > p.hc-alert-paragraph {
  color: var(--hc-text-success);
}

/* success close button styling */
.hc-alert.hc-alert-success > .hc-alert-close-button {
  font-weight: 600;
  color: var(--hc-text-success);
  border-color: var(--hc-support-success-inverse);
  background-color: var(--hc-transparent);
}

.hc-alert.hc-alert-success > .hc-alert-close-button:hover {
  background-color: var(--hc-support-success-hover);
  border-color: var(--hc-support-success-inverse);
}

.hc-alert.hc-alert-success > .hc-alert-close-button:active {
  background-color: var(--hc-support-success-active);
  color: var(--hc-text-success);
}

.hc-alert.hc-alert-success > .hc-alert-close-button:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
}

/*Danger styling */
.hc-alert-danger {
  background-color: var(--hc-support-error);
  color: var(--hc-text-error);
}

/* danger heading styling */
.hc-alert.hc-alert-danger > .hc-alert-icon-and-content > .hc-alert-content > h2.hc-alert-heading {
  color: var(--hc-text-error);
}

/* danger paragraph styling */
.hc-alert.hc-alert-danger > .hc-alert-icon-and-content > .hc-alert-content > p.hc-alert-paragraph {
  color: var(--hc-text-error);
}

/* Danger close button styling */
.hc-alert.hc-alert-danger > .hc-alert-close-button {
  background-color: var(--hc-support-error);
  border-color: var(--hc-support-error-inverse);
  color: var(--hc-text-error);
  font-weight: 600;
}

.hc-alert.hc-alert-danger > .hc-alert-close-button:hover {
  background-color: var(--hc-support-error-hover);
  border-color: var(--hc-support-error-inverse);
}

.hc-alert.hc-alert-danger > .hc-alert-close-button:active {
  background-color: var(--hc-support-error-active);
  border-color: var(--hc-support-error-inverse);
}

.hc-alert.hc-alert-danger > .hc-alert-close-button:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
  box-shadow: var(--hc-shadow-focus-outer-ring);
}

/*Warning styling */
.hc-alert-warning {
  background-color: var(--hc-support-warning);
}

/* warning heading styling */
.hc-alert.hc-alert-warning > .hc-alert-icon-and-content > .hc-alert-content > h2.hc-alert-heading {
  color: var(--hc-text-warning);
}

/* warning paragraph styling */
.hc-alert.hc-alert-warning > .hc-alert-icon-and-content > .hc-alert-content > p.hc-alert-paragraph {
  color: var(--hc-text-warning);
}

/* Warning close button styling */
.hc-alert.hc-alert-warning > .hc-alert-close-button {
  color: var(--hc-text-warning);
  background-color: var(--hc-support-warning);
  border-color: var(--hc-support-warning-inverse);
  font-weight: 600;
}

.hc-alert.hc-alert-warning > .hc-alert-close-button:hover {
  background-color: var(--hc-support-warning-hover);
  border-color: var(--hc-support-warning-inverse);
}

.hc-alert.hc-alert-warning > .hc-alert-close-button:active {
  background-color: var(--hc-support-warning-active);
  border-color: var(--hc-support-warning-inverse);
}

.hc-alert.hc-alert-warning > .hc-alert-close-button:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
}

/*Info styling */
.hc-alert-info {
  background-color: var(--hc-support-info);
}

/* info heading styling */
.hc-alert.hc-alert-info > .hc-alert-icon-and-content > .hc-alert-content > h2.hc-alert-heading {
  color: var(--hc-support-info-inverse);
}

/* info paragraph styling */
.hc-alert.hc-alert-info > .hc-alert-icon-and-content > .hc-alert-content > p.hc-alert-paragraph {
  color: var(--hc-text-info);
}

/* info close button styling */
.hc-alert.hc-alert-info > .hc-alert-close-button {
  color: var(--hc-support-info-inverse);
  border-color: var(--hc-support-info-inverse);
  font-weight: 600;
}

.hc-alert.hc-alert-info > .hc-alert-close-button:hover {
  color: var(--hc-support-info-inverse);
  background: var(--hc-support-info-hover);
  border-color: var(--hc-support-info-inverse);
}

.hc-alert.hc-alert-info > .hc-alert-close-button:active {
  background: var(--hc-support-info-active);
  border-color: var(--hc-support-info-inverse);
}

.hc-alert.hc-alert-info > .hc-alert-close-button:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
  box-shadow: var(--hc-shadow-focus-outer-ring);
}

/* Wrapper for accordion group */
.hc-accordion-group {
  /* background-color: white; */
  border-radius: var(--hc-border-radius-01);
  max-width: 768px;
}

/* Div wrapping accordion button with its expandable content */
.hc-accordion-item {
  margin-bottom: var(--hc-spacing-00);
  border-radius: var(--hc-border-radius-none);
  border-top: 1px solid var(--hc-border-color-subtle);
}

.hc-accordion-item:focus-within {
  border-radius: var(--hc-border-radius-regular);
}

/* Class attached to button to make the accordion clickable */
.hc-accordion-header {
  font-family: var(--hc-font-family);
  font-weight: 400;
  font-size: var(--hc-font-h6-size);
  color: var(--hc-text-primary);
  background-color: var(--hc-background-default);
  line-height: 130%;
  text-align: left;
  cursor: pointer;
  padding: var(--hc-spacing-04);
  min-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--hc-spacing-03);
  border: var(--hc-border-style-transparent);
}

.hc-accordion-item:last-child {
  border-bottom: 1px solid var(--hc-border-color-subtle);
}

.hc-accordion-section-heading {
  font-family: var(--hc-font-family);
  font-weight: 400;
  font-size: var(--hc-font-h4-size);
  color: var(--hc-text-primary);
  line-height: 130%;
  text-align: left;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.hc-accordion-header:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
  border-radius: var(--hc-border-radius-regular);
}

.hc-accordion-header:hover {
  background-color: var(--hc-background-hover);
  color: var(--hc-text-interactive);
}

/* Positioning for content inside the accordion */
.hc-accordion-content {
  font-family: var(--hc-font-family);
  padding-top: var(--hc-spacing-04);
  padding-left: var(--hc-spacing-04);
  padding-right: var(--hc-spacing-07);
  display: none;
  margin-bottom: 32px;
  max-width: 80ch;
}

/* Class added by JS when clicked */
.hc-accordion-content--expanded {
  padding-bottom: var(--hc-spacing-03);
}

.hc-accordion-section-heading[aria-expanded=true] .hc-accordion-header {
  color: var(--hc-text-interactive);
}

.hc-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0rem;
  margin-bottom: var(--hc-spacing-10);
  list-style: none;
  align-items: start;
}

/* Max-width keeps any individual title from being too long and difficult to read */
.hc-breadcrumbs__list-item {
  display: flex;
  color: var(--hc-link-primary);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-weight: 400;
  max-width: 70ch;
  line-height: 125%;
}

.hc-breadcrumbs__list-item + .hc-breadcrumbs__list-item {
  padding-left: var(--hc-spacing-02);
}

.hc-breadcrumbs__list-item + .hc-breadcrumbs__list-item::before {
  display: inline-block;
  padding-right: var(--hc-spacing-02);
  color: var(--hc-text-hint);
  content: url(./chevronForward.svg);
}

.hc-breadcrumbs__list-item + .hc-breadcrumbs__list-item:hover::before {
  text-decoration: none;
}

.hc-breadcrumbs__list-item.hc-breadcrumbs__list-item--active {
  color: var(--hc-text-hint);
}

ol.hc-breadcrumbs__list > li:first-child > a::before {
  content: url(./home.svg);
  vertical-align: top;
  display: inline-block;
  padding-inline-end: 2px;
}

/***************************************************************************************
*    Title: Breadcrumbs component (css)
*    Author: Gov.uk
*    Date: Aug 7th, 2023
*    Availability: https://github.com/alphagov/govuk-frontend/blob/a2ff2e41967a38785aaef33135dc7e41cbd6d00b/packages/govuk-frontend/src/govuk/components/breadcrumbs/_index.scss
*
***************************************************************************************/
/* ======================================== */
/* The MIT License (MIT)

Copyright (C) 2017 Crown Copyright (Government Digital Service)

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. */
/* ======================================== */
/* ======================================== */
/* wrapper for input and label */
/* includes min-height for consistent sizing of form elements */
/* margin-bottom adds space between items */
/* position: relative so that absolute positioning can be used for label and input */
.hc-checkboxes {
  margin-top: var(--hc-spacing-03);
}

.hc-checkbox__item {
  display: block;
  position: relative;
  min-height: 36px;
  padding-left: 36px; /* This should equal width of the checkbox size*/
  margin-bottom: var(--hc-spacing-05);
  clear: left;
}

/* removes margin bottom from last element */
.hc-checkbox__item:last-child,
.hc-checkbox__item:last-of-type {
  margin-bottom: 0;
}

.hc-checkbox__input {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  width: 36px;
  height: 36px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.hc-checkbox__label {
  font-size: var(--hc-font-fieldLabel-size-regular);
  color: var(--hc-text-primary, #171a1d);
  font-weight: 400;
  margin-top: var(--hc-spacing-02);
  display: inline-block;
  margin-bottom: 0px;
  padding-left: var(--hc-spacing-04);
  padding-right: var(--hc-spacing-04);
  padding-bottom: var(--hc-spacing-01);
  cursor: pointer;
  touch-action: manipulation;
  max-width: 80ch;
}

/* [ ] Check box styling */
.hc-checkbox__label::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  border: var(--hc-border-width-small) solid var(--hc-border-color-strong);
  background: var(--hc-transparent);
  border-radius: 4px;
  cursor: pointer;
}

/* The check mark is a box with a border on the left and bottom side (└──),
 rotated 45 degrees */
.hc-checkbox__label::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 22px;
  height: 14px;
  color: white;
  transform: rotate(-45deg);
  border: solid;
  border-width: 0 0 4px 4px;
  /* Fix bug in IE11 caused by transform rotate (-45deg). */
  border-top-color: transparent;
  opacity: 0;
  background: transparent;
  cursor: pointer;
}

/* Focus state */
.hc-checkbox__input:focus + .hc-checkbox__label::before {
  outline: var(--hc-outline-style-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

/* Makes checkbox visible */
.hc-checkbox__input:checked + .hc-checkbox__label::after {
  opacity: 1;
  transition: 0.1ms;
}

/* checked state styling */
.hc-checkbox__input:checked + .hc-checkbox__label::before {
  background-color: var(--hc-background-interactive); /*adds blue background in checked state*/
  border: var(--hc-border-interactive);
}

/***************************************************************************************
*    Title: Checkboxes component (css)
*    Author: Gov.uk
*    Date: Aug 7th, 2023
*    Availability: https://github.com/alphagov/govuk-frontend/blob/9f05cea739d14d4cbf18e79b17228045ca84b3ba/packages/govuk-frontend/src/govuk/components/checkboxes/_index.scss
*
***************************************************************************************/
/* ======================================== */
/* ======================================== */
/* The MIT License (MIT)

Copyright (C) 2017 Crown Copyright (Government Digital Service)

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. */
/* ======================================== */
/* ======================================== */
.hc-skiplink {
  /* 
  /// Hide an element visually, but have it available for screen readers whilst
  /// allowing the element to be focused when navigated to via the keyboard (e.g.
  /// for the skip link)
  ///
  /// This is slightly less opinionated about borders and padding to make it
  /// easier to style the focused element.
  */
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.hc-skiplink:focus:active,
.hc-skiplink:focus:focus {
  position: absolute !important;
  width: auto !important;
  height: 36px !important;
  margin: inherit !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: inherit !important;
  background-color: var(--hc-background-brand);
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
  border-radius: var(--hc-border-radius-02);
  padding-left: var(--hc-spacing-03);
  padding-right: var(--hc-spacing-03);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hc-skiplink:focus:focus {
  background-color: var(--hc-red-400);
}

.hc-skiplink:focus:hover {
  background-color: var(--hc-red-500);
  color: var(--hc-text-on-color);
}

.hc-skiplink:focus:active {
  background-color: var(--hc-red-600);
  color: var(--hc-text-on-color);
}

a.hc-skiplink:visited {
  color: var(--hc-white);
}

/***************************************************************************************
*    Title: Skiplink component (css)
*    Author: Gov.uk
*    Date: July 31st, 2023
*    Availability: https://github.com/alphagov/govuk-frontend/blob/b44d7b0fe66847fb34881841b6550174111ea9ba/packages/govuk-frontend/src/govuk/helpers/_visually-hidden.scss#L4
*
***************************************************************************************/
/* ======================================== */
/* ======================================== */
/* The MIT License (MIT)

Copyright (C) 2017 Crown Copyright (Government Digital Service)

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. */
/* ======================================== */
/* ======================================== */
.hc-textarea {
  font-family: var(--hc-font-family);
  min-height: 40px;
  border-radius: var(--hc-border-radius-02);
  padding: var(--hc-spacing-02);
  border: 2px solid var(--hc-field-border-color);
  padding-right: var(--hc-spacing-07);
}

/* error state for field, adds border and icon*/
.hc-textarea--error {
  border: 2px solid var(--hc-border-color-error);
  background: no-repeat top right;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='%23ce1432' d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'></path></svg>");
  background-size: 32px;
}

/* Focus state, changes border color to white then adds blue stroke with outline to give appearance of growing on focus */
.hc-textarea:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
}

.hc-select {
  margin-top: var(--hc-spacing-01);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  line-height: 125%;
  min-width: 280px;
  padding-top: var(--hc-spacing-03);
  padding-bottom: var(--hc-spacing-03);
  padding-left: var(--hc-spacing-02);
  padding-right: var(--hc-spacing-03);
  border: 2px solid var(--hc-field-border-color);
  border-radius: var(--hc-border-radius-02);
  /* background-color: var(--hc-white); */
  min-width: 11.5em;
  max-width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: no-repeat right;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath d%3D%22M16 22L6 12L7.4 10.6L16 19.2L24.6 10.6L26 12L16 22Z%22 fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-color: transparent;
  background-size: 32px;
}

.hc-select:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
}

/* =================== */
/* =================== */
/* Error state styling */
/* =================== */
/* =================== */
.hc-select--error {
  border: 2px solid var(--hc-border-color-error);
}

.hc-radios {
  margin-top: var(--hc-spacing-04);
}

/* Styling for radio item */
.hc-radios__item {
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  display: block;
  position: relative;
  min-height: 36px;
  margin-bottom: var(--hc-spacing-05);
  padding-left: 36px;
  clear: left;
}

/* Prevent extra spacing added by last element */
.hc-radios__item:last-child,
.hc-radios__item:last-of-type {
  margin-bottom: 0px;
}

/* This hides the default browser styling of inputs */
.hc-radios__input {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  width: 36px;
  height: 36px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

/* This pushes input text to the right to make room for radios */
.hc-radios__label {
  font-size: var(--hc-font-fieldLabel-size-regular);
  font-weight: 400;
  display: inline-block;
  margin-top: var(--hc-spacing-02);
  margin-bottom: 0;
  padding-top: 0px;
  padding-left: var(--hc-spacing-04);
  padding-right: var(--hc-spacing-04);
  padding-bottom: var(--hc-spacing-01);
  cursor: pointer;
  /* remove 300ms pause on mobile */
  touch-action: manipulation;
  max-width: 80ch;
}

/* ( ) Radio ring */
.hc-radios__label::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  border: var(--hc-border-width-small) solid var(--hc-border-color-strong);
  border-radius: 50%;
  background: transparent;
}

/* •  Radio button
 We create the 'button' entirely out of 'border' so that they remain
 'filled' even when colours are overridden in the browser. */
.hc-radios__label::after {
  content: "";
  position: absolute;
  /* position of radio */
  top: 8px;
  left: 8px;
  width: 0px;
  height: 0px;
  /* defines size of radio */
  border: 10px solid var(--hc-background-interactive);
  border-radius: 50%;
  opacity: 0;
  background: currentcolor;
}

/* Focused state */
.hc-radios__input:focus + .hc-radios__label::before {
  border-width: 2px;
  outline: var(--hc-outline-style-focus);
  outline-offset: 3px;
  border: 2px solid var(--hc-black);
}

/* Selected state */
.hc-radios__input:checked + .hc-radios__label::after {
  opacity: 1;
}

/***************************************************************************************
*    Title: Radio component (css)
*    Author: Gov.uk
*    Date: Sept 29th, 2023
*    Availability: https://github.com/alphagov/govuk-frontend/blob/a2ff2e41967a38785aaef33135dc7e41cbd6d00b/packages/govuk-frontend/src/govuk/components/radios/_index.scss
*
***************************************************************************************/
/* ======================================== */
/* ======================================== */
/* Based on GovUK */
/* The MIT License (MIT)

Copyright (C) 2017 Crown Copyright (Government Digital Service)

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. */
/* ======================================== */
/* ======================================== */
/* ================= */
/* ================= */
/* footer.css */
/* ================= */
/* ================= */
.hc-footer {
  background: var(--hc-background-brand-alternate);
  height: auto;
  width: 100%;
  padding: var(--hc-spacing-08) var(--hc-spacing-06);
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--hc-spacing-07);
}

@media (min-width: 40.0625rem) {
  .hc-footer {
    background: var(--hc-background-brand-alternate);
    padding: var(--hc-spacing-08) var(--hc-spacing-08);
    flex-direction: row;
    align-items: start;
  }
}
.hc-footer-social-and-heading {
  display: flex;
  flex-direction: column;
  width: auto;
  flex-shrink: 0;
  gap: var(--hc-spacing-03);
}

.hc-footer-social-and-heading h2 {
  color: var(--hc-text-on-color);
  margin-bottom: var(--hc-spacing-00);
  font-weight: 500;
}

.hc-footer-social-section {
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.hc-footer-icon-container {
  padding: var(--hc-spacing-04);
  border-color: var(--hc-border-subtle-on-color);
  border-style: solid;
  border-width: 2px;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
}

.hc-footer svg {
  flex-shrink: 0;
}

@media (min-width: 40.0625rem) {
  .hc-footer-links-and-copyright {
    display: flex;
    align-items: end;
    flex-direction: column;
  }
}
/* @media (min-width: 40.0625rem) {
	.hc-footer-link-container {
		min-width: auto;
		max-width: 1000px;
		height: auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: end;
		justify-content: start;
	}
} */
.hc-footerLogo {
  width: 55px;
  height: 70px;
}

.hc-footer-image-link {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
}

.hc-footer-link-group {
  display: flex;
  flex-direction: column;
  gap: var(--hc-spacing-05);
}

@media (min-width: 40.0625rem) {
  .hc-footer-link-group {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.hc-footer-links-and-logo {
  display: flex;
  flex-direction: column;
}

@media (min-width: 40.0625rem) {
  .hc-footer-links-and-logo {
    flex-direction: row;
    gap: var(--hc-spacing-05);
  }
}
.hc-details {
  background-color: var(--hc-background-brand-alternate);
  /* max-width: 1440px; */
  margin-left: auto;
  margin-right: auto;
}

.hc-summary {
  color: var(--hc-text-inverse, #171a1d);
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-regular);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.01125rem;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

@media (min-width: 40.0625rem) {
  .hc-summary {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}
.hc-details-content {
  background-color: var(--hc-ui-blue-50);
  width: 100%;
}

.hc-details-content-grid {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  gap: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 40.0625rem) {
  .hc-details-content-grid {
    flex-direction: row;
    padding-right: auto;
    gap: 32px;
  }
}
@media (min-width: 40.0625rem) {
  .hc-details-content-item {
    /* max-width: 40%; */
  }
}
.hc-details-content-icon-and-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 4px;
}

@media (min-width: 40.0625rem) {
  .hc-details-content-icon-and-item {
    max-width: 40%;
  }
}
.hc-howYouKnowBanner-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

/* ================= */
/* ================= */
/* navbar.css */
/* ================= */
/* ================= */
.hc-header {
  width: 100%;
}

.hc-headerContainer {
  /* padding: var(--hc-spacing-04) var(--hc-spacing-13); */
  padding-top: var(--hc-spacing-04);
  padding-right: var(--hc-spacing-05);
  padding-left: var(--hc-spacing-05);
  background: var(--hc-background-default);
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  align-items: flex-start;
  justify-content: space-between;
  margin: auto;
  max-width: 1440px;
  gap: 24px;
  border-bottom: 1px solid var(--hc-border-color-subtle);
}

/* commented out because fixed position isn't needed */
/* .topbar {
	width: 100%;
	background: #113c66;
	padding: 15px 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
} */
.hc-navbarLogoContainer {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: start;
  justify-content: flex-start;
  /* padding: var(--hc-spacing-04) var(--hc-spacing-05); */
}

.hc-navLogo {
  width: 100%;
  max-width: 377px;
  height: auto;
  display: block;
}

.hc-navLogoAndSearch {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 40.0625rem) {
  .hc-navLogoAndSearch {
    flex-direction: row;
  }
}
.hc-navListContainer {
  background-color: var(--hc-gray-50);
  width: 100%;
  padding: 8px 0px;
  border-top: 1px solid var(--hc-border-color-subtle);
  border-bottom: 1px solid var(--hc-border-color-subtle);
}

.hc-navList {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0px;
  gap: 24px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
}

@media (min-width: 40.0625rem) {
  .hc-navList {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 16px;
    gap: 24px;
  }
}
.hc-navItem {
  display: inline;
}

.hc-navItem a[aria-current=page] {
  font-weight: 700;
}

/* Glues the input field and button together */
.hc-search-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  height: auto;
  min-height: 48px;
  border-radius: var(--hc-border-radius-02);
  padding: var(--hc-spacing-02);
  /* border: 2px solid var(--hc-field-border-color); */
  /* border-radius: 9999px; */
  align-items: center;
  justify-content: center;
}

/* Focus styling is removed from input */
/* .hc-search-wrapper:focus-within {

} */
/* Styling for font typed into field */
input.hc-input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--hc-font-family);
  font-size: var(--hc-font-body-size-large);
  font-style: normal;
  color: var(--hc-text-primary, #171a1d);
  font-weight: 400;
  line-height: 100%;
  border-radius: 9999px;
  padding-inline-start: var(--hc-spacing-09);
  border: 2px solid var(--hc-border-color-subtle);
  background-color: var(--hc-white);
  width: 100%;
  height: 100%;
  min-height: 64px;
}

input.hc-input[type=search]:focus {
  border: var(--hc-border-style-focus);
  outline: var(--hc-outline-style-focus);
}

.hc-input-search {
  /* border-radius: 4px 0px 0px 4px; */
  border-radius: 9999px;
}

.hc-button-search {
  /* border-radius: 0px 4px 4px 0px; */
  /* margin-inline-start: -2px; */
  position: absolute;
  top: 12px;
  right: 12px;
}

.hc-search-icon {
  position: absolute;
  left: 24px;
  top: 24px;
  color: var(--hc-gray-500);
}

/* This styles the modal container */
dialog.hc-modal[open] {
  display: block;
  margin: auto;
  max-width: 48rem;
  border: none;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}

/* This contains the modal heading and close button */
.modal-header-and-close {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: var(--hc-spacing-03);
}

/* This contains content inside the modal */
/* Gap is added in case this section is used to stack form elements or other nested components */
.modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--hc-spacing-05);
  padding-right: var(--hc-spacing-07);
  padding-bottom: var(--hc-spacing-07);
}

dialog.hc-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}/*# sourceMappingURL=index.css.map */