@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Raleway-Regular?.eot") format("eot"), url("../fonts/Raleway-Regular.ttf"), url("../fonts/Raleway-Regular.woff"), url("../fonts/Raleway-Regular.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Raleway-Medium?.eot") format("eot"), url("../fonts/Raleway-Medium.ttf"), url("../fonts/Raleway-Medium.woff"), url("../fonts/Raleway-Medium.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Raleway-ExtraBold?.eot") format("eot"), url("../fonts/Raleway-ExtraBold.ttf"), url("../fonts/Raleway-ExtraBold.woff"), url("../fonts/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Raleway-Bold?.eot") format("eot"), url("../fonts/Raleway-Bold.ttf"), url("../fonts/Raleway-Bold.woff"), url("../fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Raleway-SemiBold?.eot") format("eot"), url("../fonts/Raleway-SemiBold.ttf"), url("../fonts/Raleway-SemiBold.woff"), url("../fonts/Raleway-SemiBold.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Raleway-Black?.eot") format("eot"), url("../fonts/Raleway-Black.ttf"), url("../fonts/Raleway-Black.woff"), url("../fonts/Raleway-Black.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Roboto-Regular?.eot") format("eot"), url("../fonts/Roboto-Regular.ttf"), url("../fonts/Roboto-Regular.woff"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium?.eot") format("eot"), url("../fonts/Roboto-Medium.ttf"), url("../fonts/Roboto-Medium.woff"), url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Light?.eot") format("eot"), url("../fonts/Roboto-Light.ttf"), url("../fonts/Roboto-Light.woff"), url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-LightItalic?.eot") format("eot"), url("../fonts/Roboto-LightItalic.ttf"), url("../fonts/Roboto-LightItalic.woff"), url("../fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold?.eot") format("eot"), url("../fonts/Roboto-Bold.ttf"), url("../fonts/Roboto-Bold.woff"), url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic?.eot") format("eot"), url("../fonts/Roboto-BoldItalic.ttf"), url("../fonts/Roboto-BoldItalic.woff"), url("../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "RobotoSlab";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/RobotoSlab-Light?.eot") format("eot"), url("../fonts/RobotoSlab-Light.ttf"), url("../fonts/RobotoSlab-Light.woff"), url("../fonts/RobotoSlab-Light.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "RobotoSlab";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/RobotoSlab-SemiBold?.eot") format("eot"), url("../fonts/RobotoSlab-SemiBold.ttf"), url("../fonts/RobotoSlab-SemiBold.woff"), url("../fonts/RobotoSlab-SemiBold.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "RobotoSlab";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/RobotoSlab-Bold?.eot") format("eot"), url("../fonts/RobotoSlab-Bold.ttf"), url("../fonts/RobotoSlab-Bold.woff"), url("../fonts/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype");
}
html, body {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  font-family: Raleway;
  color: #000000;
}

.container, body {
  margin: 0 auto;
  height: 100vh;
  width: 56.25vh !important;
  overflow-y: hidden;
}

span {
  display: inline;
}

* {
  box-sizing: border-box;
}

a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

.fs356 {
  font-size: 9.271vh;
}

.fs156 {
  font-size: 4.063vh;
}

.fs140 {
  font-size: 3.646vh;
}

.fs135 {
  font-size: 3.516vh;
}

.fs116 {
  font-size: 3.021vh;
}

.fs110 {
  font-size: 2.865vh;
}

.fs100 {
  font-size: 2.604vh;
}

.fs90 {
  font-size: 2.344vh;
}

.fs84 {
  font-size: 2.188vh;
}

.fs80 {
  font-size: 2.083vh;
}

.fs75 {
  font-size: 1.953vh;
}

.fs72 {
  font-size: 1.875vh;
}

.fs70 {
  font-size: 1.823vh;
}

.fs68 {
  font-size: 1.771vh;
}

.fs60 {
  font-size: 1.563vh;
}

.fs58 {
  font-size: 1.51vh;
}

.fs52 {
  font-size: 1.354vh;
}

.fs48 {
  font-size: 1.25vh;
}

.fs44 {
  font-size: 1.146vh;
}

.fs40 {
  font-size: 1.0416666667vh;
}

.fs38 {
  font-size: 0.99vh;
}

.fs36 {
  font-size: 0.938vh;
}

.fs27 {
  font-size: 0.703vh;
}

.slab {
  font-family: RobotoSlab;
}

.robo {
  font-family: Roboto;
}

.light {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.fcblue {
  color: #35458F;
}

.fcorange {
  color: #FC3208;
}

.fclight {
  color: #ffffff;
}

.fcgold {
  color: #FBB040;
}

h2 {
  color: #35458F;
  text-transform: uppercase;
}

sup {
  line-height: 0;
  font-size: 0.6em;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 0.26vh !important;
}

.mb20 {
  margin-bottom: 0.521vh !important;
}

.mb30 {
  margin-bottom: 0.781vh !important;
}

.mt10 {
  margin-top: 0.26vh !important;
}

.mt30 {
  margin-top: 0.781vh !important;
}

.mr20 {
  margin-right: 0.521vh !important;
}

.flex {
  display: flex;
}

.center {
  text-align: center;
}

/* width */
::-webkit-scrollbar {
  width: 0.52vh;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.13vh #000000;
  border-radius: 0.26vh;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #35458F;
  border-radius: 0.26vh;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #182958;
}

.overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(59, 60, 80);
  z-index: 2;
  transition: 0.3s opacity;
}

.modal-container {
  position: relative;
  display: flex;
  justify-content: center;
}

.modal {
  opacity: 0;
  visibility: hidden;
  width: 41.667vh;
  position: fixed;
  bottom: 25vh;
  z-index: 30;
  box-shadow: 0 3px 10px -0.5px rgba(59, 60, 80, 0.8);
  padding: 2.083vh 1.483vh 1.083vh 2.083vh;
  border-radius: 1.016vh;
  background-color: #fff;
  transition: 0.3s opacity;
  border: 1px #707070 solid;
  filter: drop-shadow(0px 3px 6px #000000);
}
.modal.eua {
  bottom: 37vh;
  padding: 2.83vh 2.83vh 1.583vh 2.383vh;
}
.modal.eua ul {
  padding-left: 1.1vh;
}
.modal.hide {
  display: none;
}
.modal h5 {
  font-size: 1.563vh;
  color: #35458F;
  margin: 0;
}
.modal p, .modal li span {
  font-family: Roboto;
  font-weight: 400;
  font-size: 1.146vh;
  color: #35458F;
}
.modal p {
  margin: 0.5vh 0;
}
.modal ol {
  padding-left: 1.2vh;
}
.modal li {
  font-family: Roboto;
  font-weight: 700;
  padding-left: 0.443vh;
  color: #35458F;
  font-size: 1.146vh;
  margin: 0.5vh 0.2vh;
}
.modal .js-modal-close {
  float: right;
}
.modal .js-modal-close.close img {
  width: 3.802vh;
  height: 4.219vh;
}

.modal.active {
  opacity: 1;
  visibility: visible;
}

.overlay.active {
  opacity: 0.8;
  visibility: visible;
}

.overlay.full {
  opacity: 1;
  visibility: visible;
  background-image: url("../media/images/overlay-dots.svg");
  background-repeat: no-repeat;
  background-size: 50vh;
  background-position: 50%;
}

.modal__cross {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 20px;
  right: 20px;
  fill: #444;
  cursor: pointer;
}

.overlay-isi {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(59, 60, 80);
  z-index: 2;
  transition: 0.3s opacity;
}

.overlay-isi.active {
  opacity: 0.8;
  visibility: visible;
}

.nav-container {
  display: flex;
  align-items: baseline;
  top: 75vh;
  position: absolute;
  width: 56.25vh !important;
  padding: 0 1.823vh;
  justify-content: center;
}
.nav-container :first-child {
  margin-right: auto;
  flex: 1.5;
}
.nav-container :first-child img {
  width: 3.594vh;
  height: 2.917vh;
}
.nav-container .move {
  display: flex;
  flex: 1;
}
.nav-container .move a img {
  width: 4.844vh;
  height: 4.844vh;
}
.nav-container :last-child {
  margin-left: auto;
  flex: 1.5;
}
.nav-container :last-child img {
  float: right;
  width: 9.896vh;
  height: 2.214vh;
}
.nav-container :last-child img.abb-only {
  display: none;
}

.footer {
  width: 56.25vh !important;
  height: 17.031vh;
  position: absolute;
  bottom: 0px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  z-index: 2;
  overflow-y: hidden;
}
.footer.active {
  overflow-y: visible;
}
.footer .arc {
  position: fixed;
  bottom: 16.96vh;
  width: 56.25vh;
  height: 2.396vh;
}
.footer .logo {
  width: 20.03vh;
  height: 8.823vh;
  justify-content: center;
  display: flex;
}
.footer .max, .footer .min {
  position: absolute;
  width: 5.677vh;
  height: 5.729vh;
  bottom: 2.708vh;
  right: 1.198vh;
  display: none;
  z-index: 3;
}
.footer .max.active, .footer .min.active {
  display: block;
}
.footer .min {
  bottom: 0px;
}
.footer .isi-note {
  position: absolute;
  left: 2.708vh;
  bottom: 2.8vh;
  width: 43.151vh;
}
.footer .isi-container {
  position: absolute;
  width: 100%;
  bottom: -85.3vh;
  overflow-y: hidden;
  height: 88vh;
  transition: bottom 0.15s ease-out;
  background-color: #EDEDED;
}
.footer .isi-container.active {
  bottom: 0vh;
}
.footer .isi-container .isi-grad {
  height: 2.708vh;
  background: rgb(78, 180, 235);
  background: linear-gradient(90deg, rgb(78, 180, 235) 0%, rgb(54, 68, 142) 25%, rgb(96, 57, 128) 50%, rgb(210, 90, 46) 75%, rgb(251, 175, 63) 100%);
  display: flex;
  align-items: center;
  padding: 0 0.781vh;
}
.footer .isi-container .isi-grad h4 {
  text-transform: uppercase;
}
.footer .isi-container .isi-grad h4, .footer .isi-container .isi-grad p {
  color: #ffffff;
}
.footer .isi-container .isi-grad p {
  margin-left: auto;
}
.footer .isi-container .isi-content {
  padding: 1.458vh 2.161vh 3.161vh 2.161vh;
}
.footer .isi-container .isi-content .isi-content-inner {
  overflow-y: scroll;
  height: 78vh;
  width: 97%;
}
.footer .isi-container .isi-content .isi-content-inner p, .footer .isi-container .isi-content .isi-content-inner ul {
  width: 95%;
}
.footer .isi-container .isi-content .isi-content-inner ul {
  padding-left: 2vh;
  width: 97%;
}
.footer .isi-container .isi-content .isi-content-inner ul li {
  font-size: 1.25vh;
  color: #35458F;
  padding-left: 0.208vh;
}

[data-page=home] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page=home] .image-container {
  position: relative;
  height: 84.258vh;
}
[data-page=home] .image-container img {
  position: absolute;
  animation-name: multiple-image-crossfade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  width: 100%;
  height: 84.258vh;
}
[data-page=home] .image-container img:nth-of-type(1) {
  animation-delay: 16s;
}
[data-page=home] .image-container img:nth-of-type(2) {
  animation-delay: 12s;
}
[data-page=home] .image-container img:nth-of-type(3) {
  animation-delay: 8s;
}
[data-page=home] .image-container img:nth-of-type(4) {
  animation-delay: 4s;
}
[data-page=home] .image-container img:nth-of-type(5) {
  animation-delay: 0s;
}
@keyframes multiple-image-crossfade {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-page=home] .nav-container {
  display: none !important;
}
[data-page=home] .circle {
  height: 15.026vh;
  width: 15.026vh;
  border-radius: 50%;
  background-color: #ffffff;
  filter: drop-shadow(0px 0.078vh 0.156vh rgba(0, 0, 0, 0.33));
  display: flex;
  position: relative;
  top: -7vh;
  left: 29vh;
  justify-content: center;
  text-align: center;
  z-index: 2;
  transition: height 0.25s ease, width 0.25s ease;
  transform: translate(-50%, -50%);
}
[data-page=home] .circle p {
  margin-top: 3.385vh;
}
[data-page=home] .circle:before,
[data-page=home] .circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid white;
}
[data-page=home] .circle:before {
  animation: ripple 2s linear infinite;
}
[data-page=home] .circle:after {
  animation: ripple 2s linear 1s infinite;
}
@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

