@font-face {
  font-family: "Aeonik";
  src: url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-light.woff2")
      format("woff2"),
    url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-light.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-regular.woff2")
      format("woff2"),
    url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-regular.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-medium.woff2")
      format("woff2"),
    url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-medium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-bold.woff2")
      format("woff2"),
    url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Aeonik/aeonik-bold.woff")
      format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://assets.bwbx.io/s3/mspandorasbox/charting-disruption-26/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
}
@keyframes fade-in {
  to {
    opacity: 1;
    translate: 0 0;
  }
  from {
    opacity: 0;
    translate: 0 60px;
  }
}
html body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  color: #012f37;
}
html .nav-open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html .nav-open main:after {
  visibility: visible;
  opacity: 1;
}
html body main {
  position: relative;
  margin: 0 auto;
}
html body main:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background: rgba(1, 47, 55, 0.65);
  transition: visibility 0.6s, opacity 0.6s;
}
html body main p {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  html body main p {
    font-size: 16px;
    line-height: 24px;
  }
}
html body main h1,
html body main h2,
html body main h3,
html body main h4,
html body main h5,
html body main h6 {
  margin: 0;
  font-family: "Aeonik", sans-serif;
  font-weight: 400;
  text-wrap: pretty;
  color: #000000;
}
html body main h1 {
  font-size: 75px;
  line-height: 85px;
  letter-spacing: -1px;
  color: #ffffff;
  margin: 14px 0 10px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  html body main h1 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: unset;
  }
}
html body main h2 {
  font-size: 50px;
  line-height: 50px;
}
html body main h3 {
  font-size: 30px;
  line-height: 36px;
}
html body main h4 {
  font-size: 26px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  html body main h4 {
    font-size: 24px;
    line-height: 30px;
  }
}
html body main h5 {
  font-size: 24px;
  line-height: 30px;
}
html body main h5 {
  font-size: 20px;
  line-height: 24px;
}
html body main sup {
  font-size: 65%;
  line-height: 0;
}
html body main * {
  box-sizing: border-box;
}
html body main *:before,
html body main *:after {
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  html body main .desktop {
    display: none !important;
  }
}
html body main .mobile {
  display: none !important;
}
@media screen and (max-width: 768px) {
  html body main .mobile {
    display: block !important;
  }
}
html body main .mobile-flex {
  display: none !important;
}
@media screen and (max-width: 768px) {
  html body main .mobile-flex {
    display: flex !important;
  }
}
html body main .eyebrow {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  html body main .eyebrow {
    font-size: 12px;
    line-height: 14px;
  }
}
html body main .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 70px 40px;
}
@media screen and (max-width: 1200px) {
  html body main .container {
    padding: 70px 120px;
  }
}
@media screen and (max-width: 1024px) {
  html body main .container {
    padding: 70px 40px;
  }
}
@media screen and (max-width: 768px) {
  html body main .container {
    padding: 50px 15px;
  }
}
html body main .content {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.home .sponsor-bar {
  background: #012f37;
  border-color: #8d8d8d;
}
.home .sponsor-bar--left a {
  color: #ffffff;
}
.home .sponsor-bar--right img.default {
  display: none;
}
.home .sponsor-bar--right img.home {
  display: block;
}

.sponsor-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 12;
  padding: 11px 25px;
  background: #ffffff;
  border-bottom: 1px solid #bebebe;
}
@media screen and (max-width: 768px) {
  .sponsor-bar {
    padding: 9px 20px;
  }
}
.sponsor-bar--left {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 15px;
}
.sponsor-bar--left a {
  text-decoration: none;
  color: #012f37;
}
.sponsor-bar--left a:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.sponsor-bar--left a:first-child:hover .text,
.sponsor-bar--left a:first-child:hover .icon {
  opacity: 0.5;
}
.sponsor-bar--left a:first-child:hover .sponsor-tooltip {
  visibility: visible;
  opacity: 1;
}
.sponsor-bar--left a:first-child .text,
.sponsor-bar--left a:first-child .icon {
  transition: opacity 0.6s;
}
.sponsor-bar--left a:first-child .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  font-size: 14px;
  font-weight: 700;
  line-height: 0;
  border: 1px solid #ff5800;
  border-radius: 21px;
}
.sponsor-bar--left a:first-child .sponsor-tooltip {
  display: block;
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  max-width: 400px;
  width: calc(100vw - 40px);
  padding: 6px 8px;
  visibility: hidden;
  opacity: 0;
  font-size: 12px;
  line-height: normal;
  color: #ffffff;
  background: #012f37;
  transition: visibility 0.6s, opacity 0.6s;
  pointer-events: none;
}
.sponsor-bar--left a:first-child .sponsor-tooltip svg {
  position: absolute;
  top: -15px;
  left: 70px;
}
.sponsor-bar--left a:last-child:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .sponsor-bar--right {
    display: none;
  }
}
.sponsor-bar--right img {
  display: block;
  max-width: 275px;
  width: 100%;
  height: auto;
}
.sponsor-bar--right img.home {
  display: none;
}

.hero {
  position: relative;
  width: 100%;
  max-height: 621px;
  height: 100vh;
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
}
.hero__overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) -5.98%,
    rgba(0, 0, 0, 0.4) 100%
  );
  display: flex;
  align-items: end;
}
.hero__content {
  text-align: left;
  color: #fff;
  padding: 42px 26px;
}
.hero__page-num {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  border: 2px solid #ffffff;
  border-radius: 150px;
  padding: 3px 15px;
  font-weight: 600;
}
.hero__subtitle {
  margin: 0;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .hero {
    max-height: 422px;
    background-image: none;
    background-attachment: scroll;
    background-image: var(--background-image-mobile) !important;
  }
  .hero__content {
    padding: 25px 15px;
  }
}
.button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  text-align: center;
  color: #ff5800;
  background: transparent;
  border: 1px solid #ff5800;
  border-radius: 32px;
  transition: color 0.6s, background-color 0.6s, border-color 0.6s;
  cursor: pointer;
}
.button.large {
  gap: 10px;
  padding: 8px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  border-width: 2px;
}
.button.large:hover {
  color: #ffffff;
  background-color: #ff5800;
  border-color: #ff5800;
}
.button.large:hover svg path {
  fill: #ffffff;
}
.button.large:hover svg line {
  stroke: #ffffff;
}
.button:hover {
  color: #031c26;
  border-color: #031c26;
}
.button svg path {
  transition: fill 0.6s;
}
.button svg line {
  transition: stroke 0.6s;
}

.divider {
  padding: 0 25px;
}
@media screen and (max-width: 768px) {
  .divider {
    padding: 0 15px;
  }
}
.divider.alt-style {
  padding: 0;
}
.divider.alt-style hr {
  background: rgba(141, 141, 141, 0.5);
}
.divider.dark hr {
  background-color: #012f37;
}
.divider hr {
  width: 100%;
  height: 1px;
  margin: 0;
  background: #8d8d8d;
  border: none;
}

.footnote {
  display: flex;
  position: relative;
  padding-left: 7px;
  font-size: 14px;
  line-height: 20px;
}
.footnote span {
  position: absolute;
  top: 0;
  left: -3px;
  width: 9px;
  text-align: right;
}
.footnote span sup {
  vertical-align: super;
  line-height: 0;
}

.references {
  padding: 50px 40px 0;
  background: #031c26;
}
@media screen and (max-width: 768px) {
  .references {
    padding: 50px 15px 0;
  }
}
.references.open .collapse svg {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .references.open .footnotes {
    display: flex;
  }
}
.references .collapse {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 45px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: 20px;
  color: #bebebe;
}
.references .collapse svg {
  transition: transform 0.6s;
}
.references .footnotes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .references .footnotes {
    display: none;
    padding-bottom: 45px;
  }
}
.references .footnotes .footnote {
  color: #bebebe;
}
.references .divider {
  padding: 0;
}

.two_col_header_left .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .two_col_header_left .content {
    flex-direction: column;
  }
}
.two_col_header_left .content p {
  margin-bottom: 20px;
  color: #000000;
}
.two_col_header_left .content p:last-of-type {
  margin-bottom: 0;
}
.two_col_header_left .content .col--left {
  flex: 1;
  max-width: 375px;
}
.two_col_header_left .content .col--right {
  flex: 1;
  width: 100%;
  max-width: 683px;
}

.below_hero {
  background-color: #012f37;
  background-repeat: no-repeat;
  background-position: 0 -115px;
}
@media screen and (max-width: 768px) {
  .below_hero {
    background-image: none !important;
  }
}
.below_hero .content {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .below_hero .content {
    flex-direction: column;
    gap: 30px;
  }
}
.below_hero .content p {
  margin-bottom: 20px;
  color: #ffffff;
}
.below_hero .content p:last-of-type {
  margin-bottom: 0;
}
.below_hero .content p a {
  text-decoration: underline;
  color: #ffffff;
}
.below_hero .content .col--left {
  max-width: 375px;
}
.below_hero .content .col--right {
  width: 100;
  max-width: 685px;
}

.has-sticky-header.nav-open .main-nav {
  top: 96px;
}
@media screen and (max-width: 768px) {
  .has-sticky-header.nav-open .main-nav {
    top: 90px;
    max-height: calc(100% - 90px);
  }
}

.nav-open .main-nav {
  top: 146px;
}
@media screen and (max-width: 768px) {
  .nav-open .main-nav {
    top: 130px;
  }
}

.home .main-nav .container {
  background: #012f37;
}
.home .main-nav--title {
  color: #fffcf8;
}
.home .main-nav--grid .item {
  color: #fffcf8;
}
.home .main-nav--grid .item.current {
  color: #95c0bd;
}
.home .main-nav--grid .item:hover {
  color: #ff5800;
}
.home .main-nav .button-wrapper .button {
  color: #ffffff;
}
.home .main-nav .button-wrapper .button svg path {
  fill: #ffffff;
}
.home .main-nav .button-wrapper .button svg line {
  stroke: #ffffff;
}

