.big-title {
  display: inline-flex;
  display: -webkit-inline-box;
}

.image-title-line {
  height: 8px !important;
}

.text-line {
  border-bottom: 8px solid var(--primary-color);
  min-width: 444px;
  margin-bottom: 16px;
}

.collapsible:after {
  margin-top: -25px;
}

.collapsible.active:after {
  margin-top: -25px;
}


.page-title {
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 105%;
  text-transform: uppercase;
  color: var(--primary-color);
}

.small-title {
  color: var(--primary-color);
}

.content-section .card-content {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 105%;
}

.content-section .card-content .description {
  margin-top: 168px;
  padding-left: 40px;
}

.content-section .card-content .card-content-description {
  padding-right: unset;
}

#first_section {
  position: relative;
  z-index: 3;
}

.see-text {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 14px;
}

#first_section .pivotal-trial-data-intro p,
#first_section .overview-trial-data p {
  color: #fff;
}

#first_section .pivotal-trial-data-intro .container p.gotham-medium,
#first_section .overview-trial-data .container p.gotham-medium {
  color: #58595b;
}

#first_section .overview-trial-data .end-point-heading {
  color: var(--primary-color);
}

#first_section .overview-trial-data .tile {
  border: 0;
}

#first_section .overview-trial-data .tile h3 {
  color: var(--primary-color);
  background: #f4e8f3;
}

#first_section .overview-trial-data .tile .image-container img {
  display: block;
  margin: 0 auto;
}

#first_section .overview-trial-data .end-point-description {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
  font-weight: 400;
  color: #58595b;
}

#first_section .overview-trial-data .half .btn.btn-secondary {
  margin-bottom: 30px;
}

#first_section .overview-trial-data .full {
  max-width: 100%;
}

#second_section>div {
  background-color: #fff;
}

#third_section div[id]>.subheading {
  color: #fff;
}

#third_section .accordion button[aria-expanded],
#third_section .accordion div[data-empty-button] {
  text-transform: unset;
}

#third_section .accordion .gotham-medium {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
  font-weight: 500;
  padding: 0 20px 10px 20px;
}

#third_section .accordion .sub-accordion-container .btn-container {
  padding-bottom: 20px;
}

#third_section .accordion .sub-accordion-container .btn-container p {
  padding-bottom: 0;
}

#third_section .accordion .sub-accordion-container .btn-container .primary {
  font-size: 14px;
  margin-bottom: 0;
}

#third_section .accordion .content .see-text {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 14px;
}

#third_section .accordion .content p sup.adjusted-for-line-height {
  vertical-align: bottom;
  top: -4px;
}

#third_section .inner-container h3 {
  text-align: center;
  color: var(--primary-color);
}

#third_section .inner-container .copy-container .gotham-medium {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 5px;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #third_section .inner-container .copy-container .gotham-medium.jump-to {
    font-size: 14px;
    font-weight: 700;
  }
}

#third_section .inner-container .copy-container .gotham-medium sup {
  font-size: 10px;
  top: -4px;
}

#third_section .inner-container .copy-container ul {
  margin-left: 15px;
}

#third_section .inner-container .copy-container ul li {
  line-height: 14px;
  padding-bottom: 5px;
}

#third_section .inner-container .copy-container .btn-container {
  padding: 15px 0 20px;
}

#third_section .inner-container p.inner-p {
  font-weight: bold;
}

#third_section .clinical-response-rates .border-center {
  margin-top: 0;
}

#third_section .clinical-response-rates .figure-container {
  border: 1px solid #abadb3;
  padding: 0;
}

#third_section .clinical-response-rates .figure-container figcaption {
  color: var(--primary-color);
  text-align: center;
  background-color: #f4e8f3;
}

#third_section .clinical-response-rates .copy-container .btn.btn-secondary {
  margin-bottom: 30px;
}

#third_section .clinical-response-rates .copy-container .body-copy {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 10px;
}

#third_section .clinical-response-rates .copy-container .body-copy sup {
  font-size: 10px;
  top: -3px;
}

#third_section .clinical-response-rates .copy-container .bottom-text {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary-color);
}

#third_section .cd-trials .copy-container h3 {
  color: var(--primary-color);
  margin-bottom: 10px;
}

#third_section .cd-trials .copy-container h3 em.and {
  font-style: normal;
}

#third_section .cd-trials .figure-container {
  border: 1px solid #abadb3;
  padding: 0;
}

#third_section .cd-trials .figure-container img {
  margin: 0;
  width: 100%;
}

#third_section .cd-trials .figure-container figcaption {
  text-align: left;
  background-color: #f4e8f3;
  border-bottom: 1px solid #abadb3;
  color: var(--primary-color);
}

#third_section .cd-trials .trial-description {
  color: #fff;
}

#third_section .cd-trials .tabs [role="tablist"] {
  padding: 15px 30px 0;
}

#third_section .cd-trials .tabs [role="tablist"] [aria-selected="false"] {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#third_section .study-design .subheading.description-below {
  padding-bottom: 0;
  margin-bottom: 15px;
}

#third_section .study-design .trial-description {
  color: #fff;
  margin-bottom: 25px;
}

#third_section .study-design .copy-container ul li {
  line-height: 14px;
  padding-bottom: 5px;
}

#third_section .study-design .copy-container ul li .gotham-medium {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
  font-weight: 500;
}

#third_section .study-design .copy-container .abbvie {
  text-align: center;
  font-weight: bold;
  color: #999;
  padding-bottom: 0;
  margin-bottom: 0;
}

#third_section .pivotal-trial-data figure {
  border: 1px solid #abadb3;
}

#third_section .pivotal-trial-data figure figcaption {
  background-color: #f4e8f3;
  text-align: center;
  color: var(--primary-color);
  text-transform: uppercase;
}

#third_section .pivotal-trial-data figure img {
  padding: 20px;
}

#third_section .pivotal-trial-data .ul-main li {
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 5px;
}

#third_section .pivotal-trial-data .ul-main>li {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
  font-weight: 500;
}

#third_section .pivotal-trial-data .ul-main .ul-inner {
  margin-left: 25px;
}

#third_section .pivotal-trial-data .footnote.acronyms:last-of-type {
  padding: 0;
}

#third_section .pivotal-trial-data h4 sup {
  top: -6px;
}

#third_section .pivotal-trial-data .smaller {
  font-size: 12px;
}

#first_section p.footnote,
#third_section p.footnote {
  color: #58595b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

#first_section .interior-bottom-cta .cta-1,
#third_section .interior-bottom-cta .cta-1 {
  padding-bottom: 40px;
}

#first_section .interior-bottom-cta p.footnote,
#third_section .interior-bottom-cta p.footnote {
  color: #fff;
  display: block;
  margin: 20px 0 0;
  padding: 0;
}

