/*
  CSS for brand "PubGen.AI" - "PubGen.AI - "PubGen.AI Brand System"
  Version: 71
  Generated at (local time): 06 February 2025 09:14:37
  Edited from: https://pubgen.sho.ai

  The brand style is also available at:
  - CSS: with a lock on this style's version at https://pubgen-assets.sho.ai/css/styles-71.css
  - CSS: on latest style's version at https://pubgen-assets.sho.ai/css/styles-latest.css
  - JSON: with a lock on this style's version at https://pubgen-assets.sho.ai/json/styles-71.json
  - JSON: on latest style's version at https://pubgen-assets.sho.ai/json/styles-latest.json

  Brand contact: sho.rust@sho.ai
  Technical contact: support@sho.ai
  This css file is continuously improved. Please let us know if there are any classes you would like to have. */

/* Global */

  :root {
  --golden-ratio-brand: 7;
  --logo-favicon-background-url-brand: url("https://pubgen-assets.sho.ai/logos/favicon-241189-Group 7353-a42443ef.png");
  --logo-appicon-background-url-brand: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-0eb42d14.png");
  --logo-horizontallockup-background-url-brand: url("https://pubgen-assets.sho.ai/logos/white-pubgen-logo-ef3f84cf.svg");
  --logo-logomark-background-url-brand: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-2fda13ae.svg");
  --logo-verticallockup-background-url-brand: url("https://pubgen-assets.sho.ai/logos/Group 7350-eacdedcd.svg");
  --logo-dark-appicon-background-url-brand: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-0eb42d14.png");
  --logo-dark-horizontallockup-background-url-brand: url("https://pubgen-assets.sho.ai/logos/white-pubgen-logo-ef3f84cf.svg");
  --logo-dark-logomark-background-url-brand: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-2fda13ae.svg");
  --logo-dark-verticallockup-background-url-brand: url("https://pubgen-assets.sho.ai/logos/Group 7350-eacdedcd.svg");
  --placeholder-image-1: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-0_2 (1)-614501d0.png");
  --placeholder-image-2: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-0_1-23c3f52e.png");
  --placeholder-image-3: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-asset_ed5074e1-dd57-423b-bf3a-3dc6326192eb-bdb0b1e8.png");
  --placeholder-image-4: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-asset_0915dd18-9204-4abf-bcd4-feb4c7c653bb-e3b1f769.png");
  --placeholder-image-5: url("https://pubgen-assets.sho.ai/placeholderImages/image3AssetId-asset_7648f9b2-2be8-41ec-a6ff-435316deb2cb-1bfb80e6.png");
  --placeholder-image-6: url("https://pubgen-assets.sho.ai/placeholderImages/image3AssetId-asset_d91bfcb1-b6dd-45d3-99ac-3dc3fbafa3ec-df5b090b.png");
  --placeholder-image-7: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_82ad3d2f-c3fe-4563-92a9-a3db466b703f-bf737fc8.png");
  --placeholder-image-8: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_60f77e11-1bde-445b-a656-c8aa3749f89c-c08f983b.png");
  --placeholder-image-9: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_e9bc8b28-e1d8-4ed1-99bd-14e1fcae8516-72daf8ab.png");
  --placeholder-image-10: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_bae526ef-606d-43d3-abeb-f760c9b25d3e-6fd0e48a.png");
  }

  .logo-favicon-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/favicon-241189-Group 7353-a42443ef.png"); }
  .logo-appicon-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-0eb42d14.png"); }
  .logo-appicon-background-color { background-color: rgba(36,36,36,1); }
  .logo-horizontallockup-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/white-pubgen-logo-ef3f84cf.svg"); }
  .logo-horizontallockup-background-color { background-color: rgba(25,102,95,1); }
  .logo-logomark-background-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-2fda13ae.svg"); }
  .logo-logomark-background-color { background-color: rgba(25,102,95,1); }
  .logo-verticallockup-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/Group 7350-eacdedcd.svg"); }
  .logo-verticallockup-background-color { background-color: rgba(25,102,95,1); }
  .logo-dark-appicon-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-9046d3f7.png"); }
  .logo-dark-appicon-background-color { background-color: rgba(36,36,36,1); }
  .logo-dark-horizontallockup-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/asset_a7d5fdc4-fbb0-4161-9ae5-b81990a5f806 1-469f8e51.svg"); }
  .logo-dark-horizontallockup-background-color { background-color: rgba(25,102,95,1); }
  .logo-dark-logomark-background-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/Layer_1-2-0e717f0c.svg"); }
  .logo-dark-logomark-background-color { background-color: rgba(25,102,95,1); }
  .logo-dark-verticallockup-background-image-url-brand {background-image: url("https://pubgen-assets.sho.ai/logos/Group 7350-1b8fc0f1.svg"); }
  .logo-dark-verticallockup-background-color { background-color: rgba(25,102,95,1); }

  .placeholder-image-1 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-0_2 (1)-614501d0.png"); }
  .placeholder-image-2 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-0_1-23c3f52e.png"); }
  .placeholder-image-3 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-asset_ed5074e1-dd57-423b-bf3a-3dc6326192eb-bdb0b1e8.png"); }
  .placeholder-image-4 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image1AssetId-asset_0915dd18-9204-4abf-bcd4-feb4c7c653bb-e3b1f769.png"); }
  .placeholder-image-5 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image3AssetId-asset_7648f9b2-2be8-41ec-a6ff-435316deb2cb-1bfb80e6.png"); }
  .placeholder-image-6 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image3AssetId-asset_d91bfcb1-b6dd-45d3-99ac-3dc3fbafa3ec-df5b090b.png"); }
  .placeholder-image-7 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_82ad3d2f-c3fe-4563-92a9-a3db466b703f-bf737fc8.png"); }
  .placeholder-image-8 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_60f77e11-1bde-445b-a656-c8aa3749f89c-c08f983b.png"); }
  .placeholder-image-9 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_e9bc8b28-e1d8-4ed1-99bd-14e1fcae8516-72daf8ab.png"); }
  .placeholder-image-10 {background-image: url("https://pubgen-assets.sho.ai/placeholderImages/image8AssetId-whittneyt_illustrative_graphics_line_drawn_small_characters_lin_bae526ef-606d-43d3-abeb-f760c9b25d3e-6fd0e48a.png"); }
  

