:root {
  --blue-ribbon: #0172fd;
  --blue-ribbon-2: #0172fe;
  --bright-gray: #374151;
  --cultured-pearl: #f4f5f5;
  --gallery: #eeeeee80;
  --pale-sky: #6b7280;
  --persian-red: #c93227;
  --protectioncomuacod-gray: #131313;
  --protectioncomuawhite: #ffffff;
  --protectioncomuawhite-02: #ffffff01;
  --quill-gray: #d4d4d4;
  --red-orange: #ff4736;
  --ship-gray: #383e47;

  --font-size-12px: 12px;
  --font-size-l: 32px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 40px;
  --font-size-xs: 14px;
  --font-size-xxl: 44px;
  --font-size-xxxl: 70px;

  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-raleway: "Raleway", Helvetica;
}

.protectioncomuamontserratextrabold {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
}

.protectioncomuamontserratbold {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.protectioncomuaralewayregular-underline {
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-12px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.protectioncomuaralewaysemibold {
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.protectioncomuaralewaymedium {
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.raleway-normal-cultured-pearl-20px {
  color: var(--cultured-pearl);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.raleway-medium-cultured-pearl-40px {
  color: var(--cultured-pearl);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.raleway-semi-bold-blue-ribbon-32px {
  color: var(--blue-ribbon-2);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.raleway-semi-bold-red-orange-32px {
  color: var(--red-orange);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

/* Cookie banner (Complianz) font overrides */
#cmplz-cookiebanner-container,
#cmplz-manage-consent {
  font-family: var(--font-family-raleway);
}

#cmplz-cookiebanner-container .cmplz-title {
  font-family: var(--font-family-montserrat);
  font-weight: 700;
}

#cmplz-cookiebanner-container .cmplz-btn {
  font-family: var(--font-family-raleway);
}