@media screen and (max-width: 959px) {

  #first_section,
  #third_section {
    background-size: cover;
  }

  #first_section h2 {
    margin-bottom: 20px;
  }

  #first_section .overview-trial-data {
    padding-bottom: 50px;
  }

  #first_section .overview-trial-data .flex-container .graph-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  #first_section .overview-trial-data .flex-container .graph-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  #first_section .overview-trial-data .flex-container .graph-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  #first_section .overview-trial-data .flex-container .text-description {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  #first_section .overview-trial-data .flex-container .button-and-footnotes {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  #first_section .overview-trial-data p {
    margin-bottom: 0;
    line-height: 18px;
  }

  #first_section .overview-trial-data p.footnote {
    line-height: 10px;
  }

  #first_section .overview-trial-data .end-point-heading {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  #first_section .overview-trial-data .tile {
    margin-bottom: 20px;
  }

  #first_section .overview-trial-data .tile h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 15px 10px;
  }

  #first_section .overview-trial-data .tile h3 sup {
    font-size: 12px;
    top: -10px;
  }

  #first_section .overview-trial-data .tile img {
    width: 100%;
    padding: 15px 10px;
  }

  #first_section .overview-trial-data .end-point-description {
    font-size: 14px;
  }

  #first_section .overview-trial-data .copy-container {
    padding: 15px 0;
    font-size: 14px;
  }

  #first_section .overview-trial-data .copy-container .gotham-medium {
    padding-bottom: 10px;
  }

  #first_section .overview-trial-data .copy-container .end-point-description {
    color: #58595b;
    line-height: 18px;
    padding-bottom: 5px;
  }

  #second_section {
    background-size: cover;
    padding-bottom: 35px;
  }

  #third_section h2:before,
  #third_section h2:after {
    background: none;
  }

  #third_section .subheading {
    margin-bottom: 0;
  }

  #third_section .subheading:not(:first-of-type) {
    padding-top: 30px;
  }

  #third_section .mobile-scroll-container {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #third_section .scroll-instruction {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 20px 0 20px 60px;
    position: relative;
  }

  #third_section .scroll-instruction:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('/sites/default/files/inline-images/hand.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 38px;
    height: 100%;
  }

  #third_section .accordion ul li.active {
    background: none;
  }

  #third_section .accordion figure {
    margin: 0;
  }

  #third_section .accordion figure h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: var(--primary-color);
    background-color: #f4e8f3;
    padding: 10px;
  }

  #third_section .accordion figure h3 sup {
    font-size: 16px;
    top: -6px;
  }

  #third_section .accordion figure img {
    padding: 15px 5px;
  }

  #third_section .accordion button {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #third_section .accordion button[aria-expanded],
  #third_section .accordion div[data-empty-button] {
    line-height: 22px;
  }

  #third_section .accordion .gotham-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 0;
  }

  #third_section .accordion .content {
    padding: 0 20px;
  }

  #third_section .accordion .content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  #third_section .accordion .content .btn-text.btn-primary {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 15px;
  }

  #third_section .accordion .sub-accordion-container {
    padding: 15px 0 0;
  }

  #third_section .inner-container h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 15px 0 10px;
    border: 1px solid #abadb3;
    border-bottom: 0;
  }

  #third_section .inner-container h3 sup {
    top: -10px;
  }

  #third_section .inner-container p.inner-p {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-weight: bold;
    margin: 0;
    padding: 0 15px 20px 15px;
    border: 1px solid #abadb3;
    border-top: 0;
    border-bottom: 0;
    line-height: 18px;
  }

  #third_section .inner-container p.inner-p:first-of-type {
    padding-bottom: 10px;
  }

  #third_section .inner-container .figure-container {
    border: 1px solid #abadb3;
    border-top: 0;
    padding: 0 10px 20px;
    margin-bottom: 10px;
  }

  #third_section .inner-container .figure-container img {
    width: 100%;
  }

  #third_section .inner-container .copy-container {
    padding-bottom: 50px;
  }

  #third_section .inner-container .copy-container .gotham-medium {
    padding: 5px 0;
    line-height: 16px;
  }

  #third_section .clinical-response-rates .figure-container figcaption {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px 0;
  }

  #third_section .clinical-response-rates .figure-container figcaption sup {
    font-size: 14px;
    top: -7px;
  }

  #third_section .clinical-response-rates .figure-container img {
    margin: 10px 10px 20px;
  }

  #third_section .clinical-response-rates .figure-container img.varsity {
    max-height: 428px;
  }

  #third_section .clinical-response-rates .figure-container img.gemini {
    margin: 0;
    padding: 10px 5px 10px;
    width: 100%;
  }

  #third_section .clinical-response-rates .copy-container {
    padding: 30px 0 0;
  }

  #third_section .clinical-response-rates .copy-container.gemini {
    padding-top: 15px;
  }

  #third_section .clinical-response-rates .copy-container .gotham-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  #third_section .clinical-response-rates .copy-container .body-copy {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  #third_section .clinical-response-rates .copy-container .btn.btn-secondary.gemini {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  #third_section .clinical-response-rates .copy-container .bottom-text {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 10px;
  }

  #third_section .cd-trials .subheading.description-below {
    padding-bottom: 15px;
  }

  #third_section .cd-trials .trial-description {
    padding-bottom: 25px;
  }

  #third_section .cd-trials .copy-container {
    padding-top: 0;
    padding-bottom: 15px;
  }

  #third_section .cd-trials .copy-container .gotham-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  #third_section .cd-trials .copy-container .body-copy {
    padding-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
  }

  #third_section .cd-trials .copy-container h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
  }

  #third_section .cd-trials .button-footnote-container {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  #third_section .cd-trials .button-footnote-container .btn-container {
    padding: 20px 0;
  }

  #third_section .cd-trials .figure-container {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  #third_section .cd-trials .figure-container figcaption {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
  }

  #third_section .cd-trials .figure-container figcaption sup {
    font-size: 14px;
    top: -7px;
  }

  #third_section .cd-trials .figure-container img {
    padding: 15px;
    margin: 0;
  }

  #third_section .cd-trials .tabs [role="tabpanel"] {
    margin: 0 auto;
    text-align: center;
  }

  #third_section .cd-trials .tabs .tabbed {
    width: 100%;
    padding: 10px 30px 0;
  }

  #third_section .study-design .figure-container {
    border: 1px solid #abadb3;
    margin-bottom: 20px;
  }

  #third_section .study-design .figure-container img {
    padding: 20px;
  }

  #third_section .study-design .figure-container img.gemini {
    max-height: 300px;
  }

  #third_section .study-design .figure-container img.varsity {
    max-height: 240px;
  }

  #third_section .study-design .figure-container img.t1-t3 {
    max-height: 400px;
  }

  #third_section .study-design .figure-container img.t2 {
    max-height: 240px;
  }

  #third_section .study-design .copy-container ul.gemini,
  #third_section .study-design .copy-container ul.cd-trials {
    padding-bottom: 10px;
    margin-left: 10px;
  }

  #third_section .study-design .copy-container ul.varsity {
    padding-bottom: 10px;
    padding-top: 8px;
  }

  #third_section .study-design .copy-container .abbvie {
    font-size: 12px;
    padding-top: 10px;
  }

  #third_section .pivotal-trial-data .container {
    padding: 20px 0;
  }

  #third_section .pivotal-trial-data .body-copy {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    padding: 0 20px 0;
  }

  #third_section .pivotal-trial-data figure {
    margin-left: 10px;
    margin-right: 10px;
  }

  #third_section .pivotal-trial-data figure:first-of-type {
    margin-top: 25px;
    margin-bottom: 30px;
  }

  #third_section .pivotal-trial-data figure figcaption {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 25px 0;
  }

  #third_section .pivotal-trial-data figure figcaption sup {
    font-size: 12px;
    top: -6px;
  }

  #third_section .pivotal-trial-data figure img {
    width: 100%;
  }

  #third_section .pivotal-trial-data .btn-container {
    padding: 20px;
  }

  #third_section .pivotal-trial-data .footnote {
    padding: 0 20px 3px;
  }

  #third_section .pivotal-trial-data .footnote.acronyms {
    padding-top: 5px;
  }

  #third_section .pivotal-trial-data .footnote.acronyms:last-of-type {
    padding: 0 20px;
  }

  #third_section .pivotal-trial-data h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    padding: 20px 20px 10px;
  }

  #third_section .pivotal-trial-data .smaller {
    padding: 0 20px 5px 20px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 0;
  }

  #third_section .pivotal-trial-data .ul-main {
    padding: 0 20px;
  }

  #third_section .pivotal-trial-data .ul-main .ul-inner {
    margin-left: 12px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #first_section,
  #third_section {
    background-size: 100% auto;
  }

  #first_section .overview-trial-data .container {
    padding: 0 90px;
  }

  #first_section .overview-trial-data .subheading {
    line-height: 26px;
    font-size: 22px;
  }

  #first_section .overview-trial-data .flex-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #first_section .overview-trial-data .half {
    max-width: 49%;
  }

  #first_section .overview-trial-data .half:last-of-type {
    padding-top: 51px;
  }

  #first_section .overview-trial-data .half:nth-of-type(3) .end-point-description {
    margin-bottom: 0;
  }

  #first_section .overview-trial-data .half .end-point-heading {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
  }

  #first_section .overview-trial-data .half .end-point-heading.cd-trials {
    min-height: 50px;
  }

  #first_section .overview-trial-data .full {
    padding-left: 5px;
    padding-right: 5px;
  }

  #first_section .overview-trial-data .tile {
    margin-bottom: 25px;
  }

  #first_section .overview-trial-data .tile.last-tile {
    margin-bottom: 0;
  }

  #first_section .overview-trial-data .tile.last-tile.varsity {
    margin-bottom: 25px;
  }

  #first_section .overview-trial-data .tile h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    padding: 25px 20px;
  }

  #first_section .overview-trial-data .tile h3 sup {
    font-size: 16px;
    top: -12px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 1075px) and (max-width: 9999px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-1 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 960px) and (max-width: 1140px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-2 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 960px) and (max-width: 986px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-3 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 1025px) and (max-width: 1136px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-3 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 1379px) and (max-width: 9999px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-3 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 1132px) and (max-width: 9999px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-4 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 988px) and (max-width: 9999px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-5 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 1054px) and (max-width: 9999px) {
  #first_section .overview-trial-data .tile h3 br.special-breakpoint-6 {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #first_section .overview-trial-data .tile .image-container.side-by-side {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
  }

  #first_section .overview-trial-data .tile .image-container.side-by-side.gemini {
    min-height: unset;
    padding: 20px;
  }

  #first_section .overview-trial-data .tile .image-container.side-by-side.varsity {
    padding: 20px 0;
  }

  #first_section .overview-trial-data .tile .image-container.side-by-side.cd-trials {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
  }

  #first_section .overview-trial-data .tile .image-container img {
    max-width: 95%;
  }

  #first_section .overview-trial-data .tile .image-container img.solo {
    padding: 20px 0;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 960px) and (max-width: 1199px) {
  #first_section .overview-trial-data .tile .image-container img.solo.varsity {
    max-height: 350px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #first_section .overview-trial-data .copy-container {
    padding: 0 20px;
  }

  #first_section .overview-trial-data .gotham-medium {
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 10px;
    line-height: 20px;
  }

  #first_section .overview-trial-data .gotham-medium sup {
    top: -7px;
    font-size: 12px;
  }

  #first_section .overview-trial-data .end-point-description {
    font-size: 16px;
    line-height: 20px;
  }

  #first_section .overview-trial-data .end-point-description sup {
    top: -5px;
    font-size: 12px;
  }

  #second_section {
    background-size: 100% auto;
    padding-bottom: 50px;
  }

  #third_section div[id]>.subheading {
    font-size: 22px;
    line-height: 26px;
  }

  #third_section div[id]>.subheading:not(:first-of-type) {
    padding-top: 50px;
  }

  #third_section div[id] figure img {
    width: 100%;
  }

  #third_section .accordion {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #third_section .accordion>div {
    width: 49%;
    max-width: 49%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
  }

  #third_section .accordion>div.accordion-list {
    padding: 0 5px 0 0;
  }

  #third_section .accordion>div:nth-child(2) {
    padding: 0 0 0 5px;
  }

  #third_section .accordion button {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #third_section .accordion button[aria-expanded],
  #third_section .accordion div[data-empty-button] {
    padding-top: 20px;
    padding-left: 20px;
    line-height: 30px;
  }

  #third_section .accordion .gotham-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
  }

  #third_section .accordion .gotham-medium sup {
    top: -6px;
    font-size: 10px;
  }

  #third_section .accordion .content {
    padding: 0 20px;
  }

  #third_section .accordion .content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  #third_section .accordion .content p sup {
    top: -6px;
    font-size: 10px;
  }

  #third_section .accordion .content p.link-below {
    margin-bottom: 0;
  }

  #third_section .accordion .content .btn-text.btn-primary {
    padding-bottom: 15px;
  }

  #third_section .accordion .desktop-image {
    margin-right: 0;
    border: 1px solid #abadb3;
    background-color: #fff;
  }

  #third_section .accordion .desktop-image h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: var(--primary-color);
    background-color: #f4e8f3;
    padding: 20px;
  }

  #third_section .accordion .desktop-image h3 sup {
    font-size: 14px;
    top: -12px;
  }

  #third_section .accordion .desktop-image img {
    padding: 20px;
  }

  #third_section .accordion .desktop-image img.desktop-side-padding {
    padding-left: 40px;
    padding-right: 40px;
  }

  #third_section .inner-container {
    border: 1px solid #abadb3;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #third_section .inner-container h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    padding: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  #third_section .inner-container h3 sup {
    font-size: 14px;
    top: -12px;
  }

  #third_section .inner-container p.inner-p {
    padding: 0 20px;
  }

  #third_section .inner-container p.inner-p:first-of-type {
    margin-bottom: 10px;
  }

  #third_section .inner-container .figure-container img {
    padding: 20px;
  }

  #third_section .inner-container .copy-container {
    padding: 0 30px 20px 20px;
  }

  #third_section .clinical-response-rates .subheading.description-below {
    margin-bottom: 15px;
  }

  #third_section .clinical-response-rates .figure-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 57%;
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
    max-width: 57%;
  }

  #third_section .clinical-response-rates .figure-container.varsity {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 94%;
    -ms-flex: 0 0 94%;
    flex: 0 0 94%;
    max-width: 94%;
    border: 0;
  }

  #third_section .clinical-response-rates .copy-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(43% - 25px);
    -ms-flex: 0 0 calc(43% - 25px);
    flex: 0 0 calc(43% - 25px);
    max-width: calc(43% - 25px);
    margin-left: 25px;
    padding-right: 0;
    position: relative;
  }

  #third_section .clinical-response-rates .copy-container.varsity {
    margin-left: 0;
    padding-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 34%;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    max-width: 34%;
  }

  #third_section .clinical-response-rates .copy-container .bottom-text {
    position: absolute;
    bottom: 0;
    left: 25px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 960px) and (max-width: 1135px) {
  #third_section .clinical-response-rates .copy-container .bottom-text {
    position: unset;
    margin-top: 15px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #third_section .clinical-response-rates figure img {
    padding: 10px;
  }

  #third_section .clinical-response-rates figure img.gemini {
    padding-left: 40px;
    padding-right: 100px;
  }

  #third_section .clinical-response-rates figcaption {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    padding: 10px 5px;
  }

  #third_section .clinical-response-rates figcaption sup {
    font-size: 14px;
    top: -12px;
  }

  #third_section .clinical-response-rates .gotham-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
  }

  #third_section .clinical-response-rates .btn.btn-secondary.gemini {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  #third_section .cd-trials .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 410px;
    position: relative;
  }

  #third_section .cd-trials .flex-container.t1-response-rates {
    min-height: 578px;
  }

  #third_section .cd-trials .flex-container.t3-remission-rates {
    min-height: 585px;
  }

  #third_section .cd-trials .flex-container.t3-response-rates {
    min-height: 640px;
  }

  #third_section .cd-trials .flex-container.t3-steroid-free-remission-rates {
    min-height: 595px;
  }

  #third_section .cd-trials .copy-container,
  #third_section .cd-trials .button-footnote-container {
    max-width: calc(100% - 524px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 524px);
    -ms-flex: 0 0 calc(100% - 524px);
    flex: 0 0 calc(100% - 524px);
    padding: 0;
  }

  #third_section .cd-trials .figure-container {
    width: 494px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 494px;
    -ms-flex: 0 0 494px;
    flex: 0 0 494px;
  }

  #third_section .cd-trials .copy-container .gotham-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
  }

  #third_section .cd-trials .copy-container .gotham-medium sup {
    top: -7px;
  }

  #third_section .cd-trials .copy-container .body-copy {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) and (min-width: 960px) and (max-width: 9999px) {
  #third_section .cd-trials .copy-container .body-copy.jump-to {
    font-size: 14px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #third_section .cd-trials .copy-container .body-copy sup {
    top: -7px;
    font-size: 9px;
  }

  #third_section .cd-trials .copy-container h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
  }

  #third_section .cd-trials .button-footnote-container .btn.btn-secondary {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  #third_section .cd-trials .figure-container {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
  }

  #third_section .cd-trials .figure-container figcaption {
    padding: 20px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
  }

  #third_section .cd-trials .figure-container figcaption sup {
    font-size: 14px;
    top: -12px;
  }

  #third_section .cd-trials .figure-container img {
    padding: 20px;
    margin: 0;
    width: 75%;
  }

  #third_section .cd-trials .trial-description {
    padding-bottom: 25px;
  }

  #third_section .study-design .subheading sup {
    top: -8px;
  }

  #third_section .study-design .figure-container {
    margin-bottom: 40px;
  }

  #third_section .study-design .copy-container.varsity {
    padding: 0 70px;
  }

  #third_section .study-design .copy-container ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  #third_section .study-design .copy-container ul.gemini {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
    padding-bottom: 15px;
  }

  #third_section .study-design .copy-container ul.varsity {
    padding-bottom: 30px;
    padding-top: 5px;
  }

  #third_section .study-design .copy-container ul.cd-trials {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
    padding-bottom: 15px;
  }

  #third_section .study-design .copy-container ul.cd-trials li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  #third_section .study-design .copy-container ul.cd-trials li sup {
    top: -7px;
    font-size: 10px;
  }

  #third_section .study-design .copy-container .abbvie {
    font-size: 14px;
    padding-top: 15px;
  }

  #third_section .pivotal-trial-data .body-copy {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
  }

  #third_section .pivotal-trial-data figure:first-of-type {
    margin-top: 50px;
    margin-bottom: 30px;
  }

  #third_section .pivotal-trial-data figure figcaption {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    padding: 35px 0;
  }

  #third_section .pivotal-trial-data figure figcaption sup {
    font-size: 18px;
    top: -8px;
  }

  #third_section .pivotal-trial-data figure img {
    padding: 20px 70px;
  }

  #third_section .pivotal-trial-data .btn-container {
    padding: 30px 0;
  }

  #third_section .pivotal-trial-data h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    padding: 30px 0 10px;
  }

  #third_section .pivotal-trial-data .smaller {
    margin-bottom: 5px;
  }
}

#overview-trial-data .flex-container .half.graph-1,
#overview-trial-data .flex-container .half.graph-2,
#overview-trial-data .flex-container .half.graph-3 {
  margin: 10pt 0;
  border: 1px solid #58595b;
}

#overview-trial-data .flex-container .half.graph-1 .end-point-heading,
#overview-trial-data .flex-container .half.graph-2 .end-point-heading,
#overview-trial-data .flex-container .half.graph-3 .end-point-heading {
  font-weight: 700;
}