.main-nav {
  position: fixed;
  top: -402px;
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: calc(100% - 96px - 50px);
  overflow: auto;
  transition: top 0.6s;
}
@media screen and (max-width: 768px) {
  .main-nav {
    top: -100%;
    max-height: calc(100% - 90px - 40px);
  }
}
.main-nav .container {
  max-width: 100%;
  padding: 70px 40px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .main-nav .container {
    padding: 20px 15px;
  }
}
.main-nav--title {
  font-family: "Aeonik", sans-serif;
  font-size: 40px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .main-nav--title {
    padding: 10px 0;
    font-size: 28px;
  }
}
.main-nav--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 33px;
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .main-nav--grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 20px;
  }
}
.main-nav--grid .item {
  display: block;
  padding: 15px 0 10px;
  text-decoration: none;
  color: #012f37;
  border-bottom: 1px solid #8d8d8d;
  transition: color 0.6s, border-color 0.6s;
}
@media screen and (max-width: 768px) {
  .main-nav--grid .item {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding-top: 0;
  }
}
.main-nav--grid .item.current {
  color: #95c0bd !important;
  border-color: #95c0bd !important;
}
.main-nav--grid .item:hover {
  color: #ff5800;
  border-color: #ff5800;
}
.main-nav--grid .item--number {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .main-nav--grid .item--number {
    line-height: 22px;
  }
}
.main-nav--grid .item--text {
  display: block;
  font-size: 20px;
  line-height: 24px;
}
.main-nav .button-wrapper {
  margin-top: 20px;
  padding: 20px 0;
}
.main-nav .button-wrapper .button {
  padding: 6px 18px;
  font-size: 16px;
}
.main-nav .button-wrapper .button svg {
  max-width: 14px;
}
.main-nav .button-wrapper .button svg path {
  fill: #ff5800;
}
.main-nav .button-wrapper .button svg line {
  stroke: #ff5800;
}

.defense-02 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 13.0168453292%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .defense-02 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.robotics-03 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 25.8039816233%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .robotics-03 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.infrastructure-04 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 38.6676875957%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.electrification-05 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 51.5313935681%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .electrification-05 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.minerals-06 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 64.3950995406%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .minerals-06 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.healthtech-07 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 77.258805513%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .healthtech-07 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.biotech-08 .bottom-nav--timeline:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  width: 90.1225114855%;
  z-index: 0;
  height: 0;
  border-bottom: 1px solid #012f37;
}
@media screen and (max-width: 768px) {
  .biotech-08 .bottom-nav--timeline:after {
    top: 15px;
  }
}

.bottom-nav--next-text {
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 1px;
}
.bottom-nav--next-link {
  margin-top: 10px;
  text-align: center;
}
.bottom-nav--next-link a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 30px;
  text-decoration: none;
  line-height: 36px;
  color: #012f37;
  border-bottom: 1px solid transparent;
  transition: color 0.6s, border-color 0.6s;
}
@media screen and (max-width: 768px) {
  .bottom-nav--next-link a {
    font-size: 24px;
    line-height: 30px;
  }
}
.bottom-nav--next-link a:hover {
  color: #ff5800;
  border-color: #ff5800;
}
.bottom-nav--next-link a span:last-of-type {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-variant-ligatures: normal;
}
.bottom-nav--timeline {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .bottom-nav--timeline {
    margin-top: 50px;
  }
}
.bottom-nav--timeline:before {
  content: "";
  position: absolute;
  top: 39px;
  left: 5.0535987749%;
  right: 5.0535987749%;
  z-index: 0;
  height: 0;
  border-bottom: 1px dashed #012f37;
}
@media screen and (max-width: 768px) {
  .bottom-nav--timeline:before {
    top: 15px;
  }
}
.bottom-nav--timeline .item {
  flex: 1;
  display: block;
  position: relative;
  z-index: 1;
  max-width: 130px;
  text-decoration: none;
  color: #012f37;
  transition: color 0.6s;
}
.bottom-nav--timeline .item.current .item--circle {
  background: #ff5800;
  border-color: #ff5800;
}
.bottom-nav--timeline .item.past:hover .item--circle {
  background-color: #ff5800;
}
.bottom-nav--timeline .item.past .item--circle {
  background: #012f37;
}
.bottom-nav--timeline .item:hover {
  color: #ff5800;
}
.bottom-nav--timeline .item:hover .item--circle {
  border-color: #ff5800;
}
.bottom-nav--timeline .item--number {
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  letter-spacing: 2px;
}
.bottom-nav--timeline .item--number.mobile {
  margin-top: 4px;
}
.bottom-nav--timeline .item--circle {
  width: 16px;
  height: 16px;
  margin: 7px auto 0;
  border: 1px solid #012f37;
  background: #ffffff;
  border-radius: 16px;
  transition: background-color 0.6s, border-color 0.6s;
}
.bottom-nav--timeline .item--text {
  max-width: 120px;
  height: 65px;
  margin: 7px auto 0;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
}
@media screen and (max-width: 868px) {
  .bottom-nav--timeline .item--text {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bottom-nav--timeline .item--text {
    display: none;
  }
}

.expert-takeaway {
  background: #dfe8e7;
}
.expert-takeaway.green {
  background: #d0dcc1;
}
.expert-takeaway.beige {
  background: #f9f3ec;
}
.expert-takeaway .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.expert-takeaway .container .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content {
    flex-direction: column;
    gap: 30px;
  }
}
.expert-takeaway .container .content--left {
  flex: 0 0 auto;
  width: 174px;
}
.expert-takeaway .container .content--left h2 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 2px;
  color: #012f37;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content--left h2 {
    font-size: 12px;
    line-height: 14px;
  }
}
.expert-takeaway .container .content--right {
  flex: 1;
  max-width: 888px;
}
.expert-takeaway .container .content--right blockquote {
  position: relative;
  margin: 0;
}
.expert-takeaway .container .content--right blockquote span {
  font-size: 26px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content--right blockquote span {
    font-size: 20px;
    line-height: 26px;
  }
}
.expert-takeaway .container .content--right blockquote span.left {
  position: absolute;
  top: 0;
  left: -9px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content--right blockquote span.left {
    left: -7px;
  }
}
.expert-takeaway .container .content--right blockquote p {
  font-size: 26px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content--right blockquote p {
    font-size: 20px;
    line-height: 26px;
  }
}
.expert-takeaway .container .content--right .author {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content--right .author {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: 30px;
  }
}
.expert-takeaway .container .content--right .author--image img {
  display: block;
  max-width: 118px;
}
.expert-takeaway .container .content--right .author--copy {
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .expert-takeaway .container .content--right .author--copy {
    font-size: 16px;
    line-height: 22px;
  }
}
.expert-takeaway .container .content--right .author--copy--name {
  font-weight: 700;
}

.chart--top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .chart--top {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.chart--top h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .chart--top h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.chart--bg {
  position: relative;
  margin-top: 40px;
}
.chart--bg.animate {
  position: relative;
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
.chart--bg.animated {
  top: 0;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .chart--bg {
    margin-top: 30px;
  }
}
.chart--bg.animated .data-points .data-point {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}
.chart--bg > img {
  display: block;
  width: 100%;
  height: auto;
}
.chart--bg .data-points {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.chart--bg .data-points .data-point {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 30px;
  visibility: hidden;
  opacity: 0;
  transition: margin-top 0.6s, visibility 0.6s, opacity 0.6s;
}
.chart--bg .data-points .data-point:nth-child(1) {
  transition-delay: 0.4s;
}
.chart--bg .data-points .data-point:nth-child(2) {
  transition-delay: 0.6s;
}
.chart--bg .data-points .data-point:nth-child(3) {
  transition-delay: 0.8s;
}
.chart--bg .data-points .data-point:nth-child(4) {
  transition-delay: 1s;
}
.chart--bg .data-points .data-point:nth-child(5) {
  transition-delay: 1.2s;
}
.chart--bg .data-points .data-point:nth-child(6) {
  transition-delay: 1.4s;
}
.chart--bg .data-points .data-point:nth-child(7) {
  transition-delay: 1.6s;
}
.chart--bg .data-points .data-point:nth-child(8) {
  transition-delay: 1.8s;
}
.chart--bg .data-points .data-point:nth-child(9) {
  transition-delay: 2s;
}
.chart--bg .data-points .data-point:nth-child(10) {
  transition-delay: 2.2s;
}
.chart--bg .data-points .data-point:nth-child(11) {
  transition-delay: 2.4s;
}
.chart--bg .data-points .data-point:nth-child(12) {
  transition-delay: 2.6s;
}
.chart--bg .data-points .data-point:nth-child(13) {
  transition-delay: 2.8s;
}
.chart--bg .data-points .data-point:nth-child(14) {
  transition-delay: 3s;
}
.chart--bg .data-points .data-point:nth-child(15) {
  transition-delay: 3.2s;
}
.chart--bg .data-points .data-point:nth-child(16) {
  transition-delay: 3.4s;
}
.chart--bg .data-points .data-point:nth-child(17) {
  transition-delay: 3.6s;
}
.chart--bg .data-points .data-point:nth-child(18) {
  transition-delay: 3.8s;
}
.chart--bg .data-points .data-point:nth-child(19) {
  transition-delay: 4s;
}
.chart--bg .data-points .data-point:nth-child(20) {
  transition-delay: 4.2s;
}
.chart--bg .data-points .data-point img {
  display: block;
  width: auto;
  height: 100%;
}
.chart--bg .tooltips {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.chart--bg .tooltips .tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8333333333%;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  pointer-events: all;
}
@media screen and (max-width: 768px) {
  .chart--bg .tooltips .tooltip {
    width: 5.8981233244%;
  }
}
.chart--bg .tooltips .tooltip.show img {
  visibility: visible;
  opacity: 1;
}
@media (hover: hover) {
  .chart--bg .tooltips .tooltip:hover img {
    visibility: visible;
    opacity: 1;
  }
}
.chart--bg .tooltips .tooltip--inner {
  width: 100%;
  padding-bottom: 100%;
  pointer-events: none;
}
.chart--bg .tooltips .tooltip--inner img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: auto;
  height: 550%;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50%);
  transition: visibility 0.2s, opacity 0.2s;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .chart--bg .tooltips .tooltip--inner img {
    height: 763.6363636364% !important;
  }
}
.chart--footnote {
  margin-top: 30px;
  font-size: 14px;
  text-align: right;
  line-height: 18px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .chart--footnote {
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    line-height: 16px;
  }
}
.chart--footnote .asterisk {
  position: relative;
  top: -1px;
  font-size: 90%;
}

.chart--legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  row-gap: 10px;
}
.chart--legend .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chart--legend .item--color {
  flex: 0 0 auto;
  width: 25px;
  height: 6px;
}
.chart--legend .item--color.dot {
  width: 13px;
  height: 13px;
  border: 3px solid #000000;
  background: #ffffff !important;
  border-radius: 13px;
}
.chart--legend .item--color.dot.orange {
  border-color: #ff5800;
}
.chart--legend .item--color.filled-dot {
  width: 13px;
  height: 13px;
  border-radius: 13px;
}
@media screen and (max-width: 768px) {
  .chart--legend .item--color {
    width: 20px;
  }
}
.chart--legend .item--name {
  font-size: 16px;
  line-height: 20px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .chart--legend .item--name {
    font-size: 15px;
  }
}

