@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-BookOblique.eot");
  src: local("Avenir LT Std 45 Book Oblique"), local("AvenirLTStd-BookOblique"), url("../../fonts/avenir/AvenirLTStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-BookOblique.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-BookOblique.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-BookOblique.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-BookOblique.svg#AvenirLTStd-BookOblique") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-Heavy.eot");
  src: local("Avenir LT Std 85 Heavy"), local("AvenirLTStd-Heavy"), url("../../fonts/avenir/AvenirLTStd-Heavy.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-Heavy.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-Heavy.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-Heavy.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-HeavyOblique.eot");
  src: local("Avenir LT Std 85 Heavy Oblique"), local("AvenirLTStd-HeavyOblique"), url("../../fonts/avenir/AvenirLTStd-HeavyOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-HeavyOblique.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-HeavyOblique.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-HeavyOblique.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-HeavyOblique.svg#AvenirLTStd-HeavyOblique") format("svg");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-Medium.eot");
  src: local("Avenir LT Std 65 Medium"), local("AvenirLTStd-Medium"), url("../../fonts/avenir/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-Medium.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-Medium.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-Medium.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-Roman.eot");
  src: local("Avenir LT Std 55 Roman"), local("AvenirLTStd-Roman"), url("../../fonts/avenir/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-Roman.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-Roman.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-Roman.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-MediumOblique.eot");
  src: local("Avenir LT Std 65 Medium Oblique"), local("AvenirLTStd-MediumOblique"), url("../../fonts/avenir/AvenirLTStd-MediumOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-MediumOblique.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-MediumOblique.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-MediumOblique.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-MediumOblique.svg#AvenirLTStd-MediumOblique") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-BlackOblique.eot");
  src: local("Avenir LT Std 95 Black Oblique"), local("AvenirLTStd-BlackOblique"), url("../../fonts/avenir/AvenirLTStd-BlackOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-BlackOblique.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-BlackOblique.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-BlackOblique.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-BlackOblique.svg#AvenirLTStd-BlackOblique") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-Light.eot");
  src: local("Avenir LT Std 35 Light"), local("AvenirLTStd-Light"), url("../../fonts/avenir/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-Light.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-Light.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-Light.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-Black.eot");
  src: local("Avenir LT Std 95 Black"), local("AvenirLTStd-Black"), url("../../fonts/avenir/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-Black.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-Black.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-Black.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-Black.svg#AvenirLTStd-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("../../fonts/avenir/AvenirLTStd-LightOblique.eot");
  src: local("Avenir LT Std 35 Light Oblique"), local("AvenirLTStd-LightOblique"), url("../../fonts/avenir/AvenirLTStd-LightOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/avenir/AvenirLTStd-LightOblique.woff2") format("woff2"), url("../../fonts/avenir/AvenirLTStd-LightOblique.woff") format("woff"), url("../../fonts/avenir/AvenirLTStd-LightOblique.ttf") format("truetype"), url("../../fonts/avenir/AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
* {
  box-sizing: border-box;
  font-family: "Avenir LT Std", sans-serif;
}

#screens .screen {
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
#screens .screen.active {
  display: flex !important;
}
#screens .screen .screen-content {
  height: 717px;
}

h1,
h2,
h3 {
  padding: 0 20px;
}

h1 {
  font-size: 60px;
  font-weight: 800;
  letter-spacing: -0.6px;
  color: #5a87ba;
  margin: 0;
  text-align: center;
}

h2 {
  font-size: 28px;
  color: #223360;
  font-weight: 400;
  margin: 0;
  text-align: center;
}

h3 {
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  color: #5a87ba;
  max-width: 835px;
  margin: 0 auto;
}

.site-bounds {
  max-width: 1006px;
  margin: auto;
}

.top-triangle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 500;
}

.tp-container {
  width: 1112px;
  height: 834px;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.h-100 {
  height: 100%;
}

.h-50 {
  height: 50%;
}

.w-100 {
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

.btn-next:disabled {
  opacity: 0;
  transition: 150ms linear all;
}

.refs {
  position: absolute;
  bottom: 130px;
  left: 37px;
  font-size: 10px;
  color: white;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  gap: 2px;
}

.text-blue {
  color: #2c366e;
}

.text-red {
  color: #e63027;
}

.text-white {
  color: #fff;
}

.menu-trigger {
  background: transparent;
  padding: 10px;
  position: absolute;
  top: 26px;
  left: 37px;
  border: 0;
}
.menu-trigger svg {
  position: relative;
  z-index: 5;
}

.screen1 .menu-trigger,
.screen2 .menu-trigger,
.screen3 .menu-trigger {
  display: none;
}

.screen4 .menu-trigger line {
  stroke: #fff;
}

.screen5 .menu-trigger line {
  stroke: #fff;
}

.screen6 .menu-trigger line {
  stroke: #fff;
}

.screen7 .menu-trigger line {
  stroke: #fff;
}

.screen8 .menu-trigger line {
  stroke: #fff;
}

.screen11 .menu-trigger line {
  stroke: #fff;
}

.screen15 .menu-trigger line {
  stroke: #fff;
}

.screen21 .menu-trigger line {
  stroke: #fff;
}

.screen27 .menu-trigger line {
  stroke: #fff;
}

#menu {
  opacity: 0;
  pointer-events: none;
  height: 100%;
  padding: 100px 0;
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%) !important;
}
#menu .button-holder {
  position: absolute;
  top: 26px;
  left: 37px;
}
#menu .button-holder .close-nav {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: 0;
  padding: 0;
  border: 0;
}
#menu .button-holder svg {
  fill: #fff;
}
#menu.active {
  opacity: 1;
  transition: 350ms linear all;
  pointer-events: auto;
}
#menu .menu-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  list-style: none;
  gap: 0;
  font-size: 40px;
  height: 100%;
}
#menu .menu-list button {
  padding: 10px;
  border: 0;
  background: transparent;
  color: #fff;
}
#menu .menu-list li.nav-item {
  padding: 0 65px;
}