#clinical_response_rates_content_id_2,
#long_term_data_content_id_2,
#double_rate_content_1,
#study-design,
#third_section .clinical-response-rates .figure-container {
  margin: 10pt 0;
  padding: 10pt;
  border: 1px solid #58595b;
}

.accordion [aria-hidden]>.content {
  padding: 0 20px 10px;
}

#study-design img {
  width: 90%;
}

.accordion .desktop-image:not(.show) {
  display: none;
  opacity: 0;
  visibility: hidden;
}

sub, sup {
  line-height: normal!important;
}
@media screen and (min-width: 960px) and (max-width: 9999px) {
  #first_section .overview-trial-data .flex-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

[data-row] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[data-row*="center"] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[data-row*="right"] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[data-row*="just-space"] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/**** **** GRID MIXIN **** ***/
/**** **** INIT **** ***/

.accordion {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .btn.btn-secondary {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    will-change: color, border, box-shadow, background;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    -webkit-box-shadow: 0 2px 2px 0 rgb(61 5 58 / 30%);
    box-shadow: 0 2px 2px 0 rgb(61 5 58 / 30%);
    background: #fff;
  }
}

.collapsible.collapse-button.active:after {
  right: 14px;
}

.collapsible.collapse-button:after {
  right: 14px;
}

.block-layout-builder #fixed_isi {
  height: 73px;
  z-index: 99;
  box-shadow: 0px -16px 20px rgba(51, 51, 51, 0.1);
}

.block-layout-builder #fixed_isi .section article .isi-header h2 {
  padding: 8px 16px !important;
  border: 1px solid #E4E4E4;
  position: relative;
  border-radius: 10px;
}

.block-layout-builder #fixed_isi .section article .isi-header {
  max-width: 1080px;
  margin: auto;
  padding: 10px;
  background: #fff;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #fixed_isi h2,
  #fixed_isi h3,
  #fixed_isi p,
  #fixed_isi ol {
    padding-left: 0;
    padding-right: calc(200px + 15px);
    max-width: 1366px;
  }

  .block-layout-builder #fixed_isi ol {
    padding-left: calc(75px + 155px);
    margin-left: 20px;
  }

  #fixed_isi button.fixed_isi_trigger {
    border: 0;
  }

  #fixed_isi button.fixed_isi_trigger span {
    right: 20px;
  }

  #fixed_isi button.fixed_isi_trigger span:before,
  #fixed_isi button.fixed_isi_trigger span:after {
    right: 20px;
    width: 30px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1600px) {

  #fixed_isi h2,
  #fixed_isi h3,
  #fixed_isi p {
    padding-left: 10rem !important;
  }
}

.block-layout-builder #fixed_isi.expanded {
  height: calc(100% - 154px);
  top: 154px;
}

body main {
  position: relative;
}

/***********************/
/**** **** ISI **** ***/
/*********************/
#isi h2,
#fixed_isi h2 {
  margin-bottom: 12px;
  color: var(--primary-color);
  text-transform: uppercase;
}

@media screen and (max-width: 959px) {

  .block-layout-builder #isi h2,
  .block-layout-builder #fixed_isi h2 {
    font-size: 24px;
  }

  .block-layout-builder #fixed_isi .section article .isi-header {
    padding: 15px 1.5rem;
    display: inline-block;
    width: 100%;
    background: #fff;
  }

  .block-layout-builder #fixed_isi .section article .isi-header h2 {
    padding: 8px 25px !important;
    position: relative;
    font-size: 14px;
  }

  .block-layout-builder #fixed_isi {
    height: 65px;
  }

  .block-layout-builder #fixed_isi button.fixed_isi_trigger {
    border: 0;
  }
}

.block-layout-builder #isi h2,
.block-layout-builder #fixed_isi h2 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

#isi h3,
#fixed_isi h3 {
  line-height: 20px;
  margin-bottom: 4px;
}

@media screen and (max-width: 959px) {

  #isi h3,
  #fixed_isi h3 {
    font-family: 'Knockout', sans-serif;
    font-size: 14px;
    font-weight: 700;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi h3,
  #fixed_isi h3 {
    font-family: 'Knockout', sans-serif;
    font-size: 16px;
    font-weight: 700;
  }
}

#isi p,
#fixed_isi p {
  line-height: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 959px) {

  #isi p,
  #fixed_isi p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi p,
  #fixed_isi p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
}

#isi sup,
#fixed_isi sup {
  top: -7px;
  line-height: 0;
}

#isi a,
#fixed_isi a {
  color: var(--primary-color);
  text-decoration: none;
}

@media screen and (max-width: 959px) {

  #isi a,
  #fixed_isi a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi a,
  #fixed_isi a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
  }
}

#isi a.hover,
#isi a:hover,
#fixed_isi a.hover,
#fixed_isi a:hover {
  text-decoration: underline;
}

#isi ul,
#fixed_isi ul {
  list-style-type: none;
}

#isi ul li,
#fixed_isi ul li {
  position: relative;
  padding-left: 10px;
  line-height: 20px;
  margin-bottom: 0;
}

#isi ul li:before,
#fixed_isi ul li:before {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #58595b;
}

@media screen and (max-width: 959px) {

  #isi ul li:before,
  #fixed_isi ul li:before {
    top: 7px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi ul li:before,
  #fixed_isi ul li:before {
    top: 11px;
  }
}

@media screen and (max-width: 959px) {

  #isi ul li,
  #fixed_isi ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi ul li,
  #fixed_isi ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }
}

@media screen and (max-width: 959px) {

  #isi ul li:last-of-type,
  #fixed_isi ul li:last-of-type {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi ul li:last-of-type,
  #fixed_isi ul li:last-of-type {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  #isi .section article .isi-header,
  #fixed_isi .section article .isi-header {
    padding: 0;
  }
}

#fixed_isi.active {
  bottom: -1px;
}

/**** **** INLINE ISI **** ***/

/**** **** FIXED ISI **** ***/
#fixed_isi {
  width: 100%;
  position: fixed;
  bottom: -25vh;
  background: #fff;
  z-index: 3;
  padding: 0;
  max-width: 100%;
  -webkit-transition: bottom 300ms ease-in;
  transition: bottom 300ms ease-in;
}

#fixed_isi button.fixed_isi_trigger {
  position: absolute;
  border-radius: 100%;
  cursor: pointer;
  z-index: 3;
  will-change: border;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 959px) {
  #fixed_isi button.fixed_isi_trigger {
    width: 19px;
    height: 19px;
    right: 15px;
  }

  #fixed_isi button.fixed_isi_trigger span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #fixed_isi button.fixed_isi_trigger span:before,
  #fixed_isi button.fixed_isi_trigger span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: var(--primary-color);
  }

  #fixed_isi button.fixed_isi_trigger span:before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #fixed_isi button.fixed_isi_trigger span:after {
    -webkit-transform: rotate(90deg) translate(-50%, -50%);
    transform: rotate(90deg) translate(-50%, -50%);
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #fixed_isi button.fixed_isi_trigger {
    width: 34px;
    height: 34px;
    right: 40px;
  }

  #fixed_isi button.fixed_isi_trigger span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #fixed_isi button.fixed_isi_trigger span:before,
  #fixed_isi button.fixed_isi_trigger span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 3px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: var(--primary-color);
  }

  #fixed_isi button.fixed_isi_trigger span:before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #fixed_isi button.fixed_isi_trigger span:after {
    -webkit-transform: rotate(90deg) translate(-50%, -50%);
    transform: rotate(90deg) translate(-50%, -50%);
  }
}

@media screen and (max-width: 374px) {
  #fixed_isi button.fixed_isi_trigger {
    right: 10px;
  }
}

#fixed_isi button.fixed_isi_trigger:focus,
#fixed_isi button.fixed_isi_trigger:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#fixed_isi button.fixed_isi_trigger span:after {
  will-change: width;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#fixed_isi.expanded {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 20px;
  z-index: 100;
}

#fixed_isi.expanded article {
  overflow: hidden;
}

#fixed_isi.expanded button.fixed_isi_trigger span:after {
  width: 0;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #fixed_isi.expanded ul li:first-child {
    line-height: 26px;
  }
}

#fixed_isi .isi-header {
  background: #f0deee;
}

#fixed_isi h3 a {
  color: var(--primary-color);
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #fixed_isi {
    height: 95px;
  }

  #fixed_isi button.fixed_isi_trigger span:after {
    width: 30px;
  }

  #fixed_isi h2 {
    padding: 11px 0 7px 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    margin-bottom: 4px;
  }

  #fixed_isi ul,
  #fixed_isi h3,
  #fixed_isi p {
    margin-left: auto;
    margin-right: auto;
  }

}

#fixed_isi h2,
#fixed_isi ul,
#fixed_isi h3,
#fixed_isi p {
  max-width: 1080px;
  padding: 0 15px;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  #fixed_isi:not(.expanded) ul li:first-child {
    line-height: 19px;
  }

  #fixed_isi:not(.expanded) ul li:first-child:before {
    top: 7px;
  }
}

@media screen and (max-width: 959px) {
  #fixed_isi {
    height: 120px;
  }

  #fixed_isi button.fixed_isi_trigger span:after {
    width: 15px;
  }

  #fixed_isi h2 {
    padding: 8px 25px;
    font-size: 14px;
    margin-bottom: 5px;
  }

  #fixed_isi ul {
    padding: 0 25px;
    font-size: 14px;
  }

  #fixed_isi h3,
  #fixed_isi p {
    padding: 0 25px;
  }
}

html.fixed-isi-active {
  overflow: hidden;
}

/*****************************/
/**** **** ACCORDION **** ***/
/***************************/

.accordion .accordion-list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.accordion>div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% - 450px);
  -ms-flex: 0 0 calc(100% - 450px);
  flex: 0 0 calc(100% - 450px);
  max-width: none;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion>div:nth-child(1) {
    padding: 0 25px 0 0;
  }

  .mecanismo-page .accordion>div:nth-child(1) {
    padding: 0 25px !important;
  }

  .mecanismo-page .footnote {
    padding: 0 25px !important;
  }
}