.multi-chart .charts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}
@media screen and (max-width: 930px) {
  .multi-chart .charts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .multi-chart .charts {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.multi-chart .charts.animate .chart {
  position: relative;
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
.multi-chart .charts.animated .chart {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.multi-chart .charts.animated .chart .data-points .data-point {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}
.multi-chart .charts .chart:nth-child(1) {
  transition-delay: 0s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(3) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(4) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(5) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(6) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(7) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(8) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(9) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(1)
  .chart--bg
  .data-points
  .data-point:nth-child(10) {
  transition-delay: 0.4s;
}
.multi-chart .charts .chart:nth-child(2) {
  transition-delay: 0.4s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(3) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(4) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(5) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(6) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(7) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(8) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(9) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(2)
  .chart--bg
  .data-points
  .data-point:nth-child(10) {
  transition-delay: 0.8s;
}
.multi-chart .charts .chart:nth-child(3) {
  transition-delay: 0.8s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(3) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(4) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(5) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(6) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(7) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(8) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(9) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(3)
  .chart--bg
  .data-points
  .data-point:nth-child(10) {
  transition-delay: 1.2s;
}
.multi-chart .charts .chart:nth-child(4) {
  transition-delay: 1.2s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(3) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(4) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(5) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(6) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(7) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(8) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(9) {
  transition-delay: 1.6s;
}
.multi-chart
  .charts
  .chart:nth-child(4)
  .chart--bg
  .data-points
  .data-point:nth-child(10) {
  transition-delay: 1.6s;
}

.case-study {
  background: #dfe8e7;
}
.case-study.green {
  background: #d0dcc1;
}
.case-study .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .case-study .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.case-study .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .case-study .content {
    flex-direction: column;
  }
}
.case-study .content--left {
  flex: 1;
  max-width: 216px;
}
@media screen and (max-width: 768px) {
  .case-study .content--left {
    max-width: 100%;
  }
}
.case-study .content--left h2 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 2px;
  color: #012f37;
}
@media screen and (max-width: 768px) {
  .case-study .content--left h2 {
    font-size: 12px;
    line-height: 14px;
  }
}
.case-study .content--left h3 {
  margin-top: 30px;
  font-size: 26px;
  line-height: 30px;
  color: #012f37;
}
@media screen and (max-width: 768px) {
  .case-study .content--left h3 {
    margin-top: 20px;
    font-size: 24px;
  }
}
.case-study .content--left p {
  margin-top: 30px;
  font-size: 18px;
  line-height: 26px;
  color: #012f37;
}
.case-study .content--right {
  flex: 0 0 auto;
  width: 73.9166666667%;
}
@media screen and (max-width: 768px) {
  .case-study .content--right {
    width: 100%;
  }
}
.case-study .content--right .video {
  position: relative;
  padding-bottom: 56.25%;
}
.case-study .content--right .video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-study .content--right p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}

.accordion {
  margin-top: 30px;
}
.accordion .items {
  display: flex;
  flex-direction: column;
  gap: 41px;
}
@media screen and (max-width: 768px) {
  .accordion .items {
    gap: 31px;
  }
}
.accordion .items .item {
  position: relative;
}
.accordion .items .item.open .item--top--button .plus {
  visibility: hidden;
  opacity: 0;
}
.accordion .items .item.open .item--top--button .times {
  visibility: visible;
  opacity: 1;
}
.accordion .items .item.open .item--bottom {
  display: block;
}
.accordion .items .item:last-child:after {
  display: none;
}
.accordion .items .item:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #8d8d8d;
}
@media screen and (max-width: 768px) {
  .accordion .items .item:after {
    bottom: -15px;
  }
}
.accordion .items .item--top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.accordion .items .item--top--left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordion .items .item--top--left--color {
  flex: 0 0 auto;
  width: 25px;
  height: 6px;
}
@media screen and (max-width: 768px) {
  .accordion .items .item--top--left--color {
    width: 20px;
  }
}
.accordion .items .item--top--left--name {
  max-width: 204px;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .accordion .items .item--top--left--name {
    max-width: 192px;
    font-size: 15px;
  }
}
.accordion .items .item--top--button {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.accordion .items .item--top--button .plus,
.accordion .items .item--top--button .times {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: visibility 0.6s, opacity 0.6s;
}
.accordion .items .item--top--button .times {
  visibility: hidden;
  opacity: 0;
}
.accordion .items .item--bottom {
  display: none;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .accordion .items .item--bottom {
    margin-top: 15px;
  }
}
.accordion .items .item--bottom p {
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  line-height: 20px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .accordion .items .item--bottom p {
    font-size: 15px;
  }
}
.accordion .items .item--bottom p strong {
  display: block;
  font-weight: 500;
  font-style: normal;
  color: #012f37;
}
.accordion .items .item--bottom p span {
  display: block;
  margin-top: 15px;
}

.nav-open .header--right--content--hamburger svg.bars {
  display: none;
}
.nav-open .header--right--content--hamburger svg.cross {
  display: block;
}

.home .header,
.has-sticky-header .header {
  background: #012f37;
  border-bottom: none;
}
.home .header--left img.default,
.has-sticky-header .header--left img.default {
  display: none !important;
}
.home .header--left img.default.mobile-img,
.has-sticky-header .header--left img.default.mobile-img {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .home .header--left img.default.desktop-img,
  .has-sticky-header .header--left img.default.desktop-img {
    display: none !important;
  }
  .home .header--left img.default.mobile-img,
  .has-sticky-header .header--left img.default.mobile-img {
    display: none !important;
  }
}
.home .header--left img.home,
.has-sticky-header .header--left img.home {
  display: block !important;
}
.home .header--left img.home.mobile-img,
.has-sticky-header .header--left img.home.mobile-img {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .home .header--left img.home.desktop-img,
  .has-sticky-header .header--left img.home.desktop-img {
    display: none !important;
  }
  .home .header--left img.home.mobile-img,
  .has-sticky-header .header--left img.home.mobile-img {
    display: block !important;
  }
}
.home .header--right--content .button,
.has-sticky-header .header--right--content .button {
  color: #ffffff;
}
.home .header--right--content .button svg path,
.has-sticky-header .header--right--content .button svg path {
  fill: #ffffff;
}
.home .header--right--content .button svg line,
.has-sticky-header .header--right--content .button svg line {
  stroke: #ffffff;
}
.home .header--right--content--hamburger:hover svg path,
.has-sticky-header .header--right--content--hamburger:hover svg path {
  stroke: #ff5800;
}
.home .header--right--content--hamburger svg path,
.has-sticky-header .header--right--content--hamburger svg path {
  stroke: #ffffff;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: sticky;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 96px;
  padding: 15px 25px;
  background: #ffffff;
  border-bottom: 1px solid #bebebe;
  transition: top 0.6s, background-color 0.6s;
}
@media screen and (max-width: 768px) {
  .header {
    height: 90px;
    padding: 15px 25px 15px 15px;
  }
}
.header.sticky.hide {
  top: -96px;
}
.header--left a {
  display: block;
}
.header--left a img {
  display: block;
  max-width: 330px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header--left a img {
    max-width: 226px;
  }
}
.header--left a img.default {
  display: block !important;
}
.header--left a img.default.mobile-img {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .header--left a img.default.desktop-img {
    display: none !important;
  }
  .header--left a img.default.mobile-img {
    display: block !important;
  }
}
.header--left a img.home {
  display: none !important;
}
.header--right--content {
  display: flex;
  align-items: center;
  gap: 28px;
}
.header--right--content .button svg path {
  fill: #ff5800;
}
.header--right--content .button svg line {
  stroke: #ff5800;
}
.header--right--content--hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.header--right--content--hamburger:hover svg path {
  stroke: #ff5800;
}
.header--right--content--hamburger svg.cross {
  display: none;
}
.header--right--content--hamburger svg path {
  transition: stroke 0.6s;
}

.home #hero {
  padding: 206px 25px 57px;
  background: #012f37;
}
@media screen and (max-width: 768px) {
  .home #hero {
    padding: 100px 15px 50px;
  }
}
.home #hero .row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .home #hero .row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.home #hero .row .col:first-child {
  flex: 1;
}
.home #hero .row .col:first-child h1 {
  max-width: 616px;
  margin: 0;
  font-family: "Aeonik", sans-serif;
  font-size: 75px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -1px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .home #hero .row .col:first-child h1 {
    max-width: 100%;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
.home #hero .row .col:last-child {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .home #hero .row .col:last-child {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.home #hero .row .col:last-child p {
  max-width: 587px;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .home #hero .row .col:last-child p {
    font-size: 16px;
    line-height: 24px;
  }
}
.home #hero .row .col:last-child .button-wrapper {
  margin-top: 20px;
}
.home #hero .row .col:last-child .button-wrapper .button {
  padding: 6px 18px;
  font-size: 16px;
  color: #ffffff;
}
.home #hero .row .col:last-child .button-wrapper .button svg {
  max-width: 14px;
}
.home #callout {
  display: flex;
  align-items: flex-end;
  height: 463px;
  padding: 57px 25px;
  background: url(../img/home/hero.jpg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media screen and (max-width: 768px) {
  .home #callout {
    align-items: center;
    justify-content: center;
    height: 414px;
    padding: 50px 30px;
    background-image: url(../img/home/hero-mobile.jpg);
    background-attachment: scroll;
  }
}
.home #callout p {
  max-width: 684px;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .home #callout p {
    max-width: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
  }
}
.home #pages__grid {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: space-between;
  column-gap: 20px;
  row-gap: 68px;
}
@media screen and (max-width: 1000px) {
  .home #pages__grid {
    grid-template-columns: repeat(2, auto);
    max-width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .home #pages__grid {
    grid-template-columns: 1fr;
    max-width: 100%;
    row-gap: 70px;
  }
}
.home #pages__grid .page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  max-width: 220px;
  padding: 20px 0;
  text-decoration: none;
  color: #012f37;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page {
    gap: 15px;
    max-width: 100%;
    padding: 0;
  }
  .home #pages__grid .page:last-child:after {
    display: none;
  }
  .home #pages__grid .page:after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #bebebe;
  }
}
.home #pages__grid .page:hover .page--body .button {
  color: #5a7180;
  border-color: #5a7180;
}
.home #pages__grid .page--header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page--header {
    justify-content: flex-start;
    gap: 15px;
  }
}
.home #pages__grid .page--header span {
  font-size: 100px;
  line-height: 100%;
  letter-spacing: -2px;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page--header span {
    font-size: 80px;
  }
}
.home #pages__grid .page--body {
  flex: 1;
  position: relative;
  margin-top: 20px;
  padding-bottom: 52px;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page--body {
    padding-bottom: 0;
  }
}
.home #pages__grid .page--body h2 {
  font-size: 30px;
  font-weight: 300;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page--body h2 {
    font-size: 26px;
  }
}
.home #pages__grid .page--body p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page--body p {
    margin-top: 10px;
  }
}
.home #pages__grid .page--body .button {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .home #pages__grid .page--body .button {
    position: static;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .home #global_x {
    padding-top: 30px;
  }
}
.home #global_x .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .home #global_x .row {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.home #global_x .row .col:first-child p {
  max-width: 500px;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .home #global_x .row .col:first-child p {
    max-width: 340px;
    font-size: 16px;
    line-height: 24px;
  }
}
.home #global_x .row .col:first-child .footnote {
  margin-top: 30px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .home #global_x .row .col:first-child .footnote {
    margin-top: 20px;
  }
}
.home #global_x .row .col:last-child a {
  display: block;
}

