@import url("https://use.typekit.net/xkn5dxg.css");
body,
html {
  background: #203a6f;
}

.dataStoryContainer {
  container: dataStoryContainer/inline-size;
}

.dataStory2 {
  background: #203a6f;
  color: #fff;
  inline-size: min(100%, 44rem);
  padding: 2rem 1rem 0 1rem;
  margin-inline: auto;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  position: relative;
}
.dataStory2 .scrollableContainer {
  background: #0c7db4;
}
.dataStory2 sup {
  display: inline-block;
  vertical-align: text-top;
}
.dataStory2 > * {
  display: none;
}
.dataStory2 h2 {
  background: #fff;
  color: #203a6f;
  inline-size: fit-content;
  margin: 0;
  text-box: trim-both cap alphabetic;
  padding: 0.5rem;
  text-transform: uppercase;
  font-size: clamp(1.125rem, 0.962rem + 2.609vw, 1.5rem);
  line-height: 1;
}
.dataStory2 > .dataStory21 {
  display: grid;
  grid-template: auto/64.19% 10.1% 24% 1.7%;
  background: linear-gradient(to top, #0c7db4, #0c7db4) no-repeat bottom 2rem left/100% 4px;
}
.dataStory2 > .dataStory21 h3 {
  font-size: clamp(1.875rem, 1.234rem + 3.419vw, 2.875rem);
  line-height: 1.08;
}
.dataStory2 > .dataStory21 > div:where(:not([class])) {
  position: relative;
  z-index: 3;
  grid-column: 1;
  grid-row: 1;
  font-size: clamp(1.125rem, 0.989rem + 0.543vw, 1.25rem);
  align-self: end;
  padding-block-end: 4rem;
}
.dataStory2 > .dataStory21 > div:where(:not([class])) h2 {
  margin: 0;
}
.dataStory2 > .dataStory21 > div:where(:not([class])) h3 {
  margin-block: 1rem;
}
.dataStory2 > .dataStory21 > div:where(:not([class])) p {
  font-weight: 700;
  margin: 0;
}
.dataStory2 > .dataStory21 > div.dataStory21Img {
  z-index: 1;
  block-size: fit-content;
  grid-column: 3;
  grid-row: 1;
  position: relative;
  z-index: 1;
  background: linear-gradient(to top, #203a6f, #203a6f) no-repeat left 40% bottom 4px/6rem 100%;
}
.dataStory2 > .dataStory21 > div.dataStory21Img > img {
  display: block;
}
.dataStory2 > .dataStory21 > div.dataStory21Img > img[aria-hidden] {
  position: absolute;
  block-size: 112.5%;
  inset-block-end: 0;
  inset-inline-end: 40%;
}
.dataStory2 > .dataStory21 > div.dataStory21Img > img:not([aria-hidden]) {
  z-index: 2;
  position: relative;
}
@media (width <= 522px) and (width > 320px) {
  .dataStory2 > .dataStory21 {
    display: block !important;
  }
  .dataStory2 > .dataStory21 > div:not([class]) {
    box-shadow: 0 0 0 3px red;
    display: contents;
  }
  .dataStory2 > .dataStory21 > div.dataStory21Img {
    float: right !important;
    inline-size: 25%;
    margin: 0 0 1rem 1rem;
  }
}
@media (width <= 522px) {
  .dataStory2 > .dataStory21 {
    background-position: bottom left;
    padding-block-end: 2rem;
  }
  .dataStory2 > .dataStory21 > div:not([class]) {
    padding-block-end: 0;
  }
}
@media (width <= 320px) {
  .dataStory2 > .dataStory21 {
    display: block !important;
  }
  .dataStory2 > .dataStory21 > div.dataStory21Img {
    position: relative;
    float: none;
    display: block;
    block-size: 12rem;
    inline-size: fit-content;
    padding-block-end: 1rem;
  }
  .dataStory2 > .dataStory21 > div.dataStory21Img > img:not([aria-hidden]) {
    position: relative;
    block-size: 100%;
  }
}
.dataStory2 > .dataStory22 {
  display: flex;
  flex-flow: row wrap;
  inline-size: 100%;
  flex: 0 0 100%;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) {
  order: 2;
  flex: 0 0 100%;
  margin-inline-start: auto;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) p {
  font-size: clamp(1.125rem, 0.989rem + 0.543vw, 1.25rem);
  font-weight: 600;
  margin: 0;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) p.small {
  font-size: 0.875rem;
  margin-block: 1rem 0;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) h3 {
  font-size: clamp(1.875rem, 1.234rem + 3.419vw, 2.875rem);
  line-height: 1.08;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) h3 > span {
  display: block;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) h3 > span:nth-child(1) {
  font-size: 1.2em;
}
.dataStory2 > .dataStory22 > div:where(:not([class])) h3 > span:nth-child(2) {
  font-size: 1.375rem;
}
.dataStory2 > .dataStory22 > div.scrollableContainer {
  order: 1;
  flex: 0 0 100%;
  background: #0c7db4;
  align-self: end;
}
@media (width >= 575px) {
  .dataStory2 > .dataStory22 > div:where(:not([class])) {
    flex: 0 0 33.7%;
  }
  .dataStory2 > .dataStory22 > div.scrollableContainer {
    flex: 0 0 62%;
  }
}
@media (width < 575px) {
  .dataStory2 > .dataStory22 > div:where(:not([class])),
  .dataStory2 > .dataStory22 > div.scrollableContainer {
    flex: 0 0 100%;
    inline-size: 100%;
  }
  .dataStory2 > .dataStory22 p.small {
    margin-inline-start: auto;
    inline-size: fit-content;
    max-inline-size: 100%;
  }
  .dataStory2 > .dataStory22 > div:where(:not([class])) {
    order: -1;
    margin-block-end: 0.25rem;
  }
}
.dataStory2 > .dataStory23 {
  display: flex;
  padding-block: 3rem;
  position: relative;
  flex-flow: row nowrap;
  gap: 0 1rem;
}
.dataStory2 > .dataStory23 h3 {
  font-size: clamp(5rem, 1.401rem + 7.874vw, 6.125rem);
  flex: 0 0 66.666%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0;
  gap: 0 1rem;
}
.dataStory2 > .dataStory23 h3 span + span {
  display: block;
  font-size: clamp(1.125rem, 0.962rem + 2.609vw, 1.5rem);
}
.dataStory2 > .dataStory23 > img {
  position: relative;
  flex: 0 0 calc(30% - 1rem);
  inline-size: calc(30% - 1rem);
  block-size: auto;
}
@media (width <= 645px) {
  .dataStory2 > .dataStory23 > img {
    display: none;
  }
  .dataStory2 > .dataStory23 > h3 {
    flex: 0 0 auto;
    inline-size: fit-content;
    margin-inline: auto;
    max-inline-size: 100%;
  }
}
@media (width <= 400px) {
  .dataStory2 > .dataStory23 h3 {
    flex-flow: row wrap;
    flex: 0 0 100%;
    inline-size: 100%;
  }
  .dataStory2 > .dataStory23 h3 > * {
    flex-grow: 1;
  }
}
.dataStory2 > .dataStory24 {
  display: flex;
  flex-flow: row wrap;
  gap: 2rem 0;
}
.dataStory2 > .dataStory24 > h3 {
  font-size: clamp(1.5rem, 0.674rem + 2.835vw, 2.375rem);
  line-height: 1.2;
  margin-block: 0;
  padding-block-start: 3rem;
  border-block-start: 4px solid #0c7db4;
}
.dataStory2 > .dataStory24 > div {
  font-size: clamp(1.5rem, 1.18rem + 1.575vw, 2.125rem);
  display: flex;
  flex-flow: row wrap;
  position: relative;
  inline-size: 100%;
  gap: 1rem;
  font-weight: 700;
  justify-content: center;
  align-items: center;
}
.dataStory2 > .dataStory24 > div > img {
  flex: 0 0 30%;
  inline-size: 30%;
}
.dataStory2 > .dataStory24 > div > p {
  flex: 0 0 45%;
  margin-block: 0;
}
@media (width <= 375px) {
  .dataStory2 > .dataStory24 > div > img,
  .dataStory2 > .dataStory24 > div > p {
    flex: 0 0 100%;
  }
}
.dataStory2 > .dataStory25 {
  display: flex;
  flex-flow: row wrap;
  margin-block: 2rem;
  gap: 2rem;
}
.dataStory2 > .dataStory25 > p {
  font-size: clamp(1.125rem, 0.962rem + 2.609vw, 1.5rem);
  font-weight: 600;
  margin-block: 0;
}
.dataStory2 > .dataStory25 > img {
  margin-block-start: -2rem;
  position: relative;
  inline-size: 75%;
  margin-inline: auto;
}
.dataStory3 h3 {
  color: #fff;
}
.dataStory3 figure {
  margin: 0;
}

.dataStory31 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  display: grid;
  grid-template: auto/64.19% 10.1% 24% 1.7%;
  background: linear-gradient(to top, #0c7db4, #0c7db4) no-repeat bottom clamp(2rem, 1.143rem + 4.571vw, 4rem) center/100% 8px;
}
.dataStory31 > .img {
  position: relative;
  grid-column: 3;
  grid-row: 1;
  z-index: 1;
  background: linear-gradient(to top, #203a6f, #203a6f) no-repeat bottom left 40%/5rem 5rem;
  align-self: start;
}
.dataStory31 > .img > img {
  display: block;
}
.dataStory31 > .img > img[aria-hidden=true] {
  position: absolute;
  block-size: 112.5%;
  inset-block-end: 0;
  inset-inline-end: 40%;
  max-width: none;
  z-index: 1;
  clip-path: polygon(0% 12.5%, 100% 12.5%, 100% 100%, 0% 100%);
}
.dataStory31 > .img > img:not([aria-hidden]) {
  position: relative;
  z-index: 2;
}
.dataStory31 > .content {
  grid-column: 1;
  grid-row: 1;
  padding-block-end: clamp(4rem, 2.286rem + 9.143vw, 8rem);
  padding-block-start: clamp(2rem, 1.143rem + 4.571vw, 4rem);
  position: relative;
  z-index: 3;
  align-self: end;
}
.dataStory31 > .content p {
  font-size: clamp(1rem, 0.25rem + 3dvw, 2.125rem);
  font-weight: 600;
  line-height: 1.25;
}
.dataStory31 > .content > * {
  margin-block: 0;
}
.dataStory31 > .content > * + * {
  margin-block-start: 1.5rem;
}
.dataStory31 > .content h2 {
  background: #fff;
  color: #203a6f;
  text-transform: uppercase;
  inline-size: fit-content !important;
  max-inline-size: fit-content !important;
  padding: 0.1875em 0.25em;
  line-height: 1;
  font-size: 2.5rem;
  font-weight: 700;
}
.dataStory31 > .content h3 {
  line-height: 1.08;
  color: #fff;
  font-size: clamp(2.375rem, 1.2rem + 4dvw, 4.25rem);
  font-weight: 700;
}
@media (width <= 800px) {
  .dataStory31 {
    display: block;
  }
  .dataStory31 > .content > * {
    flex-grow: 1;
    flex: 0 0 100%;
  }
  .dataStory31 > .content h2 {
    font-size: 1.5rem;
  }
  .dataStory31 > .img {
    float: right;
    inline-size: min(25%, 185px);
    margin-block-start: 2rem;
    position: relative;
  }
  .dataStory31 > .img > * {
    clip-path: none !important;
  }
  .dataStory31 > .img > img:not([aria-hidden=true]) {
    position: relative;
    block-size: 100%;
    inline-size: auto;
  }
}
@media (width <= 350px) {
  .dataStory31 > .content {
    padding-block-start: 1rem;
  }
  .dataStory31 > .img {
    float: none;
    display: block;
    position: relative;
  }
}

.dataStory32 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: end;
  gap: 0.5rem 0;
}
.dataStory32 > .scrollableContainer2 {
  flex: 0 0 62%;
  order: 1;
}
.dataStory32 > .content {
  flex: 0 0 33.7%;
  order: 2;
}
.dataStory32 > .content * {
  font-weight: 600;
}
.dataStory32 > .content > * {
  margin-block: 0;
}
.dataStory32 > .content > * + * {
  margin-block-start: 2rem;
}
.dataStory32 > .content h3 {
  font-size: clamp(1rem, 0.5rem + 4dvw, 2rem);
  font-weight: 900;
  line-height: 1.08;
}
.dataStory32 > .content h3 span {
  font-size: clamp(3.75rem, 1.5rem + 5dvw, 5.25rem);
  font-weight: 900;
  display: block;
}
.dataStory32 > .content p {
  font-size: clamp(1.125rem, 0.5rem + 3dvw, 2rem);
  line-height: 1.2;
  inline-size: min(100%, 34ex);
}
.dataStory32 > .content p.small {
  font-size: 1.125rem;
}
@media (width <= 1000px) {
  .dataStory32 {
    inline-size: 100%;
    position: relative;
  }
  .dataStory32 > .scrollableContainer2 {
    flex: 0 0 calc(100% + 2rem);
    inline-size: calc(100% + 2rem);
    max-inline-size: calc(100% + 2rem);
    margin-inline: -1rem;
  }
  .dataStory32 > .content {
    order: -1;
    flex: 0 0 100%;
  }
}

.dataStory33 {
  display: flex;
  gap: 0 1rem;
  flex-flow: row wrap;
  padding-block: clamp(4rem, 2.286rem + 9.143vw, 8rem);
  border-block-end: 8px solid #0c7db4;
  align-items: center;
}
.dataStory33 > h3 {
  flex: 0 0 66.666%;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0 1.5rem;
  margin: 0;
  font-size: clamp(1rem, 0.5rem + 2.5dvw, 2.375rem);
}
.dataStory33 > h3 span {
  font-size: clamp(2.75rem, 2rem + 6dvw, 9rem);
  line-height: 1;
  display: block;
  inline-size: fit-content;
}
.dataStory33 > img {
  flex: 0 0 calc(30% - 1rem);
  inline-size: calc(30% - 1rem);
}
@media (width <= 800px) {
  .dataStory33 > img {
    display: none;
  }
  .dataStory33 > h3 {
    flex: 0 0 100%;
    justify-content: center;
    align-items: center;
  }
}
@media (width <= 385px) {
  .dataStory33 > h3 {
    flex-flow: row wrap;
    text-align: center;
    gap: 0.5rem 0;
  }
  .dataStory33 > h3 > * {
    flex: 0 0 100%;
  }
}

.dataStory34 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2rem;
  align-items: center;
  padding-block: clamp(4rem, 2.286rem + 9.143vw, 8rem);
}
.dataStory34 h3 {
  font-size: clamp(1.5rem, 0.5rem + 3dvw, 4rem);
  line-height: 1.08;
  font-weight: 700;
}
.dataStory34 > img {
  inline-size: 30%;
  flex: 0 0 30%;
}
.dataStory34 p {
  flex: 0 0 45%;
  font-size: clamp(1.125rem, 0.5rem + 2.5vw, 3rem);
  font-weight: 900;
  line-height: 1.2;
}
#goog-gt-tt,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
  display: none;
}