.view-full-menu-container,
.menu-reset-container {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.view-full-menu-container button,
.menu-reset-container button {
  line-height: 1;
  color: white;
  border: 0;
  background: transparent;
  font-size: 25px;
  font-weight: 500;
}

.menu-reset-container {
  left: 10px;
  right: initial;
}
.menu-reset-container button.reset {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

#loading-screen {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%) !important;
}

button.reset {
  display: none;
  opacity: 0;
  pointer-events: none;
  width: 70px;
  align-items: center;
  justify-content: center;
}

.bottom-bar {
  border-top: 2px solid #fff;
  z-index: 5;
}
.bottom-bar .bottom-bar-inner {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  height: 116px;
  overflow: hidden;
}
.bottom-bar .bottom-bar-inner button {
  background: transparent;
  border: 0;
}

.logos-multiple {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.screen1 .screen-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-bottom: 17px;
}
.screen1 .screen-content h1 {
  margin-top: 70px;
  color: #fff;
}
.screen1 .screen-content h2 {
  max-width: 800px;
  color: #fff;
  margin: 0 auto auto auto;
}
.screen1 .screen-content h3 {
  color: #fff;
}
.screen1 .screen-content p.job-code {
  color: #fff;
  text-align: right;
  position: absolute;
  bottom: 151px;
  right: 10px;
}

.screen2 .screen-content h2 {
  font-weight: 900;
  margin-bottom: 25px;
  font-size: 37px;
}
.screen2 .screen-content button {
  background: transparent;
  border: 0;
}
.screen2 .options-container {
  gap: 22px;
}
.screen2 .product-btn {
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0);
  transition: 150ms linear all;
}
.screen2 .product-btn img {
  transition: 150ms linear all;
}
.screen2 .product-btn.selected {
  transition: 150ms linear all;
  background-color: rgba(236, 236, 236, 0.5);
}
.screen2 .product-btn.selected img {
  transform: scale(0.95);
  transition: 150ms linear all;
}

.view-all {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 135px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
}
.view-all button.view-all-slides {
  line-height: 1;
}

.screen3 .screen-content {
  height: calc(100% - 104px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.screen3 .screen-content h2 {
  margin-bottom: 40px;
  font-weight: 800;
}
.screen3 .screen-content .professions-container {
  flex-wrap: wrap;
  gap: 48px 10px;
  padding-bottom: 87px;
}
.screen3 .screen-content .audience-btn {
  width: 364px;
  height: 192px;
  background: rgba(255, 255, 255, 0);
  border: 0;
  transition: 150ms linear all;
}
.screen3 .screen-content .audience-btn img {
  width: 100%;
  transition: 150ms linear all;
}
.screen3 .screen-content .audience-btn.selected {
  background: rgba(236, 236, 236, 0.5);
  transition: 150ms linear all;
}
.screen3 .screen-content .audience-btn.selected img {
  transition: 150ms linear all;
  transform: scale(0.95);
}
.screen3 .screen-content .audience-btn:nth-child(1) img, .screen3 .screen-content .audience-btn:nth-child(4) img {
  transform-origin: center left;
}
.screen3 .screen-content .audience-btn:nth-child(2) img, .screen3 .screen-content .audience-btn:nth-child(5) img {
  transform-origin: center center;
}
.screen3 .screen-content .audience-btn:nth-child(3) img, .screen3 .screen-content .audience-btn:nth-child(6) img {
  transform-origin: center right;
}
.screen3 .start-btn {
  transition: 150ms linear all;
}
.screen3 .start-btn:disabled {
  opacity: 0;
  transition: 150ms linear all;
}

.screen3 .audience-btn:nth-child(1) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 350ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 200ms;
}

.screen3 .audience-btn:nth-child(2) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 350ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 400ms;
}

.screen3 .audience-btn:nth-child(3) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 350ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 600ms;
}

.screen3 .audience-btn:nth-child(4) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 350ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 800ms;
}

.screen3 .audience-btn:nth-child(5) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 350ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 1000ms;
}

.screen3 .audience-btn:nth-child(6) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 350ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 1200ms;
}

.screen4 .screen-content {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.screen4 .screen-content h1 {
  color: #fff;
  margin: 21px auto 43px auto;
}
.screen4 .bottom-bar .btn-prev {
  display: none;
}
.screen4 .bottom-bar button.reset {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.screen5 .screen-content {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
}
.screen5 .screen-content h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 400;
  text-align: left;
  max-width: 358px;
  padding: 99px 6px 0 37px;
}
.screen5 .screen-content h2 span {
  font-weight: 900;
  font-size: 55px;
  margin-bottom: 10px;
  display: flex;
}
.screen5 .screen-content .right {
  padding-top: 0;
}
.screen5 .screen-content .right .diagram {
  position: absolute;
  right: 0;
}
.screen5 .screen-content .right .diagram svg {
  height: 716px;
}
.hip-overlay svg {
  margin-top: 32px;
  margin-left: 11px;
}

.knee-overlay svg {
  margin-top: 32px;
  margin-left: 10px;
}

.screen6 .screen-content {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
}
.screen6 .screen-content h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 400;
  text-align: left;
  max-width: 358px;
  padding: 99px 6px 0 37px;
}
.screen6 .screen-content h2 span {
  font-weight: 900;
  font-size: 55px;
  margin-bottom: 10px;
  display: flex;
}
.screen6 .screen-content .right {
  padding-top: 93px;
}
.screen6 .screen-content .right .diagram {
  position: absolute;
  right: -22px;
}
.screen6 .screen-content .right .diagram svg {
  width: 89%;
  margin-left: 45px;
}
.overlay {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 150ms linear all;
  z-index: 50;
}
.overlay.active {
  opacity: 1;
  pointer-events: auto;
  transition: 150ms linear all;
}
.overlay.hands-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 118px;
}
.overlay .bottom-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.overlay .bottom-bar .bottom-bar-inner {
  justify-content: center;
}
.overlay .bottom-bar svg {
  width: 50px;
}
.overlay .bottom-bar svg path {
  fill: #fff;
}