.ai-01 .two_col_header_left .content .col--left h4 {
  max-width: 306px;
}
@media screen and (max-width: 768px) {
  .ai-01 .two_col_header_left .content .col--left h4 {
    max-width: 100%;
  }
}
.ai-01 #top_5 .container {
  padding-top: 0;
}
.ai-01 #top_5 .tooltips .tooltip:nth-child(1) {
  top: 10.0204498978%;
  left: 50.1666666667%;
}
@media screen and (max-width: 768px) {
  .ai-01 #top_5 .tooltips .tooltip:nth-child(1) {
    top: 5.5555555556%;
    left: 52.6170798898%;
  }
}
.ai-01 #top_5 .tooltips .tooltip:nth-child(2) {
  top: 10.0204498978%;
  left: 65.3333333333%;
}
@media screen and (max-width: 768px) {
  .ai-01 #top_5 .tooltips .tooltip:nth-child(2) {
    top: 5.5555555556%;
    left: 66.391184573%;
  }
}
.ai-01 #buildout .content {
  display: flex;
  gap: 10.5833333333%;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content {
    flex-direction: column;
    gap: 30px;
  }
}
.ai-01 #buildout .content--left {
  flex: 1;
}
.ai-01 #buildout .content--left h3 {
  max-width: 326px;
  font-size: 26px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--left h3 {
    max-width: 262px;
    font-size: 24px;
  }
}
.ai-01 #buildout .content--left p {
  margin-top: 41px;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--left p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }
}
.ai-01 #buildout .content--left p:last-of-type {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--left p:last-of-type {
    margin-top: 20px;
  }
}
.ai-01 #buildout .content--right {
  flex: 0 0 auto;
  width: 48.5833333333%;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--right {
    width: 100%;
  }
}
.ai-01 #buildout .content--right h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--right h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.ai-01 #buildout .content--right .chart {
  position: relative;
  margin-top: 4px;
}
.ai-01 #buildout .content--right .chart--legend {
  max-width: 220px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--right .chart--legend {
    position: static;
    max-width: 100%;
    margin-top: 10px;
  }
}
.ai-01
  #buildout
  .content--right
  .chart--legend
  .item:nth-child(1)
  .item--color {
  background: #012f37;
}
.ai-01
  #buildout
  .content--right
  .chart--legend
  .item:nth-child(2)
  .item--color {
  background: #c7d6d5;
}
.ai-01 #buildout .content--right .chart--bg {
  margin-top: -25px;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--right .chart--bg {
    margin-top: 64px;
  }
}
.ai-01 #buildout .content--right .chart--bg .data-points .data-point {
  height: 8.9260808926%;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--right .chart--bg .data-points .data-point {
    height: 10.3111111111%;
  }
}
.ai-01
  #buildout
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  top: 48.8145048815%;
  left: 10.4631217839%;
}
@media screen and (max-width: 768px) {
  .ai-01
    #buildout
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(1) {
    top: 49.0666666667%;
    left: 5.8981233244%;
  }
}
.ai-01
  #buildout
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  top: 31.2412831241%;
  left: 43.7392795883%;
}
@media screen and (max-width: 768px) {
  .ai-01
    #buildout
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(2) {
    top: 30.9333333333%;
    left: 41.1528150134%;
  }
}
.ai-01
  #buildout
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(3) {
  top: -12.2733612273%;
  left: 75.9862778731%;
}
@media screen and (max-width: 768px) {
  .ai-01
    #buildout
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(3) {
    top: -12.0888888889%;
    left: 75.3351206434%;
  }
}
.ai-01 #buildout .content--right .footnote {
  display: block;
  padding-left: 0;
  text-align: right;
  line-height: 18px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .ai-01 #buildout .content--right .footnote {
    margin-top: 30px;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
  }
}
.ai-01 #profits {
  padding-top: 0;
}
.ai-01 #profits .content h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.ai-01 #profits .content .chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 30px;
    margin-top: 15px;
  }
}
.ai-01 #profits .content .chart--bg {
  margin-top: 0;
}
.ai-01 #profits .content .chart--bg .data-points .data-point {
  height: 7.5986037566%;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--bg .data-points .data-point {
    height: 7.1975240517%;
  }
}
.ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(1) {
  top: 63.4008500938%;
  left: 9.3802030814%;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(1) {
    top: 64.8233007845%;
    left: 16.3538873995%;
  }
}
.ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(2) {
  top: 46.8335193408%;
  left: 93.802030814%;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(2) {
    top: 56.4261893908%;
    left: 76.4075067024%;
  }
}
.ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(3) {
  top: 72.7780020421%;
  left: 9.3802030814%;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(3) {
    top: 73.7026462897%;
    left: 16.3538873995%;
  }
}
.ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(4) {
  top: -8.2231140028%;
  left: 93.0985155829%;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--bg .data-points .data-point:nth-child(4) {
    top: 1.9649240661%;
    left: 71.581769437%;
  }
}
.ai-01 #profits .content .chart--left {
  flex: 0 0 auto;
  width: 71.0716666667%;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--left {
    width: 100%;
  }
}
.ai-01 #profits .content .chart--right {
  flex: 1;
  max-width: 208px;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--right {
    max-width: 100%;
    width: 100%;
  }
}
.ai-01 #profits .content .chart--right--legend {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ai-01 #profits .content .chart--right--legend .item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.ai-01 #profits .content .chart--right--legend .item:nth-child(2) .item--dot {
  border-color: #012f37;
}
.ai-01 #profits .content .chart--right--legend .item--dot {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border: 3px solid #ff5800;
  border-radius: 13px;
}
.ai-01 #profits .content .chart--right--legend .item--text {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .ai-01 #profits .content .chart--right--legend .item--text {
    font-size: 15px;
  }
}
.ai-01 #profits .content .chart--right--legend .item--text em {
  font-weight: 300;
}

.defense-02 .below_hero {
  background-position: 0 -61px;
}
.defense-02 #expenditure .container {
  padding-top: 0;
}
.defense-02 #expenditure h3 {
  max-width: 270px;
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--legend .item {
    width: 152px;
  }
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--legend .item:nth-child(2) {
    width: 178px;
  }
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--legend .item:nth-child(4) {
    width: 178px;
  }
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--legend .item:nth-child(6) {
    width: 178px;
  }
}
.defense-02 #expenditure .chart--bg .tooltips .tooltip:nth-child(1) {
  top: 20.0803212851%;
  left: 57%;
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--bg .tooltips .tooltip:nth-child(1) {
    top: 15.4195011338%;
    left: 49.5867768595%;
  }
}
.defense-02 #expenditure .chart--bg .tooltips .tooltip:nth-child(2) {
  top: 20.0803212851%;
  left: 61.3333333333%;
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--bg .tooltips .tooltip:nth-child(2) {
    top: 15.4195011338%;
    left: 60.6060606061%;
  }
}
.defense-02 #expenditure .chart--bg .tooltips .tooltip:nth-child(3) {
  top: 20.0803212851%;
  left: 68.8333333333%;
}
@media screen and (max-width: 768px) {
  .defense-02 #expenditure .chart--bg .tooltips .tooltip:nth-child(3) {
    top: 15.4195011338%;
    left: 67.7685950413%;
  }
}
.defense-02 #nato_spending .content .col--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.defense-02 #nato_spending .content .col--left--additional {
  max-width: 280px;
  padding-top: 10px;
  border-top: 1px solid #bebebe;
}
.defense-02 #nato_spending .content .col--left--additional p {
  margin: 0;
}
.defense-02 #nato_spending .content .col--left--additional p.top {
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 0.2px;
  color: #ff5800;
}
.defense-02 #nato_spending .content .col--left--additional p.bottom {
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
.defense-02 #nato_spending .content .col--right--additional {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #bebebe;
}
.defense-02 #nato_spending .content .col--right--additional p {
  margin: 0;
}
.defense-02 #nato_spending .content .col--right--additional p.top {
  flex: 0 0 auto;
  font-size: 35px;
  line-height: 45px;
  letter-spacing: 0.175px;
  color: #ff5800;
}
.defense-02 #nato_spending .content .col--right--additional p.bottom {
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.defense-02 #defense_spending .container {
  padding-top: 0;
}
.defense-02 #procurement .container {
  padding-top: 0;
}
.defense-02 #procurement .tooltips .tooltip:nth-child(1) {
  top: 0.6741573034%;
  left: 73.9166666667%;
}
@media screen and (max-width: 768px) {
  .defense-02 #procurement .tooltips .tooltip:nth-child(1) {
    top: 0.4750593824%;
    left: 68.870523416%;
  }
}
.defense-02 #procurement .tooltips .tooltip:nth-child(1) .tooltip--inner img {
  height: 627.2727272727%;
}
.defense-02 #procurement .tooltips .tooltip:nth-child(2) {
  top: 0.6741573034%;
  left: 85.75%;
}
@media screen and (max-width: 768px) {
  .defense-02 #procurement .tooltips .tooltip:nth-child(2) {
    top: 0.4750593824%;
    left: 76.5840220386%;
  }
  .defense-02 #procurement .tooltips .tooltip:nth-child(2) .tooltip--inner img {
    left: auto;
    right: -90.9090909091%;
    transform: none;
  }
}
.defense-02 #procurement .tooltips .tooltip:nth-child(3) {
  top: 0.6741573034%;
  left: 90.25%;
}
@media screen and (max-width: 768px) {
  .defense-02 #procurement .tooltips .tooltip:nth-child(3) {
    top: 0.4750593824%;
    left: 87.3278236915%;
  }
  .defense-02 #procurement .tooltips .tooltip:nth-child(3) .tooltip--inner img {
    left: auto;
    right: -45.4545454545%;
    transform: none;
  }
}