[data-page=patient-response] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page=patient-response] [data-modal=refs] h5 span {
  display: none;
}
[data-page=patient-response] .nav-container .abb-only {
  display: block !important;
}
[data-page=patient-response] .nav-container .abb-refs {
  display: none;
}
[data-page=patient-response] .prev, [data-page=patient-response] .next {
  visibility: hidden;
}

[data-page=portrait-1], [data-page=portrait-2], [data-page=portrait-3], [data-page=portrait-4], [data-page=portrait-5] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page=portrait-1] .header, [data-page=portrait-2] .header, [data-page=portrait-3] .header, [data-page=portrait-4] .header, [data-page=portrait-5] .header {
  padding: 2.188vh 2.031vh;
}
[data-page=portrait-1] .header h1, [data-page=portrait-2] .header h1, [data-page=portrait-3] .header h1, [data-page=portrait-4] .header h1, [data-page=portrait-5] .header h1 {
  text-transform: uppercase;
}
[data-page=portrait-1] .content-area, [data-page=portrait-2] .content-area, [data-page=portrait-3] .content-area, [data-page=portrait-4] .content-area, [data-page=portrait-5] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 68.755vh;
  overflow: hidden;
}
[data-page=portrait-1] .content-area .parent, [data-page=portrait-2] .content-area .parent, [data-page=portrait-3] .content-area .parent, [data-page=portrait-4] .content-area .parent, [data-page=portrait-5] .content-area .parent {
  display: grid;
  grid-template-columns: 24.661vh 29.531vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 1vh 0 0 2.05vh;
}
[data-page=portrait-1] .content-area .div1, [data-page=portrait-2] .content-area .div1, [data-page=portrait-3] .content-area .div1, [data-page=portrait-4] .content-area .div1, [data-page=portrait-5] .content-area .div1 {
  grid-area: 1/1/3/2;
  width: 24.661vh;
}
[data-page=portrait-1] .content-area .div1 .portrait, [data-page=portrait-2] .content-area .div1 .portrait, [data-page=portrait-3] .content-area .div1 .portrait, [data-page=portrait-4] .content-area .div1 .portrait, [data-page=portrait-5] .content-area .div1 .portrait {
  position: fixed;
  width: 24.661vh;
  height: 36.979vh;
}
[data-page=portrait-1] .content-area .div2, [data-page=portrait-2] .content-area .div2, [data-page=portrait-3] .content-area .div2, [data-page=portrait-4] .content-area .div2, [data-page=portrait-5] .content-area .div2 {
  grid-area: 1/2/2/3;
  justify-items: center;
  align-items: center;
  display: inline-grid;
  height: 12.438vh;
  width: 29.531vh;
}
[data-page=portrait-1] .content-area .div2 .quotes, [data-page=portrait-2] .content-area .div2 .quotes, [data-page=portrait-3] .content-area .div2 .quotes, [data-page=portrait-4] .content-area .div2 .quotes, [data-page=portrait-5] .content-area .div2 .quotes {
  width: 15.817vh;
  height: 10.901vh;
}
[data-page=portrait-1] .content-area .div2 .quote-text, [data-page=portrait-2] .content-area .div2 .quote-text, [data-page=portrait-3] .content-area .div2 .quote-text, [data-page=portrait-4] .content-area .div2 .quote-text, [data-page=portrait-5] .content-area .div2 .quote-text {
  position: fixed;
  text-align: center;
  width: 29.531vh;
}
[data-page=portrait-1] .content-area .div3, [data-page=portrait-2] .content-area .div3, [data-page=portrait-3] .content-area .div3, [data-page=portrait-4] .content-area .div3, [data-page=portrait-5] .content-area .div3 {
  grid-area: 2/2/3/3;
  height: 24.557vh;
}
[data-page=portrait-1] .content-area .div3 .info-box, [data-page=portrait-2] .content-area .div3 .info-box, [data-page=portrait-3] .content-area .div3 .info-box, [data-page=portrait-4] .content-area .div3 .info-box, [data-page=portrait-5] .content-area .div3 .info-box {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0.313vh 0px rgba(0, 0, 0, 0.41);
  padding: 1vh 2.82vh 1.263vh 2.82vh;
  height: 24.557vh;
}
[data-page=portrait-1] .content-area .div3 .info-box p, [data-page=portrait-2] .content-area .div3 .info-box p, [data-page=portrait-3] .content-area .div3 .info-box p, [data-page=portrait-4] .content-area .div3 .info-box p, [data-page=portrait-5] .content-area .div3 .info-box p {
  line-height: 2.3vh;
}
[data-page=portrait-1] .content-area .div3 .info-box ul, [data-page=portrait-2] .content-area .div3 .info-box ul, [data-page=portrait-3] .content-area .div3 .info-box ul, [data-page=portrait-4] .content-area .div3 .info-box ul, [data-page=portrait-5] .content-area .div3 .info-box ul {
  padding-left: 1.2vh;
  margin: 0;
}
[data-page=portrait-1] .content-area .div3 .info-box ul li, [data-page=portrait-2] .content-area .div3 .info-box ul li, [data-page=portrait-3] .content-area .div3 .info-box ul li, [data-page=portrait-4] .content-area .div3 .info-box ul li, [data-page=portrait-5] .content-area .div3 .info-box ul li {
  margin-bottom: 1vh;
}
[data-page=portrait-1] .content-area .div3 .info-box ul li span, [data-page=portrait-2] .content-area .div3 .info-box ul li span, [data-page=portrait-3] .content-area .div3 .info-box ul li span, [data-page=portrait-4] .content-area .div3 .info-box ul li span, [data-page=portrait-5] .content-area .div3 .info-box ul li span {
  position: relative;
  top: 0.15vh;
}
[data-page=portrait-1] .content-area .caption, [data-page=portrait-2] .content-area .caption, [data-page=portrait-3] .content-area .caption, [data-page=portrait-4] .content-area .caption, [data-page=portrait-5] .content-area .caption {
  position: relative;
  left: 2vh;
  width: 60%;
}
[data-page=portrait-1] .content-area .bottom, [data-page=portrait-2] .content-area .bottom, [data-page=portrait-3] .content-area .bottom, [data-page=portrait-4] .content-area .bottom, [data-page=portrait-5] .content-area .bottom {
  position: relative;
  display: grid;
  width: 100%;
  padding-left: 2vh;
}
[data-page=portrait-1] .content-area .bottom .warning, [data-page=portrait-2] .content-area .bottom .warning, [data-page=portrait-3] .content-area .bottom .warning, [data-page=portrait-4] .content-area .bottom .warning, [data-page=portrait-5] .content-area .bottom .warning {
  display: flex;
  gap: 0.5vh;
  align-items: start;
}
[data-page=portrait-1] .content-area .bottom .warning img, [data-page=portrait-2] .content-area .bottom .warning img, [data-page=portrait-3] .content-area .bottom .warning img, [data-page=portrait-4] .content-area .bottom .warning img, [data-page=portrait-5] .content-area .bottom .warning img {
  width: 6.734vh;
  height: 6.343vh;
}
[data-page=portrait-1] .content-area .bottom .warning ul, [data-page=portrait-2] .content-area .bottom .warning ul, [data-page=portrait-3] .content-area .bottom .warning ul, [data-page=portrait-4] .content-area .bottom .warning ul, [data-page=portrait-5] .content-area .bottom .warning ul {
  width: 98%;
  padding-left: 2vh;
}
[data-page=portrait-1] .content-area .bottom .warning ul li, [data-page=portrait-2] .content-area .bottom .warning ul li, [data-page=portrait-3] .content-area .bottom .warning ul li, [data-page=portrait-4] .content-area .bottom .warning ul li, [data-page=portrait-5] .content-area .bottom .warning ul li {
  margin-bottom: 0.6vh;
  width: 94%;
}
[data-page=portrait-1] .content-area .bottom .warning ul li span, [data-page=portrait-2] .content-area .bottom .warning ul li span, [data-page=portrait-3] .content-area .bottom .warning ul li span, [data-page=portrait-4] .content-area .bottom .warning ul li span, [data-page=portrait-5] .content-area .bottom .warning ul li span {
  position: relative;
  top: 0.15vh;
}
[data-page=portrait-1] .prev, [data-page=portrait-2] .prev, [data-page=portrait-3] .prev, [data-page=portrait-4] .prev, [data-page=portrait-5] .prev {
  display: none;
}