.dataStory35 {
  padding-block-end: clamp(4rem, 2.286rem + 9.143vw, 8rem);
}
.dataStory35 p {
  font-size: clamp(0.875rem, 0.5rem + 2.5dvw, 2.125rem);
  font-weight: 600;
  line-height: 1.25;
  margin-block: 4rem;
}
.dataStory35 > img {
  display: block;
  inline-size: 75%;
  block-size: auto;
  margin-inline: auto;
}

.index10 {
  background: #203a6f;
  color: #fff;
}

.scrollableContainer2 {
  padding: 1rem;
  position: relative;
  max-inline-size: 100%;
  overflow: auto;
  background: #0c7db4;
}
@media (width <= 700px) {
  .scrollableContainer2 {
    padding-inline: 0.5rem;
    margin-inline: -1rem;
    max-inline-size: calc(100% + 2rem);
    inline-size: calc(100% + 2rem);
    flex: 0 0 calc(100% + 2rem);
  }
}
.scrollableContainer2 .graphFig2 {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.scrollableContainer2 .graphFig2 img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.scrollableContainer2 .graphFig2 > * {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  position: relative;
}
.scrollableContainer2 .graphFig2 > figcaption {
  margin: 0;
  background: #fff;
  padding: 0.25em 0.25em;
  line-height: 1;
  border: none;
  flex: 0 0 auto;
  inline-size: auto;
  text-transform: uppercase;
}
.scrollableContainer2 .graphFig2 > figcaption h2, .scrollableContainer2 .graphFig2 > figcaption h3, .scrollableContainer2 .graphFig2 > figcaption h4 {
  margin: 0;
  line-height: 1;
}
.scrollableContainer2 .graphFig2 > figcaption,
.scrollableContainer2 .graphFig2 > figcaption * {
  color: #0c7db4;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  font-stretch: condensed;
  inline-size: fit-content;
}
.scrollableContainer2 ol,
.scrollableContainer2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.scrollableContainer2 .graphLayout {
  display: grid;
  grid-template: auto/auto 1fr;
  padding: 2rem 1rem 0 0;
  background: #0c7db4;
  position: relative;
}
.scrollableContainer2 .graphLayout > .graphArea {
  grid-column: 2;
  grid-row: 1;
}
.scrollableContainer2 .graphLayout::before {
  content: "";
  grid-column: 2;
  grid-row: 1;
  background: linear-gradient(to bottom, #182b53, #182b53) no-repeat top left/100% 2px, linear-gradient(to bottom, transparent, transparent calc(100% - 2px), #182b53 calc(100% - 2px), #182b53 100%) repeat top left/100% calc(100% / (var(--yAxis) - 1));
}
.scrollableContainer2 .xAxis,
.scrollableContainer2 .yAxis {
  display: flex;
  color: #fff;
}
.scrollableContainer2 .xAxis,
.scrollableContainer2 .xAxis *,
.scrollableContainer2 .yAxis,
.scrollableContainer2 .yAxis * {
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.1875rem + 2dvw, 1.125rem);
  font-weight: 600;
}
.scrollableContainer2 .yAxis {
  flex-flow: column nowrap;
}
.scrollableContainer2 .yAxis > li {
  flex: 0 0 calc(100% / (var(--yAxis) - 1));
  position: relative;
  padding-inline-end: 0.375em;
}
.scrollableContainer2 .yAxis span {
  position: relative;
  display: block;
  text-align: end;
  line-height: 1;
  transform: translateY(-0.5lh);
}
.scrollableContainer2 .xAxis {
  display: grid;
  grid-template: auto/repeat(calc(var(--xAxis) - 1), max(6em, 1fr));
  grid-column: 2;
  grid-row: 2;
}
.scrollableContainer2 .xAxis > * {
  position: relative;
  min-width: 4em;
}
.scrollableContainer2 .xAxis > *:first-child {
  transform: translateX(1px);
}
.scrollableContainer2 .xAxis > *:last-child {
  transform: translateX(-1px);
}
.scrollableContainer2 .xAxis > *:last-child, .scrollableContainer2 .xAxis > *:nth-last-child(2) {
  color: #fff;
  grid-column: calc(var(--xAxis) - 1);
  grid-row: 1;
}
.scrollableContainer2 .xAxis > * span {
  position: relative;
  transform: translateX(-50%);
  display: block;
  inline-size: fit-content;
  background: linear-gradient(to top, #182b53, #182b53) no-repeat center top/2px 1em;
  padding-block-start: 1em;
}
.scrollableContainer2 .xAxis > *:last-child span {
  position: absolute;
  inset-inline-start: 100%;
  transform: translateX(-50%);
}
.scrollableContainer2 .xAxisxxxx {
  flex-flow: row nowrap;
  grid-row: 2;
  grid-column: 2;
  position: relative;
  max-width: 100%;
  flex-wrap: wrap;
}
.scrollableContainer2 .xAxisxxxx span {
  display: block;
  position: relative;
  inline-size: fit-content;
  transform: translateX(-50%);
}
.scrollableContainer2 .xAxisxxxx > li {
  flex: 0 0 calc(100% / (var(--xAxis) - 1));
  inline-size: calc(100% / (var(--xAxis) - 1));
  box-shadow: 0 0 0 1px red;
  position: relative;
}
.scrollableContainer2 .xAxisxxxx > li:last-child {
  position: absolute;
  inset-inline-start: 100%;
  box-shadow: 0 0 0 5px red;
}
.scrollableContainer2 .graphKey {
  grid-column: 1/3;
  grid-row: 3;
  font-size: 0.875rem;
  font-weight: 900;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 0.5rem 2rem;
  margin-block-start: 2rem;
}
.scrollableContainer2 .graphKey > li {
  display: flex;
  flex-flow: row nowrap;
  gap: 1em;
}
.scrollableContainer2 .graphKey > li::before {
  content: "";
  block-size: 1lh;
  inline-size: 1lh;
  position: relative;
  display: block;
}
.scrollableContainer2 .graphKey > li:first-child::before {
  background: #182b53;
}
.scrollableContainer2 .graphKey > li:last-child::before {
  background: #e0efe1;
}
.scrollableContainer2 .graphFig2.lineGraph .graphKey > li::before {
  block-size: 1px;
  inline-size: 2lh;
  background: transparent;
  border-block-start: 0.375em solid #fff;
  position: relative;
  align-self: center;
}
.scrollableContainer2 .graphFig2.lineGraph .graphKey > li:last-child::before {
  border-top-style: dotted;
}
.scrollableContainer2 .graphFig2.lineGraph .xAxis {
  display: flex;
  flex-flow: row nowrap;
}
.scrollableContainer2 .graphFig2.lineGraph .xAxis > li {
  flex: 0 0 calc(100% / var(--xAxis));
}
.scrollableContainer2 .graphFig2.lineGraph .xAxis > li:nth-child(n) {
  position: relative;
}
.scrollableContainer2 .graphFig2.lineGraph .xAxis > li span {
  position: relative;
  transform: none;
  inset: auto;
  display: block;
  inline-size: 100%;
  text-align: center;
}

/*# sourceMappingURL=new.css.map */