.robotics-03 .below_hero {
  background-position: 0 -30px;
}
.robotics-03 #wages {
  padding-top: 0;
}
.robotics-03 #wages .content .chart {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart {
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
    margin-top: 15px;
  }
}
.robotics-03 #wages .content .chart--bg {
  margin-top: 0;
}
.robotics-03 #wages .content .chart--bg .data-points .data-point {
  height: 7.9439252336%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart--bg .data-points .data-point {
    height: 7.2199899548%;
  }
}
.robotics-03 #wages .content .chart--bg .data-points .data-point:nth-child(1) {
  top: 2.3364485981%;
  left: 14.1737032569%;
}
@media screen and (max-width: 768px) {
  .robotics-03
    #wages
    .content
    .chart--bg
    .data-points
    .data-point:nth-child(1) {
    top: 8.7895529884%;
    left: 22.2520107239%;
  }
}
.robotics-03 #wages .content .chart--bg .data-points .data-point:nth-child(2) {
  top: 61.214953271%;
  left: 76.4173703257%;
}
@media screen and (max-width: 768px) {
  .robotics-03
    #wages
    .content
    .chart--bg
    .data-points
    .data-point:nth-child(2) {
    top: 79.7338021095%;
    left: 71.8498659517%;
  }
}
.robotics-03 #wages .content .chart--bg .data-points .data-point:nth-child(3) {
  top: 44.1588785047%;
  left: 14.1737032569%;
}
@media screen and (max-width: 768px) {
  .robotics-03
    #wages
    .content
    .chart--bg
    .data-points
    .data-point:nth-child(3) {
    top: 44.5755901557%;
    left: 12.3324396783%;
  }
}
.robotics-03 #wages .content .chart--bg .data-points .data-point:nth-child(4) {
  top: 7.9439252336%;
  left: 76.4173703257%;
}
@media screen and (max-width: 768px) {
  .robotics-03
    #wages
    .content
    .chart--bg
    .data-points
    .data-point:nth-child(4) {
    top: 7.8478151683%;
    left: 72.3860589812%;
  }
}
.robotics-03 #wages .content .chart--left {
  flex: 1;
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart--left {
    max-width: 100%;
    width: 100%;
  }
}
.robotics-03 #wages .content .chart--left h3 {
  margin-top: 10px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart--left h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.robotics-03 #wages .content .chart--left--legend {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart--left--legend {
    gap: 10px;
    margin-top: 15px;
  }
}
.robotics-03 #wages .content .chart--left--legend .item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.robotics-03
  #wages
  .content
  .chart--left--legend
  .item:nth-child(2)
  .item--dot {
  border-color: #012f37;
}
.robotics-03 #wages .content .chart--left--legend .item--dot {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border: 3px solid #ff5800;
  border-radius: 13px;
}
.robotics-03 #wages .content .chart--left--legend .item--text {
  max-width: 210px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart--left--legend .item--text {
    max-width: 100%;
    font-size: 15px;
  }
}
.robotics-03 #wages .content .chart--left--legend .item--text em {
  font-weight: 300;
}
.robotics-03 #wages .content .chart--right {
  flex: 0 0 auto;
  width: 69.1666666667%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #wages .content .chart--right {
    width: 100%;
  }
}
.robotics-03 #self_driving .content {
  display: flex;
  gap: 8.3333333333%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content {
    flex-direction: column;
    gap: 30px;
  }
}
.robotics-03 #self_driving .content--left {
  flex: 1;
}
.robotics-03 #self_driving .content--left h3 {
  max-width: 326px;
  font-size: 26px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--left h3 {
    max-width: 100%;
    font-size: 24px;
  }
}
.robotics-03 #self_driving .content--left p {
  margin-top: 41px;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--left p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }
}
.robotics-03 #self_driving .content--left p:last-of-type {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--left p:last-of-type {
    margin-top: 20px;
  }
}
.robotics-03 #self_driving .content--right {
  flex: 0 0 auto;
  width: 39.9166666667%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--right {
    width: 100%;
  }
}
.robotics-03 #self_driving .content--right h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--right h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.robotics-03 #self_driving .content--right .chart {
  position: relative;
  margin-top: 15px;
}
.robotics-03 #self_driving .content--right .chart--legend {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 220px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--right .chart--legend {
    position: static;
    max-width: 100%;
    margin-top: 10px;
  }
}
.robotics-03
  #self_driving
  .content--right
  .chart--legend
  .item:nth-child(1)
  .item--color {
  background: #012f37;
}
.robotics-03
  #self_driving
  .content--right
  .chart--legend
  .item:nth-child(2)
  .item--color {
  background: #c7d6d5;
}
.robotics-03 #self_driving .content--right .chart--bg {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--right .chart--bg {
    margin-top: 30px;
  }
}
.robotics-03 #self_driving .content--right .footnote {
  display: block;
  padding-left: 0;
  text-align: right;
  line-height: 18px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .robotics-03 #self_driving .content--right .footnote {
    margin-top: 30px;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
  }
}
.robotics-03 #cities {
  padding-top: 0;
}
.robotics-03 #cities .content h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .robotics-03 #cities .content h3 {
    max-width: 216px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.robotics-03 #cities .content #areas {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-top: 30px;
}
@media screen and (max-width: 900px) {
  .robotics-03 #cities .content #areas {
    grid-template-columns: repeat(2, 1fr);
  }
}
.robotics-03 #cities .content #areas.animated .area {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.robotics-03 #cities .content #areas .area {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
.robotics-03 #cities .content #areas .area:nth-child(2) {
  transition-delay: 0.4s;
}
.robotics-03 #cities .content #areas .area:nth-child(3) {
  transition-delay: 0.8s;
}
.robotics-03 #cities .content #areas .area:nth-child(4) {
  transition-delay: 1.2s;
}
.robotics-03 #cities .content #areas .area--title {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.robotics-03 #cities .content #areas .area img {
  display: block;
  width: 100%;
  height: auto;
}
.robotics-03 #cities .content #areas_mobile {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
.robotics-03 #cities .content #areas_mobile.animated .row .col .area {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.robotics-03 #cities .content #areas_mobile .row {
  display: flex;
  gap: 20px;
}
.robotics-03
  #cities
  .content
  #areas_mobile
  .row:nth-child(2)
  .col:nth-child(1)
  .area {
  transition-delay: 0.4s;
}
.robotics-03
  #cities
  .content
  #areas_mobile
  .row:nth-child(2)
  .col:nth-child(2)
  .area {
  transition-delay: 0.8s;
}
.robotics-03 #cities .content #areas_mobile .row:nth-child(3) .col .area {
  transition-delay: 1.2s;
}
.robotics-03 #cities .content #areas_mobile .row .col {
  flex: 1;
}
.robotics-03 #cities .content #areas_mobile .row .col .area {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
.robotics-03 #cities .content #areas_mobile .row .col .area--title {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.robotics-03 #cities .content #areas_mobile .row .col .area img {
  display: block;
  width: 100%;
  height: auto;
}
.robotics-03 #humanoid .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content {
    flex-direction: column;
    gap: 30px;
  }
}
.robotics-03 #humanoid .content--left {
  flex: 1;
  max-width: 454px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--left {
    max-width: 100%;
  }
}
.robotics-03 #humanoid .content--left h3 {
  max-width: 376px;
  font-size: 26px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--left h3 {
    max-width: 100%;
    font-size: 24px;
  }
}
.robotics-03 #humanoid .content--left p {
  margin-top: 41px;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--left p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }
}
.robotics-03 #humanoid .content--left p:last-of-type {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--left p:last-of-type {
    margin-top: 20px;
  }
}
.robotics-03 #humanoid .content--right {
  flex: 1;
  max-width: 542px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right {
    width: 100%;
  }
}
.robotics-03 #humanoid .content--right h3 {
  max-width: 280px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right h3 {
    max-width: 258px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.robotics-03 #humanoid .content--right .chart {
  position: relative;
  margin-top: -9px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right .chart {
    margin-top: 30px;
  }
}
.robotics-03 #humanoid .content--right .chart--legend {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 220px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right .chart--legend {
    position: static;
    max-width: 100%;
    margin-top: 10px;
  }
}
.robotics-03
  #humanoid
  .content--right
  .chart--legend
  .item:nth-child(1)
  .item--color {
  background: #012f37;
}
.robotics-03
  #humanoid
  .content--right
  .chart--legend
  .item:nth-child(2)
  .item--color {
  background: #c7d6d5;
}
.robotics-03 #humanoid .content--right .chart--bg {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right .chart--bg {
    margin-top: 30px;
  }
}
.robotics-03 #humanoid .content--right .chart--bg .data-points .data-point {
  height: 16.47597254%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right .chart--bg .data-points .data-point {
    height: 13.2911392405% !important;
  }
}
.robotics-03
  #humanoid
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  top: 83.52402746%;
  left: 0%;
}
@media screen and (max-width: 768px) {
  .robotics-03
    #humanoid
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(1) {
    top: 86.7088607595%;
    left: 0%;
  }
}
.robotics-03
  #humanoid
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  top: 0%;
  left: 84.8708487085%;
  height: 15.1029748284%;
}
@media screen and (max-width: 768px) {
  .robotics-03
    #humanoid
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(2) {
    top: 0%;
    left: 79.3565683646%;
  }
}
.robotics-03 #humanoid .content--right .footnote {
  display: block;
  padding-left: 0;
  text-align: right;
  line-height: 18px;
  color: #656565;
}
@media screen and (max-width: 768px) {
  .robotics-03 #humanoid .content--right .footnote {
    margin-top: 30px;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
  }
}
.robotics-03 #advancements .container {
  padding-top: 0;
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(1) {
  top: 0.4415011038%;
  left: 6.75%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(1) {
    display: none;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(2) {
  top: 0.4415011038%;
  left: 27.75%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(2) {
    display: none;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(2) .tooltip--inner img {
  height: 627.2727272727%;
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(3) {
  top: 0.4415011038%;
  left: 39.9166666667%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(3) {
    top: 0.4618937644%;
    left: 17.3553719008%;
  }
  .robotics-03
    #advancements
    .tooltips
    .tooltip:nth-child(3)
    .tooltip--inner
    img {
    left: -34.375%;
    transform: none;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(3) .tooltip--inner img {
  height: 554.5454545455%;
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(4) {
  top: 0.4415011038%;
  left: 45.8333333333%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(4) {
    top: 0.4618937644%;
    left: 25.0688705234%;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(4) .tooltip--inner img {
  height: 627.2727272727%;
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(5) {
  top: 0.4415011038%;
  left: 55.0833333333%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(5) {
    top: 0.4618937644%;
    left: 37.1900826446%;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(6) {
  top: 0.4415011038%;
  left: 67.0833333333%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(6) {
    top: 0.4618937644%;
    left: 53.4435261708%;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(6) .tooltip--inner img {
  height: 627.2727272727%;
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(7) {
  top: 0.4415011038%;
  left: 73%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(7) {
    top: 0.4618937644%;
    left: 61.1570247934%;
  }
  .robotics-03
    #advancements
    .tooltips
    .tooltip:nth-child(7)
    .tooltip--inner
    img {
    left: auto;
    right: -295.4545454545%;
    transform: none;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(8) {
  top: 0.4415011038%;
  left: 75.9166666667%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(8) {
    top: 0.4618937644%;
    left: 71.9008264463%;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(9) {
  top: 0.4415011038%;
  left: 96.8333333333%;
}
@media screen and (max-width: 768px) {
  .robotics-03 #advancements .tooltips .tooltip:nth-child(9) {
    top: 0.4618937644%;
    left: 93.9393939394%;
  }
  .robotics-03
    #advancements
    .tooltips
    .tooltip:nth-child(9)
    .tooltip--inner
    img {
    left: auto;
    right: -27.2727272727% !important;
    transform: none;
  }
}
.robotics-03 #advancements .tooltips .tooltip:nth-child(9) .tooltip--inner img {
  left: auto;
  right: -45.4545454545%;
  height: 627.2727272727%;
  transform: none;
}

.infrastructure-04 .below_hero {
  background-position: 0 1px;
}
.infrastructure-04 #trends {
  padding-top: 0;
}
.infrastructure-04 #trends h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #trends h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.infrastructure-04 #trends .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 35px;
}
@media screen and (max-width: 938px) {
  .infrastructure-04 #trends .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #trends .grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.infrastructure-04 #trends .grid.animated .card {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.infrastructure-04 #trends .grid.animated .card:nth-child(1) {
  transition-delay: 0.4s;
}
.infrastructure-04 #trends .grid.animated .card:nth-child(2) {
  transition-delay: 0.8s;
}
.infrastructure-04 #trends .grid.animated .card:nth-child(3) {
  transition-delay: 1.2s;
}
.infrastructure-04 #trends .grid.animated .card:nth-child(4) {
  transition-delay: 1.6s;
}
.infrastructure-04 #trends .grid.animated .card:nth-child(5) {
  transition-delay: 2s;
}
.infrastructure-04 #trends .grid.animated .card:nth-child(6) {
  transition-delay: 2.4s;
}
.infrastructure-04 #trends .grid .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  top: 60px;
  height: 350px;
  padding: 20px 20px 30px;
  visibility: hidden;
  opacity: 0;
  background: #012f37;
  border-radius: 10px;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #trends .grid .card {
    gap: 20px;
    height: auto;
  }
}
.infrastructure-04 #trends .grid .card:nth-child(2) {
  background: #f6e18b;
}
.infrastructure-04 #trends .grid .card:nth-child(3) {
  background: #5f6f53;
}
.infrastructure-04 #trends .grid .card:nth-child(4) {
  background: #b6c99e;
}
.infrastructure-04 #trends .grid .card:nth-child(5) {
  background: #96386d;
}
.infrastructure-04 #trends .grid .card:nth-child(6) {
  background: #d9e4e3;
}
.infrastructure-04 #trends .grid .card.white-text .card--bottom--title,
.infrastructure-04 #trends .grid .card.white-text .card--bottom--copy {
  color: #ffffff;
}
.infrastructure-04 #trends .grid .card--icon {
  flex: 0 0 auto;
}
.infrastructure-04 #trends .grid .card--bottom {
  flex: 0 0 auto;
}
.infrastructure-04 #trends .grid .card--bottom--title {
  font-family: "Aeonik", sans-serif;
  font-size: 24px;
  line-height: 26px;
}
.infrastructure-04 #trends .grid .card--bottom--copy {
  min-height: 132px;
  margin-top: 18px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #trends .grid .card--bottom--copy {
    min-height: 0;
    margin-top: 10px;
  }
}
.infrastructure-04 #needs .container,
.infrastructure-04 #grade_change .container {
  padding-top: 0;
}
.infrastructure-04 #needs .chart--top,
.infrastructure-04 #grade_change .chart--top {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.infrastructure-04 #total .container {
  padding-top: 0;
}
.infrastructure-04 #total .chart--legend {
  display: none;
}
.infrastructure-04 #total .chart--bg {
  max-width: 885px;
  margin-left: auto;
  margin-right: auto;
}
.infrastructure-04 #total .chart--bg .data-points .data-point {
  height: 10.3448275862%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .data-points .data-point {
    height: 6.3917296576% !important;
  }
}
.infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(1) {
  top: 59.5086206897%;
  left: 0%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(1) {
    top: 81.725211205%;
    left: 0%;
  }
}
.infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(2) {
  top: 14.8965517241%;
  left: 8.9256459795%;
  height: 13.7931034483%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(2) {
    top: 15.2623388173%;
    left: 8.6253369272%;
  }
}
.infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(3) {
  top: 0%;
  left: 21.2972692043%;
  height: 21.4439655172%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(3) {
    top: 2.8012449978%;
    left: 26.1455525606%;
  }
}
.infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(4) {
  top: 0.8620689655%;
  left: 49.9949157713%;
  height: 18.5344827586%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(4) {
    top: 0%;
    left: 40.4312668464%;
  }
}
.infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(5) {
  top: 61.8793103448%;
  left: 73.212893604%;
  height: 13.7931034483%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .data-points .data-point:nth-child(5) {
    top: 81.725211205%;
    left: 88.409703504%;
  }
}
.infrastructure-04 #total .chart--bg .tooltips .tooltip {
  width: 2.485622931%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .tooltips .tooltip {
    width: 5.9299191375%;
  }
}
.infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(1) {
  top: 62.2844827586%;
  left: 24.178332147%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(1) {
    top: 65.584704313%;
    left: 13.7466307278%;
  }
  .infrastructure-04
    #total
    .chart--bg
    .tooltips
    .tooltip:nth-child(1)
    .tooltip--inner
    img {
    left: -72.7272727273% !important;
  }
}
.infrastructure-04
  #total
  .chart--bg
  .tooltips
  .tooltip:nth-child(1)
  .tooltip--inner
  img {
  left: -50%;
  height: 763.6363636364%;
  transform: none;
}
.infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(2) {
  top: 20.474137931%;
  left: 31.8329209459%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(2) {
    top: 26.5395731436%;
    left: 19.6765498652%;
  }
}
.infrastructure-04
  #total
  .chart--bg
  .tooltips
  .tooltip:nth-child(2)
  .tooltip--inner
  img {
  left: -118.1818181818%;
  height: 768.1818181818%;
  transform: none;
}
.infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(3) {
  top: 3.0172413793%;
  left: 42.707521269%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(3) {
    top: 16.6740773677%;
    left: 32.6010781671%;
  }
}
.infrastructure-04
  #total
  .chart--bg
  .tooltips
  .tooltip:nth-child(3)
  .tooltip--inner
  img {
  height: 800%;
}
.infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(4) {
  top: 3.8793103448%;
  left: 69.0325277655%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(4) {
    top: 14.1729657626%;
    left: 42.3045822102%;
  }
  .infrastructure-04
    #total
    .chart--bg
    .tooltips
    .tooltip:nth-child(4)
    .tooltip--inner
    img {
    height: 772.7272727273% !important;
  }
}
.infrastructure-04
  #total
  .chart--bg
  .tooltips
  .tooltip:nth-child(4)
  .tooltip--inner
  img {
  height: 845.4545454545%;
}
.infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(5) {
  top: 66.8103448276%;
  left: 96.4873628671%;
}
@media screen and (max-width: 768px) {
  .infrastructure-04 #total .chart--bg .tooltips .tooltip:nth-child(5) {
    top: 53.0791462872%;
    left: 85.7142857143%;
  }
}
.infrastructure-04
  #total
  .chart--bg
  .tooltips
  .tooltip:nth-child(5)
  .tooltip--inner
  img {
  left: auto;
  right: -59.0909090909%;
  height: 768.1818181818%;
  transform: none;
}