[data-page="portrait-1/why-choose-novavax"], [data-page="portrait-2/why-choose-novavax"], [data-page="portrait-3/why-choose-novavax"], [data-page="portrait-4/why-choose-novavax"], [data-page="portrait-5/why-choose-novavax"] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page="portrait-1/why-choose-novavax"] .header, [data-page="portrait-2/why-choose-novavax"] .header, [data-page="portrait-3/why-choose-novavax"] .header, [data-page="portrait-4/why-choose-novavax"] .header, [data-page="portrait-5/why-choose-novavax"] .header {
  padding: 2.188vh 1.031vh 0.5vh 2.031vh;
}
[data-page="portrait-1/why-choose-novavax"] .header .flex, [data-page="portrait-2/why-choose-novavax"] .header .flex, [data-page="portrait-3/why-choose-novavax"] .header .flex, [data-page="portrait-4/why-choose-novavax"] .header .flex, [data-page="portrait-5/why-choose-novavax"] .header .flex {
  margin-bottom: 0.2vh;
}
[data-page="portrait-1/why-choose-novavax"] .header .left img, [data-page="portrait-2/why-choose-novavax"] .header .left img, [data-page="portrait-3/why-choose-novavax"] .header .left img, [data-page="portrait-4/why-choose-novavax"] .header .left img, [data-page="portrait-5/why-choose-novavax"] .header .left img {
  width: 10.938vh;
  height: 16.406vh;
}
[data-page="portrait-1/why-choose-novavax"] .header .right, [data-page="portrait-2/why-choose-novavax"] .header .right, [data-page="portrait-3/why-choose-novavax"] .header .right, [data-page="portrait-4/why-choose-novavax"] .header .right, [data-page="portrait-5/why-choose-novavax"] .header .right {
  padding: 0 0 0 1vh;
}
[data-page="portrait-1/why-choose-novavax"] .header .right h1, [data-page="portrait-2/why-choose-novavax"] .header .right h1, [data-page="portrait-3/why-choose-novavax"] .header .right h1, [data-page="portrait-4/why-choose-novavax"] .header .right h1, [data-page="portrait-5/why-choose-novavax"] .header .right h1 {
  text-transform: uppercase;
}
[data-page="portrait-1/why-choose-novavax"] .content-area, [data-page="portrait-2/why-choose-novavax"] .content-area, [data-page="portrait-3/why-choose-novavax"] .content-area, [data-page="portrait-4/why-choose-novavax"] .content-area, [data-page="portrait-5/why-choose-novavax"] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 62.604vh;
  padding: 2.3vh 1.8vh 1.8vh 1.8vh;
}
[data-page="portrait-1/why-choose-novavax"] .content-area h2, [data-page="portrait-2/why-choose-novavax"] .content-area h2, [data-page="portrait-3/why-choose-novavax"] .content-area h2, [data-page="portrait-4/why-choose-novavax"] .content-area h2, [data-page="portrait-5/why-choose-novavax"] .content-area h2 {
  text-transform: none;
  text-align: center;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0.313vh 0px rgba(0, 0, 0, 0.41);
  padding: 1vh 0.8vh 1.263vh 1.2vh;
  position: relative;
  border-radius: 1.042vh;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex {
  gap: 0.52vh;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex > *, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex > *, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex > *, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex > *, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex > * {
  flex: 1;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex.labels, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex.labels, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex.labels, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex.labels, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex.labels {
  align-items: flex-start;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .col2 {
  background-color: #35458F;
  color: #ffffff;
  font-weight: 900;
  text-align: center;
  padding: 0.5vh 0;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .col1 p, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .col2 p, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .col1 p, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .col2 p, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .col1 p, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .col2 p, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .col1 p, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .col2 p, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .col1 p, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .col2 p {
  margin: 0;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .col1, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .col1 {
  flex: 1;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .col2, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .col2 {
  flex: 2;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .label1, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .label2, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .label3, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .label1, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .label2, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .label3, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .label1, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .label2, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .label3, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .label1, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .label2, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .label3, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .label1, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .label2, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .label3 {
  font-weight: 500;
  text-align: center;
  flex: 1;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .label1 p, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .label2 p, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .flex .label3 p, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .label1 p, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .label2 p, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .flex .label3 p, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .label1 p, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .label2 p, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .flex .label3 p, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .label1 p, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .label2 p, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .flex .label3 p, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .label1 p, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .label2 p, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .flex .label3 p {
  margin-top: 0;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box p.left, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box p.left, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box p.left, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box p.left, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box p.left {
  text-align: right;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .svg-item, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .svg-item, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .svg-item, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .svg-item, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .svg-item {
  width: 100%;
  margin: 0 auto;
  animation: donutfade 1s;
  flex: 1.2;
  padding: 1vh 2vh 0 2vh;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .svg-item:first-of-type, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .svg-item:first-of-type, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .svg-item:first-of-type, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .svg-item:first-of-type, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .svg-item:first-of-type {
  margin-right: -1vh;
  background-clip: content-box;
  border-right: 0.026vh solid #707070;
  -o-border-image: linear-gradient(to bottom, rgba(112, 112, 112, 0) 20%, rgb(112, 112, 112) 20%, rgb(112, 112, 112) 80%, rgba(112, 112, 112, 0) 80%);
     border-image: linear-gradient(to bottom, rgba(112, 112, 112, 0) 20%, rgb(112, 112, 112) 20%, rgb(112, 112, 112) 80%, rgba(112, 112, 112, 0) 80%);
  border-image-slice: 1;
}
@keyframes donutfade {
  /* this applies to the whole svg item wrapper */
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-ring, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-ring, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-ring, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-ring, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-ring {
  stroke: #ccc;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-segment, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-segment, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-segment, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-segment, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-segment {
  transform-origin: center;
  stroke: #ccc;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-segment-1, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-segment-1, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-segment-1, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-segment-1, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-segment-1 {
  stroke: #4EB4EC;
  animation: donut1 3s;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-segment-2, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-segment-2, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-segment-2, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-segment-2, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-segment-2 {
  stroke: #4EB4EC;
  animation: donut2 3s;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-segment-3, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-segment-3, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-segment-3, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-segment-3, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-segment-3 {
  stroke: #4EB4EC;
  animation: donut3 3s;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .segment-1, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .segment-1, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .segment-1, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .segment-1, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .segment-1 {
  fill: #ccc;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .segment-2, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .segment-2, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .segment-2, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .segment-2, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .segment-2 {
  fill: #35458F;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .segment-3, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .segment-3, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .segment-3, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .segment-3, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .segment-3 {
  fill: #4EB4EC;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-percent {
  animation: donutfadelong 1s;
}
@keyframes donutfadelong {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes donut1 {
  0% {
    stroke-dasharray: 0, 100;
  }
  100% {
    stroke-dasharray: 90.4, 9.6;
  }
}
@keyframes donut2 {
  0% {
    stroke-dasharray: 0, 100;
  }
  100% {
    stroke-dasharray: 91, 9;
  }
}
@keyframes donut3 {
  0% {
    stroke-dasharray: 0, 100;
  }
  100% {
    stroke-dasharray: 100, 0;
  }
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-text, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-text, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-text, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-text, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-text {
  font-family: RobotoSlab;
  fill: #35458F;
  width: 80%;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-text-1, [data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-text-2, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-text-1, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-text-2, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-text-1, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-text-2, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-text-1, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-text-2, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-text-1, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-text-2 {
  fill: #35458F;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-label, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-label, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-label, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-label, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-label {
  font-size: 0.28em;
  font-weight: 700;
  line-height: 1;
  fill: #35458F;
  transform: translateY(0.25em);
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-percent, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-percent {
  font-size: 0.4em;
  line-height: 1;
  transform: translateY(0.5em);
  font-weight: bold;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .info-box .donut-data, [data-page="portrait-2/why-choose-novavax"] .content-area .info-box .donut-data, [data-page="portrait-3/why-choose-novavax"] .content-area .info-box .donut-data, [data-page="portrait-4/why-choose-novavax"] .content-area .info-box .donut-data, [data-page="portrait-5/why-choose-novavax"] .content-area .info-box .donut-data {
  font-size: 0.17em;
  line-height: 0.1;
  transform: translateY(0.5em);
  text-align: center;
  text-anchor: middle;
  color: #35458F;
  fill: #35458F;
  animation: donutfadelong 1s;
}
[data-page="portrait-1/why-choose-novavax"] .content-area .footnotes, [data-page="portrait-2/why-choose-novavax"] .content-area .footnotes, [data-page="portrait-3/why-choose-novavax"] .content-area .footnotes, [data-page="portrait-4/why-choose-novavax"] .content-area .footnotes, [data-page="portrait-5/why-choose-novavax"] .content-area .footnotes {
  padding: 0 1vh;
}
[data-page="portrait-1/why-choose-novavax"] .home, [data-page="portrait-2/why-choose-novavax"] .home, [data-page="portrait-3/why-choose-novavax"] .home, [data-page="portrait-4/why-choose-novavax"] .home, [data-page="portrait-5/why-choose-novavax"] .home {
  visibility: hidden;
}

[data-page="portrait-1/safety-profile"], [data-page="portrait-2/safety-profile"], [data-page="portrait-3/safety-profile"], [data-page="portrait-4/safety-profile"], [data-page="portrait-5/safety-profile"] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page="portrait-1/safety-profile"] .header, [data-page="portrait-2/safety-profile"] .header, [data-page="portrait-3/safety-profile"] .header, [data-page="portrait-4/safety-profile"] .header, [data-page="portrait-5/safety-profile"] .header {
  padding: 2.188vh 1.031vh 0.5vh 2.031vh;
}
[data-page="portrait-1/safety-profile"] .header .flex, [data-page="portrait-2/safety-profile"] .header .flex, [data-page="portrait-3/safety-profile"] .header .flex, [data-page="portrait-4/safety-profile"] .header .flex, [data-page="portrait-5/safety-profile"] .header .flex {
  margin-bottom: 0.2vh;
}
[data-page="portrait-1/safety-profile"] .header .left img, [data-page="portrait-2/safety-profile"] .header .left img, [data-page="portrait-3/safety-profile"] .header .left img, [data-page="portrait-4/safety-profile"] .header .left img, [data-page="portrait-5/safety-profile"] .header .left img {
  width: 10.938vh;
  height: 16.406vh;
}
[data-page="portrait-1/safety-profile"] .header .right, [data-page="portrait-2/safety-profile"] .header .right, [data-page="portrait-3/safety-profile"] .header .right, [data-page="portrait-4/safety-profile"] .header .right, [data-page="portrait-5/safety-profile"] .header .right {
  padding: 0 0 0 1vh;
}
[data-page="portrait-1/safety-profile"] .header .right h1, [data-page="portrait-2/safety-profile"] .header .right h1, [data-page="portrait-3/safety-profile"] .header .right h1, [data-page="portrait-4/safety-profile"] .header .right h1, [data-page="portrait-5/safety-profile"] .header .right h1 {
  text-transform: uppercase;
}
[data-page="portrait-1/safety-profile"] .content-area, [data-page="portrait-2/safety-profile"] .content-area, [data-page="portrait-3/safety-profile"] .content-area, [data-page="portrait-4/safety-profile"] .content-area, [data-page="portrait-5/safety-profile"] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 62.604vh;
  padding: 1.5vh 2.083vh 2.083vh 2.083vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box, [data-page="portrait-2/safety-profile"] .content-area .info-box, [data-page="portrait-3/safety-profile"] .content-area .info-box, [data-page="portrait-4/safety-profile"] .content-area .info-box, [data-page="portrait-5/safety-profile"] .content-area .info-box {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0.313vh 0px rgba(0, 0, 0, 0.41);
  padding: 1vh 2.244vh 1.263vh 2.244vh;
  position: relative;
  border-radius: 1.042vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box p, [data-page="portrait-2/safety-profile"] .content-area .info-box p, [data-page="portrait-3/safety-profile"] .content-area .info-box p, [data-page="portrait-4/safety-profile"] .content-area .info-box p, [data-page="portrait-5/safety-profile"] .content-area .info-box p {
  line-height: 1.25vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg {
  width: 100%;
  font-size: 1.146vh;
  border-spacing: 0px !important;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg td, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg td, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg td, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg td, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg td {
  border-style: none;
  overflow: hidden;
  padding: 0.2vh 0.521vh 0.3vh 0.521vh;
  word-break: normal;
  width: 50%;
  font-size: 1.146vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg th, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg th, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg th, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg th, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg th {
  border-style: none;
  font-size: 1.146vh;
  overflow: hidden;
  padding: 0.2vh 0.521vh;
  word-break: normal;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-tl, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-tl, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-tl, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-tl, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-tl {
  background-color: #172957;
  border-color: #172957;
  border: 0px solid;
  color: #ffffff;
  font-weight: bold;
  vertical-align: bottom;
  text-align: left;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-tr, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-tr, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-tr, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-tr, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-tr {
  background-color: #172957;
  border-color: #172957;
  border: 0px solid;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-right, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-right, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-right, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-right, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-right {
  text-align: center;
  vertical-align: top;
  font-family: RobotoSlab;
  padding: 0.1vh 0.521vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-right:first-of-type, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-right:first-of-type, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-right:first-of-type, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-right:first-of-type, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-right:first-of-type {
  padding: 0.2vh 0.521vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-left, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-left, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-left, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-left, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-left {
  text-align: left;
  vertical-align: top;
  padding: 0.1vh 0.521vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-left:first-of-type, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-left:first-of-type, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-left:first-of-type, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-left:first-of-type, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-left:first-of-type {
  padding: 0.2vh 0.521vh;
}
[data-page="portrait-1/safety-profile"] .content-area .info-box .tg .tg-wide, [data-page="portrait-2/safety-profile"] .content-area .info-box .tg .tg-wide, [data-page="portrait-3/safety-profile"] .content-area .info-box .tg .tg-wide, [data-page="portrait-4/safety-profile"] .content-area .info-box .tg .tg-wide, [data-page="portrait-5/safety-profile"] .content-area .info-box .tg .tg-wide {
  background-color: #717171;
  text-align: left;
  vertical-align: top;
}
[data-page="portrait-1/safety-profile"] .home, [data-page="portrait-2/safety-profile"] .home, [data-page="portrait-3/safety-profile"] .home, [data-page="portrait-4/safety-profile"] .home, [data-page="portrait-5/safety-profile"] .home {
  visibility: hidden;
}

[data-page="portrait-3/demonstrated-safety"] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page="portrait-3/demonstrated-safety"] .header {
  padding: 2.188vh 1.031vh 0.5vh 2.031vh;
}
[data-page="portrait-3/demonstrated-safety"] .header .flex {
  margin-bottom: 0.2vh;
}
[data-page="portrait-3/demonstrated-safety"] .header .left img {
  width: 10.938vh;
  height: 16.406vh;
}
[data-page="portrait-3/demonstrated-safety"] .header .right {
  padding: 0 0 0 1vh;
}
[data-page="portrait-3/demonstrated-safety"] .header .right h1 {
  text-transform: uppercase;
}
[data-page="portrait-3/demonstrated-safety"] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 62.604vh;
  padding: 1vh 1.8vh;
}
[data-page="portrait-3/demonstrated-safety"] .content-area h2 {
  text-transform: none;
  text-align: center;
}
[data-page="portrait-3/demonstrated-safety"] .content-area .info-box {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0.313vh 0px rgba(0, 0, 0, 0.41);
  padding: 1vh 0.8vh 1.263vh 1.2vh;
  position: relative;
  border-radius: 1.042vh;
}
[data-page="portrait-3/demonstrated-safety"] .content-area .info-box .dose1 {
  width: 47.045vh;
  height: 16.771vh;
}
[data-page="portrait-3/demonstrated-safety"] .content-area .info-box .dose2 {
  width: 47.045vh;
  height: 16.748vh;
}
[data-page="portrait-3/demonstrated-safety"] .content-area .footnotes {
  padding: 0 1vh;
}
[data-page="portrait-3/demonstrated-safety"] .home {
  visibility: hidden;
}

[data-page="portrait-1/elevated-antibodies"], [data-page="portrait-2/elevated-antibodies"], [data-page="portrait-3/elevated-antibodies"], [data-page="portrait-4/elevated-antibodies"] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page="portrait-1/elevated-antibodies"] .header, [data-page="portrait-2/elevated-antibodies"] .header, [data-page="portrait-3/elevated-antibodies"] .header, [data-page="portrait-4/elevated-antibodies"] .header {
  padding: 2.188vh 1.031vh 0.5vh 2.031vh;
}
[data-page="portrait-1/elevated-antibodies"] .header .flex, [data-page="portrait-2/elevated-antibodies"] .header .flex, [data-page="portrait-3/elevated-antibodies"] .header .flex, [data-page="portrait-4/elevated-antibodies"] .header .flex {
  margin-bottom: 0.2vh;
}
[data-page="portrait-1/elevated-antibodies"] .header .left img, [data-page="portrait-2/elevated-antibodies"] .header .left img, [data-page="portrait-3/elevated-antibodies"] .header .left img, [data-page="portrait-4/elevated-antibodies"] .header .left img {
  width: 10.938vh;
  height: 16.406vh;
}
[data-page="portrait-1/elevated-antibodies"] .header .right, [data-page="portrait-2/elevated-antibodies"] .header .right, [data-page="portrait-3/elevated-antibodies"] .header .right, [data-page="portrait-4/elevated-antibodies"] .header .right {
  padding: 0 0 0 1vh;
}
[data-page="portrait-1/elevated-antibodies"] .header .right h1, [data-page="portrait-2/elevated-antibodies"] .header .right h1, [data-page="portrait-3/elevated-antibodies"] .header .right h1, [data-page="portrait-4/elevated-antibodies"] .header .right h1 {
  text-transform: uppercase;
  line-height: 3.3vh;
}
[data-page="portrait-1/elevated-antibodies"] .content-area, [data-page="portrait-2/elevated-antibodies"] .content-area, [data-page="portrait-3/elevated-antibodies"] .content-area, [data-page="portrait-4/elevated-antibodies"] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 62.604vh;
  padding: 1.8vh;
}
[data-page="portrait-1/elevated-antibodies"] .content-area h2, [data-page="portrait-2/elevated-antibodies"] .content-area h2, [data-page="portrait-3/elevated-antibodies"] .content-area h2, [data-page="portrait-4/elevated-antibodies"] .content-area h2 {
  text-transform: none;
  text-align: center;
}
[data-page="portrait-1/elevated-antibodies"] .content-area .info-box, [data-page="portrait-2/elevated-antibodies"] .content-area .info-box, [data-page="portrait-3/elevated-antibodies"] .content-area .info-box, [data-page="portrait-4/elevated-antibodies"] .content-area .info-box {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0.313vh 0px rgba(0, 0, 0, 0.41);
  padding: 1vh 0.8vh 1.263vh 1.2vh;
  position: relative;
  border-radius: 1.042vh;
  margin-top: 1.5vh;
}
[data-page="portrait-1/elevated-antibodies"] .content-area .info-box .chart, [data-page="portrait-2/elevated-antibodies"] .content-area .info-box .chart, [data-page="portrait-3/elevated-antibodies"] .content-area .info-box .chart, [data-page="portrait-4/elevated-antibodies"] .content-area .info-box .chart {
  width: 49.273vh;
  height: 23.705vh;
}
[data-page="portrait-1/elevated-antibodies"] .content-area ul, [data-page="portrait-2/elevated-antibodies"] .content-area ul, [data-page="portrait-3/elevated-antibodies"] .content-area ul, [data-page="portrait-4/elevated-antibodies"] .content-area ul {
  padding-top: 1vh;
  padding-left: 2vh;
  width: 98%;
}
[data-page="portrait-1/elevated-antibodies"] .content-area ul li span, [data-page="portrait-2/elevated-antibodies"] .content-area ul li span, [data-page="portrait-3/elevated-antibodies"] .content-area ul li span, [data-page="portrait-4/elevated-antibodies"] .content-area ul li span {
  position: relative;
  top: 0.15vh;
}
[data-page="portrait-1/elevated-antibodies"] .home, [data-page="portrait-2/elevated-antibodies"] .home, [data-page="portrait-3/elevated-antibodies"] .home, [data-page="portrait-4/elevated-antibodies"] .home {
  visibility: hidden;
}

[data-page="portrait-1/aim"], [data-page="portrait-2/aim"], [data-page="portrait-3/aim"], [data-page="portrait-4/aim"], [data-page="portrait-5/aim"] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page="portrait-1/aim"] .header, [data-page="portrait-2/aim"] .header, [data-page="portrait-3/aim"] .header, [data-page="portrait-4/aim"] .header, [data-page="portrait-5/aim"] .header {
  height: 14.375vh;
  background-color: #182958;
  border-bottom: #FBB040 solid 1.094vh;
  display: grid;
  justify-content: center;
  align-items: center;
}
[data-page="portrait-1/aim"] .header h1, [data-page="portrait-2/aim"] .header h1, [data-page="portrait-3/aim"] .header h1, [data-page="portrait-4/aim"] .header h1, [data-page="portrait-5/aim"] .header h1 {
  text-transform: uppercase;
  font-weight: 900;
  display: inline-flex;
}
[data-page="portrait-1/aim"] .header h1 span, [data-page="portrait-2/aim"] .header h1 span, [data-page="portrait-3/aim"] .header h1 span, [data-page="portrait-4/aim"] .header h1 span, [data-page="portrait-5/aim"] .header h1 span {
  font-weight: 500;
  display: inline-flex;
  line-height: 3.7vh;
  margin-top: 1.8vh;
  margin-left: 0.8vh;
}
[data-page="portrait-1/aim"] .content-area, [data-page="portrait-2/aim"] .content-area, [data-page="portrait-3/aim"] .content-area, [data-page="portrait-4/aim"] .content-area, [data-page="portrait-5/aim"] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 68.755vh;
}
[data-page="portrait-1/aim"] .content-area .parent, [data-page="portrait-2/aim"] .content-area .parent, [data-page="portrait-3/aim"] .content-area .parent, [data-page="portrait-4/aim"] .content-area .parent, [data-page="portrait-5/aim"] .content-area .parent {
  display: grid;
  grid-template-columns: 22.656vh 30.208vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 3.385vh 0 0 3.385vh;
}
[data-page="portrait-1/aim"] .content-area .div1, [data-page="portrait-2/aim"] .content-area .div1, [data-page="portrait-3/aim"] .content-area .div1, [data-page="portrait-4/aim"] .content-area .div1, [data-page="portrait-5/aim"] .content-area .div1 {
  grid-area: 1/1/3/2;
  width: 22.656vh;
}
[data-page="portrait-1/aim"] .content-area .div1 .portrait, [data-page="portrait-2/aim"] .content-area .div1 .portrait, [data-page="portrait-3/aim"] .content-area .div1 .portrait, [data-page="portrait-4/aim"] .content-area .div1 .portrait, [data-page="portrait-5/aim"] .content-area .div1 .portrait {
  position: fixed;
  width: 22.656vh;
  height: 33.984vh;
}
[data-page="portrait-1/aim"] .content-area .div2, [data-page="portrait-2/aim"] .content-area .div2, [data-page="portrait-3/aim"] .content-area .div2, [data-page="portrait-4/aim"] .content-area .div2, [data-page="portrait-5/aim"] .content-area .div2 {
  grid-area: 1/2/2/3;
  justify-items: center;
  align-items: center;
  display: inline-grid;
  height: 14.967vh;
  width: 30.208vh;
}
[data-page="portrait-1/aim"] .content-area .div2 .quotes, [data-page="portrait-2/aim"] .content-area .div2 .quotes, [data-page="portrait-3/aim"] .content-area .div2 .quotes, [data-page="portrait-4/aim"] .content-area .div2 .quotes, [data-page="portrait-5/aim"] .content-area .div2 .quotes {
  width: 19.412vh;
  height: 13.378vh;
}
[data-page="portrait-1/aim"] .content-area .div2 .quote-text, [data-page="portrait-2/aim"] .content-area .div2 .quote-text, [data-page="portrait-3/aim"] .content-area .div2 .quote-text, [data-page="portrait-4/aim"] .content-area .div2 .quote-text, [data-page="portrait-5/aim"] .content-area .div2 .quote-text {
  position: fixed;
  text-align: center;
  width: 30.208vh;
}
[data-page="portrait-1/aim"] .content-area .div3, [data-page="portrait-2/aim"] .content-area .div3, [data-page="portrait-3/aim"] .content-area .div3, [data-page="portrait-4/aim"] .content-area .div3, [data-page="portrait-5/aim"] .content-area .div3 {
  grid-area: 2/2/3/3;
  height: 19.036vh;
}
[data-page="portrait-1/aim"] .content-area .div3 .info-box, [data-page="portrait-2/aim"] .content-area .div3 .info-box, [data-page="portrait-3/aim"] .content-area .div3 .info-box, [data-page="portrait-4/aim"] .content-area .div3 .info-box, [data-page="portrait-5/aim"] .content-area .div3 .info-box {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0.313vh 0px rgba(0, 0, 0, 0.41);
  padding: 1vh 2.82vh 1.263vh 2.82vh;
  height: 19.036vh;
}
[data-page="portrait-1/aim"] .content-area .div3 .info-box p, [data-page="portrait-2/aim"] .content-area .div3 .info-box p, [data-page="portrait-3/aim"] .content-area .div3 .info-box p, [data-page="portrait-4/aim"] .content-area .div3 .info-box p, [data-page="portrait-5/aim"] .content-area .div3 .info-box p {
  line-height: 2.3vh;
}
[data-page="portrait-1/aim"] .content-area .div3 .info-box ul, [data-page="portrait-2/aim"] .content-area .div3 .info-box ul, [data-page="portrait-3/aim"] .content-area .div3 .info-box ul, [data-page="portrait-4/aim"] .content-area .div3 .info-box ul, [data-page="portrait-5/aim"] .content-area .div3 .info-box ul {
  padding-left: 1vh;
  margin: 0;
}
[data-page="portrait-1/aim"] .content-area .div3 .info-box ul li, [data-page="portrait-2/aim"] .content-area .div3 .info-box ul li, [data-page="portrait-3/aim"] .content-area .div3 .info-box ul li, [data-page="portrait-4/aim"] .content-area .div3 .info-box ul li, [data-page="portrait-5/aim"] .content-area .div3 .info-box ul li {
  margin-bottom: 1vh;
}
[data-page="portrait-1/aim"] .content-area .div3 .info-box ul li span, [data-page="portrait-2/aim"] .content-area .div3 .info-box ul li span, [data-page="portrait-3/aim"] .content-area .div3 .info-box ul li span, [data-page="portrait-4/aim"] .content-area .div3 .info-box ul li span, [data-page="portrait-5/aim"] .content-area .div3 .info-box ul li span {
  position: relative;
  top: 0.15vh;
}
[data-page="portrait-1/aim"] .content-area .caption, [data-page="portrait-2/aim"] .content-area .caption, [data-page="portrait-3/aim"] .content-area .caption, [data-page="portrait-4/aim"] .content-area .caption, [data-page="portrait-5/aim"] .content-area .caption {
  position: relative;
  left: 3.385vh;
  width: 60%;
}
[data-page="portrait-1/aim"] .content-area .bottom, [data-page="portrait-2/aim"] .content-area .bottom, [data-page="portrait-3/aim"] .content-area .bottom, [data-page="portrait-4/aim"] .content-area .bottom, [data-page="portrait-5/aim"] .content-area .bottom {
  position: relative;
  display: grid;
  width: 100%;
  margin-top: 4vh;
}
[data-page="portrait-1/aim"] .content-area .bottom .learn-how, [data-page="portrait-2/aim"] .content-area .bottom .learn-how, [data-page="portrait-3/aim"] .content-area .bottom .learn-how, [data-page="portrait-4/aim"] .content-area .bottom .learn-how, [data-page="portrait-5/aim"] .content-area .bottom .learn-how {
  font-weight: 800;
  width: 36.146vh;
  height: 11.927vh;
  border-radius: 5.964vh;
  filter: drop-shadow(0px 3px 6px #cccccc);
  background-color: #ffffff;
  display: inline-grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
[data-page="portrait-1/aim"] .home, [data-page="portrait-1/aim"] .abb, [data-page="portrait-2/aim"] .home, [data-page="portrait-2/aim"] .abb, [data-page="portrait-3/aim"] .home, [data-page="portrait-3/aim"] .abb, [data-page="portrait-4/aim"] .home, [data-page="portrait-4/aim"] .abb, [data-page="portrait-5/aim"] .home, [data-page="portrait-5/aim"] .abb {
  visibility: hidden;
}

[data-page="portrait-1/learn-how"], [data-page="portrait-2/learn-how"], [data-page="portrait-3/learn-how"], [data-page="portrait-4/learn-how"], [data-page="portrait-5/learn-how"] {
  overflow-y: hidden;
  height: 100vh;
}
[data-page="portrait-1/learn-how"] .header, [data-page="portrait-2/learn-how"] .header, [data-page="portrait-3/learn-how"] .header, [data-page="portrait-4/learn-how"] .header, [data-page="portrait-5/learn-how"] .header {
  height: 14.375vh;
  background-color: #182958;
  border-bottom: #FBB040 solid 1.094vh;
  display: grid;
  justify-content: center;
  align-items: center;
}
[data-page="portrait-1/learn-how"] .header h1, [data-page="portrait-2/learn-how"] .header h1, [data-page="portrait-3/learn-how"] .header h1, [data-page="portrait-4/learn-how"] .header h1, [data-page="portrait-5/learn-how"] .header h1 {
  text-transform: uppercase;
  font-weight: 900;
  display: inline-flex;
}
[data-page="portrait-1/learn-how"] .header h1 span, [data-page="portrait-2/learn-how"] .header h1 span, [data-page="portrait-3/learn-how"] .header h1 span, [data-page="portrait-4/learn-how"] .header h1 span, [data-page="portrait-5/learn-how"] .header h1 span {
  font-weight: 500;
  display: inline-flex;
  line-height: 3.7vh;
  margin-top: 1.8vh;
  margin-left: 0.8vh;
}
[data-page="portrait-1/learn-how"] .content-area, [data-page="portrait-2/learn-how"] .content-area, [data-page="portrait-3/learn-how"] .content-area, [data-page="portrait-4/learn-how"] .content-area, [data-page="portrait-5/learn-how"] .content-area {
  background: rgb(215, 238, 252);
  background: linear-gradient(180deg, rgb(215, 238, 252) 55%, rgb(255, 255, 255) 100%);
  height: 68.755vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent, [data-page="portrait-2/learn-how"] .content-area .parent, [data-page="portrait-3/learn-how"] .content-area .parent, [data-page="portrait-4/learn-how"] .content-area .parent, [data-page="portrait-5/learn-how"] .content-area .parent {
  display: grid;
  grid-template-columns: repeat(3, 17.292vh);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 2.083vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div1, [data-page="portrait-2/learn-how"] .content-area .parent .div1, [data-page="portrait-3/learn-how"] .content-area .parent .div1, [data-page="portrait-4/learn-how"] .content-area .parent .div1, [data-page="portrait-5/learn-how"] .content-area .parent .div1 {
  grid-area: 1/1/2/2;
  margin-right: 0.104vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div2, [data-page="portrait-2/learn-how"] .content-area .parent .div2, [data-page="portrait-3/learn-how"] .content-area .parent .div2, [data-page="portrait-4/learn-how"] .content-area .parent .div2, [data-page="portrait-5/learn-how"] .content-area .parent .div2 {
  grid-area: 1/2/2/3;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div3, [data-page="portrait-2/learn-how"] .content-area .parent .div3, [data-page="portrait-3/learn-how"] .content-area .parent .div3, [data-page="portrait-4/learn-how"] .content-area .parent .div3, [data-page="portrait-5/learn-how"] .content-area .parent .div3 {
  grid-area: 1/3/2/4;
  margin-left: 0.104vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div4, [data-page="portrait-2/learn-how"] .content-area .parent .div4, [data-page="portrait-3/learn-how"] .content-area .parent .div4, [data-page="portrait-4/learn-how"] .content-area .parent .div4, [data-page="portrait-5/learn-how"] .content-area .parent .div4 {
  grid-area: 2/1/3/4;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div5, [data-page="portrait-2/learn-how"] .content-area .parent .div5, [data-page="portrait-3/learn-how"] .content-area .parent .div5, [data-page="portrait-4/learn-how"] .content-area .parent .div5, [data-page="portrait-5/learn-how"] .content-area .parent .div5 {
  grid-area: 3/1/4/2;
  background-clip: content-box;
  border-right: 0.026vh solid #707070;
  -o-border-image: linear-gradient(to bottom, #707070 85%, rgba(112, 112, 112, 0) 5%);
     border-image: linear-gradient(to bottom, #707070 85%, rgba(112, 112, 112, 0) 5%);
  border-image-slice: 1;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div6, [data-page="portrait-2/learn-how"] .content-area .parent .div6, [data-page="portrait-3/learn-how"] .content-area .parent .div6, [data-page="portrait-4/learn-how"] .content-area .parent .div6, [data-page="portrait-5/learn-how"] .content-area .parent .div6 {
  grid-area: 3/2/4/3;
  background-clip: content-box;
  border-right: 0.026vh solid #707070;
  -o-border-image: linear-gradient(to bottom, #707070 85%, rgba(112, 112, 112, 0) 5%);
     border-image: linear-gradient(to bottom, #707070 85%, rgba(112, 112, 112, 0) 5%);
  border-image-slice: 1;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div7, [data-page="portrait-2/learn-how"] .content-area .parent .div7, [data-page="portrait-3/learn-how"] .content-area .parent .div7, [data-page="portrait-4/learn-how"] .content-area .parent .div7, [data-page="portrait-5/learn-how"] .content-area .parent .div7 {
  grid-area: 3/3/4/4;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div8, [data-page="portrait-2/learn-how"] .content-area .parent .div8, [data-page="portrait-3/learn-how"] .content-area .parent .div8, [data-page="portrait-4/learn-how"] .content-area .parent .div8, [data-page="portrait-5/learn-how"] .content-area .parent .div8 {
  grid-area: 4/1/5/4;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: -9vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div8 .callout, [data-page="portrait-2/learn-how"] .content-area .parent .div8 .callout, [data-page="portrait-3/learn-how"] .content-area .parent .div8 .callout, [data-page="portrait-4/learn-how"] .content-area .parent .div8 .callout, [data-page="portrait-5/learn-how"] .content-area .parent .div8 .callout {
  display: flex;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div8 .callout img, [data-page="portrait-2/learn-how"] .content-area .parent .div8 .callout img, [data-page="portrait-3/learn-how"] .content-area .parent .div8 .callout img, [data-page="portrait-4/learn-how"] .content-area .parent .div8 .callout img, [data-page="portrait-5/learn-how"] .content-area .parent .div8 .callout img {
  width: 4.511vh;
  height: 11.094vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div8 .callout .text, [data-page="portrait-2/learn-how"] .content-area .parent .div8 .callout .text, [data-page="portrait-3/learn-how"] .content-area .parent .div8 .callout .text, [data-page="portrait-4/learn-how"] .content-area .parent .div8 .callout .text, [data-page="portrait-5/learn-how"] .content-area .parent .div8 .callout .text {
  background-color: #182958;
  border-radius: 0 1.302vh 1.302vh 0;
  height: 5.817vh;
  display: flex;
  align-items: center;
  padding: 1vh 2vh 1vh 1.1vh;
  margin-top: 4.5vh;
  margin-left: -0.1vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div1, [data-page="portrait-1/learn-how"] .content-area .parent .div2, [data-page="portrait-1/learn-how"] .content-area .parent .div3, [data-page="portrait-2/learn-how"] .content-area .parent .div1, [data-page="portrait-2/learn-how"] .content-area .parent .div2, [data-page="portrait-2/learn-how"] .content-area .parent .div3, [data-page="portrait-3/learn-how"] .content-area .parent .div1, [data-page="portrait-3/learn-how"] .content-area .parent .div2, [data-page="portrait-3/learn-how"] .content-area .parent .div3, [data-page="portrait-4/learn-how"] .content-area .parent .div1, [data-page="portrait-4/learn-how"] .content-area .parent .div2, [data-page="portrait-4/learn-how"] .content-area .parent .div3, [data-page="portrait-5/learn-how"] .content-area .parent .div1, [data-page="portrait-5/learn-how"] .content-area .parent .div2, [data-page="portrait-5/learn-how"] .content-area .parent .div3 {
  background-color: #182958;
  border-radius: 2.604vh 2.604vh 0 0;
  height: 5.365vh;
  justify-content: center;
  align-items: center;
  display: flex;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div1 h3, [data-page="portrait-1/learn-how"] .content-area .parent .div2 h3, [data-page="portrait-1/learn-how"] .content-area .parent .div3 h3, [data-page="portrait-2/learn-how"] .content-area .parent .div1 h3, [data-page="portrait-2/learn-how"] .content-area .parent .div2 h3, [data-page="portrait-2/learn-how"] .content-area .parent .div3 h3, [data-page="portrait-3/learn-how"] .content-area .parent .div1 h3, [data-page="portrait-3/learn-how"] .content-area .parent .div2 h3, [data-page="portrait-3/learn-how"] .content-area .parent .div3 h3, [data-page="portrait-4/learn-how"] .content-area .parent .div1 h3, [data-page="portrait-4/learn-how"] .content-area .parent .div2 h3, [data-page="portrait-4/learn-how"] .content-area .parent .div3 h3, [data-page="portrait-5/learn-how"] .content-area .parent .div1 h3, [data-page="portrait-5/learn-how"] .content-area .parent .div2 h3, [data-page="portrait-5/learn-how"] .content-area .parent .div3 h3 {
  text-transform: uppercase;
  font-weight: 900;
  display: inline-flex;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div1 h3 span, [data-page="portrait-1/learn-how"] .content-area .parent .div2 h3 span, [data-page="portrait-1/learn-how"] .content-area .parent .div3 h3 span, [data-page="portrait-2/learn-how"] .content-area .parent .div1 h3 span, [data-page="portrait-2/learn-how"] .content-area .parent .div2 h3 span, [data-page="portrait-2/learn-how"] .content-area .parent .div3 h3 span, [data-page="portrait-3/learn-how"] .content-area .parent .div1 h3 span, [data-page="portrait-3/learn-how"] .content-area .parent .div2 h3 span, [data-page="portrait-3/learn-how"] .content-area .parent .div3 h3 span, [data-page="portrait-4/learn-how"] .content-area .parent .div1 h3 span, [data-page="portrait-4/learn-how"] .content-area .parent .div2 h3 span, [data-page="portrait-4/learn-how"] .content-area .parent .div3 h3 span, [data-page="portrait-5/learn-how"] .content-area .parent .div1 h3 span, [data-page="portrait-5/learn-how"] .content-area .parent .div2 h3 span, [data-page="portrait-5/learn-how"] .content-area .parent .div3 h3 span {
  font-weight: 600;
  display: inline-flex;
  line-height: 1.45vh;
  margin-top: 0.6vh;
  margin-left: 0.2vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div4, [data-page="portrait-2/learn-how"] .content-area .parent .div4, [data-page="portrait-3/learn-how"] .content-area .parent .div4, [data-page="portrait-4/learn-how"] .content-area .parent .div4, [data-page="portrait-5/learn-how"] .content-area .parent .div4 {
  height: 9.974vh;
  background: rgb(0, 168, 229);
  background: linear-gradient(90deg, rgb(0, 168, 229) 0%, rgb(28, 38, 81) 25%, rgb(54, 68, 142) 50%, rgb(96, 57, 128) 75%, rgb(236, 66, 28) 100%);
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
  padding: 1vh;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div4 h2, [data-page="portrait-2/learn-how"] .content-area .parent .div4 h2, [data-page="portrait-3/learn-how"] .content-area .parent .div4 h2, [data-page="portrait-4/learn-how"] .content-area .parent .div4 h2, [data-page="portrait-5/learn-how"] .content-area .parent .div4 h2 {
  text-transform: none;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div4 .quotes, [data-page="portrait-2/learn-how"] .content-area .parent .div4 .quotes, [data-page="portrait-3/learn-how"] .content-area .parent .div4 .quotes, [data-page="portrait-4/learn-how"] .content-area .parent .div4 .quotes, [data-page="portrait-5/learn-how"] .content-area .parent .div4 .quotes {
  width: 10.299vh;
  height: 7.098vh;
  position: fixed;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div5, [data-page="portrait-1/learn-how"] .content-area .parent .div6, [data-page="portrait-1/learn-how"] .content-area .parent .div7, [data-page="portrait-2/learn-how"] .content-area .parent .div5, [data-page="portrait-2/learn-how"] .content-area .parent .div6, [data-page="portrait-2/learn-how"] .content-area .parent .div7, [data-page="portrait-3/learn-how"] .content-area .parent .div5, [data-page="portrait-3/learn-how"] .content-area .parent .div6, [data-page="portrait-3/learn-how"] .content-area .parent .div7, [data-page="portrait-4/learn-how"] .content-area .parent .div5, [data-page="portrait-4/learn-how"] .content-area .parent .div6, [data-page="portrait-4/learn-how"] .content-area .parent .div7, [data-page="portrait-5/learn-how"] .content-area .parent .div5, [data-page="portrait-5/learn-how"] .content-area .parent .div6, [data-page="portrait-5/learn-how"] .content-area .parent .div7 {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  height: 39.089vh;
  text-align: center;
}
[data-page="portrait-1/learn-how"] .content-area .parent .div5 sup, [data-page="portrait-1/learn-how"] .content-area .parent .div6 sup, [data-page="portrait-1/learn-how"] .content-area .parent .div7 sup, [data-page="portrait-2/learn-how"] .content-area .parent .div5 sup, [data-page="portrait-2/learn-how"] .content-area .parent .div6 sup, [data-page="portrait-2/learn-how"] .content-area .parent .div7 sup, [data-page="portrait-3/learn-how"] .content-area .parent .div5 sup, [data-page="portrait-3/learn-how"] .content-area .parent .div6 sup, [data-page="portrait-3/learn-how"] .content-area .parent .div7 sup, [data-page="portrait-4/learn-how"] .content-area .parent .div5 sup, [data-page="portrait-4/learn-how"] .content-area .parent .div6 sup, [data-page="portrait-4/learn-how"] .content-area .parent .div7 sup, [data-page="portrait-5/learn-how"] .content-area .parent .div5 sup, [data-page="portrait-5/learn-how"] .content-area .parent .div6 sup, [data-page="portrait-5/learn-how"] .content-area .parent .div7 sup {
  margin-left: -0.2vh;
}
[data-page="portrait-1/learn-how"] .next, [data-page="portrait-2/learn-how"] .next, [data-page="portrait-3/learn-how"] .next, [data-page="portrait-4/learn-how"] .next, [data-page="portrait-5/learn-how"] .next {
  visibility: hidden;
}

.patient-response {
  padding: 5.911vh 1.823vh;
  text-align: center;
}
.patient-response h1 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
}
.patient-response .outer {
  width: 45.13vh;
  height: 43.203vh;
  margin-top: 5vh;
}
.patient-response .explore-btn {
  position: relative;
  top: -33vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.patient-response .explore-btn .before {
  display: block;
  width: 27.292vh;
  height: 27.292vh;
}
.patient-response .explore-btn .before.hidden {
  display: none;
}
.patient-response .explore-btn .after {
  display: none;
  width: 27.292vh;
  height: 27.292vh;
}
.patient-response .explore-btn .after.active {
  display: block;
}
.patient-response .explore-btn .text {
  font-weight: bold;
  position: absolute;
  text-align: center;
}
.patient-response .explore-btn .text.option1 {
  font-size: 2.865vh;
}
.patient-response .explore-btn .text.option2 {
  font-size: 2.344vh;
}
.patient-response .explore-btn .text.option3, .patient-response .explore-btn .text.option4 {
  font-size: 2.188vh;
}
.patient-response .explore-btn .text.option5 {
  font-size: 2.083vh;
}
.patient-response .arrow {
  position: relative;
  display: none;
  width: 1.736vh;
  height: 1.857vh;
}
.patient-response .arrow.option1 {
  display: block;
  top: -78.811vh;
  left: 11.083vh;
}
.patient-response .arrow.option2 {
  display: block;
  top: -93.811vh;
  left: 11.083vh;
  transform: rotate(81deg);
}
.patient-response .arrow.option3 {
  display: block;
  top: -102.3vh;
  left: 25.5vh;
  transform: rotate(130deg);
}
.patient-response .arrow.option4 {
  display: block;
  top: -93.711vh;
  left: 39.3vh;
  transform: rotate(182deg);
}
.patient-response .arrow.option5 {
  display: block;
  top: -78.811vh;
  left: 38.8vh;
  transform: rotate(257deg);
}
.patient-response .explore {
  position: relative;
  top: -73vh;
  left: 20.3vh;
  display: none;
  width: 11.924vh;
  height: 8.246vh;
  animation: MoveUpDown 1s linear infinite;
}
.patient-response .explore.active {
  display: block;
}
@keyframes MoveUpDown {
  0%, 100% {
    top: -73.5vh;
  }
  50% {
    top: -73vh;
  }
}
.patient-response .select {
  position: relative;
  width: 7.813vh;
  height: 7.813vh;
}
.patient-response .select.option1 {
  left: 4.8vh;
  top: -39vh;
}
.patient-response .select.option2 {
  left: 4.8vh;
  top: -68vh;
}
.patient-response .select.option3 {
  top: -86vh;
  left: 23vh;
}
.patient-response .select.option4 {
  left: 40.5vh;
  top: -83.5vh;
}
.patient-response .select.option5 {
  left: 40vh;
  top: -71vh;
}
.patient-response .eua {
  text-align: left;
}
.patient-response .eua li {
  font-weight: 400;
}
.patient-response .eua .continue {
  float: right;
}
.patient-response .eua .continue img {
  width: 2.708vh;
  height: 2.552vh;
}

.portrait-1 .parent {
  grid-template-columns: 21.623vh 32.526vh !important;
}
.portrait-1 .div1 {
  width: 21.623vh !important;
}
.portrait-1 .div1 .portrait {
  width: 21.623vh !important;
  height: 32.422vh !important;
}
.portrait-1 .div2 {
  height: 9.391vh !important;
  width: 32.526vh !important;
}
.portrait-1 .div2 .quotes {
  width: 11.932vh !important;
  height: 9.391vh !important;
}
.portrait-1 .div2 p {
  width: 32.526vh !important;
}
.portrait-1 .div3 {
  height: 23.047vh !important;
}
.portrait-1 .div3 .info-box {
  height: 23.047vh !important;
}
.portrait-1 .bottom .warning ul li {
  width: 94% !important;
}

.aim-1 .info-box {
  padding-top: 2vh !important;
}

.portrait-2 .parent {
  padding-top: 2vh !important;
  grid-template-columns: 24.406vh 29.669vh !important;
}
.portrait-2 .div1 {
  width: 24.406vh !important;
}
.portrait-2 .div1 .portrait {
  width: 24.406vh !important;
  height: 36.615vh !important;
}
.portrait-2 .div2 {
  height: 15.26vh !important;
  width: 29.669vh !important;
}
.portrait-2 .div2 .quotes {
  width: 19.412vh !important;
  height: 13.378vh !important;
}
.portrait-2 .div2 p {
  width: 29.669vh !important;
}
.portrait-2 .div3 {
  height: 21.354vh !important;
}
.portrait-2 .div3 .info-box {
  height: 21.354vh !important;
  padding: 1.263vh 2.82vh 1.263vh 2.82vh !important;
}
.portrait-2 .bottom .warning ul {
  padding-left: 2vh;
}
.portrait-2 .bottom .warning ul li {
  width: 94% !important;
}

.aim-2 .div2 {
  height: 17.909vh !important;
}
.aim-2 .div3 {
  height: 16.094vh !important;
}
.aim-2 .div3 .info-box {
  height: 16.094vh !important;
}

.portrait-3 .info-box {
  padding: 1vh 1.82vh 1.263vh 2.82vh !important;
}

.portrait-4 .div2 {
  height: 15.042vh !important;
}
.portrait-4 .div2 .quotes {
  width: 15.817vh !important;
  height: 10.901vh !important;
}
.portrait-4 .div3 {
  height: 21.953vh !important;
}
.portrait-4 .div3 .info-box {
  height: 21.953vh !important;
}
.portrait-4 .bottom .warning ul {
  padding-left: 1.5vh !important;
}
.portrait-4 .bottom .warning ul li {
  width: 98% !important;
}

.aim-4 .div2 {
  height: 17.891vh !important;
}
.aim-4 .div3 {
  height: 16.094vh !important;
}
.aim-4 .div3 .info-box {
  height: 16.094vh !important;
  padding-top: 2vh !important;
}

.portrait-5 .parent {
  padding-top: 2vh !important;
  grid-template-columns: 24.406vh 29.669vh !important;
}
.portrait-5 .div1 {
  width: 24.406vh !important;
}
.portrait-5 .div1 .portrait {
  width: 24.406vh !important;
  height: 36.615vh !important;
}
.portrait-5 .div2 {
  height: 15.26vh !important;
}
.portrait-5 .div2 .quotes {
  width: 19.412vh !important;
  height: 13.378vh !important;
}
.portrait-5 .div3 {
  height: 21.354vh !important;
}
.portrait-5 .div3 .info-box {
  height: 21.354vh !important;
  padding: 5.263vh 2.82vh 1.263vh 2.82vh !important;
}
.portrait-5 .bottom .warning ul li {
  width: 94% !important;
}

.why-choose-novavax-5 .intro-text {
  padding: 0 1.8vh;
}
.why-choose-novavax-5 .info-box img {
  width: 50.687vh;
  height: 23.492vh;
}

.safety-profile-5 .info-box {
  margin-bottom: 0.5vh;
  padding: 1vh !important;
}
.safety-profile-5 .info-box p {
  padding: 0 1.4vh 0 1.4vh;
}
.safety-profile-5 .info-box .tg .tg-left {
  width: 40% !important;
}
.safety-profile-5 .info-box .tg .tg-right {
  width: 15% !important;
}
.safety-profile-5 .content-area {
  padding: 1.5vh 2.083vh 2.083vh 2.083vh !important;
}

.aim-5 .div2 {
  height: 17.891vh !important;
}
.aim-5 .div3 {
  height: 16.094vh !important;
}
.aim-5 .div3 .info-box {
  height: 16.094vh !important;
  padding-top: 2vh !important;
}

.learn-how-5 .div4 {
  padding: 0 !important;
}

@media (max-width: 767px) {
  .overlay {
    background-color: #182958;
    z-index: 7;
    opacity: 1;
    visibility: visible;
  }
  .overlay::after {
    content: "This experience is best viewed on a desktop";
    color: #ffffff;
    font-size: 2vh;
    width: 50%;
    top: 60px;
    left: 60px;
    position: absolute;
  }
}