:root {
  --abbvie-blue: #071d49;
  --abbvie-medium-blue: #a6b5e0;
  --secondary-blue: #00a1ff;
  --faded-white: #ffffffbf;
  --abbvie-light-blue: #edf0ff;
  --global-light-green: #45ab00;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--abbvie-blue);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  border-color: var(--abbvie-medium-blue);
  text-decoration: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

.hero-heading-home {
  padding: 150px 100px 30px;
  position: relative;
  overflow: hidden;
}

.hero-container-home {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-home {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-home {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 45%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.margin-bottom-24px.home-title-text {
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 36px;
}

.margin-bottom-24px.page-title-text {
  font-family: Roboto, sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 50px;
}

.margin-bottom-24px.page-title-text.mobile-only {
  display: none;
}

.hero-image {
  align-self: flex-end;
  margin-top: -70px;
  margin-right: 0;
  position: relative;
  right: auto;
}

.nav-link {
  color: #071d49;
  text-align: center;
  margin: 8px -30px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  text-align: center;
  text-underline-offset: 5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--secondary-blue);
  text-decoration-color: var(--secondary-blue);
  margin-left: -30px;
  margin-right: -30px;
  font-weight: 700;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.current {
  text-underline-offset: 5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--secondary-blue);
  text-decoration-color: var(--secondary-blue);
  font-weight: 700;
  text-decoration-thickness: 2px;
}

.title-subtext-home {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}

.title-logo {
  margin-bottom: 36px;
}

.home-block {
  color: var(--abbvie-blue);
  background-color: #f7f8fc;
  border-radius: 25px;
  flex-flow: column;
  justify-content: space-between;
  min-height: auto;
  padding-bottom: 20px;
  display: flex;
  position: static;
}

.home-block-image {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}

.home-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.home-block-title {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.home-block-text {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
}

.home-block-text.top {
  padding-top: 25px;
}

.arrow-embed {
  margin-left: 2px;
  padding-right: 8px;
  display: flex;
}

.four-column {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px 100px 0;
  display: flex;
}

.footnote {
  opacity: .7;
  align-self: flex-start;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.footnote.mobile {
  display: none;
}

.footnoteCase {
	opacity: .7;
  align-self: flex-start;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.footnoteCase.mobile {
	opacity: .7;
  align-self: flex-start;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.footer {
  background-color: #a6b5e01a;
  justify-content: center;
  align-items: center;
  padding: 30px 100px;
  display: flex;
}

.reference-item {
  padding-bottom: 4px;
  padding-right: 20px;
  font-size: 11px;
  line-height: 14px;
  list-style-type: decimal;
}

.list {
  padding-left: 13px;
  font-size: 12px;
  line-height: 14px;
}

.references {
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
}

.ol-column-2 {
  padding-left: 28px;
}

.footer-text {
  padding-bottom: 8px;
  font-size: 11px;
  line-height: 14px;
}

.footer-link {
  color: var(--abbvie-blue) !important;
  padding-bottom: 4px !important;
  font-weight: 700 !important;
  display: block !important;
}

.ot-sdk-show-settings {
  color: var(--abbvie-blue) !important;
  padding: 4px 0px 8px 0px !important;
  font-weight: 700 !important;
  display: block !important;
  background-color: transparent !important;
  font-size: 14px !important;
  line-height: 14px !important;
}

.column-5 {
  padding-left: 0;
  padding-right: 76px;
}

.abbvie-logo {
  width: 100px;
  max-width: 20%;
  padding-top: 15px;
}

.column-6 {
  padding-right: 0;
}

.column-7 {
  padding-left: 0;
}

.column-8 {
  padding-left: 0;
  padding-right: 0;
}

.text-block {
  max-width: 1140px;
  padding-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
}

.learn-more-button {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #0000;
  border: 1px solid #071d49;
  border-radius: 100px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  padding: 4px 10px 4px 12px;
  display: flex;
}

.learn-more-button:hover {
  color: #fff;
  background-color: #071d49;
}

.learn-more-link {
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.learn-more-link.additional {
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 0;
}

.learn-more-link.additional.w--current {
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-left: 0;
}

.learn-more-text {
  padding-left: 0;
  padding-right: 5px;
  font-size: 16px;
  text-decoration: none;
}

.text-span, .text-span-2, .text-span-3 {
  color: #00a1ff;
}

.footnotes {
  align-self: center;
  width: 100%;
  max-width: 100%;
}

.ref-block {
  flex: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.columns-2 {
  max-width: 100%;
  padding-bottom: 8%;
}

.columns-2.home {
  max-width: 100%;
  padding-bottom: 0%;
}

.title-subtext-page {
  color: var(--abbvie-blue);
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
}

.hero-heading-page {
  justify-content: center;
  align-items: flex-start;
  padding-top: 130px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  overflow: hidden;
}

.hero-container-page {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
  position: relative;
}

.hero-wrapper-page {
  justify-content: space-between;
  align-items: flex-start;
  width: 55%;
  display: flex;
}

.hero-split-image {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  display: flex;
}

.hero-split-text-page {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-span-4, .text-span-5, .text-span-6, .text-span-7, .text-span-8, .text-span-9, .text-span-10, .text-span-11, .text-span-12, .text-span-13 {
  color: var(--secondary-blue);
}

.body-content-narrow {
  padding-top: 30px;
  padding-left: 100px;
  padding-right: 100px;
}

.body-content-narrow-container {
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: block;
}

.body-content-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.case-subtitle {
  color: var(--secondary-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.case-subtitle.wsi {
  padding-top: 10px;
  font-size: 16px;
}

.case-subtitle.mobile {
  font-size: 14px;
}

.column-9 {
  padding-right: 70px;
}

.prevalence-box {
  background-color: #a6b5e01a;
  border-radius: 20px;
  align-self: stretch;
  height: 100%;
  padding: 15px;
}

.text-block-3 {
  color: var(--secondary-blue);
  padding-bottom: 5px;
  font-size: 38px;
  font-weight: 700;
  line-height: 38px;
}

.dataicon {
  width: 60px;
  padding-bottom: 8px;
}

.dataicon.clock {
  width: 55px;
}

.prevalence-columns {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.column-10 {
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.prevalence-text {
  padding-right: 5px;
  font-size: 16px;
  line-height: 22px;
}

.column-11 {
  justify-content: flex-end;
  align-self: stretch;
  align-items: stretch;
  padding-left: 10px;
  display: flex;
}

.divider {
  border-top: 1px solid var(--abbvie-medium-blue);
  max-height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider.small {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}

.divider.pop-up {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.footnote-tight {
  opacity: .7;
  align-self: flex-start;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 14px;
}

.footnote-tight.second {
  padding-top: 5px;
}

.footnote-tight.mobile {
  display: none;
}

.footnote-tight.right {
  margin-left: 52%;
  padding-left: 0%;
}

.image-2 {
  padding-top: 30px;
  padding-bottom: 15px;
}

.text-block-5 {
  padding-top: 30px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.text-block-6 {
  padding-top: 10px;
  font-size: 16px;
  line-height: 22px;
}

.text-block-7 {
  padding-top: 30px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.resources {
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
}

.resources-container {
  background-color: #a6b5e01a;
  border-radius: 13px;
  max-width: 100%;
  padding: 20px;
}

.text-block-8 {
  font-size: 16px;
  font-weight: 700;
}

.text-block-9 {
  opacity: .5;
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  line-height: 14px;
}

.text-block-9.hero {
  text-align: left;
  padding-bottom: 20px;
  line-height: 16px;
}

.text-block-9.hero.mobile {
  display: none;
}

.columns-4 {
  justify-content: center;
  align-items: flex-end;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.column-12 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-13 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tab-text {
  font-size: 16px;
  font-weight: 700;
}

.tab-pane-tab-1 {
  padding-top: 15px;
  padding-bottom: 0;
}

.tab-bullet {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.list-2 {
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 20px;
}

.text-block-10 {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
}

.gallery {
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: stretch center;
  padding-top: 30px;
}

.tabs-menu {
  border-bottom: 1px solid var(--abbvie-medium-blue);
  display: flex;
}

.tabs {
  padding-top: 50px;
}

.tab-box {
  opacity: .4;
  text-transform: uppercase;
  background-color: #0000;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0;
}

.tab-box.w--current {
  border-bottom: 2px solid var(--secondary-blue);
  opacity: 1;
  color: var(--secondary-blue);
  text-transform: uppercase;
  background-color: #0000;
  margin-bottom: -1px;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0;
}

.tab-pane-tab-2 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.grid-home {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 100%;
}

.top-logo {
  width: 110px;
}

.top-logo.homepage {
  display: none;
}

.text-span-16, .text-span-17 {
  color: var(--secondary-blue);
}

.quiz {
  padding-top: 30px;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.quiz-container {
  background-color: #f6f7fb;
  border-radius: 20px;
  max-width: 100%;
  padding: 22px;
}

.quiz-container.completed {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.check-answer {
  color: #071d4940;
  text-align: center;
  background-color: #071d490d;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  font-weight: 700;
  display: block;
}

.check-answer.selected {
  background-color: var(--secondary-blue);
  color: #fff;
  display: block;
}

.check-answer-block {
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  padding-top: 30px;
  display: block;
}

.text-span-18, .text-span-19, .text-span-20, .text-span-21, .text-span-22, .text-span-23, .text-span-24 {
  color: var(--secondary-blue);
}

.grid {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr .25fr .75fr .35fr .5fr .5fr;
  align-items: center;
}

.grid.navigation {
  grid-template-columns: .75fr .25fr .25fr .75fr .35fr .5fr .5fr;
  align-items: center;
}

.navbar {
  z-index: 1;
  background-color: #0000;
  background-image: linear-gradient(#fff 64%, #ffffffbf 83%, #0000);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  position: fixed;
}

.div-block-4 {
  width: 100%;
  max-width: 1140px;
  padding: 20px 0 30px;
}

.shape {
  display: block;
  position: relative;
}

.shape.right {
  z-index: -1;
  max-width: 23%;
  inset: 38% 0% 0% auto;
}

.shape.right.page2 {
  max-width: 40%;
  max-height: 80%;
  top: 13%;
}

.shape.right.page3 {
  max-width: 40%;
  max-height: 55%;
  top: 10%;
}

.shape.right.page5 {
  max-width: 45%;
  max-height: 60%;
  top: 16%;
}

.shape.right.page4 {
  max-width: 35%;
  max-height: 45%;
  top: 13%;
}

.shape.no-logo {
  z-index: 1;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.shape.case {
  max-width: 145%;
}

.logoshape {
  width: 100%;
  height: 40%;
}

.body-text {
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 100px;
  padding-right: 100px;
  display: block;
}

.answer-key-text {
  display: none;
}

.answer-key-text.show {
  display: block;
}

.answer-correct {
  color: #45ab00;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: none;
}

.answer-correct.show {
  display: block;
}

.text-block-12 {
  opacity: .5;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.answer-key {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.content {
  z-index: 0;
  flex: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.question_wrap {
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.option_circle {
  border: 2px solid var(--abbvie-medium-blue);
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.option_circle.is--correct {
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
}

.option_icon {
  width: .68em;
  display: none;
}

.question_item {
  flex-flow: row;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.question_options {
  grid-column-gap: 1.04em;
  grid-row-gap: 1.04em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 15px;
  display: grid;
}

.question_options.block {
  pointer-events: none;
}

.option2 {
  border: 1px solid var(--abbvie-medium-blue);
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px 8px 25px;
  display: flex;
}

.option2.is--correct {
  border-color: var(--secondary-blue);
  background-color: #00a1ff1a;
}

.option2.is--selected {
  border-color: var(--secondary-blue);
}

.option2.block {
  pointer-events: none;
}

.option_text2 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.option_embed2 {
  width: 0;
  height: 0;
  display: block;
}

.heading {
  margin-top: 0;
}

.assessmentimage {
  max-width: 32%;
}

.question-container {
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  padding-left: 15px;
  display: flex;
}

.actual-percentage {
  font-weight: 700;
  line-height: 18px;
}

.tc.wsi {
  font-size: 18px;
}

.answer-incorrect {
  color: #c51616;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: none;
}

.answer-incorrect.show {
  display: block;
}

.file-button {
  border: 1px solid var(--abbvie-light-blue);
  background-color: #fff;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 22px 5px 18px;
  display: flex;
}

.file-button.second {
  margin-top: 10px;
}

.file-icon {
  width: 35px;
  position: relative;
  top: -2px;
}

.file-text {
  color: var(--abbvie-blue);
  padding-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.full-resource-button {
  background-color: var(--abbvie-blue);
  color: #fff;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px 5px 12px;
  display: flex;
}

.full-resource-button:hover {
  color: var(--abbvie-blue);
  background-color: #fff;
}

.library-text {
  padding-left: 0;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.arrow-out-white {
  width: 20px;
  display: none;
}

.arrow-out-white.resource {
  display: block;
}

.grid-container {
  background-color: #edf0ff40;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.protein-table {
  background-color: #edf0ff40;
  border-radius: 20px;
  padding: 25px;
}

.table-bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.table-blue-title {
  color: var(--secondary-blue);
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.table-green-title {
  color: var(--global-light-green);
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.protein-table-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid var(--abbvie-blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding: 30px 0;
}

.protein-table-row.middle {
  border-bottom-color: var(--abbvie-medium-blue);
}

.protein-table-row.last {
  border-bottom-width: 0;
}

.text-span-25 {
  color: var(--abbvie-blue);
  font-weight: 400;
}

.superscript {
  font-size: 15px;
}

.superscript.large {
  top: -13px;
}

.text-block-13 {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.table-bolded {
  color: var(--secondary-blue);
  font-size: 18px;
  font-weight: 700;
}

.table-bolded.green {
  color: var(--global-light-green);
}

.learn-more-link-copy {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.additional-link {
  padding-top: 5px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.additional-button {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #0000;
  border: 1px solid #071d49;
  border-radius: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 18px;
  display: flex;
}

.additional-button:hover {
  color: #fff;
  background-color: #071d49;
}

.superscript-lower {
  top: -4.5px;
}

.div-block-5 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.logoshape-container {
  z-index: auto;
  width: 100%;
  max-width: 100%;
  height: 50%;
  max-height: 50%;
  display: none;
  position: fixed;
  inset: 0% auto auto -50%;
}

.pagination {
  padding-top: 20px;
}

.previous {
  display: none;
}

.skip-next-case {
  color: var(--abbvie-blue);
  text-align: right;
  background-color: #0000;
  border-width: 0;
  align-self: flex-end;
  align-items: center;
  width: 150px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  font-weight: 400;
  display: block;
}

.skip-next-case:hover {
  color: var(--secondary-blue);
}

.skip-next-case.hide {
  display: none;
}

.arrow-out-blue {
  width: 20px;
}

.arrow-out-blue.resource, .previous-2 {
  display: none;
}

.complete-assessment {
  background-color: var(--secondary-blue);
  color: #fff;
  text-align: center;
  border: 0 #071d49;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: 700;
  display: none;
}

.complete-assessment:hover {
  color: #fff;
  background-color: #071d49;
}

.link-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.complete-assessment-block {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: none;
}

.text-block-14 {
  text-align: center;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
	z-index: 0;
}

.quiz-completed {
  padding-top: 30px;
  padding-left: 100px;
  padding-right: 100px;
  display: none;
}

.restart-assessment {
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.restart-assessment.w--current {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.case-container {
  width: 90%;
}

.case-image-container {
  width: 100%;
  position: relative;
}

.case-image {
  width: 100%;
}

.link-icon {
  padding-left: 5px;
}

.wsi-button {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #fff;
  border: 1px solid #071d49;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  display: flex;
  position: absolute;
  inset: 5% 5% auto auto;
margin: 0px 0px 0px 10px;
}

.wsi-button:hover {
  color: #fff;
  background-color: #071d49;
}

.text-block-15 {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-block-15.assessment {
  letter-spacing: -.3px;
  font-size: 16px;
  line-height: 20px;
}

.link-icon-white {
  padding-left: 5px;
  display: none;
}

.text-block-16 {
  padding-top: 2px;
  font-size: 20px;
  font-weight: 700;
}

.text-block-17 {
  opacity: .5;
  padding-top: 15px;
  font-weight: 700;
}

.text-block-17.sub {
  opacity: 100;
  padding-top: 3px;
  font-size: 16px;
  font-weight: 400;
}

.tc-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 5px;
  display: grid;
}

.text-block-19 {
  padding-top: 30px;
  font-size: 16px;
  font-weight: 400;
}

.navbar-2 {
  width: 100%;
  max-width: 100%;
  padding-left: 75px;
  padding-right: 75px;
  position: fixed;
}

.container {
  width: 100%;
  max-width: 1140px;
}

.nav-logo {
  max-width: 110px;
}

.nav__menu {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.nav__link-text:hover {
  font-weight: 700;
}

.nav__icon-line {
  background-color: #eeedf2;
  width: 100%;
  height: .2em;
  margin-top: .5em;
  margin-bottom: .5em;
}

.nav__icon {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 6.5em;
  margin-left: 4.9em;
  display: flex;
}

.section {
  z-index: 3;
  width: 100%;
  position: relative;
}

.section.is--nav {
  z-index: 2000;
  padding-left: 75px;
  padding-right: 75px;
  position: static;
  inset: 0% 0% auto;
}

.nav__link {
  color: var(--abbvie-blue);
  justify-content: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.fill {
  background-color: #5c31ff;
  width: 0%;
  height: 100%;
}

.nav__line {
  background-color: #5c31ff;
  width: 0;
  height: .2em;
  margin-bottom: 3.3em;
  transition: all .2s;
  position: absolute;
  inset: auto auto 0% 0%;
}

.fra-logo-img {
  width: 140px;
  padding-top: 5px;
  position: relative;
}

.mav__right {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.nav__logo-link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-2 {
  width: 1440px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5em;
}

.container-2.is--nav {
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  max-width: 1140px;
  height: 9em;
  padding: 0 0;
  display: flex;
}

.navbar-3 {
  width: 100%;
  max-width: 100%;
  padding-left: 75px;
  padding-right: 75px;
}

.navbar-container {
  max-width: 100%;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 50px;
}

.navlink {
  padding-left: 16px;
  padding-right: 10px;
}

.navlink:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--secondary-blue);
  text-decoration-color: var(--secondary-blue);
  text-underline-position: under;
  font-weight: 700;
  text-decoration-thickness: 2px;
}

.navlink.w--current {
  color: var(--abbvie-blue);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--secondary-blue);
  text-decoration-color: var(--secondary-blue);
  text-underline-position: under;
  font-weight: 700;
  text-decoration-thickness: 2px;
}

.navlink.resource {
  padding-right: 0;
}

.nav-menu {
  z-index: 3;
}

.logo.home.w--current {
  display: none;
}

.fra-logo {
  padding-left: 0;
}

.fra-logo.w--current {
  z-index: 2;
  padding-top: 0;
}

.logo-blob {
  z-index: -2;
  max-width: 500px;
  max-height: 230px;
  margin-top: -25px;
  position: absolute;
  inset: 0% auto auto -310px;
  overflow: visible;
}

.pill-title {
  background-color: var(--abbvie-light-blue);
  border-radius: 50px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.text-block-20 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.arrow-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
}

.color-pill {
  background-color: var(--global-light-green);
  border-radius: 50px;
  width: 50%;
}

.color-pill.orange {
  background-color: #f7634f;
}

.color-pill.blue {
  background-color: var(--secondary-blue);
}

.color-pill.purple {
  background-color: #a86bde;
}

.color-pill.dark-blue {
  background-color: var(--abbvie-blue);
}

.pill-text {
  color: #fff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
}

.below-pill-text {
  color: var(--global-light-green);
  text-align: center;
  width: 80%;
  font-size: 18px;
  font-weight: 400;
}

.below-pill-text.orange {
  color: #f7634f;
}

.below-pill-text.blue {
  color: var(--secondary-blue);
}

.below-pill-text.purple {
  color: #a86bde;
  width: 80%;
}

.below-pill-text.dark-blue {
  color: var(--abbvie-blue);
}

.biomarkers {
  margin-bottom: 15px;
}

.biomarkers-box {
  background-color: #a6b5e01a;
  border-radius: 20px;
  margin-top: 30px;
  padding: 15px;
}

.biomarkers-grid {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
}

.biomarkers-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-21 {
  text-align: center;
  padding-top: 10px;
  font-size: 16px;
  font-weight: 700;
}

.text-block-22 {
  padding-bottom: 5px;
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
}

.text-block-23 {
  text-align: center;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.hero-block {
  justify-content: flex-end;
  align-items: center;
  width: 55%;
  display: flex;
  position: relative;
  inset: 0 -12% 0% auto;
}

.hero-block.case {
  right: -30%;
}

.classification {
  flex-flow: column;
  display: flex;
}

.pagination-normal {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.pagination-normal.show {
  display: flex;
}

.slide, .mask {
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.part1 {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.slider {
  background-color: #fff;
  height: 100%;
  display: block;
}

.video-block {
  justify-content: center;
  align-items: center;
  width: 650px;
  height: 650px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.animation-old {
  background-color: #a6b5e01a;
  border-radius: 20px;
  margin-top: 20px;
  padding: 15px;
  display: none;
}

.part2 {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: none;
}

.disclaimer-section {
  z-index: 5;
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0;
}

.disclaimer-block {
  background-color: #edf0ffe6;
  width: 100%;
}

.disclaimer {
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
}

.disclaimer.title {
  padding-bottom: 15px;
  padding-left: 3%;
  font-weight: 700;
}

.disclaimer.content {
  padding-top: 5px;
  padding-left: 3%;
  padding-right: 3%;
}

.disclaimer-button {
  z-index: 3;
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #0000;
  border: 1px solid #071d49;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.disclaimer-button:hover {
  color: #fff;
  background-color: #a6b5e04d;
}

.disclaimer-button.less {
  background-color: var(--abbvie-light-blue);
  width: 110px;
  padding-right: 12px;
  display: flex;
  inset: 12px 3% auto auto;
}

.disclaimer-button.less:hover {
  color: var(--abbvie-blue);
  background-color: #d7def5;
}

.disclaimer-button.more {
  background-color: var(--abbvie-light-blue);
  width: 110px;
  display: none;
  top: 12px;
  right: 3%;
}

.disclaimer-button.more:hover {
  color: var(--abbvie-blue);
  background-color: #d7def5;
}

.disclaimer-icon {
  padding-left: 10px;
}

.disclaimer-button-text {
  font-weight: 400;
}

.disclaimer-button-text.assessment {
  font-size: 12px;
}

.question-image-container {
  max-width: 32%;
  position: relative;
}

.classification-box {
  background-color: #a6b5e01a;
  border-radius: 20px;
  margin-top: 30px;
  padding: 15px;
}

.classification-grid {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.challenging-cases-button {
  background-color: var(--abbvie-blue);
  color: #fff;
  text-align: left;
  border: 1px solid #071d49;
  border-radius: 20px;
  padding: 4px 10px 4px 12px;
  display: flex;
}

.challenging-cases-button:hover {
  color: var(--abbvie-blue);
  background-color: #fff;
}

.challenging-cases-button.mobile {
  display: none;
}

.challenging-text {
  padding-left: 0;
  padding-right: 5px;
  text-decoration: none;
}

.add-blue {
  display: none;
}

.challenging-pop-up {
  z-index: 3;
  background-color: #071d4940;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 75px;
  padding-right: 75px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.challenging-pop-up.desktop {
  background-color: #0000;
  display: none;
}

.challenging-pop-up.mobile {
  display: none;
}

.pop-up-block {
  z-index: 1;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.text-block-24 {
  color: var(--secondary-blue);
  text-transform: uppercase;
  padding-bottom: 15px;
  font-weight: 700;
}

.text-span-26 {
  text-transform: none;
}

.pop-up-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.pop-up-header {
  font-weight: 700;
  line-height: 18px;
}

.pop-up-header.side {
  color: #071d4980;
}

.div-block-6 {
  width: 1px;
  height: 1px;
}

.text-block-25, .text-block-26 {
  line-height: 18px;
}

.close-button {
  align-self: center;
  display: block;
  position: static;
  inset: auto;
}

.body {
  margin-left: auto;
  margin-right: auto;
}

.close-button-block {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
}

.side-shape {
  z-index: -2;
  height: 70%;
  position: absolute;
  inset: 37% 0% auto auto;
}

.tap-download {
  opacity: .5;
  text-align: left;
  padding-top: 10px;
  font-size: 14px;
  line-height: 14px;
}

.tap-download.hero {
  padding-bottom: 20px;
}

.logo-shape {
  display: block;
  position: relative;
}

.image-5 {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 15px;
}

.range-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .7fr .8fr 1.5fr;
}

.range-text {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  line-height: 22px;
}

.tap-review {
  opacity: .5;
  text-align: left;
  padding-top: 25px;
  font-size: 14px;
  line-height: 14px;
}

.tap-review.hero {
  padding-bottom: 20px;
}

.challenging-cases-button-mobile {
  background-color: var(--abbvie-blue);
  color: #fff;
  text-align: left;
  border: 1px solid #071d49;
  border-radius: 20px;
  padding: 4px 10px 4px 12px;
  display: none;
}

.challenging-cases-button-mobile:hover {
  color: var(--abbvie-blue);
  background-color: #fff;
}

.challenging-cases-button-mobile.mobile {
  display: none;
}

.wsi-button-mobile {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #fff;
  border: 1px solid #071d49;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  display: none;
  position: absolute;
  inset: 5% 5% auto auto;
}

.wsi-button-mobile:hover {
  color: #fff;
  background-color: #071d49;
}

.next-case-button {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #0000;
  border: 1px solid #071d49;
  border-radius: 20px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 10px 8px 12px;
  display: none;
  position: static;
}

.next-case-button:hover {
  color: #fff;
  background-color: #071d49;
}

.next-case-button.show {
  background-color: var(--secondary-blue);
  color: #fff;
  border-width: 0;
  width: 150px;
  font-weight: 700;
  display: flex;
}

.next-case-button.show:hover {
  background-color: var(--abbvie-blue);
}

.next-case-button-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-skip {
  justify-content: flex-end;
  align-items: center;
}

.skip-next-case-button-copy {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #0000;
  border-width: 0;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0;
  font-weight: 400;
  display: block;
}

.skip-next-case-button-copy:hover {
  color: var(--secondary-blue);
}

.superscript-30px {
  white-space: nowrap;
  font-size: 15px;
  line-height: 15px;
  top: -12px;
  left: -2px;
}

.superscript-16px {
  font-size: 11px;
  line-height: 11px;
  top: -6px;
  left: 0;
}

.superscript-16px.no-space {
  left: 0;
}

.superscript-16px.higher {
  font-weight: 300;
  top: -13px;
}

.superscript-22px {
  font-size: 13px;
  line-height: 13px;
  top: -10px;
  left: -2px;
}

.superscript-22px.no-space {
  left: 0;
}

.asterisk {
  position: relative;
  top: -2px;
}

.leaving-popup {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.leaving-popup.desktop, .leaving-popup.mobile, .leaving-popup.case1, .leaving-popup.case2 {
  display: none;
}

.leaving-pop-up-block {
  z-index: 1;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.text-block-28 {
  text-align: center;
  padding-bottom: 30px;
  font-size: 40px;
  line-height: 40px;
}

.paragraph {
  text-align: center;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.leaving-button {
  background-color: var(--secondary-blue);
  border-radius: 50px;
  margin-top: 0px;
  margin-bottom: 15px;
  padding: 12px 30px;
  display: none;
}

.leaving-button.tab1case1, .leaving-button.tab1case2, .leaving-button.tab2case1 {
  display: none;
}

.leaving-button.assess1 {
  display: block;
}

.leaving-text {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.stay-text {
  color: var(--secondary-blue);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.shape-full {
  z-index: 1;
  opacity: 0;
  width: 750px;
  height: 150px;
  display: none;
  position: relative;
  top: -97px;
  left: -336px;
}

.shape-full.right {
  z-index: -1;
  max-width: 23%;
  inset: 38% 0% 0% auto;
}

.shape-full.right.page2 {
  max-width: 40%;
  max-height: 80%;
  top: 13%;
}

.shape-full.right.page3 {
  max-width: 40%;
  max-height: 55%;
  top: 10%;
}

.shape-full.right.page5 {
  max-width: 45%;
  max-height: 60%;
  top: 16%;
}

.shape-full.right.page4 {
  max-width: 35%;
  max-height: 45%;
  top: 13%;
}

.shape-full.no-logo {
  z-index: 1;
  position: fixed;
  inset: 0% auto auto 0%;
}

.shape-full.case {
  max-width: 145%;
}

.shape-full.home {
  display: block;
}

.case-2-popup {
  z-index: 3;
  background-color: #071d4940;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 75px;
  padding-right: 75px;
  display: none;
  position: fixed;
  inset: 0%;
}

.case-2-popup.desktop, .case-2-popup.mobile {
  display: none;
}

.tab1-buttons, .tab2-buttons {
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.wsi-button-copy {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #fff;
  border: 1px solid #071d49;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  display: flex;
  position: absolute;
  inset: 5% 5% auto auto;
}

.wsi-button-copy:hover {
  color: #fff;
  background-color: #071d49;
}

.wsi-assessment-button {
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #fff;
  border: 1px solid #071d49;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 10px;
  display: flex;
  position: absolute;
  inset: 5% 5% auto auto;
margin: 0px 0px 0px 10px;
}

.wsi-assessment-button:hover {
  color: #fff;
  background-color: #071d49;
}

.assessment-link-buttons {
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.assessment-leaving-popup {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0% 0 0;
}

.assessment-popup-bg {
  z-index: 2;
  background-color: #071d4940;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
}

.assessment-content {
  flex: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.assessment-text-block {
  z-index: 1;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: relative;
}

.animation-new {
  background-color: #a6b5e01a;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 40px;
  display: flex;
}

.background-vid-container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60%;
  display: none;
  position: relative;
}

.background-video {
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.background-vid-slider {
  background-color: #0000;
  height: 100%;
  padding-bottom: 0;
  display: none;
}

.slide-2 {
  padding-top: 70%;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.slide-3 {
  padding-top: 70%;
}

.step1, .step2 {
  width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.step3, .step4, .step5 {
  mix-blend-mode: darken;
  width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.step1still {
  width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.play-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.play-button-icon {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.play-button-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.step3-text-container {
  float: right;
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-block-29 {
  align-self: flex-end;
  width: 38%;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  position: absolute;
}

.step4-text-container {
  float: right;
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-span-27 {
  color: var(--secondary-blue);
}

.step5-text-container {
  float: right;
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.play-button-icon-refresh {
  filter: contrast(200%);
  width: 65px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.last-footer {
  display: flex;
}

.privacy {
  width: 30px;
  height: 14px;
  margin-top: 2px;
  margin-left: 8px;
}

.video-gif-mobile {
  mix-blend-mode: darken;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: relative;
}

.gif-step1still {
  width: 60%;
  display: block;
}

.gif-step-1, .gif-step-2, .gif-step-3, .gif-step-4, .gif-step-5 {
  width: 60%;
  display: none;
}

.play-button-icon-mobile {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.play-button-icon-refresh-mobile {
  filter: contrast(200%);
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.step3-text-container-mobile, .step4-text-container-mobile, .step5-text-container-mobile {
  float: right;
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.complete-assessment-text {
  padding: 8px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
}

.range-mobile {
  display: none;
}

.range-vertical-image {
  width: 50px;
  max-width: none;
}

.range-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .7fr .8fr 1.5fr;
}

.logo-shape-home {
  z-index: 2;
  opacity: 0;
  display: block;
  position: relative;
}

.blob-full-home {
  z-index: 1;
  width: 750px;
  height: 150px;
  display: block;
  position: relative;
  top: -100px;
  left: -330px;
}

.blob-full-home.right {
  z-index: -1;
  max-width: 23%;
  inset: 38% 0% 0% auto;
}

.blob-full-home.right.page2 {
  max-width: 40%;
  max-height: 80%;
  top: 13%;
}

.blob-full-home.right.page3 {
  max-width: 40%;
  max-height: 55%;
  top: 10%;
}

.blob-full-home.right.page5 {
  max-width: 45%;
  max-height: 60%;
  top: 16%;
}

.blob-full-home.right.page4 {
  max-width: 35%;
  max-height: 45%;
  top: 13%;
}

.blob-full-home.no-logo {
  z-index: 1;
  position: fixed;
  inset: 0% auto auto 0%;
}

.blob-full-home.case {
  max-width: 145%;
}

.blob-full-home.home {
  display: block;
}

.iframe-container {
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.code-embed {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.iframe-desktop {
  aspect-ratio: 1200 / 755;
  width: 100%;
  overflow: hidden;
}

.iframe-mobile {
  display: none;
}

.prevalence-text-mobile {
  padding-right: 5px;
  font-size: 16px;
  display: none;
}

.hero-image-cropped {
  align-self: flex-end;
  margin-top: -70px;
  margin-right: 0;
  display: none;
  position: relative;
  right: auto;
}

.disclaimer-mobile {
  z-index: 5;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
}

.disclaimer-button-mobile {
  z-index: 3;
  color: var(--abbvie-blue);
  text-align: left;
  background-color: #0000;
  border: 1px solid #071d49;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.disclaimer-button-mobile:hover {
  color: #fff;
  background-color: #a6b5e04d;
}

.disclaimer-button-mobile.less {
  background-color: var(--abbvie-light-blue);
  width: 110px;
  padding-right: 12px;
  display: flex;
  inset: 12px 3% auto auto;
}

.disclaimer-button-mobile.less:hover {
  color: var(--abbvie-blue);
  background-color: #d7def5;
}

.disclaimer-button-mobile.more {
  background-color: var(--abbvie-light-blue);
  width: 110px;
  display: none;
  top: 12px;
  right: 3%;
}

.disclaimer-button-mobile.more:hover {
  color: var(--abbvie-blue);
  background-color: #d7def5;
}

.file-button-block.mobile {
 
}

.file-button-block-res {
	display: none;
}

.ncms-assessment-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.ncms_question_item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ncms-question-image-container {
  max-width: 32%;
  position: relative;
}

.ncms-question-container {
  flex-flow: column;
  flex: 1;
  padding-left: 15px;
  display: flex;
}

.ncms-question_options {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 15px;
  display: grid;
}

.ncms-option {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px 8px 25px;
  display: flex;
}

.nocms-option_text {
  margin-top: 5px;
  margin-bottom: 5px;
}

.ncms-option_circle {
  border: 2px solid var(--abbvie-medium-blue);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.ncms-option_icon, .option_icon-copy {
  width: .68em;
  display: none;
}

.ncms-question-image {
  display: none;
}

.ncms-question-heading {
  margin-top: 0;
}

.ncms-case-subtitle {
  color: var(--secondary-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.ncms-assessment-leaving {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0% 0 0;
}

.ncms-answer-key-text {
  display: none;
}

.ncms-actual-percentage {
  font-weight: 700;
}

.tc-answer-key {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.welcome-popup {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.welcome-popup.desktop, .welcome-popup.mobile, .welcome-popup.case1, .welcome-popup.case2 {
  display: none;
}

.welcome-popup-block {
  z-index: 1;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.hcp-button {
  background-color: var(--secondary-blue);
  border-radius: 50px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 12px 30px;
  display: block;
}

.hcp-button.tab1case1, .hcp-button.tab1case2, .hcp-button.tab2case1 {
  display: none;
}

.hcp-button.assess1 {
  display: block;
}

.hcp-text {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.leave-text {
  color: var(--secondary-blue);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.lobo-blob-mobile {
  display: none;
}

.answer-feedback {
  color: #45ab00;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: block;
}

.answer-feedback.show {
  display: block;
}

.option-coded {
  text-align: center;
  width: 100%;
}

.option-coded.selected {
  background-color: #deeffc;
}

.ncms-skip-next {
  color: var(--abbvie-blue);
  text-align: right;
  background-color: #0000;
  border-width: 0;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0;
  font-weight: 400;
  display: block;
}

.ncms-skip-next:hover {
  color: var(--secondary-blue);
}

.ncms-skip-next.hide {
  display: none;
}

.next-case {
  background-color: var(--secondary-blue);
  color: #fff;
  text-align: center;
  border-radius: 100px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: 700;
}

.next-case:hover {
  background-color: var(--abbvie-blue);
}

.next-case-text {
  padding: 8px;
  font-size: 18px;
  line-height: 24px;
}

.assessment-image {
  max-width: 100%;
  display: inline-block;
  overflow: clip;
}

.leaving-assessment {
  background-color: var(--secondary-blue);
  border-radius: 50px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 12px 30px;
}

.leaving-assessment.tab1case1, .leaving-assessment.tab1case2, .leaving-assessment.tab2case1 {
  display: none;
}

.leaving-assessment.assess1 {
  display: block;
}

.circle4 {
  border: 2px solid var(--abbvie-medium-blue);
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.circle4.is--correct {
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
}

.circle3 {
  border: 2px solid var(--abbvie-medium-blue);
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.circle3.is--correct {
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
}

.circle2 {
  border: 2px solid var(--abbvie-medium-blue);
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.circle2.is--correct {
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
}

.circle1 {
  border: 2px solid var(--abbvie-medium-blue);
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.circle1.is--correct {
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
}

.ncms-option_text {
  text-align: center;
}

.assess-option {
  text-align: center;
  background-color: #f6f7fb;
  border: 1px solid #000;
  border-radius: 100px;
}

.assess-option.selected {
  border-color: var(--secondary-blue);
  background-color: #deeffc;
}

.restart-button {
  background-color: var(--secondary-blue);
  color: var(--abbvie-blue);
  text-align: left;
  border-radius: 100px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding: 8px 18px;
  display: flex;
}

.restart-button:hover {
  color: #fff;
  background-color: #071d49;
}

.restart-text {
  color: #fff;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
}

.hero-mobile {
  display: none;
}

.title-subtext-page-mobile {
  color: var(--abbvie-blue);
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
  display: none;
}

.image-7, .mobile-nav-gradient {
  display: none;
}

.pop-up-background {
  z-index: 0;
  background-color: #071d4940;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.superscript-12px {
  font-size: 11px;
  line-height: 11px;
  top: -6px;
  left: 0;
}

.superscript-12px.no-space {
  left: 0;
}

.superscript-12px.higher {
  font-weight: 300;
  top: -13px;
}

.footnote-cookies {
  color: var(--abbvie-blue);
  padding-bottom: 4px;
  font-weight: 700;
  display: block;
}

@media screen and (min-width: 1440px) {
  .hero-container-home, .footnotes, .ref-block, .columns-2, .columns-2.home, .hero-container-page, .body-content-narrow-container, .resources-container, .grid-home, .quiz-container {
    max-width: 1200px;
  }

  .shape.no-logo {
    display: none;
    left: 200px;
  }

  .div-block-5 {
    max-width: 1200px;
  }

  .wsi-button {
    font-size: 16px;
  }

  .navbar-container {
    max-width: 1200px;
    height: 130px;
    z-index: 5;
    position: relative;
  }

  .fra-logo.w--current {
    padding-top: 0;
  }

  .challenging-pop-up.desktop {
    display: none;
  }

  .pop-up-block {
    max-width: 1200px;
  }

  .superscript-16px.higher {
    font-weight: 300;
    top: -18px;
  }

  .leaving-popup {
    display: none;
  }

  .leaving-pop-up-block {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
    inset: 25% 0%;
  }

  .leaving-button.assess1 {
    display: block;
  }

  .image-6 {
    z-index: 4;
    max-width: 850px;
    position: fixed;
    left: -295px;
  }

  .shape-full {
    z-index: 1;
    width: 750px;
    height: 150px;
    padding-top: 0;
    top: -97px;
    left: -320px;
  }

  .shape-full.no-logo {
    display: none;
    left: 200px;
  }

  .case-2-popup {
    display: none;
  }

  .wsi-button-copy, .wsi-assessment-button {
    font-size: 16px;
  }

  .assessment-leaving-popup {
    display: none;
    width: 60%;
	  max-width: 700px;
	  margin-left: auto;
	  margin-right: auto;
  }

  .assessment-popup-bg {
    background-color: #071d4940;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .blob-full-home {
    z-index: 1;
    width: 750px;
    height: 150px;
    padding-top: 0;
    top: -97px;
    left: -320px;
  }

  .blob-full-home.no-logo {
    display: none;
    left: 200px;
  }

  .iframe-container {
    width: 100%;
    max-width: 1200px;
    max-height: 100%;
  }

  .code-embed {
    overflow: hidden;
  }

  .iframe-desktop {
    width: 100%;
    overflow: hidden;
  }

  .welcome-popup-block {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
    inset: 25% 0%;
  }

  .hcp-button.assess1, .leaving-assessment.assess1 {
    display: block;
  }

  .superscript-12px.higher {
    font-weight: 300;
    top: -18px;
  }
}

@media screen and (max-width: 991px) {
  .hero-heading-home {
    padding-left: 50px;
    padding-right: 50px;
  }

  .hero-container-home {
    margin-left: 0;
  }

  .hero-wrapper-home {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-split-home {
    max-width: 50%;
  }

  .margin-bottom-24px.page-title-text {
    font-size: 36px;
    line-height: 40px;
    
  }

  .hero-image {
    margin-top: 0;
    position: static;
  }

  .nav-link {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-link:hover {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
  }

  .home-block {
    border-radius: 30px;
  }

  .home-block-text {
    margin-bottom: 15px;
  }

  .four-column, .footer {
    padding-left: 50px;
    padding-right: 50px;
  }

  .reference-item {
    padding-right: 0;
  }

  .list {
    margin-bottom: 0;
  }

  .references {
    padding-left: 50px;
    padding-right: 50px;
  }

  .ol-column-2 {
    margin-bottom: 0;
    padding-left: 13px;
  }

  .column-5 {
    padding-right: 0;
  }

  .column-6 {
    padding-top: 20px;
    padding-left: 0;
  }

  .learn-more-button {
    border-radius: 100px;
    margin-left: 20px;
  }

  .learn-more-text {
    align-self: center;
  }

  .ref-block {
    padding-top: 0;
  }

  .hero-heading-page {
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .hero-container-page {
    margin-left: 0;
  }

  .hero-wrapper-page {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
  }

  .hero-split-image {
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: -40px;
    display: block;
  }

  .hero-split-text-page {
    max-width: 100%;
  }

  .body-content-narrow {
    padding-left: 50px;
    padding-right: 50px;
  }

  .body-content-title {
    font-size: 20px;
    line-height: 26px;
  }

  .case-subtitle.wsi {
    font-size: 12px;
    line-height: 16px;
  }

  .column-9 {
    padding-right: 40px;
  }

  .text-block-3 {
    font-size: 34px;
  }

  .dataicon {
    width: 50px;
  }

  .dataicon.clock {
    width: 45px;
  }

  .prevalence-columns {
    align-items: stretch;
    display: flex;
  }

  .column-11 {
    flex-flow: column;
    align-self: stretch;
  }

  .footnote-tight.mobile {
    display: none;
  }

  .resources {
    padding-left: 50px;
    padding-right: 50px;
  }

  .text-block-10 {
    line-height: 18px;
  }

  .gallery {
    grid-row-gap: 40px;
  }

  .grid-home {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .quiz {
    padding-left: 50px;
    padding-right: 50px;
  }

  .quiz-container {
    padding: 20px;
  }

  .navbar {
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .shape.right.page2 {
    top: 15%;
  }

  .shape.no-logo {
    z-index: 2;
    inset: 0% auto auto 0%;
  }

  .body-text {
    padding-left: 50px;
    padding-right: 50px;
  }

  .content {
    width: 100%;
  }

  .option2 {
    padding: 4px 10px 4px 20px;
  }

  .assessmentimage {
    max-width: 44%;
  }

  .tc.wsi {
    font-size: 16px;
  }

  .logoshape-container {
    width: 100%;
    height: 50%;
    max-height: 50%;
    top: 0%;
    left: -50%;
  }

  .skip-next-case {
    margin-right: 0;
  }

  .quiz-completed {
    padding-left: 50px;
    padding-right: 50px;
    display: none;
  }

  .text-block-15, .text-block-15.assessment {
    font-size: 16px;
    line-height: 20px;
  }

  .text-block-16 {
    font-size: 16px;
  }

  .text-block-17 {
    padding-top: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .text-block-17.sub {
    font-size: 14px;
  }

  .text-block-18 {
    line-height: 18px;
  }

  .container-2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .navbar-container {
    height: 120px;
    padding-top: 15px;
    padding-bottom: 25px;
    z-index: 5;
    position: relative;
  }

  .navlink {
    padding-left: 50px;
    padding-right: 50px;
  }

  .navlink:hover {
    background-color: var(--abbvie-light-blue);
  }

  .navlink.resource {
    border-bottom: 1px solid var(--abbvie-light-blue);
    box-shadow: 0 2px 2px #0003;
  }

  .nav-menu {
    z-index: 1;
    background-color: #fff;
    margin-top: 0;
    padding-top: 120px;
    position: fixed;
    inset: 0% 0% auto;
  }

  .menu-icon {
    color:#071d49;
  }

  .menu-button.w--open {
    z-index: 5;
    background-color: #edf0ff;
  }

  .fra-logo {
    z-index: 3;
  }

  .fra-logo.w--current {
    padding-top: 0;
  }

  .logo-blob {
    display: none;
  }

  .text-block-20 {
    font-size: 18px;
    line-height: 20px;
  }

  .color-pill {
    width: 60%;
  }

  .pill-text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .below-pill-text {
    font-size: 16px;
    line-height: 18px;
  }

  .biomarkers-grid {
    grid-template-columns: .75fr 1fr 1fr;
  }

  .text-block-22 {
    text-align: center;
  }

  .hero-block {
    width: 60%;
    top: -30px;
    right: -8%;
  }

  .pagination-normal {
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
  }

  .disclaimer.title, .disclaimer.content {
    font-size: 14px;
    line-height: 18px;
  }

  .question-image-container {
    max-width: 40%;
  }

  .classification-box {
    margin-bottom: 8px;
  }

  .challenging-cases-button {
    border-radius: 100px;
  }

  .challenging-cases-button.mobile {
    display: none;
  }

  .challenging-text {
    align-self: center;
  }

  .challenging-pop-up {
    padding-left: 0;
    padding-right: 0;
  }

  .challenging-pop-up.desktop {
    padding-left: 20px;
    padding-right: 20px;
  }

  .challenging-pop-up.mobile {
    display: none;
  }

  .pop-up-header, .pop-up-header.side, .text-block-26 {
    font-size: 12px;
    line-height: 16px;
  }

  .logo-shape {
    z-index: 2;
  }

  .range-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .range-text {
    font-size: 14px;
    line-height: 18px;
  }

  .challenging-cases-button-mobile {
    border-radius: 100px;
  }

  .challenging-cases-button-mobile.mobile {
    display: none;
  }

  .next-case-button {
    border-radius: 100px;
    width: 250px;
  }

  .pagination-skip {
    padding-top: 0;
  }

  .skip-next-case-button-copy {
    margin-right: 0;
  }

  .superscript-30px {
    font-size: 13px;
    top: -9px;
  }

  .superscript-16px {
    top: -5px;
  }

  .superscript-16px.higher {
    top: -13px;
  }

  .superscript-22px {
    font-size: 12px;
    top: -7px;
  }

  .leaving-popup {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .leaving-popup.desktop, .leaving-popup.mobile {
    display: none;
  }

  .leaving-pop-up-block {
    width: auto;
    padding: 40px 30px;
  }

  .leaving-button.assess1 {
    display: block;
  }

  .shape-full {
    z-index: 2;
    opacity: 0;
    display: none;
    position: absolute;
    inset: 0% auto auto -47%;
  }

  .shape-full.right.page2 {
    top: 15%;
  }

  .shape-full.no-logo {
    z-index: 2;
    inset: 0% auto auto 0%;
  }

  .shape-full.home {
    opacity: 100;
  }

  .case-2-popup {
    padding-left: 0;
    padding-right: 0;
  }

  .case-2-popup.desktop, .case-2-popup.mobile {
    display: none;
  }

  .assessment-leaving-popup {
    width: auto;
    max-width: 600px;
  }

  .assessment-content {
    width: 100%;
  }

  .animation-new {
    padding: 30px;
  }

  .play-button-icon {
    display: block;
  }

  .play-button-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .step3-text-container {
    opacity: 0;
  }

  .text-block-29 {
    font-size: 16px;
    line-height: 20px;
  }

  .play-button-icon-refresh {
    align-self: center;
    width: 60px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .play-button-icon-mobile {
    display: block;
  }

  .play-button-icon-refresh-mobile {
    align-self: center;
    width: 60px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .step3-text-container-mobile {
    opacity: 0;
  }

  .complete-assessment-text {
    align-self: center;
  }

  .range-grid-vertical {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .logo-shape-home {
    z-index: 2;
  }

  .blob-full-home {
    z-index: 2;
    display: block;
    position: absolute;
    inset: 0% auto auto -47%;
  }

  .blob-full-home.right.page2 {
    top: 15%;
  }

  .blob-full-home.no-logo {
    z-index: 2;
    inset: 0% auto auto 0%;
  }

  .blob-full-home.home {
    opacity: 100;
  }

  .iframe-container {
    display: block;
  }

  .code-embed {
    aspect-ratio: auto;
    height: 100%;
    display: block;
  }

  .iframe-desktop {
    aspect-ratio: 1200 / 760;
    display: block;
  }

  .iframe-mobile {
    aspect-ratio: 345 / 496;
    width: 100%;
    display: none;
    position: static;
  }

  .prevalence-text-mobile {
    font-size: 14px;
    line-height: 18px;
  }

  .hero-image-cropped {
    margin-top: 0;
    position: static;
  }

  .welcome-popup {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .welcome-popup.desktop, .welcome-popup.mobile {
    display: none;
  }

  .welcome-popup-block {
    width: auto;
    padding: 40px 30px;
  }

  .hcp-button.assess1 {
    display: block;
  }

  .lobo-blob-mobile {
    z-index: -2;
    width: 250px;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -60px;
  }

  .ncms-skip-next {
    margin-right: 0;
  }

  .leaving-assessment.assess1 {
    display: block;
  }

  .restart-button {
    border-radius: 100px;
    margin-left: 24px;
  }

  .restart-text {
    align-self: center;
  }

  .title-subtext-page-mobile {
    font-size: 22px;
    line-height: 26px;
  }

  .icon {
    color: #071d49;
  }

  .superscript-12px {
    top: -5px;
  }

  .superscript-12px.higher {
    top: -13px;
  }
}

@media screen and (max-width: 767px) {
  .hero-heading-home {
    padding-top: 123px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-split-home {
    max-width: 60%;
  }

  .margin-bottom-24px.home-title-text {
    font-size: 24px;
    line-height: 30px;
  }

  .margin-bottom-24px.page-title-text {
    font-size: 24px;
    line-height: 28px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .title-subtext-home {
    font-size: 18px;
    line-height: 24px;
  }

  .title-logo {
    margin-bottom: 20px;
  }

  .home-block {
    border-radius: 25px;
  }

  .home-block-image {
    margin-top: 15px;
  }

  .home-block-info {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .four-column, .footer, .references {
    padding-left: 40px;
    padding-right: 40px;
  }

  .column-5 {
    padding-right: 0;
  }

  .column-6 {
    padding-top: 20px;
    padding-left: 0;
  }

  .learn-more-button {
    margin-left: 14px;
  }

  .title-subtext-page {
    font-size: 18px;
    line-height: 22px;
  }

  .hero-heading-page {
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-split-image {
    margin-right: -40px;
  }

  .hero-split-text-page {
    margin-bottom: 0;
  }

  .body-content-narrow {
    padding-left: 40px;
    padding-right: 40px;
  }

  .body-content-title {
    font-size: 18px;
    line-height: 22px;
  }

  .case-subtitle.wsi {
    padding-top: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .column-9 {
    padding-left: 0;
    padding-right: 0;
  }

  .prevalence-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    padding: 10px 16px;
    display: flex;
  }

  .text-block-3 {
    padding-bottom: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .dataicon {
    width: 40px;
    padding-bottom: 0;
  }

  .dataicon.clock {
    width: 35px;
  }

  .prevalence-columns {
    display: block;
  }

  .column-10 {
    justify-content: center;
    align-items: stretch;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .prevalence-text {
    padding-right: 0;
  }

  .column-11 {
    justify-content: center;
    align-items: stretch;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .divider.pop-up.mobile {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .footnote-tight {
    font-size: 11px;
    line-height: 14px;
    display: block;
  }

  .footnote-tight.mobile, .footnote-tight.hide {
    display: block;
  }

  .footnote-tight.right {
    margin-left: 0%;
  }

  .image-2 {
    padding-top: 20px;
  }

  .text-block-7 {
    padding-bottom: 0;
  }

  .resources {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-9.hero {
    font-size: 12px;
  }

  .columns-4 {
    flex-flow: column;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-12 {
    justify-content: flex-start;
    align-items: center;
  }

  .column-13 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .tab-bullet {
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-10 {
    font-size: 12px;
    line-height: 16px;
  }

  .gallery {
    grid-column-gap: 5px;
    grid-row-gap: 20px;
  }

  .grid-home {
    grid-template-columns: 1fr 1fr;
  }

  .quiz, .navbar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .shape.right.page2 {
    top: 20%;
  }

  .shape.no-logo {
    max-width: 80%;
  }

  .body-text {
    padding-left: 40px;
    padding-right: 40px;
  }

  .content {
    z-index: 0;
  }

  .question_item {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
  }

  .question_options {
    grid-template-columns: 1fr 1fr;
    padding-top: 5px;
  }

  .assessmentimage {
    max-width: 70%;
    padding-bottom: 15px;
  }

  .question-container {
    width: 100%;
  }

  .tc.wsi, .table-bold {
    font-size: 14px;
    line-height: 18px;
  }

  .table-blue-title, .table-green-title {
    font-size: 22px;
    line-height: 26px;
  }

  .text-block-13 {
    font-size: 14px;
    line-height: 18px;
  }

  .table-bolded, .table-bolded.green {
    font-size: 16px;
  }

  .logoshape-container {
    width: 100%;
    height: 50%;
    max-height: 50%;
    inset: 0% auto auto -50%;
  }

  .quiz-completed {
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .case-container {
    padding-bottom: 20px;
  }

  .link-icon {
    display: block;
  }

  .wsi-button {
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .text-block-15.assessment {
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-17.sub {
    font-size: 11px;
    line-height: 13px;
  }

  .text-block-19 {
    font-size: 14px;
    line-height: 18px;
  }

  .nav__menu {
    display: none;
  }

  .nav__icon {
    margin-left: 0;
  }

  .fra-logo-img {
    width: 120px;
  }

  .navbar-container {
    height: 90px;
  }

  .nav-menu {
    z-index: 1;
    margin-top: 0;
    padding-top: 115px;
    position: fixed;
    inset: 0% 0% auto;
  }

  .menu-button.w--open {
    z-index: 5;
    background-color: #edf0ff;
  }

  .fra-logo.w--current {
    padding-top: 0;
  }

  .color-pill {
    width: 70%;
  }

  .pill-text {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .below-pill-text {
    font-size: 12px;
    line-height: 16px;
  }

  .biomarkers-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .text-block-21 {
    font-size: 14px;
  }

  .text-block-22, .text-block-23 {
    font-size: 14px;
    line-height: 20px;
  }

  .hero-block {
    right: -4%;
  }

  .pagination-normal {
    justify-content: center;
    align-items: center;
    padding-top: 15px;
  }

  .animation-old {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .disclaimer.title {
    padding-bottom: 5px;
    padding-left: 4%;
    font-size: 12px;
    line-height: 16px;
  }

  .disclaimer.content {
    padding-bottom: 20px;
    padding-left: 4%;
    font-size: 12px;
    line-height: 16px;
  }

  .disclaimer-button.less, .disclaimer-button.more {
    width: 105px;
    right: 4%;
  }

  .disclaimer-button-text {
    font-size: 12px;
    line-height: 14px;
  }

  .question-image-container {
    max-width: 35%;
  }

  .question-image {
    width: 100%;
  }

  .classification-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .challenging-cases-button {
    display: none;
  }

  .challenging-pop-up.mobile {
    display: none;
    overflow: scroll;
  }

  .pop-up-block.mobile {
    height: 80%;
    max-height: 95%;
    overflow: scroll;
  }

  .text-block-24.mobile {
    padding-bottom: 5px;
  }

  .pop-up-grid.mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr 1fr;
  }

  .pop-up-grid.mobile.first {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pop-up-header.mobile {
    font-size: 11px;
    line-height: 13px;
  }

  .text-block-26.mobile {
    letter-spacing: -.3px;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
  }

  .close-button.mobile {
    max-width: 80%;
  }

  .close-button-block.mobile {
    justify-content: flex-end;
    align-self: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .side-shape {
    height: 100%;
    top: 80%;
  }

  .tap-download {
    line-height: 18px;
  }

  .logo-shape {
    z-index: 2;
  }

  .range-text {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .challenging-cases-button-mobile {
    display: flex;
  }

  .wsi-button-mobile {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .pagination-skip {
    justify-content: center;
    align-items: center;
    padding-top: 15px;
  }

  .leaving-popup {
    max-width: none;
    max-height: 100vh;
    padding-left: 40px;
    padding-right: 40px;
    overflow: auto;
  }

  .leaving-popup.desktop, .leaving-popup.mobile {
    display: none;
  }

  .leaving-pop-up-block {
    max-height: 100vh;
    padding: 18px;
    overflow: auto;
  }

  .text-block-28 {
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 26px;
  }

  .paragraph {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .leaving-button.tab1case1 {
    display: none;
  }

  .leaving-text {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
  }

  .stay-text {
    font-size: 14px;
    line-height: 18px;
  }

  .shape-full {
    z-index: 2;
    left: -379px;
  }

  .shape-full.right.page2 {
    top: 20%;
  }

  .shape-full.no-logo {
    max-width: 80%;
  }

  .case-2-popup.desktop, .case-2-popup.mobile {
    display: none;
  }

  .wsi-button-copy {
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .wsi-assessment-button {
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .assessment-leaving-popup {
    max-width: none;
    max-height: 100vh;
    padding-left: 28px;
    padding-right: 28px;
    top: 0%;
  }

  .assessment-text-block {
    padding: 18px;
  }

  .animation-new {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .background-vid-container {
    display: none;
  }

  .step3-text-container {
    opacity: 0;
  }

  .text-block-29 {
    font-size: 14px;
    line-height: 18px;
  }

  .play-button-icon-refresh {
    width: 40px;
  }

  .video-gif-mobile {
    display: none;
  }

  .play-button-icon-refresh-mobile {
    width: 40px;
  }

  .step3-text-container-mobile {
    opacity: 0;
  }

  .popup-top-content {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .graph {
    max-width: 90%;
  }

  .range-mobile {
    display: none;
  }

  .logo-shape-home {
    z-index: 2;
  }

  .blob-full-home {
    z-index: 2;
    left: -379px;
  }

  .blob-full-home.right.page2 {
    top: 20%;
  }

  .blob-full-home.no-logo {
    max-width: 80%;
  }

  .iframe-desktop {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .iframe-mobile {
    display: none;
  }

  .prevalence-text-mobile {
    padding-right: 0;
  }

  .disclaimer-mobile {
    display: block;
  }

  .disclaimer-button-mobile.less, .disclaimer-button-mobile.more {
    width: 105px;
    right: 4%;
  }

  .welcome-popup {
    max-width: none;
    padding-left: 28px;
    padding-right: 28px;
  }

  .welcome-popup.desktop, .welcome-popup.mobile {
    display: none;
  }

  .welcome-popup-block {
    padding: 25px;
  }

  .hcp-button {
    margin-bottom: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .hcp-button.tab1case1 {
    display: none;
  }

  .hcp-text, .leave-text {
    font-size: 16px;
    line-height: 20px;
  }

  .lobo-blob-mobile {
    z-index: -2;
    width: 230px;
    display: inline-block;
    position: absolute;
    top: -18px;
    left: -45px;
  }

  .leaving-assessment {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .leaving-assessment.tab1case1 {
    display: none;
  }

  .restart-button {
    margin-left: 14px;
  }

  .title-subtext-page-mobile {
    font-size: 18px;
    line-height: 22px;
  }
}

@media screen and (max-width: 479px) {
  .hero-heading-home {
    width: 100vw;
    padding: 100px 0 15px;
    overflow: clip;
  }

  .hero-container-home {
    max-width: none;
    padding-left: 28px;
  }

  .hero-split-home {
    max-width: 65%;
  }

  .margin-bottom-24px.page-title-text {
    color: #fff;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 32px;
  }

  .margin-bottom-24px.page-title-text.mobile-only {
    display: block;
  }

  .hero-image {
    display: none;
  }

  .home-block {
    border-radius: 27px;
  }

  .home-block-info {
    justify-content: flex-start;
    align-items: center;
  }

  .home-block-title {
    align-self: flex-start;
  }

  .four-column {
    padding-left: 28px;
    padding-right: 28px;
  }

  .footnote {
    display: none;
  }

  .footnote.mobile {
    padding-bottom: 20px;
    display: block;
  }

  .footer, .references {
    padding-left: 28px;
    padding-right: 28px;
  }

  .abbvie-logo {
    max-width: 35%;
  }

  .learn-more-button {
    justify-content: center;
    align-self: flex-start;
    align-items: center;
  }

  .learn-more-link {
    justify-content: center;
    align-items: center;
  }

  .columns-2 {
    padding-bottom: 20%;
  }

  .title-subtext-page {
    font-size: 16px;
    line-height: 20px;
    display: none;
  }

  .hero-heading-page {
    z-index: 1;
    padding-bottom: 0;
    padding-left: 28px;
    padding-right: 28px;
    position: relative;
  }

  .hero-container-page {
    flex-flow: column;
  }

  .hero-wrapper-page {
    width: 100%;
  }

  .hero-split-image {
    max-width: 100%;
    margin-right: auto;
    padding-left: 0;
  }

  .body-content-narrow {
    padding-top: 15px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .case-subtitle.wsi {
    font-size: 14px;
    line-height: 18px;
  }

  .case-subtitle.mobile {
    margin-top: 15px;
  }

  .text-block-3 {
    font-size: 26px;
    line-height: 28px;
  }

  .dataicon, .dataicon.clock {
    padding-bottom: 0;
  }

  .prevalence-text.first {
    font-size: 14px;
    line-height: 20px;
  }

  .prevalence-text.second {
    display: none;
  }

  .text-block-5, .text-block-6, .text-block-7 {
    line-height: 20px;
  }

  .resources {
    padding-left: 28px;
    padding-right: 28px;
  }

  .text-block-9.hero {
    display: none;
  }

  .text-block-9.hero.mobile {
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .tab-text {
    font-size: 14px;
    line-height: 18px;
  }

  .gallery {
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-home {
    grid-template-columns: 1fr;
  }

  .quiz {
    padding-top: 20px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .quiz-container {
    padding-top: 18px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .navbar {
    z-index: 3;
    background-image: none;
    padding-left: 28px;
    padding-right: 28px;
  }

  .navbar.home {
    background-image: linear-gradient(#fff 64%, #ffffffbf 83%, #0000);
  }

  .shape.right.page2 {
    max-width: 50%;
    right: -18%;
  }

  .body-text {
    padding-left: 28px;
    padding-right: 28px;
  }

  .option_circle {
    width: 1.5em;
    height: 1.5em;
  }

  .question_item {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .option2 {
    padding: 2px .59em 2px 1em;
  }

  .option_text2 {
    font-size: 14px;
  }

  .assessmentimage {
    max-width: 100%;
  }

  .question-container {
    padding-left: 0;
  }

  .tc.wsi {
    font-size: 16px;
    line-height: 20px;
  }

  .file-button {
    padding-left: 12px;
    padding-right: 15px;
  }

  .file-icon {
    width: 30px;
  }

  .file-text {
    padding-left: 5px;
    font-size: 12px;
  }

  .library-text {
    font-size: 12px;
  }

  .grid-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .table-bold {
    font-size: 12px;
    line-height: 16px;
  }

  .table-blue-title, .table-green-title {
    font-size: 18px;
    line-height: 20px;
  }

  .protein-table-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: .75fr 1fr 1fr;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .protein-table-row.middle, .protein-table-row.last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: .75fr 1fr 1fr;
  }

  .text-block-13 {
    font-size: 12px;
    line-height: 16px;
  }

  .skip-next-case {
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 10px;
  }

  .quiz-completed {
    padding-left: 28px;
    padding-right: 28px;
    display: none;
  }

  .case-container {
    width: 100%;
  }

  .link-icon {
    display: block;
  }

  .wsi-button {
    padding: 4px 8px;
    display: flex;
  }

  .text-block-16 {
    line-height: 20px;
  }

  .text-block-17, .text-block-17.sub {
    font-size: 12px;
    line-height: 14px;
  }

  .tc-container {
    font-size: 11px;
    line-height: 12px;
  }

  .fra-logo-img {
    width: 120px;
    padding-top: 0;
  }

  .navbar-container {
    z-index: 5;
    height: 90px;
    position: relative;
  }

  .navlink {
    padding-left: 28px;
    padding-right: 28px;
  }

  .nav-menu {
    z-index: 1;
    margin-top: 0;
    padding-top: 100px;
  }

  .menu-button {
    z-index: 5;
  }

  .menu-button.w--open {
    z-index: 2;
    background-color: #edf0ff;
  }

  .fra-logo {
    padding-top: 10px;
  }

  .fra-logo.w--current {
    padding-top: 5px;
  }

  .logo-blob {
    width: 470px;
    max-width: none;
    max-height: none;
    left: -280px;
  }

  .arrow-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .arrow-grid._2nd {
    padding-top: 0;
  }

  .color-pill {
    width: 100%;
  }

  .pill-text {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
  }

  .below-pill-text {
    font-size: 9px;
    line-height: 11px;
  }

  .biomarkers-box {
    justify-content: center;
    align-items: center;
  }

  .biomarkers-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .hero-block {
    display: none;
  }

  .animation-old {
    justify-content: center;
    align-items: center;
  }

  .disclaimer-block {
    padding-bottom: 5px;
  }

  .disclaimer.title {
    padding-bottom: 14px;
    padding-left: 7%;
  }

  .disclaimer.content {
    padding-left: 7%;
    padding-right: 8%;
  }

  .disclaimer-button.less, .disclaimer-button.more {
    width: 105px;
    top: 14px;
    right: 7%;
  }

  .disclaimer-icon {
    padding-left: 0;
  }

  .disclaimer-button-text {
    padding-right: 10px;
  }

  .question-image-container {
    width: 100%;
    max-width: 100%;
  }

  .classification-box {
    justify-content: center;
    align-items: center;
  }

  .classification-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .challenging-text {
    padding-right: 7px;
    font-size: 11px;
    line-height: 14px;
  }

  .challenging-text.mobile {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .challenging-pop-up.desktop {
    display: none;
  }

  .challenging-pop-up.mobile {
    background-color: #0000;
    display: none;
    overflow: auto;
  }

  .pop-up-block.mobile {
    border-radius: 0;
    height: 80%;
    max-height: 85%;
    padding-right: 10px;
    overflow: scroll;
  }

  .text-block-24.mobile {
    padding-bottom: 5px;
    font-size: 12px;
  }

  .pop-up-grid.mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pop-up-grid.mobile.first {
    padding-top: 5px;
  }

  .close-button.mobile {
    max-width: 80%;
  }

  .close-button-block.mobile {
    justify-content: flex-end;
    align-self: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .side-shape {
    height: 70%;
    top: 37%;
  }

  .tap-download {
    line-height: 18px;
  }

  .logo-shape {
    z-index: 2;
    display: block;
  }

  .range {
    display: none;
  }

  .range-text {
    line-height: 14px;
  }

  .range-text.mobile {
    text-align: left;
    width: 200px;
    padding-top: 38px;
    padding-right: 0;
    font-size: 12px;
    line-height: 16px;
  }

  .range-text.mobile.first {
    padding-top: 5px;
    line-height: 16px;
  }

  .range-text.mobile.third {
    padding-top: 74px;
  }

  .wsi-button-mobile {
    padding: 4px 10px;
    display: none;
  }

  .next-case-button.show {
    margin-top: 15px;
  }

  .skip-next-case-button-copy {
    padding-left: 15px;
    padding-right: 10px;
  }

  .superscript-22px {
    top: -6px;
  }

  .leaving-popup {
    padding-left: 28px;
    padding-right: 28px;
  }

  .leaving-pop-up-block {
    padding: 20px 18px 25px;
  }

  .text-block-28 {
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 26px;
  }

  /*mobile */
  .paragraph {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .leaving-button {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .leaving-button.tab1case1 {
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
  }

  .leaving-text {
    font-size: 14px;
    line-height: 16px;
  }

  .stay-text {
    text-align: center;
  }

  .shape-full {
    z-index: 2;
    opacity: 0;
    height: 90px;
    display: block;
    inset: 0% auto auto -130px;
  }

  .shape-full.right.page2 {
    max-width: 50%;
    right: -18%;
  }

  .shape-full.home {
    opacity: 100;
  }

  .wsi-button-copy {
    padding: 2px 8px;
    display: flex;
  }

  .wsi-assessment-button {
    padding: 6px 8px;
    display: flex;
  }

  .assessment-leaving-popup {
    z-index: 5;
    top: 0%;
  }

  .assessment-popup-bg {
    z-index: 4;
  }

  .assessment-text-block {
    padding: 20px;
  }

  .animation-new {
    justify-content: center;
    align-items: center;
  }

  .play-button-container {
    width: 70px;
  }

  .text-block-29 {
    font-size: 11px;
    line-height: 13px;
  }

  .play-button-icon-refresh {
    width: 25px;
  }

  .gif-step-1, .gif-step-2, .gif-step-3, .gif-step-4, .gif-step-5 {
    mix-blend-mode: darken;
  }

  .play-button-icon-refresh-mobile {
    width: 25px;
  }

  .popup-top-content {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .range-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 2.25fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    margin-top: 20px;
    display: grid;
  }

  .range-vertical-image {
    width: 25px;
  }

  .range-grid-vertical {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: .7fr;
    align-content: start;
    align-items: start;
  }

  .logo-shape-home {
    z-index: 2;
  }

  .blob-full-home {
    z-index: 2;
    height: 100px;
    display: block;
    inset: 0% auto auto -161px;
  }

  .blob-full-home.right.page2 {
    max-width: 50%;
    right: -18%;
  }

  .blob-full-home.home {
    opacity: 100;
  }

  .iframe-container {
    width: 100%;
  }

  .code-embed {
    aspect-ratio: auto;
    object-fit: fill;
    object-position: 50% 50%;
    flex: none;
    width: auto;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
    inset: 0%;
    overflow: hidden;
  }

  .iframe-desktop {
    display: none;
  }

  .iframe-mobile {
    box-sizing: border-box;
    aspect-ratio: 345 / 520;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    display: block;
    overflow: hidden;
  }

  .prevalence-text-mobile {
    display: block;
  }

  .body-2 {
    overflow: hidden;
  }

  .hero-image-cropped {
    display: inline-block;
  }

  .disclaimer-mobile {
    display: block;
  }

  .disclaimer-mobile.hide {
    top: 700px;
  }

  .disclaimer-button-mobile.less {
    width: 105px;
    display: flex;
    top: 14px;
    right: 7%;
  }

  .disclaimer-button-mobile.more {
    width: 105px;
    display: none;
    top: 14px;
    right: 7%;
  }

  .file-button-block {
    display: block;
  }

  .file-button-block.mobile {
    display: block;
  }

  .welcome-popup-block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hcp-button {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .hcp-button.tab1case1 {
    margin-top: 5px;
    margin-bottom: 20px;
    display: none;
  }

  .leave-text {
    text-align: center;
  }

  .lobo-blob-mobile {
    z-index: -2;
    width: 230px;
    display: inline-block;
    position: absolute;
    inset: -18px auto auto -55px;
  }

  .ncms-skip-next {
    padding-left: 15px;
    padding-right: 10px;
  }

  .case-img {
    width: 100%;
  }

  .leaving-assessment {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .leaving-assessment.tab1case1 {
    margin-top: 5px;
    margin-bottom: 20px;
    display: none;
  }

  .circle4, .circle3, .circle2, .circle1 {
    width: 1.5em;
    height: 1.5em;
  }

  .assess-option:hover {
    border-color: var(--secondary-blue);
  }

  .restart-button {
    justify-content: center;
    align-self: flex-start;
    align-items: center;
  }

  .hero-mobile {
    z-index: 0;
    width: 100vw;
    max-width: none;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .title-subtext-page-mobile {
    margin-bottom: 30px;
    display: block;
  }

  .image-7 {
    width: 100vw;
    max-width: none;
    display: block;
  }

  .menu-icon {
    color: #071d49;
  }

  .mobile-nav-gradient {
    z-index: 1;
    background-image: linear-gradient(180deg, white 66%, var(--faded-white) 83%, transparent);
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .superscript-12px {
    font-size: 9px;
  }
}

#w-node-_6cab7195-3b23-3713-9a7f-067a998d4e1f-d7c44e9f, #w-node-_6cab7195-3b23-3713-9a7f-067a998d4e20-d7c44e9f, #w-node-_6cab7195-3b23-3713-9a7f-067a998d4e21-d7c44e9f, #w-node-_6cab7195-3b23-3713-9a7f-067a998d4e22-d7c44e9f, #w-node-_6cab7195-3b23-3713-9a7f-067a998d4e23-d7c44e9f, #w-node-_04205c96-328c-f129-2e9b-a86410e45236-d7c44e9f, #w-node-f7a6b9be-d927-d0c9-ad55-c0fdb8ba2bb7-d7c44e9f, #w-node-cd905332-8d4c-9adb-cdeb-038d358ef003-d7c44e9f, #w-node-_2c79533b-8319-8af3-04fa-4fa64244b89f-d7c44e9f, #w-node-ccf1f871-4b8d-0a15-1c6f-4487e0cbd035-d7c44e9f, #w-node-dd4d9c23-4567-9567-8d1c-8b292c5ff65c-d7c44e9f, #w-node-_0b14ffbc-2bbb-cbc6-bb69-03a280758fc8-d7c44e9f, #w-node-_7dbe8177-eccb-916c-bd5d-8eb3b954191d-d7c44e9f, #w-node-_2ece8726-8acf-69f4-f603-996c153f33e1-d7c44e9f, #w-node-_83e5c273-22de-2750-a248-b85c8c0e4904-d7c44e9f, #w-node-_0a046ea5-534e-9d4e-5fa8-a96083364b4e-d7c44e9f, #w-node-_67d4ffda-6d5d-e1c1-9a95-9cbeec150542-d7c44e9f, #w-node-ad93aad0-80f2-d164-61c1-df829bf8b8c2-d7c44e9f, #w-node-_11455824-e276-f00f-56c7-3683e9b4f194-d7c44e9f, #w-node-_25a75dd0-9bb7-1410-d2c7-0a5cdd005c91-d7c44e9f, #w-node-db6c3a95-fc61-c41f-6661-6fc324658ce4-d7c44e9f, #w-node-_43547598-1542-23ea-909c-75f73a39f9fb-d7c44e9f, #w-node-_7ad9e9f7-135d-8866-647d-11234f546857-d7c44e9f, #w-node-_589f2f5e-6853-3880-2060-bba974ef4ffe-d7c44e9f, #w-node-dadc648d-a91b-bad5-4157-454bf7792e57-d7c44e9f, #w-node-_82a9ed54-66ea-2099-1fc5-32ac9a38c6bb-d7c44e9f, #w-node-bb7bbee5-bdaa-73b6-65b2-f1362f478c55-d7c44e9f, #w-node-_3f7d02c4-279d-c95d-2f89-ee7da56d6002-d7c44e9f, #w-node-f71b5e9f-7643-2b59-94c7-af7c873915e6-d7c44ea0, #w-node-f71b5e9f-7643-2b59-94c7-af7c873915f3-d7c44ea0 {
  justify-self: center;
}

#w-node-_72077ebe-b2a6-506b-3bb8-3b3981de35fe-d7c44ea0 {
  justify-self: start;
}

#w-node-_72077ebe-b2a6-506b-3bb8-3b3981de363e-d7c44ea0 {
  justify-self: end;
}

#w-node-_72077ebe-b2a6-506b-3bb8-3b3981de365e-d7c44ea0 {
  justify-self: start;
}

#w-node-_72077ebe-b2a6-506b-3bb8-3b3981de369e-d7c44ea0 {
  justify-self: end;
}

#w-node-_72077ebe-b2a6-506b-3bb8-3b3981de36be-d7c44ea0 {
  justify-self: start;
}

#w-node-_72077ebe-b2a6-506b-3bb8-3b3981de36fe-d7c44ea0 {
  justify-self: end;
}

#w-node-_8a92515e-38e1-f3b9-e444-b344ee80dc6a-d7c44ea0 {
  justify-self: start;
}

#w-node-_724a215d-55d2-f532-9401-d1670e6b898a-d7c44ea0 {
  justify-self: end;
}

#w-node-fd045a1d-f594-e2c4-9d0d-106f0ff6c8f9-d7c44ea0 {
  justify-self: start;
}

#w-node-aa0424f0-e2c3-9276-343d-f972300f90ca-d7c44ea0 {
  justify-self: end;
}

#w-node-a00d85ba-061c-3474-4950-65822603701a-d7c44ea0 {
  justify-self: start;
}

#w-node-f6a4760a-f104-8afe-f6a1-f75349b619ad-d7c44ea0 {
  justify-self: end;
}

@media screen and (max-width: 479px) {
  #w-node-f304d845-22f1-e2ab-bce7-eecba7c0a4c4-d7c44ea0 {
    justify-self: end;
  }

  #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de35fe-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de361e-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de363e-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de365e-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de367e-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de369e-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de36be-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de36de-d7c44ea0, #w-node-_72077ebe-b2a6-506b-3bb8-3b3981de36fe-d7c44ea0, #w-node-_8a92515e-38e1-f3b9-e444-b344ee80dc6a-d7c44ea0, #w-node-_724a215d-55d2-f532-9401-d1670e6b898a-d7c44ea0, #w-node-fd045a1d-f594-e2c4-9d0d-106f0ff6c8f9-d7c44ea0, #w-node-b2594daf-61d4-f730-5881-ac9ef3339c08-d7c44ea0, #w-node-aa0424f0-e2c3-9276-343d-f972300f90ca-d7c44ea0, #w-node-a00d85ba-061c-3474-4950-65822603701a-d7c44ea0, #w-node-_69391403-bc25-95f4-8b8d-5f7667706f22-d7c44ea0, #w-node-f6a4760a-f104-8afe-f6a1-f75349b619ad-d7c44ea0 {
    justify-self: auto;
  }
}