.electrification-05 .below_hero {
  background-position: 0 -66px;
}
.electrification-05 #global_ai .content .col--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.electrification-05 #global_ai .content .col--left--additional {
  max-width: 380px;
  padding-top: 10px;
  border-top: 1px solid #bebebe;
}
.electrification-05 #global_ai .content .col--left--additional p {
  max-width: 304px;
  margin: 0;
}
.electrification-05 #global_ai .content .col--left--additional p.top {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
.electrification-05 #global_ai .content .col--left--additional p.bottom {
  margin-top: 6px;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
.electrification-05 #global_ai .content .col--left--additional p.bottom strong {
  font-family: "Aeonik", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: 0.2px;
  color: #ff5800;
}
.electrification-05 #global_ai .content .col--left--additional p.bottom sup {
  position: relative;
  top: -13px;
  font-weight: 600;
}
.electrification-05 #global_ai .content .col--right--additional {
  display: none !important;
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #bebebe;
}
@media screen and (max-width: 768px) {
  .electrification-05 #global_ai .content .col--right--additional {
    display: block !important;
  }
}
.electrification-05 #global_ai .content .col--right--additional p {
  margin: 0;
}
.electrification-05 #global_ai .content .col--right--additional p.top {
  max-width: 296px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.electrification-05 #global_ai .content .col--right--additional p.bottom {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.electrification-05
  #global_ai
  .content
  .col--right--additional
  p.bottom
  strong {
  font-family: "Aeonik", sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: 0.175px;
  color: #ff5800;
}
.electrification-05 #global_ai .content .col--right--additional p.bottom sup {
  position: relative;
  top: -12px;
  font-weight: 600;
}
.electrification-05 #growth .container {
  padding-top: 0;
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(1) {
  top: 82.8492392808%;
  left: 2.75%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(1) {
    top: 5.3984575835%;
    left: 3.8567493113%;
  }
  .electrification-05
    #growth
    .chart--bg
    .tooltips
    .tooltip:nth-child(1)
    .tooltip--inner
    img {
    left: -27.2727272727%;
    transform: none;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(2) {
  top: 46.0580912863%;
  left: 19.9166666667%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(2) {
    top: 28.7917737789%;
    left: 15.7024793388%;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(3) {
  top: 70.9543568465%;
  left: 31.9166666667%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(3) {
    top: 86.8894601542%;
    left: 27.8236914601%;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(4) {
  top: 37.0677731674%;
  left: 51.9166666667%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(4) {
    top: 7.969151671%;
    left: 48.7603305785%;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(5) {
  top: 53.5269709544%;
  left: 68.5%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(5) {
    top: 19.5372750643%;
    left: 59.7796143251%;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(6) {
  top: 45.2282157676%;
  left: 76.25%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(6) {
    top: 32.1336760925%;
    left: 73.2782369146%;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(7) {
  top: 45.643153527%;
  left: 85.3333333333%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(7) {
    top: 17.7377892031%;
    left: 87.0523415978%;
  }
  .electrification-05
    #growth
    .chart--bg
    .tooltips
    .tooltip:nth-child(7)
    .tooltip--inner
    img {
    left: auto;
    right: -36.3636363636%;
    transform: none;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(8) {
  top: 64.0387275242%;
  left: 78.5833333333%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(8) {
    top: 69.9228791774%;
    left: 53.4435261708%;
  }
}
.electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(9) {
  top: 75.2420470263%;
  left: 86.8333333333%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #growth .chart--bg .tooltips .tooltip:nth-child(9) {
    top: 86.3753213368%;
    left: 80.9917355372%;
  }
  .electrification-05
    #growth
    .chart--bg
    .tooltips
    .tooltip:nth-child(9)
    .tooltip--inner
    img {
    left: auto;
    right: -22.7272727273%;
    transform: none;
  }
}
.electrification-05 #requirements {
  padding-top: 0;
}
.electrification-05 #requirements .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .electrification-05 #requirements .content {
    flex-direction: column;
    gap: 30px;
  }
}
.electrification-05 #requirements .content--left {
  flex: 1;
  max-width: 378px;
}
@media screen and (max-width: 768px) {
  .electrification-05 #requirements .content--left {
    max-width: 100%;
  }
}
.electrification-05 #requirements .content--left h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .electrification-05 #requirements .content--left h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.electrification-05 #requirements .content--left .chart--legend {
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .electrification-05 #requirements .content--left .chart--legend {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .electrification-05 #requirements .content--left .chart--legend .item {
    width: 138px;
  }
}
.electrification-05
  #requirements
  .content--left
  .chart--legend
  .item:nth-child(1)
  .item--color {
  background: #012f37;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #requirements
    .content--left
    .chart--legend
    .item:nth-child(2) {
    width: 194px;
  }
}
.electrification-05
  #requirements
  .content--left
  .chart--legend
  .item:nth-child(2)
  .item--color {
  background: #c7d6d5;
}
.electrification-05
  #requirements
  .content--left
  .chart--legend
  .item:nth-child(3)
  .item--color {
  background: #5f6f53;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #requirements
    .content--left
    .chart--legend
    .item:nth-child(4) {
    width: 194px;
  }
}
.electrification-05
  #requirements
  .content--left
  .chart--legend
  .item:nth-child(4)
  .item--color {
  background: #b6c99e;
}
.electrification-05
  #requirements
  .content--left
  .chart--legend
  .item:nth-child(5)
  .item--color {
  background: #6b5d4e;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #requirements
    .content--left
    .chart--legend
    .item:nth-child(6) {
    width: 194px;
  }
}
.electrification-05
  #requirements
  .content--left
  .chart--legend
  .item:nth-child(6)
  .item--color {
  background: #ada38a;
}
.electrification-05 #requirements .content--right {
  flex: 0 0 auto;
  width: 56.9166666667%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #requirements .content--right {
    width: 100%;
  }
}
.electrification-05 #requirements .content--right .chart--bg {
  margin-top: 0;
}
.electrification-05
  #requirements
  .content--right
  .chart--bg
  .data-points
  .data-point {
  height: 6.3492063492%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #requirements
    .content--right
    .chart--bg
    .data-points
    .data-point {
    height: 6.4132420091%;
  }
}
.electrification-05
  #requirements
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  top: 46.8253968254%;
  left: 29.197080292%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #requirements
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(1) {
    top: 47.2945205479%;
    left: 21.7158176944%;
  }
}
.electrification-05
  #requirements
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  top: 3.9682539683%;
  left: 67.4452554745%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #requirements
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(2) {
    top: 4.0091324201%;
    left: 61.9302949062%;
  }
}
.electrification-05 #map_markers {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers {
    padding-bottom: 30px;
  }
}
.electrification-05 #map_markers h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.electrification-05 #map_markers .markers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 25px;
  row-gap: 36px;
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  .electrification-05 #map_markers .markers {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers .markers {
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 15px;
  }
}
.electrification-05 #map_markers .markers .marker {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-top: 10px;
  border-top: 1px solid #bebebe;
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers .markers .marker {
    gap: 10px;
    padding-top: 0;
    border-top: none;
  }
}
.electrification-05 #map_markers .markers .marker--icon {
  flex: 0 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers .markers .marker--icon svg {
    width: 24px;
  }
}
.electrification-05 #map_markers .markers .marker--icon span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  font-family: "Aeonik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers .markers .marker--icon span {
    height: 33px;
  }
}
.electrification-05 #map_markers .markers .marker--icon span.white {
  color: #ffffff;
}
.electrification-05 #map_markers .markers .marker--copy {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .electrification-05 #map_markers .markers .marker--copy {
    font-size: 15px;
    line-height: 20px;
  }
}
.electrification-05 #map_markers .markers .marker--copy--power {
  font-style: italic;
  font-weight: 300;
  color: #656565;
}
.electrification-05 #map .container {
  padding-top: 0;
}
.electrification-05 #map .container .chart--top {
  display: none;
}
.electrification-05 #map .container .chart--bg {
  max-width: 990px;
  margin: 0 auto;
}
.electrification-05 #map .container .chart--footnote {
  max-width: 750px;
  margin-left: auto;
  text-align: left;
}
.electrification-05 #partnership {
  padding-top: 0;
}
.electrification-05 #partnership .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .electrification-05 #partnership .content {
    flex-direction: column;
    gap: 30px;
  }
}
.electrification-05 #partnership .content--left {
  flex: 1;
  max-width: 344px;
}
@media screen and (max-width: 768px) {
  .electrification-05 #partnership .content--left {
    max-width: 100%;
  }
}
.electrification-05 #partnership .content--left h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .electrification-05 #partnership .content--left h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.electrification-05 #partnership .content--left .chart--legend {
  gap: 20px;
  max-width: 110px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .electrification-05 #partnership .content--left .chart--legend {
    max-width: 100%;
    margin-top: 15px;
  }
}
.electrification-05
  #partnership
  .content--left
  .chart--legend
  .item:nth-child(1)
  .item--color {
  background: #c7d6d5;
}
.electrification-05
  #partnership
  .content--left
  .chart--legend
  .item:nth-child(2)
  .item--color {
  background: #5a7180;
}
.electrification-05
  #partnership
  .content--left
  .chart--legend
  .item:nth-child(3)
  .item--color {
  background: #012f37;
}
.electrification-05 #partnership .content--right {
  flex: 0 0 auto;
  width: 74.0833333333%;
}
@media screen and (max-width: 768px) {
  .electrification-05 #partnership .content--right {
    width: 100%;
  }
}
.electrification-05 #partnership .content--right .chart--bg {
  margin-top: 0;
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point {
  height: 6.8376068376%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point {
    height: 4.1041831097%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(1) {
  top: 2.1452991453%;
  left: 87.5846501129%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(1) {
    top: 3.1570639305%;
    left: 72.3351206434%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(2) {
  top: 11.9743589744%;
  left: 45.3724604966%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(2) {
    top: 8.2667719021%;
    left: 47.1849865952%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(3) {
  top: 21.8034188034%;
  left: 30.3611738149%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(3) {
    top: 14.7387529597%;
    left: 44.235924933%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(4) {
  top: 31.6623931624%;
  left: 30.190744921%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(4) {
    top: 21.2107340174%;
    left: 52.9517426273%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(5) {
  top: 41.4914529915%;
  left: 29.9018058691%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(5) {
    top: 27.682715075%;
    left: 38.1742627346%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(6) {
  top: 51.2905982906%;
  left: 29.3453724605%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(6) {
    top: 34.1546961326%;
    left: 28.6863270777%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(7) {
  top: 61.1196581197%;
  left: 25.1693002257%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(7) {
    top: 40.6266771902%;
    left: 31.9034852547%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(8) {
  top: 70.9487179487%;
  left: 22.0090293454%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(8) {
    top: 47.0986582478%;
    left: 30.563002681%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(9) {
  top: 80.7777777778%;
  left: 21.5575620767%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(9) {
    top: 53.5706393054%;
    left: 26.8096514745%;
  }
}
.electrification-05
  #partnership
  .content--right
  .chart--bg
  .data-points
  .data-point:nth-child(10) {
  top: 90.6068376068%;
  left: 21.4446952596%;
}
@media screen and (max-width: 768px) {
  .electrification-05
    #partnership
    .content--right
    .chart--bg
    .data-points
    .data-point:nth-child(10) {
    top: 60.0426203631%;
    left: 36.7292225201%;
  }
}
.electrification-05 #partnership .content--right .chart--footnote {
  max-width: 562px;
  margin-left: auto;
  text-align: left;
}

.minerals-06 .below_hero {
  background-position: 0 -38px;
}
.minerals-06 #needs .container {
  padding-top: 0;
}
.minerals-06 #supply .container {
  padding-top: 0;
}
.minerals-06 #supply .chart--top {
  align-items: flex-start;
}
.minerals-06 #supply .chart--top h3 {
  max-width: 374px;
}
.minerals-06 #supply .charts .chart:nth-child(1) .data-points .data-point {
  height: 10.5660377358%;
}
@media screen and (max-width: 768px) {
  .minerals-06 #supply .charts .chart:nth-child(1) .data-points .data-point {
    height: 12.8040973111%;
  }
}
.minerals-06
  #supply
  .charts
  .chart:nth-child(1)
  .data-points
  .data-point:nth-child(1) {
  top: 29.8113207547%;
  left: 26.455026455%;
}
@media screen and (max-width: 768px) {
  .minerals-06
    #supply
    .charts
    .chart:nth-child(1)
    .data-points
    .data-point:nth-child(1) {
    top: 33.5657039882%;
    left: 32.4396782842%;
  }
}
.minerals-06 #supply .charts .chart:nth-child(2) .data-points .data-point {
  height: 10.5660377358%;
}
@media screen and (max-width: 768px) {
  .minerals-06 #supply .charts .chart:nth-child(2) .data-points .data-point {
    height: 12.7962085308%;
  }
}
.minerals-06
  #supply
  .charts
  .chart:nth-child(2)
  .data-points
  .data-point:nth-child(1) {
  top: 27.5471698113%;
  left: 28.9241622575%;
}
@media screen and (max-width: 768px) {
  .minerals-06
    #supply
    .charts
    .chart:nth-child(2)
    .data-points
    .data-point:nth-child(1) {
    top: 32.6587677725%;
    left: 32.4396782842%;
  }
}
.minerals-06 #supply .charts .chart:nth-child(3) .data-points .data-point {
  height: 10.5660377358%;
}
@media screen and (max-width: 768px) {
  .minerals-06 #supply .charts .chart:nth-child(3) .data-points .data-point {
    height: 12.7358490566%;
  }
}
.minerals-06
  #supply
  .charts
  .chart:nth-child(3)
  .data-points
  .data-point:nth-child(1) {
  top: 22.641509434%;
  left: 28.9241622575%;
}
@media screen and (max-width: 768px) {
  .minerals-06
    #supply
    .charts
    .chart:nth-child(3)
    .data-points
    .data-point:nth-child(1) {
    top: 26.8867924528%;
    left: 32.7077747989%;
  }
}
.minerals-06 #supply .charts .chart:nth-child(4) .data-points .data-point {
  height: 10.5660377358%;
}
@media screen and (max-width: 768px) {
  .minerals-06 #supply .charts .chart:nth-child(4) .data-points .data-point {
    height: 12.8040973111%;
  }
}
.minerals-06
  #supply
  .charts
  .chart:nth-child(4)
  .data-points
  .data-point:nth-child(1) {
  top: 28.679245283%;
  left: 27.8659611993%;
}
@media screen and (max-width: 768px) {
  .minerals-06
    #supply
    .charts
    .chart:nth-child(4)
    .data-points
    .data-point:nth-child(1) {
    top: 33.1341584863%;
    left: 32.7077747989%;
  }
}
.minerals-06 #investments .container {
  padding-top: 0;
}
.minerals-06 #investments .chart--top h3 {
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  .minerals-06 #investments .chart--top h3 {
    max-width: 338px;
  }
}
.minerals-06 #investments .chart--top .chart--legend {
  max-width: 258px;
}
@media screen and (max-width: 768px) {
  .minerals-06 #investments .chart--top .chart--legend {
    max-width: 100%;
  }
}