.accordion [aria-hidden] {
  overflow: hidden;
  -webkit-animation: accordion_animation 600ms ease-in-out forwards;
  animation: accordion_animation 600ms ease-in-out forwards;
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.accordion [aria-hidden="true"] {
  display: none;
}

@media screen and (max-width: 959px) {
  .accordion .desktop-image {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion .desktop-image img {
    width: 100%;
  }

  .accordion .desktop-image figcaption {
    text-align: right;
    font-style: italic;
  }
}

@media screen and (max-width: 959px) {
  .accordion .footnote {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .accordion .to_footnote {
    margin: 0 12px;
  }

  .accordion .to_footnote p {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion .to_footnote {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .accordion [aria-hidden] .figure-content {
    margin: 0 12px;
  }

  .accordion [aria-hidden] .figure-content img {
    width: 100%;
  }

  .accordion [aria-hidden] .figure-content figcaption {
    text-align: right;
    font-style: italic;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion [aria-hidden] .figure-content {
    display: none;
  }
}

.accordion ul {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

.accordion ul>li {
  margin: 0;
  padding: 0;
}

.block-field-blocknodeproductfield-tab .accordion .accordion-list > ul > li {
  margin: 0 0 10px 0;
  will-change: background;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border-radius: 10px;
}

.accordion ul li.hover,
.accordion ul li:hover,
.accordion ul li.active {
  background: #f4e8f3;
}

.accordion div[data-empty-button],
.accordion button[aria-expanded] {
  position: relative;
  padding: 10px 56px 10px 20px;
  color: var(--primary-color);
  width: 100%;
  display: block;
  text-align: left;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  will-change: background;
  background-color:#f4e8f3;
}

.accordion div[data-empty-button] span,
.accordion button[aria-expanded] span {
  position: absolute;
  top: 50%;
  left: auto;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accordion div[data-empty-button] span:before,
.accordion div[data-empty-button] span:after,
.accordion button[aria-expanded] span:before,
.accordion button[aria-expanded] span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 3px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background: var(--primary-color);
}

.accordion div[data-empty-button] span:before,
.accordion button[aria-expanded] span:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.accordion div[data-empty-button] span:after,
.accordion button[aria-expanded] span:after {
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
  will-change: width;
  transform: rotate(90deg) translate(-50%, -50%);
}

@media screen and (max-width: 959px) {

  .accordion div[data-empty-button],
  .accordion button[aria-expanded] {
    font-family: 'Knockout', sans-serif;
    font-size: 22px;
    font-weight: 400;
  }

  .accordion div[data-empty-button] span,
  .accordion button[aria-expanded] span {
    right: 20px;
  }

  .accordion div[data-empty-button] sup,
  .accordion button[aria-expanded] sup {
    top: -7px;
    font-size: 12px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  .accordion div[data-empty-button],
  .accordion button[aria-expanded] {
    font-family: 'Knockout', sans-serif;
    font-size: 26px;
    font-weight: 400;
  }

  .accordion div[data-empty-button] span,
  .accordion button[aria-expanded] span {
    right: 27px;
  }

  .accordion div[data-empty-button] sup,
  .accordion button[aria-expanded] sup {
    top: -11px;
    font-size: 15px;
  }
}

.accordion button[aria-expanded="true"] span:after {
  width: 2px;
}

@media screen and (max-width: 959px) {
  .accordion [aria-hidden] p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .accordion [aria-hidden] figure figcaption,
  .accordion [aria-hidden] .to_footnote p {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion [aria-hidden] p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
}

.accordion em.vs,
.accordion em.and {
  font-style: normal;
}

.accordion[data-accordion-type="list"] li {
  counter-increment: ListCounter;
}

.accordion[data-accordion-type="list"] button[aria-expanded] div > * {
  margin-bottom: 0;
}

@media screen and (max-width: 959px) {
  .accordion[data-accordion-type="list"] button[aria-expanded] {
    padding-left: 15px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion[data-accordion-type="list"] button[aria-expanded] {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.accordion[data-accordion-type="list"] .content p:last-child {
  margin-bottom: 0;
}

.accordion[data-accordion-type="list"] button[aria-expanded]:before {
  position: absolute;
}

@media screen and (max-width: 959px) {
  .accordion[data-accordion-type="list"] button[aria-expanded]:before {
    left: 12px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion[data-accordion-type="list"] button[aria-expanded]:before {
    left: 20px;
  }
}

@media screen and (max-width: 959px) {
  .accordion[data-accordion-type="list"] [aria-hidden]>.content {
    padding-left: 30px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .accordion[data-accordion-type="list"] [aria-hidden]>.content {
    padding-left: 30px;
  }
}


.border-center {
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: 'Open Sans HTF49-Liteweight', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 105%;
  text-transform: uppercase;
  color: var(--primary-color);
  display: flex;
  width: 100%;
  align-items: flex-end;
  margin: 40px 0;
  text-align: center;
}

.border-center:before {
  margin-right: 8px;
}

.border-center:after {
  margin-left: 8px;
}

.border-center:before,
.border-center:after {
  content: '';
  height: 3px;
  background: #ffcb03;
  flex-grow: 1;
}

#uc-cd-trials figure img {
  width: 100%;
}

.two_column_video {
  width: 45%;
  margin: 2%;
}

@media screen and (max-width: 959px) {
  .two_column_video {
    width: 95%;
  }
}

iframe {
  border: none;
}

[data-row],
.accordion {
  margin: 0;
  display: block;
}

/**** **** GRID MIXIN **** ***/
/**** **** INIT **** ***/

[data-col] {
  padding-right: 5px;
  padding-left: 5px;
}

[data-col*="col-1"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

[data-col*="col-2"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

[data-col*="col-3"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

[data-col*="col-4"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

[data-col*="col-5"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

[data-col*="col-6"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

[data-col*="col-7"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

[data-col*="col-8"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

[data-col*="col-9"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

[data-col*="col-10"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

[data-col*="col-11"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

[data-col*="col-12"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* from laptop to desktop */
@media screen and (max-width: 959px) {

  [data-col] {
    padding-right: 5px;
    padding-left: 5px;
  }

  [data-col*="mobile-1"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  [data-col*="mobile-2"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  [data-col*="mobile-3"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  [data-col*="mobile-4"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  [data-col*="mobile-5"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  [data-col*="mobile-6"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  [data-col*="mobile-7"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  [data-col*="mobile-8"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  [data-col*="mobile-9"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  [data-col*="mobile-10"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  [data-col*="mobile-11"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  [data-col*="mobile-12"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* from laptop to desktop */
@media screen and (min-width: 960px) and (max-width: 9999px) {

  [data-col] {
    padding-right: 5px;
    padding-left: 5px;
  }

  [data-col*="desktop-1"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  [data-col*="desktop-2"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  [data-col*="desktop-3"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  [data-col*="desktop-4"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  [data-col*="desktop-5"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  [data-col*="desktop-6"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  [data-col*="desktop-7"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  [data-col*="desktop-8"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  [data-col*="desktop-9"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  [data-col*="desktop-10"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  [data-col*="desktop-11"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  [data-col*="desktop-12"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/**** **** BORDER HEADING **** ***/
h2.border,
h2.border-center {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  color: #fff;
  align-items: baseline;
}

h2.border span,
h2.border-center span {
  display: inline-block;
}

h2.border:before,
h2.border-center:before {
  margin-right: 3px;
}

h2.border:before,
h2.border:after,
h2.border-center:before,
h2.border-center:after {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 3px;
  background: #ffcb03;
  margin-left: 3px;
}

@media screen and (max-width: 959px) {

  h2.border,
  h2.border-center {
    font-family: 'Knockout', sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 36px;
    padding-top: 25px;
    border: 0 !important;
  }

  h2.border sup,
  h2.border-center sup {
    top: -15px;
    font-size: 16px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {

  h2.border,
  h2.border-center {
    font-family: 'Knockout', sans-serif;
    font-size: 42px;
    font-weight: 700;
    padding-top: 45px;
    padding-bottom: 25px;
    border: 0 !important;
  }

  h2.border sup,
  h2.border-center sup {
    top: -14px;
    font-size: 20px;
  }
}

h2.border span {
  padding-right: 10px;
}

h2.border:after {
  content: '';
}

@media screen and (max-width: 959px) {
  h2.border:after {
    content: none;
  }
}

h2.border-center {
  color: var(--primary-color);
  background-color: #fff;
  margin-left: -100%;
  margin-right: -100%;
  text-align: center;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  h2.border-center {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 55px;
    margin-bottom: 35px;
  }
}

h2.border-center span {
  padding: 0 10px;
}

h2.border-center:before,
h2.border-center:after {
  content: '';
}

.accordion-container {
  background: #fff;
}

.mecanismo-page .moa-intro .key-point p,
.mecanismo-page .moa-intro .body-copy p {
  color: #212529;
}

.moa-intro .key-point p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

@media screen and (min-width: 960px) {
  #isi article {
    padding: 75px 0 0;
  }

  .moa-intro .key-point p {
    font-size: 22px;
  }

  .moa-intro .body-copy p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
  }
}

@media screen and (max-width: 959px) {
  .accordion-container {
    padding: 10px;
  }
}

.moa-intro .brand-secondary {
  color: #ffcb03;
  font-weight: bold;
}

#references h3 {
  font-family: 'Knockout', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--primary-color);
  padding-bottom: 0;
}

#references ol li {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 4px;
}

#references ol {
  margin-bottom: 30px;
}


.video-player .video-cms,
.video-player .video-js {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

[class*="grid-"] {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.video-player {
  background: #fff;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  h2.banner {
    font-family: 'Open Sans', sans-serif;
    font-size: 42px;
    font-weight: 700;
    padding: 25px 0;
    margin-top: 80px;
    margin-bottom: 32px;
  }
}

h2.banner {
  text-align: center;
  color: var(--primary-color);
  background-color: #fff;
}

.tab-info .accordion {
  display: flex;
}

.tab-info .accordion div {
  max-width: 49%;
}

.tab-info .accordion .accordion-list div {
  max-width: 100%;
}

.item-download-file {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  border: 1px solid var(--primary-color);
}

.item-download-file.col-lg-6 {
  max-width: calc(50% - 20px);
}

.item-download-file.col-lg-4 {
  max-width: calc(33.333333% - 20px);
}

.item-download-file.col-lg-3 {
  max-width: calc(25% - 20px);
}

.item-download-file .download-icon {
  padding: 2px 0;
  margin-bottom: 0;
  font-weight: 600;
}

.item-download-file .download-title {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: var(--primary-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
}

.item-download-file .item-download-file-content {
  display: flex;
  flex-direction: column;
  height: 54px;
  justify-content: end;
}

.item-download-file .download-description {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
}

@media screen and (max-width: 961px) {
  .item-download-file {
    max-width: 100%!important;
  }
}

@media screen and (max-width: 959px) {
  .accordion .footnote {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .footnote {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }
}

button[id^=accordion_trigger_id][aria-expanded="false"] {
  border-bottom: 0;
}

.accordion ul li button[id^=accordion_trigger_id] {
  border: 0;
}

.accordion ul li .img-description {
  text-align: right;
  font-style: italic;
  font-size: 12px;
  padding: 0 20px;
}

form[id^=layout-builder] input[type=color] {
  width: 75px !important;
  height: 35px !important;
}

form[id^=layout-builder] input[type=text] {
  width: 100% !important;
  background: #fff !important;
  color: #000 !important;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .tab-info .cd-trials .copy-container h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
  }
}

.tab-info .cd-trials .copy-container h3 {
  color: var(--primary-color);
}

.tab-info .cd-trials .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 410px;
  position: relative;
}

.dosificacion-y-administracion {
  background: url("/sites/default/files/inline-images/purple-gradient.svg") 50% 0 repeat-y;
  background-size: 100% auto
}

.dosificacion-y-administracion .simple-dosing p {
  color: #fff;
  margin-bottom: 0;
}


.dosificacion-y-administracion article>div p {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 35px;
}

.tab-info .accordion .desktop-image h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: var(--primary-color);
  background-color: #f4e8f3;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.tab-info .accordion .desktop-image {
  margin-right: 0;
  border: 1px solid #abadb3;
  background-color: #fff;
}

.tab-info .subheading,
.tab-info-nav-3 .sub-heading {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
  font-weight: 700;
  margin-bottom: 25px;
  color: var(--primary-color);
}

.tab-info-nav-3 .sub-heading {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.tab-info strong {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.tab-info .accordion-controls .gotham-medium {
  padding: 0 20px 10px 20px
}

.tab-info .accordion div[data-empty-button],
.tab-info .accordion button[aria-expanded] {
  text-transform: unset;
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.tab-info #clinical_response_rates_content_id_2,
.tab-info #long_term_data_content_id_2,
.tab-info #double_rate_content_1 {
  border: unset;
  margin-top: unset;
}

.tab-info .accordion .active {
  border: 1px solid #c4c5ca;
}

.tab-info .clinical-response-rates .figure-container figcaption {
  color: var(--primary-color);
  text-align: center;
  background-color: #f4e8f3;
  line-height: 30px;
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.tab-info .clinical-response-rates figcaption {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  font-weight: 400;
  padding: 10px 5px;
}

.tab-info .clinical-response-rates .figure-container {
  border: 1px solid #abadb3;
  padding: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 57%;
  -ms-flex: 0 0 57%;
  flex: 0 0 57%;
  max-width: 57%;
}

.tab-info .clinical-response-rates .copy-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(43% - 25px);
  -ms-flex: 0 0 calc(43% - 25px);
  flex: 0 0 calc(43% - 25px);
  max-width: calc(43% - 25px);
  margin-left: 25px;
  padding-right: 0;
  position: relative;
}

.tab-info .accordion ul li {
  margin: 0 0 10px 0 !important;
}

.tab-info .clinical-response-rates .btn.btn-secondary.gemini {
  margin-top: 10px;
  margin-bottom: 20px;
}

.tab-info .clinical-response-rates .gotham-medium {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}

.tab-info .accordion .desktop-image img.desktop-side-padding {
  padding-left: 40px;
  padding-right: 40px;
}

ul[data-bullet],
ul.hcp-bullet {
  list-style-type: none;
  padding-left: unset;
}

ul[data-bullet="primary"]>li:before,
ul.hcp-bullet_primary>li:before {
  color: var(--primary-color);
}

ul[data-bullet]>li:before,
ul.hcp-bullet>li:before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--primary-color);
}

ul[data-bullet]>li,
ul.hcp-bullet>li {
  position: relative;
  padding-left: 10px;
  padding-bottom: 5px;
  color: rgb(88, 89, 91);
}


.tab-content h2.border-center {
  margin: unset;
}

.tab-content .btn-container {
  padding-bottom: 20px;
}

.tab-info.title h2.border-center {
  margin: unset;
  background-color: white;
}

.tab-info.title {
  margin-top: 70px;
  margin-bottom: 70px;
  background: white;
}

ul#myTab {
  background: white;
}

.nav-item a {
  color: #495057;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  color: var(--primary-color);
}

.nav-tabs .nav-item:hover:not(.active),
.nav-tabs .nav-item.active {
  color: var(--primary-color);
  font-weight: bold;
  border-bottom: 3px solid var(--primary-color) !important;
  box-sizing: border-box;
}

.nav-tabs .nav-item:hover a {
  color: var(--primary-color) !important;
}

.tab-content#myTabContent {
  border-top: unset;
  background-color: white;
}

.tab-info .desktop-image.figure-content h3,
.tab-info .desktop-image.show h3 {
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.container-var {
  background-color: white;
}


#first_section .overview-trial-data .container-var .tile h3 {
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
  padding: 25px 20px;
  color: var(--primary-color);
  background: #f4e8f3;
  margin-top: 20px;
  margin-bottom: 10px;
}

#first_section .overview-trial-data .container-var .tile {
  border: 1px solid #abadb3;
}

@media screen and (min-width: 992px) {
  .row-offset-1 {
    margin-left: -8.333333%;
  }
}

.gemini-i-entyvio-vs-placebo {
  background-color: white;
}

.paragraph--type--carousel-banner .field__label {
  display: none;
}

.gemi-iii .half.graph-1,
.gemi-iii .half.graph-2,
.gemi-iii .half.graph-3 {
  border: unset !important;
}

.gemini-i-entyvio-vs-placebo#first_section .overview-trial-data .tile h3 {
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.gemi #overview-trial-data .flex-container .half.graph-1,
.gemi #overview-trial-data .flex-container .half.graph-3,
.gemi #overview-trial-data .flex-container .half.graph-2 {
  padding: unset;
  border: unset
}

.gemi .tab-info .gotham-medium {
  padding: 0 20px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: unset;
  color: rgb(88, 89, 91);
}

.gemi .tab-info #clinical_response_rates_content_id_2,
.gemi .tab-info #long_term_data_content_id_2,
.gemi .tab-info #double_rate_content_1 {
  padding: 0 50px;
}

.gemi .tab-info #clinical_response_rates_content_id_2 .content p,
.gemi .tab-info #long_term_data_content_id_2 .content p,
.gemi .tab-info #double_rate_content_1 .content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}

.gemi .tab-info #double_rate_content_1 .content p {
  color: rgb(88, 89, 91);
}

.gemi .tab-info #clinical_response_rates_content_id_2 .content p.link-below,
.gemi .tab-info #long_term_data_content_id_2 .content p.link-below,
.gemi .tab-info #double_rate_content_1 .content p.link-below {
  color: rgb(88, 89, 91);
  margin-bottom: unset;
}

.gemi .tab-info #clinical_response_rates_content_id_2 .content p.see-text,
.gemi .tab-info #long_term_data_content_id_2 .content p.see-text,
.gemi .tab-info #double_rate_content_1 .content p.see-text {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
}

.tab-info .clinical-response-rates .gemini.copy-container .gotham-medium {
  padding-left: unset;
}

.block-layout-builder .block-title-section {
  margin-top: 0;
}

.block-inline-blockblock-title-section.block-title-section {
  padding-top: 36px;
  padding-bottom: 16px;
  margin: 0 auto 0 auto;
}

.gemi .tab-content .clinical-response-rates .copy-container .body-copy {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 10px;
}

.gemi .tab-content .clinical-response-rates .copy-container .bottom-text {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  color: var(--primary-color);
}

@media screen and (max-width: 1135px) {
  .gemi .tab-content .clinical-response-rates .copy-container .bottom-text {
    position: unset;
    margin-top: 15px;
  }

}

@media screen and (max-width: 991px) {
  .tab-info .accordion div {
    max-width: 100%;
  }
}

.gemi #first_section .overview-trial-data p.footnote {
  font-size: 12px;
  padding-bottom: 10px;
}

.gemi #first_section .overview-trial-data .tile {
  border: 1px solid #abadb3;
}

.gemi .gemini-i-entyvio-vs-placebo#first_section .overview-trial-data .tile h3 {
  margin-top: 20px;
}

.gemi .tab-content ul.gemini li {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

.gemi #first_section .overview-trial-data .half .end-point-heading {
  font-family: 'Open Sans', sans-serif;
}

.third-menu-content .block-inline-blockblock-title-section.block-title-section {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .layout .block-title-section h2 {
    font-size: 47px;
  }
}

.third-menu-content h2.border {
  padding-top: 0;
}

body article .third-menu-content .varsity-adverse-events .subheading {
  color: #212529;
}

.varsity #first_section .overview-trial-data .end-point-description,
.varsity #first_section .text_bottom_violet,
.varsity .varsity_footnote p,
.varsity .varsity_aside p {
  font-family: 'Open Sans', Arial, sans-serif;
}

#first_section .container,
#third_section .container {
  position: relative;
  z-index: 1;
}

#first_section .container:after,
#third_section .container:after {
  background-size: 235px auto;
  height: 235px;
  width: 235px;
}

@media screen and (min-width: 1288px) {
  .varsity #first_section .tile .shot-word {
    padding-right: 163px !important;
  }
}

.gemi-iii .end-point-heading .cd-trials {
  font-size: 22px;
  font-weight: 700;
}

.gemi-iii #first_section .overview-trial-data .tile {
  border: 1px solid #abadb3;
}

.gemi-iii #first_section .overview-trial-data .tile h3 {
  font-family: 'Knockout', sans-serif;
  margin-top: 20px;
  margin-bottom: 10px;
}

.gemi-iii #first_section .overview-trial-data p.footnote {
  line-height: 12px;
  font-size: 12px;
}

.administracion h2.border {
  color: var(--primary-color);
  padding-left: 40px;
  padding-right: 40px;
}

.administracion .flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px;
}

.administracion .tile {
  border: 1px solid #abadb3;
  text-align: center;
  background: #fff;
}

.administracion .tile h3 {
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: var(--primary-color);
  padding: 25px;
  background: #f4e8f3;
  margin-top: 20px;
  margin-bottom: 10px;
}

.administracion .tile-1 {
  width: calc(70% - 20px);
}

.administracion .tile-2 {
  width: calc(30% - 20px);
}

.administracion .tile p {
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 700;
}

.administracion p.footnote {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  max-width: 90%;
  margin: auto;
}

.administracion p.summary {
  font-size: 22px;
  font-weight: 700;
  color: var(--primary-color);
  padding-left: 40px;
  padding-right: 40px;
}

.administracion .item-download-file {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (max-width: 992px) {
  .administracion .flex-container {
    display: block;
  }

  .administracion .tile-1,
  .administracion .tile-2 {
    width: 100%;
  }
}

.block-layout-builder ul#myTab li {
  padding: 10px 0;
  border-bottom: 3px solid transparent;
}

@media screen and (min-width: 1120px) {
  .gemi-iii .tab-info .clinical-response-rates .copy-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 524px);
    -ms-flex: 0 0 calc(100% - 524px);
    flex: 0 0 calc(100% - 524px);
    padding: 0;
  }
}

@media screen and (min-width: 1120px) {
  .gemi-iii .tab-info .cd-trials .figure-container {
    width: 494px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 494px;
    -ms-flex: 0 0 494px;
    flex: 0 0 494px;
  }
}

@media screen and (min-width: 1120px) {
  .gemi-iii .tab-info .cd-trials .figure-container {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
  }
}

@media screen and (min-width: 1120px) {
  .gemi-iii .tab-info .cd-trials .button-footnote-container {
    max-width: calc(100% - 524px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 524px);
    -ms-flex: 0 0 calc(100% - 524px);
    flex: 0 0 calc(100% - 524px);
    padding: 0;
  }
}

@media screen and (min-width: 1120px) {
  .gemi-iii .tab-info .clinical-response-rates .figure-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 57%;
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
    max-width: 57%;
  }

  .gemi-iii .tab-info .subheading {
    padding-top: 35px;
  }
}

@media screen and (max-width: 1120px) {
  .gemi-iii .tab-info .clinical-response-rates .figure-container {
    max-width: 100% !important;
  }

  .gemi-iii .tab-info .see-text {
    display: none;
  }
}

@media screen and (max-width: 1120px) {
  .gemi-iii .tab-info .clinical-response-rates .copy-container {
    max-width: 100%;
  }
}

.gemi-iii .tab-info .cd-trials .figure-container img {
  padding: 20px;
  margin: 0;
  width: 75%;
}

.gemi-iii .tab-info .cd-trials .flex-container {
  min-height: 578px;
}

.gemi-iii .tab-info .clinical-response-rates .copy-container {
  margin-left: unset;
}

.gemi-iii .tab-info .cd-trials .copy-container .body-copy.jump-to strong,
.gemi-iii .tab-info .jump-to.primary.body-copy strong {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 14px;
}

@media screen and (max-width: 1120px) {
  .gemi-iii .tab-info .cd-trials .copy-container .body-copy.jump-to strong {
    display: none;
  }
}

.gemi-iii .tab-info .cd-trials .figure-container figcaption {
  padding: 20px 25px;
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  border-bottom: 1px solid #abadb3;
  text-align: left;
  background-color: #f4e8f3;
  color: var(--primary-color);
}

.gemi-iii .tab-info .figure-container {
  padding: unset;
}

.gemi-iii .tab-info .subheading.description-below,
.gemi-iii .tab-info .trial-description {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin-bottom: 25px;
  color: var(--primary-color);
}

.gemi-iii .tab-info .subheading.description-below {
  font-size: 22px;
}

.gemi-iii .tab-info .trial-description {
  padding-left: 15px;
  padding-right: 15px;
}

.gemi-iii .tab-info .cd-trials .copy-container h3 {
  font-family: 'Knockout', sans-serif;
}

.gemi-iii .tab-info .body-copy {
  color: rgb(88, 89, 91);
}

.gemi-iii .tab-info .clinical-response-rates .gotham-medium {
  color: rgb(88, 89, 91);
}

.gemi-iii .tab-info .footnote span {
  color: rgb(88, 89, 91);
}

.gemi-iii .tab-info .subheading {
  padding-left: 15px;
  font-size: 22px;
}

.gemi-iii .tab-info .cd-trials .figure-container {
  border: 1px solid #abadb3;
}


.gemi-iii .tab-info .container-gemini .gotham-medium {
  color: rgb(88, 89, 91);
  font-weight: 600;
}

.download-pi h4 {
  color: #333333;
  font-family: 'Open Sans', serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 12px;
}

.download-pi a {
  background: var(--primary-color);
  color: white;
  font-family: 'Open Sans', serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
  padding: 18px 121px;
  display: block;
  width: max-content;
  margin: auto;
}

.download-pi a:hover {
  box-shadow: 0 3px 8px 0 rgb(61 5 58 / 30%);
}

.administracion .pi-link {
  font-weight: 700;
  color: var(--primary-color);
  text-decoration: none;
}

.quick-access-link {
  background-color: var(--primary-color);
  color: white;
  padding: 18px 32px;
  display: block;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.quick-access-link:hover {
  background: #7C2070;
  color: white;
  text-decoration: none;
}

.quick-access-link .quick-access-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}

.accordion-collapse-tab {
  margin-bottom: 15px;
}

.accordion-collapse-tab h2 {
  padding: 12px 16px;
  border: 1px solid #E4E4E4;
  border-radius: 6px;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: var(--primary-color);
  text-transform: capitalize;
}

.accordion-collapse-tab button.btn-plus {
  width: 34px;
  height: 34px;
  right: 40px;
  position: absolute;
  border-radius: 100%;
  cursor: pointer;
  z-index: 3;
  will-change: border;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: transparent;
  border: 0;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
}

.accordion-collapse-tab button.btn-plus span {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 20px;
  width: 13px;
  height: 13px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.accordion-collapse-tab button.btn-plus span:before,
.accordion-collapse-tab button.btn-plus span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 3px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  background: var(--primary-color);
  right: 20px;
}

.accordion-collapse-tab button.btn-plus span:after {
  -webkit-transform: rotate(90deg) translate(-50%, -50%);
  transform: rotate(90deg) translate(-50%, -50%);
  will-change: width;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

@media screen and (max-width: 959px) {
  .block-layout-builder .accordion-collapse-tab h2 {
    margin-top: 1.5rem;
    padding: 8px 25px;
  }

  .accordion-collapse-tab button.btn-plus span:before,
  .accordion-collapse-tab button.btn-plus span:after {
    width: 15px;
  }

  .block-layout-builder .accordion-collapse-tab button.btn-plus {
    right: 5px;
  }
}

.tab-content .tab-pane {
  padding: 0 3rem;
}

.download-files {
  padding-top: 48px;
  padding-bottom: 48px;
}

.nav-tab-wrapper .nav {
  min-width: 990px;
  overflow: hidden;
}

@media screen and (max-width: 959px) {
  .nav-tab-wrapper .nav {
    padding: 0 !important;
  }

  .tab-content .tab-pane {
    padding: 0 1rem;
  }

  .tab-content .tab-pane .container {
    padding-left: 0;
    padding-right: 0;
  }

  h2.border,
  h3.border {
    display: inline-block;
  }
}

.tab-content .btn-text.btn-primary {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 9px 20px 9px 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  color: var(--primary-color);
  background-color: #337ab7;
  border-color: #2e6da4;
}

.tab-content .btn-text.btn-primary:after {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  position: relative;
  top: 2px;
  padding-left: 4px;
  content: '\00BB';
  font-size: 28px;
  will-change: padding;
}

h2[data-toggle="collapse"],
h3[data-toggle="collapse"] {
  cursor: pointer;
}

.tab-content .btn-text.btn-primary:hover {
  background-color: #286090;
  border-color: #204d74;
}

.visible-1 #first_section {
  padding-bottom: unset;
}

.visible-1 .text-primary-color {
  text-transform: unset;
}

.visible-1 .block-title-section h2:after {
  margin-bottom: 29px;
}

.block-title-section .section-title p {
  max-width: 909px;
}

.varsity #first_section .overview-trial-data .tile h3 {
  font-family: 'Knockout', sans-serif;
  margin-top: 20px;
}

.varsity #first_section .overview-trial-data .tile {
  border: 1px solid #abadb3;
}


.paciente-moderado .entyvioconnect-logo {
  width: 60% !important
}

.paciente-moderado .pac_mod_h1_header {
  color: #747373 !important;
  width: 60%;
  line-height: 1.5 !important;
  margin-top: -22px;
  margin-left: 10px;
  font-size: 28px;
  font-weight: normal !important
}

/**END HERO**/
/**HEADER**/
.paciente-moderado .navigation-wrapper {
  background: #F5F4F4 !important;
  padding: 0.5% 1% 4% 1% !important;
  top: 0 !important;
  margin-bottom: 40px !important
}

.paciente-moderado #indication_bar,
.paciente-moderado .subheading {
  display: none !important
}

.paciente-moderado .navigation-wrapper section h2 {
  margin-top: 0 !important
}

.paciente-moderado .navigation-wrapper section h2.border-center {
  color: #B941A9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  background: transparent;
  margin: auto;
  padding-bottom: 5%
}

.paciente-moderado .navigation-wrapper section h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  max-width: 80%;
  margin: auto;
  margin-bottom: 50px;
  text-align: center
}

.paciente-moderado [data-page-category="AccessSupport"] .navigation-wrapper .navigation-temp .btn-secondary {
  padding: 20px 10px;
  max-width: none;
}

/**END HEADER**/

/**COMMONS**/
.paciente-moderado #insurance-support {
  max-width: 1140px;
  margin: 2% auto;
}

.paciente-moderado section.wrapper {
  padding: 4%;
}

.paciente-moderado h2.border-center,
.paciente-moderado h2.border {
  text-transform: uppercase;
  font-size: 36px !important
}

.paciente-moderado footer sup {
  top: -2px !important;
}

.paciente-moderado h2 sup {
  top: -17px !important
}

.paciente-moderado footer {
  margin-top: 0;
  background: transparent;
  color: #867f86;
  line-height: 1.4;
}

.paciente-moderado .text_violet p {
  color: #AB4BA4 !important
}

/**END COMMONS**/

/**VIDEO**/
.paciente-moderado .header_video {
  display: flex;
}

.paciente-moderado .header_image {
  display: inline-block
}

.paciente-moderado .text_header_video,
.paciente-moderado .header_image {
  width: 50%
}

.paciente-moderado .text_header_video {
  background: linear-gradient(to right, #5D2155, #B941A9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paciente-moderado .text_header_video p {
  font-size: 30px !important;
  color: #fff !important;
  font-weight: bold !important;
  text-transform: uppercase;
  padding: 4%;
  text-align: center
}

.paciente-moderado .text_header_video_grey,
.paciente-moderado .header_image {
  width: 50%
}

.paciente-moderado .text_header_video_grey {
  background: linear-gradient(to right, #c7c4c4, #F5F4F4 25%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paciente-moderado .text_header_video_grey p {
  font-size: 30px !important;
  color: #9A248E !important;
  font-weight: bold !important;
  text-transform: uppercase;
  padding: 4%;
  text-align: center
}

.paciente-moderado .video_body {
  padding: 4%;
}

.paciente-moderado .video_block img {
  width: 100%;
  height: 100%
}

/**VIDEO**/

/**CARACTERISTICAS**/
.paciente-moderado h2.violet {
  font-size: 40px;
  color: #B941A9 !important;
  text-transform: uppercase;
  margin-bottom: 0 !important;
  width: fit-content;
  margin-top: 16px !important
}

.paciente-moderado aside.caracteristicas {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 9px 0 9px 0;
}

.paciente-moderado aside.caracteristicas p {
  color: #B941A9 !important;
  font-size: 20px !important;
  margin-bottom: 30px !important
}

.paciente-moderado aside p {
  color: #747373
}

.paciente-moderado p {
  color: #747373
}

.paciente-moderado aside.caracteristicas .first_text {
  width: 33%
}

.paciente-moderado aside.caracteristicas .second_text {
  width: 45%
}

/**END CARACTERISTICAS**/

/**CUADRO**/
.paciente-moderado .cuadro.gris {
  background: #F5F4F4;
  padding: 2% 3% 4% 3%
}

.paciente-moderado .cuadro {
  background: transparent;
}

.paciente-moderado .cuadro p {
  font-size: 16px !important
}

.paciente-moderado .cuadro_image {
  margin-top: 4%;
  margin-bottom: 30px
}

.paciente-moderado .cuadro img {
  width: 100%;
}

.paciente-moderado .cuadro footer {
  color: #867f86 !important;
  margin-top: 4%;
  font-size: 12px !important;
}

/**END CUADRO**/


/**MEDIA QUERIES**/
/**SCROLL **/
@media screen and (max-width: 959px) {
  .paciente-moderado .mobile-scroll-container {
    overflow-x: scroll;
    width: 100%;
    justify-content: flex-start !important
  }

  .paciente-moderado .figure-container {
    border: 1px solid #abadb3;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .paciente-moderado .scroll-instruction {
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 20px;
    position: relative;
    color: #58595b !important;
    line-height: 18px
  }

  .paciente-moderado .img-scroll {
    max-width: 1000px !important;
    width: auto !important
  }
}

@media screen and (max-width: 1172px) {
  .paciente-moderado #insurance-support {
    padding: 0 4%;
    padding-bottom: 20px
  }

  .paciente-moderado .cuadro.gris {
    padding-top: 4% !important;
    padding-bottom: 6% !important
  }
}

@media screen and (max-width: 1116px) {
  .paciente-moderado .mobile-width-100 {
    width: 100% !important;
    padding: 4%;
    line-height: 1.5 !important
  }

  .paciente-moderado .cuadro_image {
    justify-content: center !important;
    align-items: center !important
  }

  .paciente-moderado [data-page-category="AccessSupport"] .navigation-wrapper .navigation-temp {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 960px) {

  /**HERO**/
  .paciente-moderado .pac_mod_h1_header {
    margin-top: 0;
    margin-left: 3px;
    font-size: 17px
  }

  /**HERO**/
  .paciente-moderado #insurance-support {
    padding-left: 6%;
    padding-right: 6%
  }

  .paciente-moderado aside.caracteristicas .first_text,
  .paciente-moderado aside.caracteristicas .second_text {
    width: 100%
  }

  .paciente-moderado #insurance-support h2.border-center,
  .paciente-moderado #insurance-support h2.border {
    margin-bottom: 60px !important
  }

  .paciente-moderado .m-mobile {
    margin-left: 2% !important
  }

  .paciente-moderado .lh-mobile {
    line-height: 22px !important
  }
}

@media screen and (max-width: 930px) {

  /**HERO**/
  .paciente-moderado #hero img {
    top: 0 !important;
    left: 0 !important
  }

  /**HERO**/
}

@media screen and (max-width: 860px) {
  .paciente-moderado .header_image {
    display: none
  }

  .paciente-moderado .text_header_video {
    width: 100%;
    height: 100px
  }

  .paciente-moderado .text_header_video p {
    margin-bottom: 0 !important
  }

  .paciente-moderado .text_header_video_grey {
    width: 100%;
    height: 100px
  }

  .paciente-moderado .text_mobile {
    line-height: 20px
  }

  .paciente-moderado .m-evolve {
    margin: 3% !important
  }

  .paciente-moderado .div-img {
    width: 100% !important
  }

  .paciente-moderado .font-mobile-p {
    font-size: 16px !important
  }

  .paciente-moderado [data-page-category="AccessSupport"] .navigation-wrapper .navigation-temp .btn-secondary {
    padding: 12px 10px
  }
}

@media screen and (max-width: 500px) {

  /**HERO**/
  .paciente-moderado .entyvioconnect-logo {
    width: 90% !important
  }

  .paciente-moderado .pac_mod_h1_header {
    width: 90%
  }

  .paciente-moderado #hero img {
    top: 0 !important;
    left: -100px !important
  }

  /**HERO**/
  .paciente-moderado .text_header_video p {
    font-size: 22px !important
  }
}

.accordion-collapse-tab h2[aria-expanded="true"] button.btn-plus span:after {
  width: 0;
}

.tab {
  position: relative;
}

.previous {
  position: absolute;
  left: 0;
  cursor: pointer;
  text-align: center;
  top: 0;
  display: none;
  height: 90%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: linear-gradient(to right, white, #ffffffd4);
}

.next {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  display: none;
  height: 90%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: linear-gradient(to left, white, #ffffffd4);
}

.next img,
.previous img {
  margin-top: 10px;
}

.next img:hover,
.previous img:hover {
  background-color: #F5F5F5;
}

.nav-tab-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: auto;
}

.nav-tab-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.third-menu-content .icon-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #212529;
}

.third-menu-content .icon-block-container .image-container {
  text-align: center;
}

.third-menu-content .icon-block-container .image-container .caption {
  text-align: center;
  margin-bottom: 0;
}

.third-menu-content .icon-block-container .text-container .anchor-link {
  text-decoration: none;
  color: #212529;
  position: relative;
}

.third-menu-content .icon-block-container .text-container p.anchor-link {
  line-height: 34px;
}

.third-menu-content .icon-block-container .text-container p.anchor-link:after {
  display: none;
}

.third-menu-content .icon-block-container .text-container p {
  margin-bottom: 0;
}

.third-menu-content .icon-block-container .text-container ul {
  list-style-type: disc;
}

.third-menu-content .icon-block-container .text-container ul li {
  position: relative;
}

.third-menu-content .icon-block-container .text-container .text-number-iconblock {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

@media screen and (max-width: 959px) {

  .third-menu-content .iconblock_area {
    margin-bottom: 10px;
  }

  .third-menu-content .icon-block-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .third-menu-content .icon-block-container .image-container {
    padding-right: 10px;
  }

  .third-menu-content .icon-block-container .image-container img {
    width: 60px;
  }

  .third-menu-content .icon-block-container .image-container .caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
  }

  .third-menu-content .icon-block-container .text-container {
    padding-bottom: 20px;
    margin-top: 10px;
  }

  .third-menu-content .icon-block-container .text-container:last-of-type {
    padding-bottom: 10px;
  }

  .third-menu-content .icon-block-container .text-container .anchor-link {
    font-family: 'Knockout', sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
  }

  .third-menu-content .icon-block-container .text-container .anchor-link:after {
    width: 12px;
    height: 15px;
    bottom: 7px;
    right: -20px;
  }

  .third-menu-content .icon-block-container .text-container p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .third-menu-content .icon-block-container .text-container p sup {
    top: -5px;
  }

  .third-menu-content .icon-block-container .text-container ul {
    margin-left: 30px;
    padding-left: 0;
  }

  .third-menu-content .icon-block-container .text-container ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .third-menu-content .icon-block-container .text-container ul li:before {
    margin-left: -15px;
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .third-menu-content .icon-block-container {
    padding-bottom: 30px;
  }

  .third-menu-content .icon-block-container .image-container {
    padding-right: 25px;
    padding-top: 10px;
  }

  .third-menu-content .icon-block-container .image-container img {
    width: 104px;
  }

  .third-menu-content .icon-block-container .image-container .caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto
  }

  .third-menu-content .icon-block-container .text-container {
    margin-top: 2rem;
  }

  .third-menu-content .icon-block-container .text-container .anchor-link {
    font-family: 'Knockout', sans-serif;
    font-size: 36px;
    font-weight: 700;
  }

  .third-menu-content .icon-block-container .text-container .anchor-link:after {
    width: 15px;
    height: 20px;
    bottom: 9px;
    right: -30px;
  }

  .third-menu-content .icon-block-container .text-container p.anchor-link {
    line-height: 40px;
  }

  .third-menu-content .icon-block-container .text-container p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .third-menu-content .icon-block-container .text-container p sup {
    top: -6px;
  }

  .third-menu-content .icon-block-container .text-container ul {
    margin-left: 40px;
    padding-left: 0;
  }

  .third-menu-content .icon-block-container .text-container ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .third-menu-content .icon-block-container .text-container ul li:before {
    margin-left: -20px;
  }
}

.section-qr-code a[data-entity-type] {
  padding: 18px;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  max-width: 337px;
  width: 100%;
  text-decoration: none;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.list-type-circle-yellow {
  list-style: none;
  padding-left: 0;
  margin-top: 2rem;
}

.list-type-circle-yellow li {
  position: relative;
  padding-left: 1.3em;
  margin: 0.5em 0;
}

.list-type-circle-yellow li:before {
  content: '';
  width: 0.7em;
  height: 0.7em;
  background: #FFCB03;
  display: block;
  top: 0.5em;
  left: 0;
  position: absolute;
  border-radius: 50%;
}

.varsity .varsity_container_white {
  background: white;
  padding: 4% 4% 0;
  margin-bottom: 20px;
}

.varsity .varsity_h5 {
  font-weight: bold;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.1;
  color: #96288c;
}

.varsity .varsity_flex {
  display: flex;
  justify-content: space-around
}

.varsity .varsity_flex img {
  width: 100%;
}

.varsity .varsity_first_column {
  max-width: 35%;
  display: inline-block;
  align-self: center
}

.varsity .varsity_second_column {
  max-width: 55%;
  display: inline-block
}

.varsity .varsity_aside {
  background: #F4E7F3;
  border: 1px solid #AAADB2;
  margin-top: 35px;
  padding: 9% 7%;
}

.varsity .varsity_aside p {
  color: #272527 !important;
  font-size: 14px
}

.varsity .varsity_aside p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1.3
}

.varsity .varsity_footnote {
  margin-top: 23px;
}

.varsity .varsity_footnote p {
  font-size: 11px !important;
  color: #272527 !important;
  line-height: 1.4 !important;
}

@media screen and (max-width: 961px) {
  .varsity .varsity_flex {
    flex-direction: column;
    padding: 4%
  }

  .varsity .varsity_first_column,
  .varsity .varsity_second_column {
    max-width: 100%
  }

  .varsity .varsity_first_column {
    margin-bottom: 33px
  }

  .varsity .varsity_footnote p,
  .varsity .varsity_aside p {
    font-weight: normal !important
  }
}

.varsity .logo_varsity img {
  max-width: 450px;
  margin-bottom: 26px
}

.varsity h3.varsity {
  font-size: 33px;
  color: var(--primary-color)
}

.varsity .two_graphics {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0;
  margin-bottom: 4%;
  align-items: baseline;
}

.varsity .text_bottom_violet {
  color: var(--primary-color) !important;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  width: 75%;
  margin: auto;
  line-height: 24px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.varsity .bottom-text {
  color: #3E3D3E !important;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  padding: 25px 20px;
  margin-bottom: 0;
  font-family: Gotham,serif;
}

.varsity .class-margin-top {
  margin-top: 20%;
}

.varsity .bottom-text-container {
  background-color: #FFFFFF;
  border: 1px solid #B941A9;
  margin-bottom: 25px;
}

.varsity .graph-and-text {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.varsity .text-bottom-violet-2 {
  color: var(--primary-color) !important;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 0;
}

.varsity .graph-and-text-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}


@media screen and (max-width: 1200px) {
  .varsity .mobile-scroll-container {
    overflow-x: scroll;
    width: 100%
  }

  .varsity .figure-container {
    border: 1px solid #abadb3;
    margin-bottom: 20px
  }

  .varsity .scroll-instruction {
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 20px 0 20px 60px;
    position: relative;
    color: #58595b !important
  }

  .varsity .scroll-instruction:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('/sites/default/files/inline-images/hand.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 38px;
    height: 100%;
  }


  @media screen and (max-width: 1100px) {
    .varsity .graph-and-text {
      flex-wrap: wrap;
    }

    .varsity .graph-and-text-2 {
      margin: 3%;
    }

    .varsity .class-margin-top {
      margin-top: 4%;
    }
  }

  @media screen and (max-width: 961px) {
    .varsity .two-graphics {
      flex-direction: column;
    }

    .varsity .graph-and-text {
      flex-direction: column;
    }

    .varsity .graph-and-text-2 {
      flex-direction: column;
      text-align: center;
    }

    .varsity .text-mobile {
      width: 100% !important;
      margin: 10px !important;
      padding: 10px;
    }

    .varsity .text-mobile-3 {
      width: 100% !important;
      padding: 10px !important;
    }

    .varsity .img-mobile {
      padding: 5px;
      margin: 5px !important;
      width: auto !important;
    }

    .varsity .img-mobile-2 {
      width: 35% !important;
      padding: 5px !important;
      margin: 10px !important;
    }

    .varsity .img-mobile-3 {
      width: auto !important;
      padding: 5px !important;
      margin: 10px !important;
    }

    .varsity .text-mobile-2 {
      font-weight: 400 !important;
      font-size: 12px !important;
      line-height: 20px !important;
    }

    .varsity .text-violet-mobile {
      font-size: 16px !important;
      line-height: 20px !important;
      padding: 2%
    }

  }

  @media screen and (max-width: 960px) {
    .varsity .logo_varsity img {
      max-width: 60%;
      margin-top: 16px;
      margin-bottom: 16px
    }

    h3.varsity {
      font-size: 20px;
    }

    .varsity #hero>div>picture img {
      height: 100%
    }

    /*HAND*/
    .varsity .scroll-instruction:before {
      background-image: url('/sites/default/files/inline-images/hand.svg') !important;
    }
  }

  @media screen and (max-width: 600px) {
    .varsity .logo_varsity img {
      max-width: 90%;
    }

    .varsity h3.varsity {
      font-size: 16px;
    }

    .varsity .varsity_h5 {
      line-height: 1.1;
      margin-top: 10px
    }
  }
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .visible-1 #hero>div>picture:first-child>img {
    top: 62px;
  }

  .visible-1 .h2-margin {
    margin: 8px 0 0
  }
}

@media screen and (max-width: 959px) {
  .visible-1 [data-page-id="CrohnsDisease"] #body #hero {
    height: 215px;
  }
}

/** BODY **/
@media screen and (max-width: 960px) {
  .visible-1 .container-gemini {
    padding: 20px !important;
  }
}

/*Sticky Menu*/

@media screen and (min-width: 960px) and (max-width: 9999px) {
  html.move-ahead-sticky .visible-1 .move-ahead-header>div {
    top: 100px;
  }

  html.move-ahead-sticky.scroll-state-up .visible-1 .move-ahead-header>div {
    top: 175px;
  }
}

/*Anchor Link*/
.visible-1 #clinical-remission-response-data,
.visible-1 #long-term-data,
.visible-1 #study-design {
  padding-top: 150px;
}

.visible-1 a.btn.btn-secondary.btn-mobile-ver {
  font-size: 13px;
  padding: 15px 5px
}

.visible-1 span#clinical-remiss {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

@media screen and (max-width: 959px) {

  .visible-1 span#long-term-data,
  .visible-1 span#study-design {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
  }
}

.varsity #first_section .overview-trial-data .container {
  padding: 20px 90px;
}

.gemi-iii #first_section .overview-trial-data .container {
  padding-top: unset;
  padding-bottom: unset;
}

.gemi-iii #overview-trial-data .graph-1 .tile h3,
.gemi-iii #overview-trial-data .graph-2 .tile h3 {
  min-height: 160px;
}

.table-style-wrapper {
  overflow-x: auto;
}

.table-style {
  min-width: 800px;
}

th {
  text-align: center;
}

.table-style tbody tr:nth-of-type(odd) {
  background-color: #E4E4E4;
}

.field.field--name-field-banner-image.field--type-image.field--label-above img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.purple-border {
  border: 1px solid #AB4BA4;
}

.visible-1 .arrow-text {
  background-color: #AB4BA4;
  color: white;
  position: relative;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.visible-1 div.box-arrow-border {
  position: absolute;
  top: -10px;
  right: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #AB4BA4;
  width: 0; height: 0;
}

#visible-2 .end-point-description {
  color: rgb(88, 89, 91);
}

#visible-2 .description-img {
  background-color: #96288c;
  color: #FFFFFFFF;
  margin-bottom: 42px;
  position: relative;
}

#visible-2 .description-img::before {
  content: "";
  position: absolute;
  border-bottom: 13px solid #96288c;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  top: -13px;
}

#visible-2 .description-img-item {
  padding: 14px 24px;
}

#visible-2 .visible-2-footer-item {
  padding: 19px;
  background-color: #f4e8f3;
}
.programa-de-pacient .block-field-blocknodeproductfield-tab {
  margin-top: 30px;
}

.psp .block-title-section {
  margin-bottom: 15px;
}

.psp .accordion-collapse-tab {
  margin-bottom: 0;
}

.psp .sub-heading {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 8px;
}

.psp .content-footer {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--primary-color);
}

.psp .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 40px;
}

.psp .item-content {
  display: flex;
}

.psp .accordion-collapse-tab .item-content {
  margin-top: 24px;
}

.psp .image-item-content {
  margin-right: 12px;
}

.psp h5.heading-content {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: var(--primary-color);
  margin-bottom: 4px;
}

.psp p.description-content {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;

}
.programa-de-pacient .icon-block-container {
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.programa-de-pacient .icon-block-container .image-container {
  padding-right: 29px;
}

.programa-de-pacient .full-adverse-events .adverse-event {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.programa-de-pacient .full-adverse-events .adverse-event .copy-container {
  width: calc(100% - 100px);
  padding-left: 40px;
  padding-left: 12px;
}

.psp ul {
    padding-left: 18px;
}

.psp ul li::marker {
  color: var(--primary-color);
  width: 8px;
}

.programa-de-pacient .somos-tab .adverse-event .copy-container h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: var(--primary-color);
}

.programa-de-pacient .somos-tab .adverse-event .copy-container p,
.programa-de-pacient .somos-tab .icon-block-container .text-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
}

.programa-de-pacient .somos-tab .section-qr-code {
  margin: auto;
}

.fix-span {
  font-size: 30px;
  line-height: 100%;
}

.programa-de-pacient .somos-tab .section-qr-code .content-wrapper {
  max-width: 337px;
}

.programa-de-pacient .somos-tab .section-qr-code .content-wrapper .qr-title {
  font-weight: normal;
}

.psp .accordion-collapse-tab .content p {
  margin-bottom: 0;
}

.psp .collapse {
  border-bottom: 1px solid rgb(155, 40, 140);
  padding-bottom: 32px;
}

.psp .contact {
  display: flex;
  flex-wrap: wrap;
  color: #666666;
  margin-top: 6.5px;
}

.psp .item-contact {
  display: flex;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}
.text-contact-grey-a:hover,
.text-contact-grey-a {
  color: #666666!important;
  text-decoration: none!important;
}

.psp .item-contact:first-child {
  margin-right: 45px;
}

.psp .icon-contact {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 992px) {

  .psp .item-contact  {
    width: 100%;
    margin-bottom: 4px;
  }

  .psp .item-contact:first-child {
    margin-right: 0;
  }
}

.block-quick-access {
  padding-top: 30px;
  padding-bottom: 30px;
}

.layout--onecol.block-quick-access .quick-access {
  max-width: 550px;
}

.layout--twocol-section.block-quick-access .container{
  padding: 0;
}

.layout--twocol-section.block-quick-access .quick-access{
  max-width: 100%;
}

.layout--twocol-section.block-quick-access {
  justify-content: center;

}

@media screen and (min-width: 993px) {
  .layout--twocol-section.block-quick-access .layout__region {
    max-width: 583px;
  }
}

@media screen and (max-width: 992px) {
  .layout--onecol.block-quick-access .quick-access {
    max-width: 100%;
  }

  .block-quick-access .quick-access {
    margin-bottom: 24px;
  }

  .layout--twocol-section.block-quick-access .container {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.programa-de-pacient ul.list-purple {
  list-style: none;
  padding: unset;
}

.programa-de-pacient ul.list-purple li::before {
  content: url("../images/list_style_purple.png");
  color: rgb(155, 40, 140);
  margin-right: 4px;
  position: relative;
  top: -2px;
}

.programa-de-pacient .beneficios .full-adverse-events .adverse-event .copy-container {
  padding-left: 16px;
}

.programa-de-pacient .psp .purple-line {
  border-bottom: 1px solid rgb(155, 40, 140);
  padding-bottom: 8px;
}

.psp .section-qr-code {
  margin-top: 50px;
}

.programa-de-pacient .psp .collapse.no-purple-line {
  border-bottom: unset;
}

.programa-de-pacient .psp .section-qr-code {
  max-width: 600px;
}

.programa-de-pacient .somos-tab .adverse-event .copy-container p.text-contact-grey {
  color: #666666;
}

.programa-de-pacient .somos-tab .beneficios-list li:not(:last-child) {
  margin-bottom: 8px;
}

.administracion .tab-2 .image-container img.prior {
  width: 65px;
  left: -10px;
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .administracion .tab-2 .image-container img {
    height: auto;
    position: absolute;
    top: -3px;
  }

  .administracion .tab-2 .image-container {
    position: relative;
    min-width: 100px;
  }

  .administracion .tab-2 .item {
    width: calc((100% - 20px) / 2);
  }

  .administracion .tab-2 .copy-container h3 {
    border-bottom: 2px solid #ffcb03;
    padding-bottom: 5px;
  }
}

.administracion .tab-2 .image-container img.monitoring {
  width: 85px;
  left: -10px;
}

.administracion .tab-2  .image-container img.administration {
  width: 60px;
  left: 0px;
}

.administracion .tab-2 .image-container img.therapies {
  width: 70px;
  left: 10px;
}

.administracion .tab-2 .container h3 {
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: var(--primary-color);
}

@media screen and (max-width: 959px) {
  .administracion .tab-2 .container .image-container img {
    width: 60px;
    height: auto;
    padding-top: 30px;
  }

  .administracion .tab-2 .container .copy-container {
    border-bottom: 2px solid #ffcb03;
  }
}

.administracion .tab-2 .flex-container {
  padding-bottom: unset;
  padding-top: unset;
}

.administracion .tab-2 .btn-text.btn-primary {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 0 20px 9px 20px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  color: var(--primary-color);
  align-items: center;
  background: #f2dbef;
  text-align: center;
}

.administracion .tab-2 .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.administracion .tab-2 .btn-primary:active:focus,
.administracion .tab-2 .btn-primary:active:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

/*PSP*/
.programa-de-pacient-co #hero article {
  position: absolute !important;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  width: 80% !important
}

@media screen and (min-width: 960px) and (max-width: 9999px) {
  .programa-de-pacient-co .h2-margin {
    margin: 5px 0 0
  }

  .programa-de-pacient-co #hero>div>article+picture>img {
    bottom: -89px;
    right: -22px
  }

  .programa-de-pacient-co #hero>div>picture:nth-child(1)>img {
    bottom: -50px !important
  }
}

@media screen and (max-width: 600px) {
  .programa-de-pacient-co .prog_pac_desc h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: 24px;
  }

  .programa-de-pacient-co .prog_pac_desc h2 strong {
    color: var(--primary-color);
    padding-left: 40px
  }

  .programa-de-pacient-co .programa_pacientes {
    padding-top: 60px !important
  }

  .programa-de-pacient-co .programa_pacientes img {
    max-width: 160px !important
  }
}

/*HERO*/

.programa-de-pacient-co #body {
  background-color: white !important
}

.programa-de-pacient-co .programa_pacientes {
  width: 100%;
  max-width: 1180px;
  margin: auto;
}

.programa-de-pacient-co h1 {
  color: var(--primary-color);
  padding-bottom: 60px;
  font-size: 60px;
  font-weight: 400;
  font-family: 'Knockout', Arial, sans-serif;
}

.programa-de-pacient-co h3 {
  font-weight: 400;
  font-family: 'Knockout', Arial, sans-serif;
}

.programa-de-pacient-co p {
  font-size: 16px;
  margin-bottom: 33px;
  line-height: 1.5
}

.programa-de-pacient-co .text_flex {
  display: flex;
  justify-content: flex-start;
  align-items: start;
}

.programa-de-pacient-co .text_flex p:first-child {
  color: var(--primary-color);
  font-weight: bold;
  margin-right: 8px
}

/*3 BLOCKS*/
.programa-de-pacient-co .flex_3_blocks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}

.programa-de-pacient-co .flex_3_blocks div {
  width: 380px;
  border-left: 5px solid var(--primary-color);
  padding: 0 16px
}

.programa-de-pacient-co .flex_3_blocks h3 {
  color: var(--primary-color);
  font-size: 30px;
  padding-right: 60px
}

.programa-de-pacient-co .flex_3_blocks p {
  margin: 0;
  margin-top: 16px
}

@media screen and (max-width: 1186px) {
  .programa-de-pacient-co .flex_3_blocks {
    flex-direction: column
  }

  .programa-de-pacient-co .flex_3_blocks div {
    margin-bottom: 40px
  }

  .programa-de-pacient-co .flex_3_blocks div:last-child {
    margin-bottom: 0
  }
}

/*FOOTER*/
.programa-de-pacient-co .programa_pacientes:last-child {
  padding-bottom: 0
}

.programa-de-pacient-co .programa_pacientes aside {
  margin-top: -22px;
  background: transparent;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.programa-de-pacient-co .programa_pacientes aside p:first-child {
  width: 80%
}


@media screen and (max-width: 960px) {
  .programa-de-pacient-co #hero article {
    align-items: center !important;
    width: 100% !important
  }

  .programa-de-pacient-co .prog_pac_desc h2 {
    color: white !important;
    font-size: 25px !important;
    margin-top: 0 !important
  }

  .programa-de-pacient-co h1 {
    font-size: 33px
  }

  .programa-de-pacient-co .flex_3_blocks {
    flex-direction: column
  }

  .programa-de-pacient-co .flex_3_blocks div {
    Margin-bottom: 40px
  }
}

@media screen and (max-width: 650px) {
  .programa-de-pacient-co h1 {
    font-size: 26px
  }
}

@media screen and (max-width: 450px) {
  .programa-de-pacient-co .prog_pac_desc h2 {
    font-size: 18px !important;
  }

}

.programa-de-pacient-co .btn-popup {
  position: fixed;
  z-index: 4;
  right: 330px;
  bottom: 160px;
}

.programa-de-pacient-co .btn-form {
  position: absolute;
  max-width: 300px;
  width: 300px;
}

.programa-de-pacient-co .btn-img {
  position: absolute;
  right: 0;
  top: -60px;
}

.programa-de-pacient-co .btn-img img {
  width: 95%;
}

.programa-de-pacient-co .container-btn-entyvio {
  width: 281px;
  height: 60px;
  background-color: #F5F5F5;
  border: 2px solid #CC91C6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.programa-de-pacient-co .btn-entyvio {
  color: var(--primary-color);
  font-family: 'Gotham', Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  text-decoration: none;
}

.programa-de-pacient-co .container-btn-entyvio:hover {
  background: #f4e8f3;
}
/*end psp*/
.sup-card-title {
  font-size: 50%;
  top: -1em;
}

.block-title-pt-0 .block-title-section {
  padding-top: 0;
}

.block-title-pt-36 .block-title-section {
  padding-top: 36px;
}

.nav-tabs .nav-link {
  font-size: 20px;
}

.title-margin-top-66 {
  margin-top: 66px;
}

.section-margin-top-30 {
  margin-top: 30px
}

.section-margin-bottom-30 {
  margin-bottom: 30px;
}

.section-card-large-t-left .card-img-top-wrapper .selectivity {
  text-align: left;
}

.section-card-border-none .card-img-top-wrapper .img-wrapper,
.section-card-border-none .card-img-top-wrapper .content-area {
  border: none;
}

@media screen and (min-width: 992px) {
  .section-card-height-auto .pillars .header-wrapper {
    min-height: 57px;
  }
  .section-card-height-auto .pillars img {
    min-height: 54px;
  }
}
.section-card-height-auto .pillars .content-area {
  min-height: auto;
}

.font-w-400 {
  font-weight: 400!important;
}

.font-w-500 {
  font-weight: 500!important;
}
form[id^=views-exposed-form-video-component-with-filter] label {
  color: #96288c;
  font-weight: bold;
}
form[id^=views-exposed-form-video-component-with-filter] select:focus-visible,
form[id^=views-exposed-form-video-component-with-filter] select:active,
form[id^=views-exposed-form-video-component-with-filter] select:focus,
form[id^=views-exposed-form-video-component-with-filter] select {
  color: #96288c;
  border-color: #7c2070;
  outline: none;
}

.tab-info .figure-wrapper {
  border: 1px solid #abadb3;
  padding: 0;
}

.tab-info .figure-wrapper figcaption {
  color: var(--primary-color);
  text-align: center;
  background-color: #f4e8f3;
  line-height: 30px;
  font-family: 'Knockout', sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.tab-info .text-wrapper {
  position: relative;
  padding-left: 25px;
}

.tab-info .text-wrapper .body-copy {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 10px;
}

.tab-info .text-wrapper .footnote {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.tab-info .text-wrapper .bottom-text {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  color: var(--primary-color);
}

@media screen and (max-width: 959px) {
  .tab-info .text-wrapper {
    padding-left: 0;
  }

  .tab-info .text-wrapper .bottom-text {
    position: static;
  }
}

.button-round button,
.button-round .btn-primary-color,
.button-round .btn,
button, .btn-primary-color, .btn, .cta-file-component-item-wrapper {
  border-radius: 10px!important;
}

button, .btn {
  border-radius: 10px!important;
}
h1.banner-title {
  text-transform: initial!important;
}

.pillars h2 {
  text-transform: none;
}

/* Start: popup image */
.image-block {
  position:relative
}
.image-block .image-block__zoom {
  padding: 0;
  background-color: transparent;
  border: none;
  line-height: 1em;
  position: absolute;
  right: 12px;
  bottom: 12px;
  outline: none;

}

.image-block .modal .modal-dialog {
  width: 100%;
  max-width: 1200px;
  margin: 1rem auto;
}
/* End: popup image */
.entyvio-pathway {
  border: 2px solid #9B288C;
}
.entyvio-pathway .head-img-wrapper {
  background-color: #F7F2F8;
  padding: 2rem;
  text-align: center;
}
.entyvio-pathway .head-img-wrapper img {
  max-width: 600px;
  width: 100%;
}
.entyvio-pathway .content-wrapper {
  padding: 0 3rem 20px;
}
.entyvio-pathway .content-item {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.entyvio-pathway .content-item:first-of-type {
  margin-top: 0;
}
.entyvio-pathway .content-item img {
  max-width: 60px;
}
.entyvio-pathway .content-item p {
  margin: 0 0 0 10px;
}
@media screen and (max-width: 767px) {
  .entyvio-pathway .content-item img {
    max-width: 50px;
  }
}

@media screen and (max-width: 767px) {
  .bg-transparent-sp {
    background-color: transparent !important;
  }

  .spacing-30-15 {
    padding: 0!Important;
  }

  .spacing-30-15 .layout_twocol__wrapper {
    gap: 0;
  }

  .spacing-30-15 .block-title-section {
    padding-top: 30px!important;
  }

  .spacing-30-15 img {
    max-width: unset!important;
  }

  .spacing-30-15 .layout__region:last-child .block-title-section {
    padding-bottom: 30px!important;
  }
}

@media screen and (max-width: 767px) {
  .f-sp-24 {
    font-size: 24px!important;
  }

  .f-sp-24 span {
    font-size: 24px!important;
  }
}

.small-card-image-text .btn-wrapper{
  margin-top: auto;
  padding-top: 24px;
}

.table_alert{
  border: 1px solid #DA3730;
  border-radius: 4px;
  border-collapse: inherit;
  padding: 10px;
}

.bullet-circle{
  list-style: none;
  position: relative;
}

ul.bullet-circle > li::before {
  content: "";
  color: #9B288C;
  width: 10px;
  height: 10px;
}

.bullet-check{
  list-style: none;
  position: relative;
}

ul.bullet-check > li::before {
  content: "";
  color: #9B288C;
  width: 20px;
  height: 20px;
}

.bullet-close{
  list-style: none;
  position: relative;
}

ul.bullet-close > li::before {
  content: "";
  background-image: url(../images/red_close.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  transform: translateX(10px) translateY(2px);
}

ul.bullet-circle > li:not(:last-child),
ul.bullet-check > li:not(:last-child),
ul.bullet-close > li:not(:last-child){
  padding-bottom: 10px;
}

ul.bullet-circle > li > ul,
ul.bullet-check > li > ul,
ul.bullet-close > li > ul{
  padding-top: 10px;
}

.table_page_dosing.custom td > p{
  min-height: 60px;
  margin-top: 1.5rem;
  margin-bottom: 0;
  background-color: #FDF4FC;
  padding: 30px 15px 10px;
  border-left: 1px solid #F4E8F3;
  border-right: 1px solid #F4E8F3;
  border-top: 1px solid #F4E8F3;
  position: relative;
}

.table_page_dosing.custom td > p:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: white;
}

.table_page_dosing img {
  display: block;
  width: 100%;
  height: auto;
}

.table_page_dosing tr td:nth-child(2) {
  padding-left: 30px;
}

.table_page_dosing img {
  margin-bottom: 20px
}

.table_custom {
  border-collapse: collapse;
  border: 1px solid #9B288C;
}

.table_custom td,
.table_custom th {
  padding: 10px;
  vertical-align: middle;
}

.table_custom td p,
.table_custom th p {
  margin: unset;
}

.table_custom thead tr {
  background: #9A258F;
  color: #fff;
}

.table_custom td:not(:first-child),
.table_custom th:not(:first-child) {
  border-left: 1px solid #fff;
}

.table_custom tbody tr:nth-child(odd) {
  background-color: #E8D8EA;
}

.table_custom tbody tr:nth-child(even) {
  background-color: #F5EFF7;
}

@media screen and (max-width: 767px) {
  .table_page_dosing tr {
    display: inline-block;
  }

  .table_page_dosing td {
    display: table-row;
  }

  .table_page_dosing tr td:nth-child(2) {
    padding-left: 0;
  }
}
.pillars .content-area {
  padding: 0 17px 24px;
}
.accordion-collapse-tab ol {
  font-size: 14px;
  font-family: 'Open sans', serif;
}
.accordion-collapse-tab li::marker {
  font-family: 'Open Sans Bold', serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}

.image-block .modal .modal-large {
  max-width: 1600px;
}

.image-auto .image-qr-wrapper img {
  height: auto;
}

@media screen and (min-width: 1024px){
  div[id*=_zoom_] .modal-body div:has( > img){
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in;
  }

  div[id*=_zoom_] .modal-body div > img:hover {
    opacity: 0;
  }

  div[id*=_zoom_] .modal-body div > img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
  }
}

.pillars .body-wrapper {
  line-height: 1.5;
}

.groups-card-landing-page .content-card-wrapper .body-card-wrapper {
  line-height: 1.5;
}

.approve-dose .image-block .image-block__zoom {
  right: 4%;
  bottom: 6%;
}

.groups-card-landing-page .description-group-card {
  max-width: unset;
}

.group-card-landing-page {
  margin-bottom: 0 !important;
}

.cards-landing-page {
  margin: 20px 0;
}

.groups-card-landing-page .block-inline-blockblock-title-section.block-title-section {
  padding-top: 36px;
  padding-bottom: 10px;
  margin: 0 auto 0 auto;
}

.groups-card-landing-page .content-card-wrapper .body-card-wrapper {
  font-weight: 400;
  font-size: 16px;
  color: #212529;
  line-height: 24px;
}

.small-card-image-text .title-small-card {
    font-size: 20px;
    font-weight: 500;
}

.field--label-above .field__label {
  display: none;
}

.page-bgc-same-iconc .accordion-collapse-tab h2 button.btn-plus span:before,
.page-bgc-same-iconc .accordion-collapse-tab h2 button.btn-plus span:after {
  background: white !important;
}
.gap-40 {
  column-gap: 40px;
  row-gap: 12px;
}

.fs-16 {
  font-size: 16px !important;
}

.wrapper-footer-block {
  background-color: #fff !important;
}

.wrapper-footer-block {
  margin-left: 15px;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .gap-40 {
    gap: 15px;
    /* Smaller gap on mobile */
    justify-content: center;
    /* Ensure centering on mobile */
  }

  .footer-menu-custom {
    font-size: 13px !important;
    /* Slightly smaller font on mobile */
  }
}