.spine-overlay svg {
  width: 85%;
  margin-top: 20px;
  margin-left: 60px;
}

svg#shoulder_svg {
  margin-left: 95px;
  margin-top: 40px;
}

.screen7 .screen-content {
  background: transparent;
}
.screen7 h1 {
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  text-align: left;
  padding: 97px 0 0 37px;
  max-width: 875px;
}
.screen7 .triangle {
  width: 586px;
  margin-top: 120px;
}
.screen7 .triangle-text {
  color: #fff;
  max-width: 380px;
  position: absolute;
  left: 102px;
  bottom: 285px;
  font-size: 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
.screen7 .triangle-text .bigger {
  font-size: 53px;
  font-weight: 900;
  line-height: 1;
}
.screen7 .triangles svg {
  position: absolute;
  left: -50px;
  bottom: -37px;
  width: 92%;
}
.screen7 .bottom-bar-inner {
  background: linear-gradient(277deg, rgba(44, 54, 110, 0.25) -19.81%, rgba(0, 164, 226, 0.25) 134.35%);
}

.triangles svg g#One {
  opacity: 0;
}
.triangles svg g#Two {
  opacity: 0;
}
.triangles svg g#Three {
  opacity: 0;
}

body.audience-pain .screen7 .btn-prev {
  opacity: 0;
  pointer-events: none;
}

.screen8 .screen-content {
  background: transparent;
}
.screen8 h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 900;
  text-align: center;
  max-width: 545px;
  position: absolute;
  top: 269px;
  right: 42px;
  width: 100%;
  line-height: 1;
  z-index: 5;
}
.screen8 .triangle {
  width: 586px;
  margin-top: 137px;
  margin-left: auto;
  margin-right: 25px;
}
.screen8 .bottom-bar-inner {
  background: linear-gradient(277deg, rgba(44, 54, 110, 0.25) -19.81%, rgba(0, 164, 226, 0.25) 134.35%);
}
.screen8 .triangles {
  position: absolute;
  bottom: 20px;
}
.screen8 .triangles svg g#One {
  opacity: 0;
}
.screen8 .triangles svg g#Two {
  opacity: 0;
}
.screen8 .triangles svg g#Three {
  opacity: 0;
}

.screen9 .screen-content {
  background: white;
}
.screen9 h2 {
  z-index: 10;
  font-size: 35px;
  font-weight: 900;
  color: #2c366e;
  text-align: left;
  position: absolute;
  top: 98px;
  left: 37px;
}
.screen9 h3 {
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
  z-index: 10;
}
.screen9 h3.text-blue {
  position: absolute;
  left: 37px;
  text-align: center;
  width: 301px;
  top: 177px;
}
.screen9 h3.text-red {
  position: absolute;
  right: 320px;
  text-align: center;
  width: 301px;
  top: 177px;
}
.screen9 p.copy {
  z-index: 10;
  position: absolute;
  top: 228px;
  right: 29px;
  width: 268px;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  color: #223360;
  text-align: center;
}
.screen9 p.copy strong {
  font-weight: 900;
}
.screen9 .image {
  position: absolute;
  top: 0;
  left: 0;
}
.screen9 .diagram {
  position: absolute;
  left: 15px;
  top: 164px;
  z-index: 1;
}
.screen9 .refs {
  color: #223360;
}

.screen10 .screen-content {
  position: relative;
  background: white;
}
.screen10 h2 {
  padding: 0;
  z-index: 10;
  font-size: 33px;
  font-weight: 900;
  color: #2c366e;
  text-align: left;
  position: absolute;
  top: 98px;
  left: 43px;
}
.screen10 h3 {
  padding: 0;
  font-size: 23px;
  font-weight: 400;
  color: #223360;
  max-width: 850px;
  text-align: left;
  position: absolute;
  top: 186px;
  left: 43px;
}
.screen10 .graphic {
  height: auto;
  width: 293px;
  position: absolute;
  top: 0;
  right: 0;
}
.screen10 .column-container {
  position: absolute;
  top: 260px;
  left: 43px;
  width: 777px;
  gap: 18px;
}
.screen10 .column-container .title {
  font-weight: 900;
}
.screen10 .column-container .column {
  flex: 1;
  font-size: 20px;
  color: #223360;
  position: relative;
}
.screen10 .column-container .column:nth-child(1) .title, .screen10 .column-container .column:nth-child(2) .title {
  text-align: center;
  position: absolute;
  top: 41px;
  left: 43px;
  right: 0;
  max-width: 170px;
}
.screen10 .column-container .column:nth-child(3) .title {
  text-align: center;
  position: absolute;
  top: 26px;
  left: 43px;
  right: 0;
  max-width: 170px;
}
.screen10 .column-container .column ul {
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 20px;
}
.screen10 .column-container .column ul li {
  padding-bottom: 5px;
}
.screen10 .bottom-text {
  position: absolute;
  left: 43px;
  bottom: 20px;
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  color: #223360;
  text-align: center;
  max-width: 871px;
}
.screen10 .bottom-text strong {
  font-weight: 900;
}
.screen10 .refs {
  color: #223360;
}

.screen10 .column-container .column:nth-child(1) {
  animation-delay: 1150ms;
}