.healthtech-07 .below_hero {
  background-position: 0 12px;
}
.healthtech-07 #market_size {
  padding-top: 0;
}
.healthtech-07 #market_size .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #market_size .content {
    flex-direction: column;
    gap: 30px;
  }
}
.healthtech-07 #market_size .content--left {
  flex: 1;
  max-width: 384px;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #market_size .content--left {
    max-width: 100%;
  }
}
.healthtech-07 #market_size .content--left h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #market_size .content--left h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.healthtech-07 #market_size .content--right {
  flex: 0 0 auto;
  width: 56.9166666667%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #market_size .content--right {
    width: 100%;
  }
}
.healthtech-07 #market_size .content--right .chart--bg {
  margin-top: 0;
}
.healthtech-07 #ecosystem .container {
  padding-top: 0;
  padding-bottom: 70px;
}
.healthtech-07 #ecosystem .chart.animate {
  position: relative;
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
.healthtech-07 #ecosystem .chart.animated {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.healthtech-07 #ecosystem .chart.animated .charts .chart {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.healthtech-07 #ecosystem .chart--bg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  margin-top: 0;
  padding: 5% 0;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #ecosystem .chart--bg {
    padding: 61.3941018767% 0;
  }
}
.healthtech-07 #ecosystem .chart--bg > img {
  position: relative;
  left: -0.6666666667%;
  width: 55%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #ecosystem .chart--bg > img {
    left: 0;
    width: 58.509383378%;
  }
}
.healthtech-07 #ecosystem .chart--bg .charts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #ecosystem .chart--bg .charts {
    flex-direction: column;
    justify-content: center;
    gap: 14.2091152815vw;
  }
}
.healthtech-07 #ecosystem .chart--bg .charts .chart {
  position: relative;
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.6s, visibility 0.6s, opacity 0.6s;
}
.healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(1) {
  transition-delay: 0.4s;
}
.healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(2) {
  transition-delay: 0.8s;
}
.healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(3) {
  transition-delay: 1.2s;
}
.healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(1) {
  width: 23.3333333333%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(1) {
    width: 85.7908847185%;
  }
}
.healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(2) {
  width: 31.6666666667%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(2) {
    width: 100%;
  }
}
.healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(3) {
  width: 23.3333333333%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #ecosystem .chart--bg .charts .chart:nth-child(3) {
    width: 85.7908847185%;
  }
}
.healthtech-07 #ecosystem .chart--bg .charts .chart--bg {
  padding: 0;
}
.healthtech-07 #ecosystem .chart--bg .charts .chart img {
  position: static;
  width: 100%;
}
.healthtech-07 #benefits,
.healthtech-07 #usage {
  padding-top: 0;
}
.healthtech-07 #benefits .content,
.healthtech-07 #usage .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits .content,
  .healthtech-07 #usage .content {
    flex-direction: column;
    gap: 30px;
  }
}
.healthtech-07 #benefits .content--left,
.healthtech-07 #usage .content--left {
  flex: 1;
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits .content--left,
  .healthtech-07 #usage .content--left {
    max-width: 100%;
  }
}
.healthtech-07 #benefits .content--left h3,
.healthtech-07 #usage .content--left h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits .content--left h3,
  .healthtech-07 #usage .content--left h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.healthtech-07 #benefits .content--left .chart--legend,
