:root {
  --primary: #00487c;
  --primary-rgb: 14, 73, 123;
  --secondary: #99ccff;
  --grey: #edf0f3;
  --primary-text: #00487c;
  --secondary-text: #99ccff;
}

div[class*=mode-]:not([class*=primary]) .primary_text {
  color: var(--primary) !important;
}

/* Icon Alter */
div[class*=mode-] .container--icon svg path[fill="#ffb81c"] {
  fill: var(--secondary);
}

/* Primary H3 */
div[class*=Carousel-H-M-4Col-ImageAboveText] span.title.title,
div[class*=Counting-Numbers-H-M-3Col-DataPoints] .title-col.title-col,
div[class*=Insights-H-M] .title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText] .title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText] .text.text,
div[class*=Multi-Item-Content-H-M] .title-col.title-col,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h3:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h3:first-child,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col.title-col,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h2:first-child,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h3:first-child {
  font-weight: 500 !important;
}

div[class*=Carousel-H-M-4Col-ImageAboveText]:not([class*=primary]) span.title.title,
div[class*=Counting-Numbers-H-M-3Col-DataPoints]:not([class*=primary]) .title-col.title-col,
div[class*=Insights-H-M]:not([class*=primary]) .title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText]:not([class*=primary]) .title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText]:not([class*=primary]) .text.text,
div[class*=Multi-Item-Content-H-M]:not([class*=primary]) .title-col.title-col,
div[class*=Multi-Item-Content-H-M-2Col-Text]:not([class*=primary]) .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-2Col-Text]:not([class*=primary]) .container--content.container--content > h3:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text]:not([class*=primary]) .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text]:not([class*=primary]) .container--content.container--content > h3:first-child,
div[class*=Resources-H-M-2ColGrid-IconTextCTA]:not([class*=primary]) .title-col.title-col,
div[class*=Singular-Content-H-M-1Col]:not([class*=primary]) .container--content.container--content > h2:first-child,
div[class*=Singular-Content-H-M-1Col]:not([class*=primary]) .container--content.container--content > h3:first-child {
  color: var(--primary) !important;
}

div[class*=Carousel-H-M-4Col-ImageAboveText] span.title.title::after,
div[class*=Counting-Numbers-H-M-3Col-DataPoints] .title-col.title-col::after,
div[class*=Insights-H-M] .title-col.title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .title-col.title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .text.text::after,
div[class*=Multi-Item-Content-H-M] .title-col.title-col::after,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h2:first-child::after,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h3:first-child::after,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h2:first-child::after,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h3:first-child::after,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col.title-col::after,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h2:first-child::after,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h3:first-child::after {
  background: var(--secondary) !important;
}

/* Hero Banner 3 [Home] */
div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
  font-family: Tandelle, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  margin-bottom: 0;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
  font-size: 2.5rem;
  font-family: Tandelle, sans-serif;
  margin-bottom: 0;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .background--media.background--media.background--media.background--media.background--media::before {
  background: rgba(0, 0, 0, 0.45);
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
  background: initial;
}

@media (max-width: 1199px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 3.5em;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 3.2em;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 3em;
  }
}
@media (max-width: 575px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 2rem;
  }
}
/* Multi-Item Content 6 (Primary excluded) [In the Media] */
div[class*=" Multi-Item-Content-H-M-3Col-ImageAboveText"]:not([class*=primary]) .container--content.container--content.container--content.container--content {
  background: initial;
  padding-left: 0;
  padding-right: 0;
}

/* Text Banner 1 */
div[class*=Banner-Text-HeadingMessage] .container--content p {
  border-bottom: 2px solid var(--pcg-secondary);
  line-height: 1.5;
  padding-bottom: 10px;
}

@media (min-width: 576px) {
  div[class*=Banner-Text-HeadingMessage] .section--textBanner-text .container--content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  div[class*=Banner-Text-HeadingMessage] .section--textBanner-text .container--content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  div[class*=Banner-Text-HeadingMessage] .section--textBanner-text .container--content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  div[class*=Banner-Text-HeadingMessage] .section--textBanner-text .container--content {
    max-width: 1140px;
  }
}