.screen10 .column-container .column:nth-child(2) {
  animation-delay: 1250ms;
}

.screen10 .column-container .column:nth-child(3) {
  animation-delay: 1350ms;
}

body.audience-rheuma .screen10 .bottom-bar .btn-prev {
  display: none;
}
body.audience-rheuma .screen10 .bottom-bar button.reset {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.screen11 .screen-content {
  position: relative;
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
}
.screen11 .screen-content * {
  color: white;
}
.screen11 h1 {
  font-size: 35px;
  font-weight: 900;
  padding-top: 98px;
  max-width: 900px;
  text-align: left;
  padding-left: 37px;
  padding-bottom: 30px;
}
.screen11 .column-container {
  flex-wrap: wrap;
  margin-right: 15px;
  gap: 15px 0;
}
.screen11 .column-container .column {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
}
.screen11 .column-container .column .title {
  max-width: 320px;
  font-size: 27px;
  font-weight: 900;
  text-align: center;
}
.screen11 .column-container .column .copy {
  font-size: 17px;
  max-width: 270px;
  text-align: center;
}

.screen11 .column-container .column:nth-child(1) {
  animation-delay: 550ms;
}

.screen11 .column-container .column:nth-child(2) {
  animation-delay: 650ms;
}

.screen11 .column-container .column:nth-child(3) {
  animation-delay: 750ms;
}

.screen11 .column-container .column:nth-child(4) {
  animation-delay: 850ms;
}

.screen11 .column-container .column:nth-child(5) {
  animation-delay: 950ms;
}

.screen11 .column-container .column:nth-child(6) {
  animation-delay: 1050ms;
}

.screen11 .column-container .column:nth-child(7) {
  animation-delay: 1150ms;
}

.screen11 .column-container .column:nth-child(8) {
  animation-delay: 1250ms;
}

.screen12 .screen-content {
  position: relative;
  background: #fff;
}
.screen12 h1 {
  font-size: 35px;
  font-weight: 900;
  padding-top: 98px;
  max-width: 930px;
  text-align: left;
  padding-left: 37px;
  padding-bottom: 15px;
  color: #223360;
}
.screen12 h2 {
  text-align: left;
  color: #223360;
  padding-left: 37px;
  padding-bottom: 10px;
}
.screen12 .column-container {
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 32px;
  padding-right: 22px;
}
.screen12 .column-container .column {
  flex: 0 0 calc(20% - 15px);
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
}
.screen12 .column-container .column svg {
  width: 190px;
  height: auto;
}
.screen12 .column-container .column .title {
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  padding-left: 20px;
  color: #2c366e;
}
.screen12 .column-container .column .title strong {
  font-weight: 900;
}
.screen12 .column-container .column .copy {
  font-size: 14px;
  padding-left: 30px;
  text-align: left;
  color: #223360;
}
.screen12 .column-container .column:nth-child(2) svg {
  width: 200px;
}
.screen12 .column-container .column:nth-child(2) .title {
  padding-top: 10px;
}
.screen12 .column-container .column:nth-child(3) .title {
  padding-top: 10px;
}
.screen12 .column-container .column:nth-child(4) svg {
  width: 185px;
}
.screen12 .column-container .column:nth-child(5) svg {
  width: 176px;
}
.screen12 .column-container .column:nth-child(5) .title {
  padding-top: 5px;
}
.screen12 #CIRCLE,
.screen12 #CIRCLE_LEFT,
.screen12 #CIRCLE_RIGHT {
  animation-delay: 2.5s;
}
.screen12 .refs {
  color: #223360;
}

.screen12 .column-container .column:nth-child(1) {
  animation-delay: 800ms;
}

.screen12 .column-container .column:nth-child(2) {
  animation-delay: 900ms;
}

.screen12 .column-container .column:nth-child(3) {
  animation-delay: 1000ms;
}

.screen12 .column-container .column:nth-child(4) {
  animation-delay: 1100ms;
}

.screen12 .column-container .column:nth-child(5) {
  animation-delay: 1200ms;
}

svg g#STAGE_2 g#CIRCLE {
  transform: translate(-33px, -13px);
}

.screen13 h1 {
  font-size: 35px;
  text-align: left;
  color: #223360;
  padding-top: 98px;
  padding-left: 37px;
  max-width: 590px;
}
.screen13 .venn-diagram {
  position: absolute;
  top: 340px;
  left: 37px;
}
.screen13 .diagram {
  position: absolute;
  right: 0;
  top: 47px;
}
.screen13 .refs {
  color: #223360;
}

.screen13 svg #right {
  animation-delay: 1150ms;
}
.screen13 svg #middle {
  animation-delay: 1250ms;
}
.screen13 svg #left_text {
  animation-delay: 1500ms;
}
.screen13 svg #right_text {
  animation-delay: 1600ms;
}

.screen14 h1 {
  font-size: 35px;
  text-align: left;
  color: #223360;
  padding-top: 98px;
  padding-left: 37px;
}
.screen14 h2 {
  font-size: 25px;
  color: #223360;
  font-weight: 400;
  text-align: left;
  padding-top: 10px;
  padding-left: 37px;
  padding-bottom: 10px;
}
.screen14 p.side-text {
  font-size: 25px;
  font-weight: 900;
  color: #223360;
  max-width: 300px;
  text-align: center;
  position: absolute;
  top: 300px;
  right: 20px;
}
.screen14 .diagram {
  position: absolute;
  right: 0;
  top: 47px;
}
.screen14 .triangles {
  width: 818px;
  padding-top: 24px;
  z-index: 5;
}
.screen14 .triangles svg {
  width: 100%;
}
.screen14 .triangles #topleft {
  animation-delay: 1400ms;
}
.screen14 .triangles #topright {
  animation-delay: 1500ms;
}
.screen14 .triangles #bottomleft {
  animation-delay: 1600ms;
}
.screen14 .triangles #bottomright {
  animation-delay: 1700ms;
}
.screen14 .triangle-img {
  position: absolute;
  top: 275px;
  width: 650px;
  z-index: 1;
  left: 103px;
}
.screen14 .refs {
  color: #223360;
}
.screen14 .refs ol {
  -moz-column-count: 2;
  column-count: 2;
  gap: 40px;
}