/* Fontfaces */
  
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Noto Sans; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/Noto+Sans/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Italic.ttf") format("truetype"); font-style: italic; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Noto Sans; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/Noto+Sans/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Noto Sans; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/Noto+Sans/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Noto Sans; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/Noto+Sans/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Noto Sans; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/Noto+Sans/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Noto Sans; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/Noto+Sans/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400;}
  @font-face {font-family: Newsreader; src: url("https://s3.us-east-2.amazonaws.com/cms-config.sho.ai/fonts/NewsReader/Newsreader-SemiBoldItalic.ttf") format("truetype"); font-style: italic; font-weight: 600;}
  
/* Paragraph styles */
  
  .h1-brand ,h1 {text-transform: none; font-size: 40px; line-height: 1.3em; margin-bottom: 28px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h2-brand ,h2 {text-transform: none; font-size: 35px; line-height: 1.3em; margin-bottom: 25px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h3-brand ,h3 {text-transform: none; font-size: 30px; line-height: 1.2em; margin-bottom: 21px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h4-brand ,h4 {text-transform: none; font-size: 25px; line-height: 1.4em; margin-bottom: 18px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h5-brand ,h5 {text-transform: none; font-size: 22px; line-height: 1.4em; margin-bottom: 15px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h6-brand ,h6 {text-transform: uppercase; font-size: 22px; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 15px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .subtitle1-brand {text-transform: none; font-size: 28px; line-height: 1.4em; margin-bottom: 17px; font-family: Newsreader; font-style: italic; font-weight: 400; }
  .subtitle2-brand {text-transform: none; font-size: 19px; line-height: 1.5em; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .body1-brand ,p {text-transform: none; font-size: 16px; line-height: 1.4em; margin-bottom: 11px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .body2-brand {text-transform: none; font-size: 15px; line-height: 1.4em; margin-bottom: 11px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .button-brand {text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; line-height: 1.2em; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .caption-brand {text-transform: none; font-size: 11px; letter-spacing: 0.01em; line-height: 1.4em; margin-bottom: 8px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .overline-brand {text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; line-height: 1.4em; margin-bottom: 9px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .blockquote-brand {text-transform: none; font-size: 24px; line-height: 1.4em; font-family: Newsreader; font-style: italic; font-weight: 600; padding-left: 21px; border-left: 7px solid rgba(45,45,45,1);}

@media only screen and (max-width: 478px) {
  .h1-brand ,h1 {text-transform: none; font-size: 24px; line-height: 1.3em; margin-bottom: 16.8px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h2-brand ,h2 {text-transform: none; font-size: 21px; line-height: 1.3em; margin-bottom: 15px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h3-brand ,h3 {text-transform: none; font-size: 18px; line-height: 1.2em; margin-bottom: 12.6px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h4-brand ,h4 {text-transform: none; font-size: 15px; line-height: 1.4em; margin-bottom: 10.799999999999999px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h5-brand ,h5 {text-transform: none; font-size: 13.2px; line-height: 1.4em; margin-bottom: 9px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h6-brand ,h6 {text-transform: uppercase; font-size: 13.2px; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 9px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .subtitle1-brand {text-transform: none; font-size: 16.8px; line-height: 1.4em; margin-bottom: 10.2px; font-family: Newsreader; font-style: italic; font-weight: 400; }
  .subtitle2-brand {text-transform: none; font-size: 11.4px; line-height: 1.5em; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .body1-brand ,p {text-transform: none; font-size: 9.6px; line-height: 1.4em; margin-bottom: 6.6px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .body2-brand {text-transform: none; font-size: 9px; line-height: 1.4em; margin-bottom: 6.6px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .button-brand {text-transform: uppercase; font-size: 7.8px; letter-spacing: 0.1em; line-height: 1.2em; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .caption-brand {text-transform: none; font-size: 6.6px; letter-spacing: 0.01em; line-height: 1.4em; margin-bottom: 4.8px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .overline-brand {text-transform: uppercase; font-size: 7.8px; letter-spacing: 0.1em; line-height: 1.4em; margin-bottom: 5.3999999999999995px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .blockquote-brand {text-transform: none; font-size: 14.399999999999999px; line-height: 1.4em; font-family: Newsreader; font-style: italic; font-weight: 600; padding-left: 12.6px; border-left: 4.2px solid rgba(45,45,45,1);}
}

@media only screen and (max-width: 767px) {
  .h1-brand ,h1 {text-transform: none; font-size: 27.200000000000003px; line-height: 1.3em; margin-bottom: 19.040000000000003px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h2-brand ,h2 {text-transform: none; font-size: 23.8px; line-height: 1.3em; margin-bottom: 17px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h3-brand ,h3 {text-transform: none; font-size: 20.400000000000002px; line-height: 1.2em; margin-bottom: 14.280000000000001px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h4-brand ,h4 {text-transform: none; font-size: 17px; line-height: 1.4em; margin-bottom: 12.24px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h5-brand ,h5 {text-transform: none; font-size: 14.96px; line-height: 1.4em; margin-bottom: 10.200000000000001px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h6-brand ,h6 {text-transform: uppercase; font-size: 14.96px; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 10.200000000000001px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .subtitle1-brand {text-transform: none; font-size: 19.040000000000003px; line-height: 1.4em; margin-bottom: 11.56px; font-family: Newsreader; font-style: italic; font-weight: 400; }
  .subtitle2-brand {text-transform: none; font-size: 12.920000000000002px; line-height: 1.5em; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .body1-brand ,p {text-transform: none; font-size: 10.88px; line-height: 1.4em; margin-bottom: 7.48px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .body2-brand {text-transform: none; font-size: 10.200000000000001px; line-height: 1.4em; margin-bottom: 7.48px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .button-brand {text-transform: uppercase; font-size: 8.84px; letter-spacing: 0.1em; line-height: 1.2em; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .caption-brand {text-transform: none; font-size: 7.48px; letter-spacing: 0.01em; line-height: 1.4em; margin-bottom: 5.44px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .overline-brand {text-transform: uppercase; font-size: 8.84px; letter-spacing: 0.1em; line-height: 1.4em; margin-bottom: 6.12px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .blockquote-brand {text-transform: none; font-size: 16.32px; line-height: 1.4em; font-family: Newsreader; font-style: italic; font-weight: 600; padding-left: 14.280000000000001px; border-left: 4.760000000000001px solid rgba(45,45,45,1);}
}

@media only screen and (max-width: 991px) {
  .h1-brand ,h1 {text-transform: none; font-size: 36.800000000000004px; line-height: 1.3em; margin-bottom: 25.76px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h2-brand ,h2 {text-transform: none; font-size: 32.2px; line-height: 1.3em; margin-bottom: 23px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h3-brand ,h3 {text-transform: none; font-size: 27.6px; line-height: 1.2em; margin-bottom: 19.32px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h4-brand ,h4 {text-transform: none; font-size: 23px; line-height: 1.4em; margin-bottom: 16.560000000000002px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h5-brand ,h5 {text-transform: none; font-size: 20.240000000000002px; line-height: 1.4em; margin-bottom: 13.8px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h6-brand ,h6 {text-transform: uppercase; font-size: 20.240000000000002px; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 13.8px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .subtitle1-brand {text-transform: none; font-size: 25.76px; line-height: 1.4em; margin-bottom: 15.64px; font-family: Newsreader; font-style: italic; font-weight: 400; }
  .subtitle2-brand {text-transform: none; font-size: 17.48px; line-height: 1.5em; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .body1-brand ,p {text-transform: none; font-size: 14.72px; line-height: 1.4em; margin-bottom: 10.120000000000001px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .body2-brand {text-transform: none; font-size: 13.8px; line-height: 1.4em; margin-bottom: 10.120000000000001px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .button-brand {text-transform: uppercase; font-size: 11.96px; letter-spacing: 0.1em; line-height: 1.2em; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .caption-brand {text-transform: none; font-size: 10.120000000000001px; letter-spacing: 0.01em; line-height: 1.4em; margin-bottom: 7.36px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .overline-brand {text-transform: uppercase; font-size: 11.96px; letter-spacing: 0.1em; line-height: 1.4em; margin-bottom: 8.280000000000001px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .blockquote-brand {text-transform: none; font-size: 22.080000000000002px; line-height: 1.4em; font-family: Newsreader; font-style: italic; font-weight: 600; padding-left: 19.32px; border-left: 6.44px solid rgba(45,45,45,1);}
}

@media only screen and (min-width: 1280px) {
  .h1-brand ,h1 {text-transform: none; font-size: 44.800000000000004px; line-height: 1.3em; margin-bottom: 31.360000000000003px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h2-brand ,h2 {text-transform: none; font-size: 39.2px; line-height: 1.3em; margin-bottom: 28.000000000000004px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h3-brand ,h3 {text-transform: none; font-size: 33.6px; line-height: 1.2em; margin-bottom: 23.520000000000003px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h4-brand ,h4 {text-transform: none; font-size: 28.000000000000004px; line-height: 1.4em; margin-bottom: 20.160000000000004px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h5-brand ,h5 {text-transform: none; font-size: 24.64px; line-height: 1.4em; margin-bottom: 16.8px; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .h6-brand ,h6 {text-transform: uppercase; font-size: 24.64px; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 16.8px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .subtitle1-brand {text-transform: none; font-size: 31.360000000000003px; line-height: 1.4em; margin-bottom: 19.040000000000003px; font-family: Newsreader; font-style: italic; font-weight: 400; }
  .subtitle2-brand {text-transform: none; font-size: 21.28px; line-height: 1.5em; font-family: Newsreader; font-style: normal; font-weight: 400; }
  .body1-brand ,p {text-transform: none; font-size: 17.92px; line-height: 1.4em; margin-bottom: 12.32px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .body2-brand {text-transform: none; font-size: 16.8px; line-height: 1.4em; margin-bottom: 12.32px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .button-brand {text-transform: uppercase; font-size: 14.560000000000002px; letter-spacing: 0.1em; line-height: 1.2em; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .caption-brand {text-transform: none; font-size: 12.32px; letter-spacing: 0.01em; line-height: 1.4em; margin-bottom: 8.96px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .overline-brand {text-transform: uppercase; font-size: 14.560000000000002px; letter-spacing: 0.1em; line-height: 1.4em; margin-bottom: 10.080000000000002px; font-family: Noto Sans; font-style: normal; font-weight: 400; }
  .blockquote-brand {text-transform: none; font-size: 26.880000000000003px; line-height: 1.4em; font-family: Newsreader; font-style: italic; font-weight: 600; padding-left: 23.520000000000003px; border-left: 7.840000000000001px solid rgba(45,45,45,1);}
}

/* Buttons */

  .button-primary-brand {background-color: rgba(25,102,95,1); border-color: rgba(25,102,95,1); border-radius: 4px; border-style: solid; border-width: 1px; color: rgba(255,255,255,1);}
  .button-primary-brand:hover {background-color: rgba(25,102,95,0.84);}
  .button-primary-disabled-brand {background-color: rgba(36,36,36,0.31999999999999995); border-color: rgba(36,36,36,0.31999999999999995); color: rgba(70,70,70,1);}

  .button-secondary-brand {background-color: rgba(37,186,162,1); border-color: rgba(37,186,162,1); border-radius: 4px; border-style: solid; border-width: 1px; color: rgba(255,255,255,1);}
  .button-secondary-brand:hover {background-color: rgba(37,186,162,0.84);}
  .button-secondary-disabled-brand {background-color: rgba(36,36,36,0.31999999999999995); border-color: rgba(36,36,36,0.31999999999999995); color: rgba(70,70,70,1);}

  .button-tertiary-brand {background-color: rgba(255,255,255,1); border-color: rgba(33,131,122,1); border-radius: 4px; border-style: solid; border-width: 2px; color: rgba(33,131,122,1);}
  .button-tertiary-brand:hover {background-color: rgba(255,255,255,0.84);}
  .button-tertiary-disabled-brand {background-color: rgba(36,36,36,0.31999999999999995); border-color: rgba(36,36,36,0.31999999999999995); color: rgba(70,70,70,1);}

  .fab {border-radius: 50%;}
  
/* Hyperlink */

  a, .hyperlink {color: rgba(33,131,122,1)}

/* Primary Colors */

  /* Ali */
  .ali-brand {color: rgba(33,131,122,1)}
  .ali-brand-hover:hover {color: rgba(33,131,122,1)}
  .ali-background-brand {background-color: rgba(33,131,122,1)}
  .ali-background-brand-hover:hover {background-color: rgba(33,131,122,1)}
  .ali-border-brand {border-color: rgba(33,131,122,1)}
  .ali-svg-fill-path-brand path {fill: rgba(33,131,122,1)}
  .ali-stroke {stroke: rgba(33,131,122,1)}
  
  /* Ben */
  .ben-brand {color: rgba(25,102,95,1)}
  .ben-brand-hover:hover {color: rgba(25,102,95,1)}
  .ben-background-brand {background-color: rgba(25,102,95,1)}
  .ben-background-brand-hover:hover {background-color: rgba(25,102,95,1)}
  .ben-border-brand {border-color: rgba(25,102,95,1)}
  .ben-svg-fill-path-brand path {fill: rgba(25,102,95,1)}
  .ben-stroke {stroke: rgba(25,102,95,1)}
  
  /* Cal */
  .cal-brand {color: rgba(37,186,162,1)}
  .cal-brand-hover:hover {color: rgba(37,186,162,1)}
  .cal-background-brand {background-color: rgba(37,186,162,1)}
  .cal-background-brand-hover:hover {background-color: rgba(37,186,162,1)}
  .cal-border-brand {border-color: rgba(37,186,162,1)}
  .cal-svg-fill-path-brand path {fill: rgba(37,186,162,1)}
  .cal-stroke {stroke: rgba(37,186,162,1)}
  
  /* Dan */
  .dan-brand {color: rgba(33,131,122,1)}
  .dan-brand-hover:hover {color: rgba(33,131,122,1)}
  .dan-background-brand {background-color: rgba(33,131,122,1)}
  .dan-background-brand-hover:hover {background-color: rgba(33,131,122,1)}
  .dan-border-brand {border-color: rgba(33,131,122,1)}
  .dan-svg-fill-path-brand path {fill: rgba(33,131,122,1)}
  .dan-stroke {stroke: rgba(33,131,122,1)}
  
/* Secondary Colors */

  /* Links */
  .han-brand {color: rgba(74,180,249,1)}
  .han-brand-hover:hover {color: rgba(74,180,249,1)}
  .han-background-brand {background-color: rgba(74,180,249,1)}
  .han-background-brand-hover:hover {background-color: rgba(74,180,249,1)}
  .han-border-brand {border-color: rgba(74,180,249,1)}
  .han-svg-fill-path-brand path {fill: rgba(74,180,249,1)}
  .han-stroke {stroke: rgba(74,180,249,1)}
  
  /* Warning */
  .ivy-brand {color: rgba(179,58,58,1)}
  .ivy-brand-hover:hover {color: rgba(179,58,58,1)}
  .ivy-background-brand {background-color: rgba(179,58,58,1)}
  .ivy-background-brand-hover:hover {background-color: rgba(179,58,58,1)}
  .ivy-border-brand {border-color: rgba(179,58,58,1)}
  .ivy-svg-fill-path-brand path {fill: rgba(179,58,58,1)}
  .ivy-stroke {stroke: rgba(179,58,58,1)}
  
  /* Success */
  .jim-brand {color: rgba(87,143,131,1)}
  .jim-brand-hover:hover {color: rgba(87,143,131,1)}
  .jim-background-brand {background-color: rgba(87,143,131,1)}
  .jim-background-brand-hover:hover {background-color: rgba(87,143,131,1)}
  .jim-border-brand {border-color: rgba(87,143,131,1)}
  .jim-svg-fill-path-brand path {fill: rgba(87,143,131,1)}
  .jim-stroke {stroke: rgba(87,143,131,1)}
  
  /* Warning */
  .kay-brand {color: rgba(214,191,115,1)}
  .kay-brand-hover:hover {color: rgba(214,191,115,1)}
  .kay-background-brand {background-color: rgba(214,191,115,1)}
  .kay-background-brand-hover:hover {background-color: rgba(214,191,115,1)}
  .kay-border-brand {border-color: rgba(214,191,115,1)}
  .kay-svg-fill-path-brand path {fill: rgba(214,191,115,1)}
  .kay-stroke {stroke: rgba(214,191,115,1)}
  
  /* Grey */
  .leo-brand {color: rgba(162,169,173,1)}
  .leo-brand-hover:hover {color: rgba(162,169,173,1)}
  .leo-background-brand {background-color: rgba(162,169,173,1)}
  .leo-background-brand-hover:hover {background-color: rgba(162,169,173,1)}
  .leo-border-brand {border-color: rgba(162,169,173,1)}
  .leo-svg-fill-path-brand path {fill: rgba(162,169,173,1)}
  .leo-stroke {stroke: rgba(162,169,173,1)}
  
/* Grayscale Colors */

  /* Hundred */
  .nan-brand {color: rgba(36,36,36,1)}
  .nan-brand-hover:hover {color: rgba(36,36,36,1)}
  .nan-background-brand {background-color: rgba(36,36,36,1)}
  .nan-background-brand-hover:hover {background-color: rgba(36,36,36,1)}
  .nan-border-brand {border-color: rgba(36,36,36,1)}
  .nan-svg-fill-path-brand path {fill: rgba(36,36,36,1)}
  .nan-stroke {stroke: rgba(36,36,36,1)}
  
  /* Eighty */
  .ota-brand {color: rgba(45,45,45,1)}
  .ota-brand-hover:hover {color: rgba(45,45,45,1)}
  .ota-background-brand {background-color: rgba(45,45,45,1)}
  .ota-background-brand-hover:hover {background-color: rgba(45,45,45,1)}
  .ota-border-brand {border-color: rgba(45,45,45,1)}
  .ota-svg-fill-path-brand path {fill: rgba(45,45,45,1)}
  .ota-stroke {stroke: rgba(45,45,45,1)}
  
  /* Sixty */
  .pam-brand {color: rgba(70,70,70,1)}
  .pam-brand-hover:hover {color: rgba(70,70,70,1)}
  .pam-background-brand {background-color: rgba(70,70,70,1)}
  .pam-background-brand-hover:hover {background-color: rgba(70,70,70,1)}
  .pam-border-brand {border-color: rgba(70,70,70,1)}
  .pam-svg-fill-path-brand path {fill: rgba(70,70,70,1)}
  .pam-stroke {stroke: rgba(70,70,70,1)}
  
  /* Forty */
  .qui-brand {color: rgba(153,153,153,1)}
  .qui-brand-hover:hover {color: rgba(153,153,153,1)}
  .qui-background-brand {background-color: rgba(153,153,153,1)}
  .qui-background-brand-hover:hover {background-color: rgba(153,153,153,1)}
  .qui-border-brand {border-color: rgba(153,153,153,1)}
  .qui-svg-fill-path-brand path {fill: rgba(153,153,153,1)}
  .qui-stroke {stroke: rgba(153,153,153,1)}
  
  /* Off White */
  .roy-brand {color: rgba(241,235,220,1)}
  .roy-brand-hover:hover {color: rgba(241,235,220,1)}
  .roy-background-brand {background-color: rgba(241,235,220,1)}
  .roy-background-brand-hover:hover {background-color: rgba(241,235,220,1)}
  .roy-border-brand {border-color: rgba(241,235,220,1)}
  .roy-svg-fill-path-brand path {fill: rgba(241,235,220,1)}
  .roy-stroke {stroke: rgba(241,235,220,1)}
  
  /* Zero */
  .sue-brand {color: rgba(255,255,255,1)}
  .sue-brand-hover:hover {color: rgba(255,255,255,1)}
  .sue-background-brand {background-color: rgba(255,255,255,1)}
  .sue-background-brand-hover:hover {background-color: rgba(255,255,255,1)}
  .sue-border-brand {border-color: rgba(255,255,255,1)}
  .sue-svg-fill-path-brand path {fill: rgba(255,255,255,1)}
  .sue-stroke {stroke: rgba(255,255,255,1)}