.healthtech-07 #usage .content--left .chart--legend {
  max-width: 148px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits .content--left .chart--legend,
  .healthtech-07 #usage .content--left .chart--legend {
    max-width: 100%;
    margin-top: 15px;
  }
}
.healthtech-07
  #benefits
  .content--left
  .chart--legend
  .item:nth-child(1)
  .item--color,
.healthtech-07
  #usage
  .content--left
  .chart--legend
  .item:nth-child(1)
  .item--color {
  background: #012f37;
}
.healthtech-07
  #benefits
  .content--left
  .chart--legend
  .item:nth-child(2)
  .item--color,
.healthtech-07
  #usage
  .content--left
  .chart--legend
  .item:nth-child(2)
  .item--color {
  background: #5a7180;
}
.healthtech-07 #benefits .content--right,
.healthtech-07 #usage .content--right {
  flex: 0 0 auto;
  width: 73%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits .content--right,
  .healthtech-07 #usage .content--right {
    width: 100%;
  }
}
.healthtech-07 #benefits .content--right .chart--top,
.healthtech-07 #usage .content--right .chart--top {
  display: none;
}
.healthtech-07 #benefits .content--right .chart--bg,
.healthtech-07 #usage .content--right .chart--bg {
  margin-top: 0;
}
.healthtech-07 #benefits {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits {
    padding-bottom: 50px;
  }
}
.healthtech-07 #benefits .content--left .group {
  position: relative;
  top: 17.4573055028%;
}
@media screen and (max-width: 768px) {
  .healthtech-07 #benefits .content--left .group {
    position: static;
  }
}

.biotech-08 .below_hero {
  background-position: 0 0;
}
.biotech-08 #fda_approvals {
  padding-top: 0;
}
.biotech-08 #fda_approvals .content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .biotech-08 #fda_approvals .content {
    flex-direction: column;
    gap: 30px;
  }
}
.biotech-08 #fda_approvals .content--left {
  flex: 1;
  max-width: 384px;
}
@media screen and (max-width: 768px) {
  .biotech-08 #fda_approvals .content--left {
    max-width: 100%;
  }
}
.biotech-08 #fda_approvals .content--left h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .biotech-08 #fda_approvals .content--left h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}
.biotech-08 #fda_approvals .content--right {
  flex: 0 0 auto;
  width: 56.9166666667%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #fda_approvals .content--right {
    width: 100%;
  }
}
.biotech-08 #fda_approvals .content--right .chart--bg {
  margin-top: 0;
}
.biotech-08 #balancing .container,
.biotech-08 #multi_disease .container {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .biotech-08 #balancing .container,
  .biotech-08 #multi_disease .container {
    padding-bottom: 0;
  }
}
.biotech-08 #risk_return .chart--top {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.biotech-08 #risk_return .chart--top span {
  color: #656565;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--top span {
    font-size: 14px;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point {
  height: 3.2159264931%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point {
    height: 2.6521060842% !important;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(1) {
  top: 7.7718223583%;
  left: 20.7166392092%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(1) {
    top: 10.1404056162%;
    left: 21.038961039%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(2) {
  top: 12.2511485452%;
  left: 49.8352553542%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(2) {
    top: 9.5163806552%;
    left: 58.7012987013%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(3) {
  top: 16.539050536%;
  left: 77.84184514%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(3) {
    top: 16.3806552262%;
    left: 49.8701298701%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(4) {
  top: 27.258805513%;
  left: 18.2042833608%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(4) {
    top: 22.4648985959%;
    left: 45.7142857143%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(5) {
  top: 23.4303215926%;
  left: 37.9448105437%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(5) {
    top: 27.1450858034%;
    left: 7.012987013%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(6) {
  top: 28.6370597243%;
  left: 35.8319604613%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(6) {
    top: 26.9890795632%;
    left: 44.6753246753%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(7) {
  top: 46.1852986217%;
  left: 27.4299835255%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(7) {
    top: 36.0374414977%;
    left: 48.3116883117%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(8) {
  top: 40.7350689127%;
  left: 55.1070840198%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(8) {
    top: 44.3057722309%;
    left: 29.0909090909%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(9) {
  top: 49.0045941807%;
  left: 84.431630972%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(9) {
    top: 46.4898595944%;
    left: 85.1948051948%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(10) {
  top: 58.65237366%;
  left: 20.6754530478%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(10) {
    top: 50.3900156006%;
    left: 14.2857142857%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(11) {
  top: 54.0581929556%;
  left: 27.5123558484%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(11) {
    top: 56.4742589704%;
    left: 16.1038961039%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(12) {
  top: 50.0765696784%;
  left: 35.9967051071%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(12) {
    top: 55.6786271451%;
    left: 69.5584415584%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(13) {
  top: 56.7381316998%;
  left: 60.0906095552%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(13) {
    top: 59.9063962559%;
    left: 25.4545454545%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(14) {
  top: 60.8912710567%;
  left: 38.2207578254%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(14) {
    top: 61.7784711388%;
    left: 60%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(15) {
  top: 66.0857580398%;
  left: 58.6523887974%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(15) {
    top: 64.7425897036%;
    left: 7.7922077922%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(16) {
  top: 75.7274119449%;
  left: 12.9736408567%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(16) {
    top: 65.6786271451%;
    left: 67.2727272727%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(17) {
  top: 75.0382848392%;
  left: 40.697693575%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(17) {
    top: 71.5538221529%;
    left: 55.5844155844%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(18) {
  top: 73.1271056662%;
  left: 52.0593080725%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(18) {
    top: 73.7909516381%;
    left: 68.1974025974%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(19) {
  top: 74.8851454824%;
  left: 62.7792421746%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(19) {
    top: 79.7191887676%;
    left: 65%;
  }
}
.biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(20) {
  top: 80.8575803982%;
  left: 57.7429983526%;
}
@media screen and (max-width: 768px) {
  .biotech-08 #risk_return .chart--bg .data-points .data-point:nth-child(20) {
    top: 81.903276131%;
    left: 39.2207792208%;
  }
}
.biotech-08 .bottom-nav--next-link {
  font-size: 18px;
  line-height: 22px;
  padding-top: 10px;
}
.biotech-08 .bottom-nav--next-link .button {
  background: #ff5800;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding: 2px 25px;
  border-radius: 50px;
  margin-top: 20px;
}

footer {
  padding: 70px 40px 110px;
  background: #031c26;
}
@media screen and (max-width: 768px) {
  footer {
    padding: 50px 15px 45px;
  }
}
footer .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  footer .row {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
footer .row .col:first-child {
  flex: 1;
}
footer .row .col:first-child a {
  display: inline-block;
}
footer .row .col:first-child a img {
  max-width: 540px;
  width: 100%;
}
footer .row .col:last-child {
  flex: 0 0 auto;
}
footer .row .col:last-child .button {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  footer .row .col:last-child .button {
    padding: 6px 18px;
    font-size: 16px;
  }
  footer .row .col:last-child .button svg {
    max-width: 14px;
  }
}
/*# sourceMappingURL=main.css.map */