.screen13 svg #right {
  animation-delay: 1150ms;
}
.screen13 svg #middle {
  animation-delay: 1250ms;
}
.screen13 svg #left_x5F_text {
  animation-delay: 1500ms;
}
.screen13 svg #right_x5F_text {
  animation-delay: 1600ms;
}

body.audience-sem .screen14 .bottom-bar .btn-prev,
body.audience-physios .screen14 .bottom-bar .btn-prev,
body.audience-ortho .screen14 .bottom-bar .btn-prev {
  display: none;
}
body.audience-sem .screen14 .bottom-bar button.reset,
body.audience-physios .screen14 .bottom-bar button.reset,
body.audience-ortho .screen14 .bottom-bar button.reset {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.screen15 .screen-content {
  background: white;
}
.screen15 .screen-content .text {
  max-width: 467px;
  margin-top: 118px;
  margin-left: 43px;
}
.screen15 .screen-content h1 {
  font-size: 35px;
  text-align: left;
  padding: 0 0 20px 0;
  color: #223360;
}
.screen15 .screen-content p {
  font-size: 25px;
}
.screen15 p.read-more {
  position: absolute;
  bottom: 131px;
  left: 43px;
  font-size: 20px;
  margin: 0;
}
.screen15 p.caption {
  font-size: 16px;
  position: absolute;
  right: 25px;
  bottom: 150px;
}
.screen15 .venn-diagram {
  position: absolute;
  top: 118px;
  right: 33px;
}

.screen16 .screen-content {
  background: #fff;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding-top: 86px;
  padding-bottom: 50px;
  flex-wrap: wrap;
  width: 100%;
}
.screen16 .screen-content .column {
  flex: 0 0 50%;
  padding-bottom: 40px;
  color: #223360;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.screen16 .screen-content .column img {
  width: 300px;
}
.screen16 .screen-content .column p {
  font-size: 18px;
  margin-bottom: 5px;
}
.screen16 .screen-content .column p.title {
  font-size: 28px;
}

.bio-screen .screen-content {
  width: 100%;
  background: #fff;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 80px;
}
.bio-screen .screen-content * {
  color: #223360;
}
.bio-screen .screen-content h1 {
  font-size: 35px;
  margin-bottom: 20px;
  text-align: center;
  padding: 0;
  font-weight: 400;
}
.bio-screen .screen-content h2 {
  font-size: 25px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 10px;
}
.bio-screen .screen-content .profile-img {
  width: 500px;
  margin: 20px auto;
}
.bio-screen .screen-content p {
  max-width: 720px;
  text-align: center;
  font-size: 25px;
  font-weight: 400;
}
.bio-screen .screen-content .quote-container {
  position: relative;
}
.bio-screen .screen-content .quote-container .quote-left {
  position: absolute;
  bottom: 39px;
  left: -57px;
}
.bio-screen .screen-content .quote-container p {
  max-width: 500px;
  text-align: center;
  font-size: 25px;
  font-weight: 900;
}
.bio-screen .screen-content .quote-container .quote-right {
  position: absolute;
  bottom: 25px;
  right: -57px;
}
.bio-screen .screen-content .disclaimer {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  padding-top: 25px;
  color: #223360;
}

.screen20 .disclaimer {
  padding-top: 35px !important;
}

.screen21 .screen-content {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.screen21 .screen-content h1 {
  color: #fff;
  margin: 21px auto 43px auto;
}

.screen22 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 37px;
  padding-right: 37px;
}
.screen22 .screen-content h1 {
  color: #223360;
  padding-top: 118px;
  padding-bottom: 47px;
  font-size: 35px;
}
.screen22 .screen-content .column-container {
  gap: 20px;
  align-items: center;
}
.screen22 .screen-content .left {
  flex: 3;
}
.screen22 .screen-content .right {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.screen22 .screen-content .right h2 {
  text-align: left;
  font-size: 25px;
  font-weight: 900;
  color: #223360;
  padding: 0;
}
.screen22 .refs {
  color: #223360;
}

.screen22 #reduce {
  animation-delay: 1050ms;
}
.screen22 #manage {
  animation-delay: 1150ms;
}
.screen22 #improve {
  animation-delay: 1250ms;
}
.screen22 #maintain {
  animation-delay: 1350ms;
}

.screen23 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 37px;
  padding-right: 37px;
}
.screen23 .screen-content h1 {
  color: #223360;
  padding-top: 118px;
  padding-bottom: 20px;
  font-size: 35px;
}
.screen23 .screen-content .copy {
  color: #223360;
  position: absolute;
  bottom: 150px;
  max-width: 480px;
  font-size: 20px;
}
.screen23 .screen-content .diagram {
  position: absolute;
  bottom: 150px;
  left: 0;
}
.screen23 .screen-content ul {
  padding-left: 20px;
}
.screen23 .refs {
  color: #223360;
}

.screen23 svg#landscape_diagram g:nth-child(1) {
  animation-delay: 800ms;
}

.screen23 svg#landscape_diagram g:nth-child(2) {
  animation-delay: 900ms;
}

.screen23 svg#landscape_diagram g:nth-child(3) {
  animation-delay: 1000ms;
}

.screen23 svg#landscape_diagram g:nth-child(4) {
  animation-delay: 1100ms;
}

.screen23 svg#landscape_diagram g:nth-child(5) {
  animation-delay: 1200ms;
}

.screen23 svg#landscape_diagram g:nth-child(6) {
  animation-delay: 1300ms;
}

.screen23 svg#landscape_diagram g:nth-child(7) {
  animation-delay: 1400ms;
}

.screen23 svg#landscape_diagram g:nth-child(8) {
  animation-delay: 1500ms;
}

.screen23 svg#landscape_diagram g:nth-child(9) {
  animation-delay: 1600ms;
}

.screen24 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 37px;
  padding-right: 37px;
}
.screen24 .screen-content h1 {
  color: #223360;
  padding-top: 118px;
  padding-bottom: 20px;
  font-size: 35px;
  text-align: left;
}
.screen24 .screen-content .column-container {
  padding: 5px 0 5px 37px;
  gap: 12px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
}
.screen24 .screen-content .column-container .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.screen24 .screen-content .column-container .middle {
  width: 631px;
}
.screen24 .screen-content .column-container .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.screen24 .screen-content .column-container .right ul {
  padding-left: 20px;
}
.screen24 .screen-content .column-container ul li {
  margin-bottom: 5px;
}
.screen24 .screen-content .column-container ul.dark-blue li {
  color: #223360;
}
.screen24 .screen-content .column-container ul.light-blue li {
  color: #00a4e2;
}
.screen24 .screen-content .bottom-text {
  width: 100%;
  padding-top: 20px;
}
.screen24 .screen-content .bottom-text h3 {
  font-weight: 400;
  color: #223360;
  font-size: 25px;
}
.screen24 .screen-content .bottom-text h3 strong {
  font-weight: 900;
}
.screen24 .refs {
  color: #223360;
}

.screen24 .left .light-blue {
  animation-delay: 700ms;
}
.screen24 .left .dark-blue {
  animation-delay: 800ms;
}
.screen24 .right .dark-blue {
  animation-delay: 900ms;
}
.screen24 .right .light-blue {
  animation-delay: 1000ms;
}

.screen24 svg#treatmentforOAdiagram g:nth-child(1) {
  animation-delay: 1200ms;
}

.screen24 svg#treatmentforOAdiagram g:nth-child(2) {
  animation-delay: 1300ms;
}

.screen24 svg#treatmentforOAdiagram g:nth-child(3) {
  animation-delay: 1400ms;
}

.screen24 svg#treatmentforOAdiagram g:nth-child(4) {
  animation-delay: 1500ms;
}

.screen24 svg#treatmentforOAdiagram g:nth-child(5) {
  animation-delay: 1600ms;
}

.screen25 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 37px;
  padding-right: 37px;
}
.screen25 .screen-content * {
  color: #223360;
}
.screen25 .screen-content h1 {
  color: #223360;
  padding-top: 118px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 35px;
  padding-left: 0;
  padding-right: 0;
  max-width: 920px;
}
.screen25 .screen-content h2 {
  font-size: 25px;
  font-weight: 400;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.screen25 p {
  margin-bottom: 10px;
}
.screen25 p.copy {
  margin-bottom: 15px;
}
.screen25 .column-container {
  gap: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.screen25 .column-container .left,
.screen25 .column-container .right {
  flex: 1;
}
.screen25 .bottom-text {
  font-size: 25px;
  text-align: center;
  margin: 0 auto;
  max-width: 720px;
}
.screen25 .refs {
  color: #223360;
}

.screen26 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 37px;
  padding-right: 37px;
}
.screen26 .screen-content * {
  color: #223360;
}
.screen26 .screen-content h1 {
  color: #223360;
  padding-top: 118px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 35px;
  padding-left: 0;
  padding-right: 0;
}
.screen26 .screen-content h2 {
  font-size: 25px;
  font-weight: 400;
  max-width: 980px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
  text-align: left;
}
.screen26 p {
  margin-bottom: 10px;
}
.screen26 p.copy {
  margin-bottom: 15px;
}
.screen26 .column-container {
  gap: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.screen26 .column-container .left,
.screen26 .column-container .right {
  flex: 1;
}
.screen26 ul {
  list-style: none;
}
.screen26 .bottom-text {
  padding-top: 40px;
  font-size: 25px;
  text-align: center;
  margin: 0 auto;
  max-width: 720px;
}
.screen26 .refs {
  color: #223360;
}

.screen27 .screen-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.screen27 .screen-content h1 {
  color: #fff;
  margin: 21px auto 43px auto;
}

.screen28 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 37px;
  padding-right: 37px;
}
.screen28 .screen-content * {
  color: #223360;
}
.screen28 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-top: 118px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen28 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen28 .screen-content h2 {
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 50px;
  text-align: center;
  width: 100%;
}
.screen28 .screen-content p {
  font-size: 20px;
  color: #223360;
  padding-bottom: 20px;
}
.screen28 .screen-content .grey-box {
  padding: 30px;
  background-color: #ececec;
}
.screen28 .refs {
  color: #223360;
}

.screen29 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.screen29 .screen-content * {
  color: #223360;
}
.screen29 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-top: 118px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen29 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen29 .screen-content h2 {
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.screen29 .screen-content .graphic {
  width: 454px;
  padding-bottom: 20px;
}
.screen29 .screen-content .column-container {
  gap: 38px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.screen29 .screen-content .left p {
  padding-top: 20px;
  padding-left: 37px;
  font-size: 20px;
  padding-bottom: 10px;
}
.screen29 .screen-content .left ul {
  padding-left: 57px;
}
.screen29 .screen-content .left ul li {
  padding-bottom: 5px;
}
.screen29 .screen-content .right {
  padding-top: 40px;
  width: 560px;
}
.screen29 .screen-content .right p {
  font-size: 20px;
}
.screen29 .screen-content .right img {
  padding-top: 10px;
}
.screen29 .refs {
  color: #223360;
}
.screen29 .refs ol {
  -moz-column-count: 2;
  column-count: 2;
  gap: 40px;
}

.screen30 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.screen30 .screen-content .diagram {
  position: absolute;
  top: -10px;
  left: 0;
}

.screen31 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.screen31 .screen-content .diagram {
  position: absolute;
  top: 110px;
  left: 0;
}
.screen31 .screen-content .diagram #table {
  transform: translateY(-10px);
}

.screen32 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.screen32 .screen-content sup {
  color: inherit;
}
.screen32 .screen-content * {
  color: #223360;
}
.screen32 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen32 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen32 .screen-content h2 {
  padding-bottom: 7px;
  margin-top: -10px;
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.screen32 .screen-content h2.top {
  padding-top: 65px;
}
.screen32 .screen-content h3 {
  font-weight: 400;
  font-size: 20px;
}
.screen32 .screen-content .graphic {
  width: 454px;
  padding-bottom: 20px;
}
.screen32 .screen-content .column-container {
  gap: 38px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.screen32 .screen-content .left {
  margin-top: -15px;
}
.screen32 .screen-content .left p {
  padding-left: 37px;
  padding-top: 15px;
  font-size: 16px;
  padding-bottom: 10px;
}
.screen32 .screen-content .left ul {
  padding-left: 57px;
}
.screen32 .screen-content .left ul li {
  font-size: 16px;
  padding-bottom: 5px;
}
.screen32 .screen-content .right {
  padding-top: 40px;
  width: 560px;
}
.screen32 .screen-content .right p {
  font-size: 20px;
  padding-bottom: 20px;
}
.screen32 .refs {
  color: #223360;
}
.screen32 .refs ol {
  -moz-column-count: 2;
  column-count: 2;
  gap: 40px;
}

.screen33 .screen-content,
.screen34 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 37px;
  padding-left: 37px;
}
.screen33 .screen-content *,
.screen34 .screen-content * {
  color: #223360;
}
.screen33 .screen-content h1,
.screen34 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen33 .screen-content h1 strong,
.screen34 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen33 .screen-content h2,
.screen34 .screen-content h2 {
  padding-bottom: 7px;
  margin-top: -10px;
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.screen33 .screen-content h2.top,
.screen34 .screen-content h2.top {
  padding-top: 65px;
}
.screen33 .screen-content h3,
.screen34 .screen-content h3 {
  font-weight: 400;
  font-size: 20px;
}
.screen33 .screen-content .title,
.screen34 .screen-content .title {
  font-size: 25px;
  color: #00a4e2;
  font-weight: 900;
  padding-bottom: 20px;
}
.screen33 .left,
.screen34 .left {
  padding-top: 50px;
}
.screen33 p,
.screen34 p {
  font-size: 18px;
}
.screen33 p strong,
.screen34 p strong {
  font-weight: 900;
}
.screen33 p.bullet-text,
.screen34 p.bullet-text {
  color: #223360;
  font-weight: 900;
  padding-top: 8px;
  padding-bottom: 33px;
  line-height: 1.1;
}
.screen33 .column-container,
.screen34 .column-container {
  gap: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.screen33 .column-container .text,
.screen34 .column-container .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.screen33 .diagram,
.screen34 .diagram {
  position: absolute;
  right: 0;
  top: 217px;
}
.screen33 ul,
.screen34 ul {
  padding-top: 10px;
  padding-left: 20px;
}
.screen33 ul li,
.screen34 ul li {
  padding-bottom: 5px;
  font-size: 18px;
}
.screen33 .video,
.screen34 .video {
  position: absolute;
  right: 40px;
  top: 316px;
}
.screen33 .video .video-elem,
.screen34 .video .video-elem {
  width: 450px;
  height: 100%;
}

.screen35 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 37px;
  padding-left: 37px;
}
.screen35 .screen-content * {
  color: #223360;
}
.screen35 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen35 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen35 .screen-content h2 {
  padding-bottom: 7px;
  margin-top: -10px;
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.screen35 .screen-content h2.top {
  padding-top: 65px;
}
.screen35 .screen-content h3 {
  font-weight: 900;
  color: #00a4e2;
  font-size: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.screen35 .screen-content .triangle {
  position: absolute;
  left: 0;
  top: 320px;
}
.screen35 .screen-content .column-container {
  gap: 38px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 37px;
}
.screen35 .screen-content .left {
  flex: 2;
  font-size: 20px;
  text-align: center;
}
.screen35 .screen-content .left img {
  padding-top: 20px;
}
.screen35 .screen-content .right {
  flex: 3;
  padding-top: 63px;
  padding-left: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.screen35 .screen-content .right p {
  font-size: 20px;
  padding-bottom: 20px;
}
.screen35 .refs {
  color: #223360;
}

.screen36 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 37px;
  padding-left: 37px;
}
.screen36 .screen-content * {
  color: #223360;
}
.screen36 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen36 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen36 .screen-content h2 {
  padding-bottom: 7px;
  margin-top: -10px;
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.screen36 .screen-content h2.top {
  padding-top: 65px;
}
.screen36 .screen-content h3 {
  font-weight: 900;
  color: #00a4e2;
  font-size: 25px;
  padding-top: 0;
  padding-bottom: 20px;
}
.screen36 .screen-content .graphic {
  width: 454px;
  padding-bottom: 20px;
}
.screen36 .screen-content .column-container {
  gap: 38px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.screen36 .screen-content .left {
  flex: 1;
  font-size: 20px;
  text-align: center;
}
.screen36 .screen-content .left img {
  padding-top: 20px;
}
.screen36 .screen-content .right {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.screen36 .screen-content .right p {
  font-size: 20px;
}
.screen36 p.new-text {
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  bottom: 215px;
}
.screen36 .refs {
  color: #223360;
}

.screen37 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.screen37 .screen-content * {
  color: #223360;
}
.screen37 .screen-content h2 {
  font-weight: 900;
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  padding-top: 118px;
  width: 100%;
  padding-right: 37px;
  padding-left: 37px;
}
.screen37 .screen-content .gradient-bg {
  background: linear-gradient(277deg, #2c366e -19.81%, #00a4e2 134.35%);
  width: 100%;
  padding: 23px 0 19px 37px;
  margin: 40px 0;
}
.screen37 .screen-content .gradient-bg h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  text-align: left;
  max-width: none;
  padding: 0;
}
.screen37 .screen-content .gradient-bg h3 sup {
  color: inherit;
}
.screen37 .screen-content .column-container {
  padding-right: 37px;
  padding-left: 37px;
  gap: 38px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.screen37 .screen-content .left {
  flex: 2;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.screen37 .screen-content .left p {
  font-size: 20px;
}
.screen37 .screen-content .right {
  flex: 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.screen37 .refs {
  color: #223360;
}

.screen38 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 37px;
  padding-left: 37px;
  align-items: center;
}
.screen38 .screen-content * {
  color: #223360;
}
.screen38 .screen-content h1 {
  color: #223360;
  text-align: center;
  font-size: 60px;
  padding-top: 118px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  width: 100%;
}
.screen38 .screen-content h1 strong {
  font-size: inherit;
  font-weight: 900;
}
.screen38 .screen-content h2 {
  font-size: 25px;
  color: #223360;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.screen38 .screen-content img {
  width: 939px;
  margin-top: 40px;
}
.screen38 .graphic {
  position: absolute;
  top: -10px;
  left: 0;
}

.screen39 .screen-content {
  background: #fff;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 37px;
  padding-left: 37px;
}
.screen39 .screen-content * {
  color: #223360;
}
.screen39 .screen-content h1 {
  color: #223360;
  text-align: left;
  font-weight: 900;
  font-size: 35px;
  padding: 118px 0 30px 0;
}
.screen39 .screen-content ol {
  padding-left: 30px;
  height: 420px;
  overflow: scroll;
  padding-bottom: 30px;
}
.screen39 .scroll-for-more {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.screen39 button.btn-next {
  opacity: 0;
  pointer-events: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadein,
.fade-in,
.screen5 svg g#person,
.screen6 svg g#person,
.screen12 #CIRCLE,
.screen12 #CIRCLE_LEFT,
.screen12 #CIRCLE_RIGHT,
.screen13 svg #circles,
.screen13 svg #middle,
.screen13 svg #person,
.screen23 svg#landscape_diagram g:nth-child(1),
.screen23 svg#landscape_diagram g:nth-child(2),
.screen23 svg#landscape_diagram g:nth-child(3),
.screen23 svg#landscape_diagram g:nth-child(4),
.screen23 svg#landscape_diagram g:nth-child(5),
.screen23 svg#landscape_diagram g:nth-child(6),
.screen23 svg#landscape_diagram g:nth-child(7),
.screen23 svg#landscape_diagram g:nth-child(8),
.screen23 svg#landscape_diagram g:nth-child(9) {
  opacity: 0;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 350ms;
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeLeft,
.fade-left,
.screen6 svg g#spine,
.screen13 svg #right,
.screen13 svg #right_text,
.screen14 .triangles #topright,
.screen14 .triangles #bottomright,
.screen13 svg #right_x5F_text {
  opacity: 0;
  transform: translateX(-50px);
  animation-name: fadeRight;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 350ms;
}

.fadeRight,
.fade-right,
.screen5 svg g#hip,
.screen5 svg g#knee,
.screen6 svg g#shoulder,
.triangles svg g#One,
.triangles svg g#Two,
.triangles svg g#Three,
.screen8 .triangles svg g#One,
.screen8 .triangles svg g#Two,
.screen8 .triangles svg g#Three,
.screen13 svg #left,
.screen13 svg #left_text,
.screen14 .triangles #topleft,
.screen14 .triangles #bottomleft,
.screen13 svg #left_x5F_text {
  opacity: 0;
  transform: translateX(-50px);
  animation-name: fadeRight;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 350ms;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeLeft,
.fade-left,
.screen6 svg g#spine,
.screen13 svg #right,
.screen13 svg #right_text,
.screen14 .triangles #topright,
.screen14 .triangles #bottomright,
.screen13 svg #right_x5F_text {
  opacity: 0;
  transform: translateX(50px);
  animation-name: fadeLeft;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 350ms;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUp,
.fade-up,
.screen5 svg g#hands {
  opacity: 0;
  transform: translateY(50px);
  animation-name: fadeUp;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 350ms;
}

.delay-1, .screen5 svg g#person, .screen6 svg g#person {
  animation-delay: 350ms;
}

.delay-2, .screen5 svg g#hip, .screen6 svg g#shoulder, .screen13 svg #circles {
  animation-delay: 700ms;
}

.delay-3, .screen5 svg g#hands, .screen6 svg g#spine, .triangles svg g#One, .screen8 .triangles svg g#One, .screen13 svg #left {
  animation-delay: 1050ms;
}

.delay-4, .screen5 svg g#knee, .triangles svg g#Two, .screen8 .triangles svg g#Two, .screen13 svg #person {
  animation-delay: 1400ms;
}

.delay-5, .triangles svg g#Three, .screen8 .triangles svg g#Three {
  animation-delay: 1750ms;
}

.delay-6 {
  animation-delay: 2100ms;
}

.delay-7 {
  animation-delay: 2450ms;
}