:root {
  --_colors---ligth-green: #3dd5ae;
  --_colors---white: white;
  --med-sec-z-index: -1;
  --_colors---text-blue: #036;
  --_colors---orange: #ebab21;
  --_colors---yellow: #ffe5b0;
  --zindex-to-minus: 19;
  --_colors---see-more-grey: #ffffff80;
  --_sizes---font-64-600px: 64px;
  --_sizes---font-32-400: 32px;
  --_colors---confirm-blue: #00245b;
  --_sizes---max-width-0: 0px;
  --hidden-max-h: 60px;
  --last-size: calc((87.5% - 563px) / 2);
  --_colors---bg-blue: #003369;
  --_sizes---max-height-500: 45.6px;
  --_sizes---max-width-100: 500px;
  --bounce-f-desk: 60px;
  --bounce-f-mob: 32px;
  --_text-position---x-center: 0;
  --_text-position---xcenter: 100%;
  --_text-position---sizes--x-position-center: calc((var(--87-5)  - var(--last-animation-size)) / 2);
  --_text-position---sizes--center-last: calc((87.5% - 563px) / 2);
  --_colors---navlink-color: #1c3664;
  --_sizes---100: 100%;
  --_sizes---0: 78%;
  --_sizes---max-height-0: 0px;
  --moving-w-max-h: 46px;
  --disease-max-w: 200px;
  --last-animation-size: 563px;
  --87-5: 87.5%;
}

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

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

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

.scenes-wrapper-container {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.scene {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.scene.footer-scene {
  position: absolute;
  inset: auto 0% 144px;
}

.dna-lins-group {
  z-index: 133;
  position: absolute;
  inset: 26.66% 0% auto;
  overflow: hidden;
}

.group {
  display: block;
}

.group.show-desk {
  max-width: 100%;
  transform: translate(-100vw);
}

.group.show-mob {
  max-width: 100%;
  display: none;
  transform: translate(-100vw);
}

.inner-hero.first-bg {
  z-index: 9;
  background-image: url('/sites/default/files/imgs/fire-pit_HR6-2.png');
  background-position: 100% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.main-title {
  position: absolute;
  inset: 43% 0% auto;
}

.main-title.source-sans-pro {
  text-align: center;
  overflow: hidden;
}

.main-title-animation-5 {
  opacity: 0;
  display: inline;
}

.main-title-animation-5.ligth-green {
  color: var(--_colors---ligth-green);
}

.main-title-animation-1 {
  opacity: 0;
  display: inline;
}

.main-title-animation-1.ligth-green {
  opacity: 100;
  color: var(--_colors---ligth-green);
}

.main-title-animation-1.regular {
  opacity: 100;
  font-weight: 400;
}

.main-title-animation-6 {
  opacity: 0;
  display: inline;
}

.main-title-animation-2 {
  opacity: 0;
}

.main-title-animation-2.ligth-green {
  opacity: 100;
  color: var(--_colors---ligth-green);
}

.main-title-animation-2.regular {
  opacity: 100;
  font-weight: 400;
}

.main-title-animation-4 {
  opacity: 0;
}

.main-title-animation-4.ligth-green {
  opacity: 100;
  color: var(--_colors---ligth-green);
}

.main-title-animation-4.regular {
  opacity: 100;
  font-weight: 400;
}

.main-title-animation-3 {
  opacity: 0;
}

.main-title-animation-3.ligth-green {
  opacity: 100;
  color: var(--_colors---ligth-green);
}

.main-title-animation-3.regular {
  opacity: 100;
  font-weight: 400;
}

.main-title-animation-7 {
  opacity: 0;
}

.main-title-animation-7.ligth-green {
  color: var(--_colors---ligth-green);
}

.paragraph, .tt {
  display: inline-block;
}

.heading {
  border: 1px none var(--_colors---white);
  color: var(--_colors---white);
  margin-top: 0;
  margin-bottom: 48px;
  font-size: 80px;
  font-weight: 700;
  line-height: 90px;
}

.heading.source-sans-pro {
  opacity: 0;
  overflow: hidden;
}

.heading.source-sans-pro.edit-animation {
  display: block;
}

.superscript {
  vertical-align: super;
  font-size: 12px;
  line-height: 90px;
  top: -25px;
}

.br-mob-only {
  display: none;
}

.content-desc-1 {
  color: var(--_colors---white);
  max-width: 864px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 32px;
  line-height: 40px;
}

.bg2 {
  z-index: 0;
  background-image: url('/sites/default/files/imgs/second-bg.png');
  background-position: 100% 100%;
  background-size: cover;
  display: block;
  position: absolute;
  inset: 0%;
}

.dna-left, .dna-right {
  position: absolute;
  inset: calc(43% + 155px) 0% auto;
  overflow: hidden;
}

.dna-left-desk {
  max-width: none;
  height: 60px;
}

.dna-right-desk {
  max-width: none;
  height: 60px;
  display: inline-block;
}

.dna-left-mob, .dna-right-mob {
  display: none;
}

.content-desc-2 {
  margin-bottom: 0;
}

.content-desc.source-sans-pro {
  position: absolute;
  inset: 50% 0% auto;
}

.content-desc.source-sans-pro.content-desc-2 {
  position: absolute;
  top: 37.33%;
}

.content-desc.source-sans-pro.content-desc-2._2 {
  top: 80%;
}

.content-desc.source-sans-pro.content-desc-2._3 {
  top: 100%;
}

.content-desc.source-sans-pro.content-desc-3 {
  position: absolute;
  top: 50%;
  left: 7.01%;
}

.content-desc.source-sans-pro.d-none {
  display: none;
}

.content-desc.source-sans-pro.left-text {
  left: 7.01%;
}

.paragraph-2 {
  color: var(--_colors---white);
  text-align: center;
  max-width: 864px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 32px;
  line-height: 40px;
}

.paragraph-2.mt-35 {
  margin-top: 35px;
}

.slider {
  transform-style: preserve-3d;
  transform: rotateX(90deg)rotateY(0)rotateZ(0);
}

.stickey-wrap {
  z-index: 100;
  display: none;
  position: relative;
}

.stickey-wrap.d-test-none {
  display: none;
}

.stickey-trigger {
  border: 10px solid #e30b0b;
  height: 300vh;
  margin-bottom: 0;
  padding-bottom: 100vh;
}

.stickey-track {
  position: absolute;
  inset: 0%;
}

.stickey-element {
  height: 100vh;
  position: sticky;
  top: 0;
}

.first-section-wrap {
  z-index: 5;
  display: block;
  position: relative;
  overflow: visible;
}

.first-section-wrap._2 {
  display: none;
}

.first-section-trigger {
  height: 400vh;
  padding-bottom: 200vh;
  display: block;
}

.first-section-trigger._2 {
  padding-bottom: 500vh;
}

.first-section-track {
  position: absolute;
  inset: 0%;
}

.first-section-track.z-2000 {
  z-index: 2000;
}

.stickey-elements {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.stickey-elements.video-scene {
  background-image: url('/sites/default/files/imgs/science-image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
}

.stickey-elements.align-bottom {
  justify-content: center;
  align-items: flex-end;
}

.stickey-elements.z-index-1 {
  z-index: var(--med-sec-z-index);
}

.stickey-elements.d-none {
  display: none;
}

.bg1 {
  background-image: url('/sites/default/files/imgs/fire-pit_HR6-2.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.bg3 {
  background-image: url('/sites/default/files/imgs/what-happens-bg.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  inset: 0%;
}

.content-desc-h3 {
  color: var(--_colors---white);
  max-width: 624px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 72px;
}

.content-desc-h3.content-4 {
  color: var(--_colors---text-blue);
  text-align: center;
  max-width: none;
  padding-left: 30px;
  padding-right: 30px;
}

.content-desc-h3.content-4.source-sans-pro {
  color: var(--_colors---white);
  text-align: left;
  max-width: 850px;
  margin-left: 0;
  padding-left: 0;
  transform: translate(0);
}

.content-desc-h3.source-sans-pro {
  color: var(--_colors---text-blue);
  text-align: center;
  max-width: 1057px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  inset: 50% 0% auto;
  transform: translate(0, -50%);
}

.text-span {
  color: var(--_colors---orange);
  font-weight: 700;
}

.yellow-bg {
  background-color: var(--_colors---yellow);
  filter: blur(40px);
  mix-blend-mode: hard-light;
  border-radius: 50%;
  display: block;
  position: absolute;
  inset: 19.5vh 0% 0% 34.6vw;
  box-shadow: 100vw 200vh #ffd98c;
}

.yellow-bg.white-bg {
  background-color: var(--_colors---white);
  box-shadow: none;
  width: 100vh;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  left: 0%;
  transform: translate(0, -50%);
}

.yellow-bg.white-bg.mobile-fade-bg {
  background-color: var(--_colors---white);
}

.testt {
  position: sticky;
}

.testt._2 {
  z-index: 2000;
  border: 10px solid #000;
  display: none;
  position: absolute;
  inset: 0%;
}

.testimg {
  width: 200px;
  position: absolute;
  inset: 0% 0% auto;
}

.section-trigger {
  height: 300vh;
  padding-bottom: 200vh;
}

.section-trigger.second-section-trigger {
  height: 200vh;
  padding-bottom: 100vh;
}

.section-trigger.second-section-trigger.d-none, .section-trigger.third-section.mobile-only {
  display: none;
}

.section-trigger.fourth-section {
  padding-bottom: 250vh;
}

.section-trigger.fourth-section.d-none, .section-trigger.last-section.d-none {
  display: none;
}

.section-trigger.footer-trigger {
  height: 100vh;
  padding-bottom: 100vh;
  display: none;
}

.section-track {
  position: absolute;
  inset: 0%;
}

.section-track.second-section-track.d-none {
  display: none;
}

.yellow-bg-div {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.yellow-bg-div.white-bg {
  justify-content: center;
  align-items: center;
  display: flex;
}

.yellow-bg-div.white-bg.d-none, .yellow-bg-div.d-none {
  display: none;
}

.scroll-for-more {
  z-index: var(--zindex-to-minus);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 41px 71px auto;
}

.scroll-for-more.scroll-blue {
  opacity: 0;
}

.paragraph-3 {
  color: var(--_colors---white);
  text-align: center;
  margin-bottom: 0;
  padding-top: 12px;
  font-size: 17px;
}

.paragraph-3.blue {
  color: var(--_colors---text-blue);
}

.scroll-to-see-more {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 83.33% 0% auto;
}

.scroll-to-see-more.watch-video-below {
  margin-top: 170px;
}

.scroll-to-see-p {
  color: var(--_colors---see-more-grey);
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 40px;
}

.scroll-to-see-p.watch-text {
  color: var(--_colors---text-blue);
  padding-top: 12px;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}

.second-section-wrap {
  position: relative;
}

.video-section {
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.cursor-watch {
  width: 130px;
  height: 130px;
}

.video {
  width: 100%;
  height: 100%;
}

.background-video {
  width: 100%;
  height: 100%;
  position: absolute;
}

.div {
  pointer-events: auto;
}

.code-embed {
  z-index: 20;
  width: 100%;
  height: 100%;
  display: none;
  position: static;
  inset: 0%;
}

.video-container {
  z-index: 99999;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-btn {
  background-color: #3898ec00;
  background-image: url('/sites/default/files/imgs/buttons-close-x-56px.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-btn.w--current {
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
}

.close-btn.big-video-close {
  display: block;
}

.four-cards-lite-bg {
  z-index: 20;
  background-color: var(--_colors---see-more-grey);
  width: 100%;
  height: 100%;
  padding: 118px 32px 16px;
  display: block;
  position: absolute;
  inset: 0%;
}

.cards-wrapper {
  width: 100%;
  position: static;
  inset: 30% 0% auto;
}

.container {
  flex-wrap: nowrap;
  width: 100%;
  max-width: none;
  padding-left: 12px;
  padding-right: 12px;
}

.columns {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  margin-left: -12px;
  margin-right: -12px;
  display: none;
  overflow: hidden;
}

.card-title {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 426px;
  display: flex;
}

.column {
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  max-height: 568px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

.column.d-none {
  display: none;
}

.column-2 {
  max-height: 568px;
}

.card-h2 {
  opacity: 0;
  color: var(--_colors---text-blue);
  width: 0;
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 100px;
  font-size: 42px;
  font-weight: 700;
  line-height: 54px;
  display: block;
}

.icon-wrapper {
  justify-content: flex-start;
  align-items: center;
  max-width: 84px;
  height: 84px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  left: 55px;
}

.card-content {
  color: var(--_colors---text-blue);
  margin-top: -5px;
  margin-bottom: 0;
  font-size: 23px;
  line-height: 32px;
  display: block;
}

.card-wrapper {
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 32px;
  padding: 40px 67px 26px;
  display: flex;
  overflow: hidden;
}

.div-card {
  background-color: #fbfcfd;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 6px 6px 10px #0000004d;
}

.image {
  max-width: 84px;
  height: 84px;
}

.row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  overflow: hidden;
}

.card.column {
  flex: 0 auto;
  max-width: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-2 {
  max-width: none;
  height: 24px;
  min-height: 24px;
  position: absolute;
  inset: auto 0% 0%;
}

.third-section-wrap {
  position: relative;
}

.blue-section-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 887px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: visible;
  transform: translate(-50%, -50%);
}

.blue-section-spans {
  color: var(--_colors---text-blue);
  text-align: center;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 1.125;
}

.blue-section-spans.font-w-700 {
  color: var(--_colors---ligth-green);
  font-size: var(--_sizes---font-64-600px);
  white-space: nowrap;
  font-weight: 700;
  display: block;
}

.blue-section-spans.font-w-700.tablet-mobile-view {
  white-space: normal;
}

.end-layer-of-blue-scene {
  background-color: #fff;
  width: 10%;
  height: 10%;
  display: none;
  position: absolute;
  inset: 0%;
}

.fourth-section-wrap {
  display: none;
  position: relative;
}

.fade-layer {
  background-color: var(--_colors---white);
  opacity: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.section-content {
  opacity: 0;
  display: block;
  position: absolute;
  inset: 24% 0% auto;
}

.section-content.side-content {
  opacity: 100;
  max-width: 1000px;
  margin-left: 0;
  margin-right: auto;
  display: block;
  top: 34.6%;
  left: 6%;
  transform: translate(0, -100px);
}

.section-content.side-content.d-none {
  display: none;
}

.med-paragraph {
  color: var(--_colors---text-blue);
  text-align: center;
  width: 100%;
  max-width: 1087px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: 46px;
}

.med-paragraph.side {
  text-align: left;
  max-width: 670px;
  margin-bottom: 42px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 32px;
  padding-right: 32px;
}

.pipeline-btn {
  border: 2px solid var(--_colors---text-blue);
  color: var(--_colors---text-blue);
  text-align: center;
  text-transform: uppercase;
  vertical-align: baseline;
  background-color: #fff;
  border-radius: 15px;
  max-width: 346.667px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 52px;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: block;
}

.pipeline-btn:hover {
  background-color: var(--_colors---text-blue);
  color: var(--_colors---white);
}

.med-bg {
  padding-right: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.med-img {
  width: 139%;
  max-width: none;
  display: block;
  position: absolute;
  inset: 0% 0% 0% -39%;
}

.mob-med-img {
  display: none;
}

.div-block, .overflow-wrap {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.fancybox-overlay {
  z-index: 999999999;
  opacity: 0;
  background-color: #00000096;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.fluid-container {
  z-index: 100;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1824px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.fluid-container.fancy-container {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.div-block-12 {
  z-index: -1;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.image-23 {
  width: 50px;
  position: absolute;
  inset: 5% 5% auto auto;
}

.image-23.close-icon {
  cursor: pointer;
  width: 30px;
  top: 24px;
  right: 24px;
}

.fancybox-replace-expand {
  max-width: 95%;
  max-height: 85%;
}

.popup-modal {
  width: 80%;
  max-width: 735px;
}

.popup-modal.big-video {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.modal-box {
  background-color: #fff;
  border: .8px solid #0000002b;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: max(5%, 48px) 6%;
  display: flex;
  position: relative;
  box-shadow: 0 2px 25px 5px #333;
}

.modal-box.youtube-modalbox {
  border-style: none;
  border-radius: 0;
  padding: 0;
}

.modal-box.youtube-modalbox.big-video {
  background-color: #fff0;
}

.modal-title {
  color: var(--_colors---text-blue);
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  line-height: 1;
}

.modal-content {
  color: var(--_colors---text-blue);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.1;
}

.modal-footer {
  width: 100%;
}

.continue-to-site {
  color: var(--_colors---confirm-blue);
  text-align: center;
  text-transform: uppercase;
  border: 3px solid #bbd9eb;
  width: 92%;
  max-width: 240px;
  height: 72px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: 600;
  line-height: 2em;
  text-decoration: none;
  display: block;
}

.continue-to-site:hover {
  border-color: var(--_colors---confirm-blue);
  background-color: var(--_colors---confirm-blue);
  color: var(--_colors---white);
}

.image-6 {
  cursor: pointer;
  margin-left: 0%;
}

.image-6.fancy-img {
  width: 100%;
}

.pioneering {
  background-color: #002a55;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pioneering.last-animation {
  background-color: #002a5500;
  left: 12.5%;
}

.image-24 {
  opacity: 0;
  position: absolute;
  inset: 24% auto auto;
}

.pioneer-content {
  opacity: 0;
  display: block;
  position: absolute;
  inset: 31% 0% auto;
}

.pioneering-header {
  color: #fff;
  text-align: center;
  margin: 35px auto 33px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 60px;
  line-height: 72px;
}

.pioneering-text {
  color: var(--_colors---white);
  text-align: center;
  max-width: 1090px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 30px;
  line-height: 38px;
}

.pioneering-text.last {
  color: var(--_colors---ligth-green);
  padding-top: 16px;
  font-weight: 700;
}

.text-span-2, .text-span-3, .text-span-4 {
  color: var(--_colors---orange);
  font-weight: 700;
}

.text-span-5 {
  white-space: nowrap;
}

.pioneerng-bg {
  opacity: 0;
  background-image: url('/sites/default/files/imgs/dance-blue.png');
  background-position: 50%;
  background-size: cover;
  display: block;
  position: absolute;
  inset: 0%;
}

.fading-layer {
  opacity: 0;
  filter: blur(25px);
  background-color: #002a55;
  display: block;
  position: absolute;
  inset: 0%;
}

.last-pioneering-bg {
  opacity: 0;
  background-image: url('/sites/default/files/imgs/dancing-ladyy.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  inset: 0% 0% 0% -14.5%;
}

.last-pioneer-content {
  opacity: 0;
  display: block;
  position: absolute;
  inset: 30% 0% 0%;
}

.last-pioneer-content.d-none {
  display: none;
}

.paragraph-4 {
  color: var(--_colors---white);
  text-align: center;
  max-width: 888px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 54px;
  line-height: 78px;
}

.text-span-6, .text-span-7, .text-span-8 {
  color: var(--_colors---ligth-green);
  font-weight: 700;
}

.align-bottom {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.floating-paragraph {
  color: var(--_colors---white);
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 54px;
  line-height: 78px;
  position: static;
  inset: 0%;
}

.floating-paragraph.center {
  text-align: left;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.floating-paragraph.center.mobile {
  display: block;
}

.floating-paragraph.ligth-green {
  color: var(--_colors---ligth-green);
  padding-left: 0;
}

.floating-paragraph.ligth-green.center {
  padding-left: 0;
  font-weight: 700;
}

.hidden-letter {
  max-width: var(--_sizes---max-width-0);
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
}

.hidden-letter.lite-green {
  max-width: var(--_sizes---max-width-0);
  font-weight: 400;
}

.lite-green {
  color: var(--_colors---ligth-green);
  max-width: 1313px;
}

.floating-div {
  left: var(--last-size);
  z-index: 2147483647;
  flex-flow: column;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: inline-block;
  position: absolute;
  top: 32%;
  bottom: 0%;
  right: 0;
  overflow: visible;
}

.floating-div.mobile {
  display: none;
}

.navbar {
  background-color: #ddd0;
  padding-top: 40px;
  position: fixed;
  inset: 0% 0% auto;
}

.container-2 {
  justify-content: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-link {
  color: #fff;
  padding: 7px 0 8px;
  font-size: 20px;
  line-height: 40px;
}

.nav-link.w--current {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

.nav-link.desk-hidden {
  display: none;
}

.nav-menu {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-around;
  margin-left: 52px;
  display: flex;
}

.nav-menu-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-around;
  margin-right: 50px;
  display: flex;
}

.brand {
  width: 100%;
  max-width: 167px;
  padding-bottom: 9px;
}

.logo-blue {
  opacity: 0;
  max-width: 167px;
  position: absolute;
  inset: 0 0% auto;
}

.logo-white {
  position: absolute;
  inset: 0 0% auto;
}

.video-overlay {
  z-index: 2147483647;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-content-wrapper {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  padding-top: 40px;
  display: block;
}

.card-video-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.video-heading {
  color: var(--_colors---text-blue);
  max-width: 225px;
  font-size: 20px;
  line-height: 1.2;
}

.video-heading-text {
  margin-top: 0;
  margin-bottom: 0;
}

.video-image-wrapper {
  max-width: 146px;
}

.last-section-wrapper {
  overflow: visible;
}

.footer {
  z-index: 2147483647;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-dna-lines {
  height: 24px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.footer-dna-lines.desktop-show {
  background-image: url('/sites/default/files/imgs/dna-lines-footer.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto;
  height: 16px;
  top: -16px;
}

.inner-footer {
  background-color: #ddf5ef;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 32px 50px 16px;
  display: flex;
}

.left-content {
  color: var(--_colors---text-blue);
  font-size: 13px;
  line-height: 24px;
}

.footer-menu {
  display: flex;
}

.link {
  margin-right: 12px;
  padding-right: 12px;
  display: inline-block;
}

.right-content {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-icons.mobile {
  display: none;
}

.link-2, .hidden-period {
  display: inline-block;
}

.visit-alnylam-button {
  left: var(--last-size);
  z-index: 2147483647;
  background-color: var(--_colors---text-blue);
  color: #3dd5ae;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #3dd5ae;
  border-radius: 15px;
  padding: 24px 45px;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  position: absolute;
  top: 62%;
  bottom: auto;
  right: auto;
}

.visit-alnylam-button:hover {
  border-color: var(--_colors---ligth-green);
  background-color: var(--_colors---ligth-green);
  color: var(--_colors---text-blue);
}

.silence-disease-video {
  display: none;
}

.video-2 {
  width: 100%;
  padding-bottom: 0;
}

.video-3 {
  background-color: #000;
  height: 100vh;
  display: none;
}

.big-video-close.tablet-view {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
}

.code-embed-2 {
  background-color: #000;
  width: 100%;
  height: 100vh;
  position: relative;
  inset: auto;
}

.code-embed-2.youtube-embed {
  background-color: #0000;
  height: auto;
}

.div-block-13 {
  background-color: #002a5500;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-25 {
  max-width: 78%;
  min-height: 100px;
  margin-top: 7px;
}

.image-25.d-none {
  display: none;
}

.moving-word {
  display: inline-block;
  transform: translate(0);
}

.bold-text, .bold-text.bounce-word-text {
  color: var(--_colors---orange);
}

.bold-text.moving-dot {
  position: absolute;
}

.bouncing-word {
  color: var(--_colors---orange);
  font-size: var(--bounce-f-desk);
  font-style: normal;
  font-weight: 700;
  position: absolute;
  right: auto;
}

.bold-text-2 {
  color: var(--_colors---orange);
}

.bold-text-2.visibility-hidden {
  color: var(--_colors---orange);
  visibility: hidden;
}

.br-span {
  visibility: hidden;
  height: 0;
  font-size: 60px;
  display: block;
}

@media screen and (min-width: 1440px) {
  .bg2 {
    display: block;
  }

  .dna-left, .dna-right {
    z-index: 9999;
    top: calc(43% + 155px);
  }

  .bg3 {
    display: block;
  }

  .yellow-bg {
    border-radius: 50%;
    left: 34.6vw;
  }

  .yellow-bg.white-bg {
    box-shadow: none;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-trigger.third-section.desktop-only {
    height: 100vh;
  }

  .yellow-bg-div {
    overflow: hidden;
  }

  .scroll-to-see-more.watch-video-below {
    margin-top: 170px;
  }

  .card-h2 {
    font-size: 44px;
    line-height: 56px;
  }

  .card-content {
    margin-top: 40px;
    font-size: 26px;
    line-height: 34px;
  }

  .card-wrapper {
    padding-top: 60px;
  }

  .med-paragraph {
    font-size: 36px;
  }

  .med-bg {
    background-size: cover;
  }

  .med-img {
    top: 0%;
  }

  .floating-paragraph.center {
    text-align: center;
  }

  .floating-paragraph.ligth-green.center {
    text-align: left;
  }

  .floating-div {
    left: var(--last-size);
    width: 61.3%;
    top: 40%;
    transform: none;
  }

  .floating-div.floating-dev-desk {
    width: auto;
  }

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

  .logo-blue, .logo-white {
    top: -20px;
  }

  .footer {
    position: absolute;
  }

  .footer-dna-lines {
    height: 24px;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .footer-dna-lines.desktop-show {
    height: 16px;
    top: -16px;
  }

  .visit-alnylam-button {
    top: 65%;
  }
}

@media screen and (min-width: 1920px) {
  .group.show-desk {
    transform: translate(-100vw);
  }

  .main-title-animation-6 {
    opacity: 100;
  }

  .heading.source-sans-pro.edit-animation {
    z-index: 2147483647;
    display: block;
  }

  .dna-left, .dna-right {
    top: calc(43% + 155px);
  }

  .stickey-elements.video-scene {
    flex-flow: row;
  }

  .yellow-bg.white-bg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0%;
    right: 0%;
    transform: translate(0%, -50%);
  }

  .scroll-for-more {
    bottom: 71px;
  }

  .code-embed {
    position: static;
  }

  .video-container {
    position: fixed;
    inset: 0%;
  }

  .close-btn {
    background-color: #3898ec00;
    background-image: url('/sites/default/files/imgs/buttons-close-x-56px.svg');
    background-position: 0 0;
    background-size: auto;
    width: 30px;
    height: 30px;
    position: absolute;
    inset: 24px 24px auto auto;
  }

  .close-btn.big-video-close {
    z-index: 99999;
  }

  .blue-section-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 50vw;
  }

  .fluid-container {
    margin-left: auto;
    margin-right: auto;
  }

  .image-23.close-icon {
    width: 50px;
  }

  .image-6 {
    width: 100%;
  }

  .floating-div {
    left: var(--last-size);
    transform: none;
  }

  .code-embed-2 {
    position: static;
  }
}

@media screen and (max-width: 991px) {
  .scene.footer-scene {
    height: auto;
    display: none;
  }

  .dna-lins-group {
    top: 22.8%;
  }

  .group {
    display: none;
  }

  .group.show-mob {
    display: block;
  }

  .inner-hero.first-bg {
    background-image: url('/sites/default/files/imgs/fire-pit_HR6-2.png');
    width: 100%;
  }

  .main-title.source-sans-pro {
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-title-animation-5.ligth-green, .main-title-animation-1.ligth-green, .main-title-animation-2.ligth-green, .main-title-animation-4.ligth-green, .main-title-animation-3.ligth-green, .main-title-animation-7.ligth-green {
    font-weight: 700;
    line-height: 41px;
  }

  .ligth-green {
    color: var(--_colors---ligth-green);
    font-weight: 700;
  }

  .heading {
    margin-bottom: 28px;
    font-size: 40px;
    font-weight: 400;
    line-height: 57px;
  }

  .superscript {
    line-height: 40px;
    top: -12px;
  }

  .br-mob-only {
    width: auto;
    font-size: 0;
    line-height: 0;
    display: block;
  }

  .content-desc-1.source-sans-pro {
    font-size: 18px;
    line-height: 150%;
  }

  .bg2 {
    display: block;
  }

  .dna-left, .dna-right {
    top: calc(43% + 142px);
  }

  .dna-left-desk, .dna-right-desk {
    display: none;
  }

  .dna-left-mob, .dna-right-mob {
    width: 100%;
    max-width: none;
    height: 50px;
    display: block;
  }

  .content-desc.source-sans-pro.content-desc-2 {
    position: absolute;
    inset: 37.33% 0% auto;
  }

  .content-desc.source-sans-pro.content-desc-3 {
    max-width: none;
    left: 37px;
  }

  .content-desc.source-sans-pro.left-text {
    left: 37px;
  }

  .paragraph-2 {
    padding-left: 31px;
    padding-right: 31px;
    font-size: 18px;
    line-height: 150%;
  }

  .paragraph-2.mt-35 {
    margin-top: 30px;
  }

  .bg3 {
    padding-right: 0;
  }

  .content-desc-h3 {
    max-width: 250px;
    font-size: 40px;
    line-height: 120%;
  }

  .content-desc-h3.content-4 {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 32px;
    line-height: 120%;
  }

  .content-desc-h3.content-4.source-sans-pro {
    max-width: 345px;
    transform: translate(0);
  }

  .content-desc-h3.source-sans-pro {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 32px;
  }

  .text-span {
    text-shadow: 1px 0 10px #171616c7;
  }

  .yellow-bg.white-bg {
    left: 34vw;
  }

  .yellow-bg.white-bg.mobile-fade-bg {
    background-color: var(--_colors---white);
    box-shadow: none;
    height: 100vh;
    left: auto;
    right: auto;
  }

  .section-trigger.third-section.desktop-only {
    display: none;
  }

  .section-trigger.third-section.mobile-only {
    height: 100vh;
    padding-bottom: 150vh;
    display: block;
  }

  .section-trigger.fourth-section {
    padding-bottom: 100vh;
    display: block;
  }

  .section-trigger.last-section.pioneer-first-trigger {
    padding-bottom: 100vh;
  }

  .section-trigger.footer-trigger {
    display: none;
  }

  .yellow-bg-div {
    overflow: hidden;
  }

  .yellow-bg-div.white-bg {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .scroll-for-more {
    bottom: 20px;
  }

  .scroll-to-see-more.watch-video-below {
    margin-top: 90px;
  }

  .scroll-to-see-p {
    font-size: 14px;
  }

  .second-section-wrap {
    position: relative;
  }

  .video-container {
    width: 735px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: none;
    inset: 50% 0% auto;
    transform: translate(0, -50%);
  }

  .close-btn.big-video-close {
    width: 25px;
    max-width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    top: 4px;
    right: 5px;
  }

  .four-cards-lite-bg {
    width: 100%;
    height: 100%;
    padding: 102px 24px 0;
    position: absolute;
  }

  .cards-wrapper {
    height: 100vh;
    position: sticky;
    top: 0%;
  }

  .container {
    width: auto;
    max-width: 720px;
  }

  .columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    max-width: 716px;
  }

  .card-title {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: auto;
  }

  .column {
    min-height: 252px;
  }

  .card-h2 {
    opacity: 100;
    width: auto;
    height: auto;
    margin-left: 0;
    font-size: 32px;
    line-height: 120%;
    display: block;
  }

  .icon-wrapper {
    max-width: 64px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .card-content {
    margin-top: 13px;
    padding-right: 11px;
    font-size: 18px;
    line-height: 23px;
    display: block;
  }

  .card-wrapper {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-bottom: 0;
    padding: 35px 16px 44px 32px;
  }

  .div-card {
    justify-content: flex-start;
    align-items: center;
    padding: 0;
  }

  .image {
    width: 100%;
    min-width: 64px;
    max-width: 100%;
    height: auto;
  }

  .row {
    flex-flow: column;
  }

  .card.column.card1, .card.column.card2, .card.column.card3 {
    width: 100%;
    max-width: 640px;
    height: auto;
  }

  .card.column.card4 {
    width: 100%;
    max-width: 640px;
    height: auto;
    max-height: none;
  }

  .blue-section-text {
    max-width: 390px;
    padding-left: 32px;
    padding-right: 32px;
    top: calc(50% - 40px);
  }

  .blue-section-spans {
    font-size: 32px;
    line-height: 1.25;
  }

  .blue-section-spans.font-w-700.tablet-mobile-view {
    font-size: var(--_sizes---font-32-400);
    display: block;
  }

  .end-layer-of-blue-scene {
    position: absolute;
    inset: 0%;
  }

  .end-layer-of-blue-scene.mobile-only {
    width: 100%;
    height: 100%;
    position: static;
  }

  .section-content {
    top: 22%;
  }

  .section-content.side-content {
    max-width: 61%;
    margin-left: 0;
    margin-right: 0;
    top: 37%;
    left: 0%;
    transform: none;
  }

  .med-paragraph {
    padding-left: 28px;
    padding-right: 28px;
    font-size: 18px;
    line-height: normal;
  }

  .med-paragraph.side {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 0;
    transform: none;
  }

  .pipeline-btn {
    border-width: 1.6px;
    width: 100%;
    max-width: 218px;
    margin-top: 40px;
    padding: 14px 38px;
    font-size: 16px;
    transition: all .3s;
  }

  .pipeline-btn:focus {
    max-width: 218px;
    box-shadow: 0 0 0 .25rem #0d6efd40;
  }

  .med-img {
    display: none;
    top: 0%;
  }

  .mob-med-img {
    display: block;
    position: absolute;
    inset: 50% 0% auto;
    transform: translate(0, -45%);
  }

  .fluid-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-23.close-icon.youtube-video-close-icon {
    width: 25px;
    top: 4px;
    right: 5px;
  }

  .popup-modal {
    width: 96%;
    max-width: 96%;
  }

  .popup-modal.big-video {
    width: 96%;
    max-width: 96%;
    height: auto;
  }

  .modal-box {
    padding: 32px;
  }

  .modal-box.youtube-modalbox {
    border-radius: 8px;
    padding: 32px;
  }

  .modal-box.youtube-modalbox.big-video {
    background-color: var(--_colors---white);
  }

  .pioneering.last-animation {
    background-color: #002a5500;
    left: 0%;
  }

  .image-24 {
    top: 17%;
  }

  .pioneering-header {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 120%;
  }

  .pioneering-text {
    font-size: 18px;
    line-height: 125%;
  }

  .pioneerng-bg {
    background-image: url('/sites/default/files/imgs/danceing-lady4.png');
  }

  .last-pioneering-bg {
    background-image: url('/sites/default/files/imgs/danceing-lady5.png');
    left: 0%;
  }

  .paragraph-4 {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 38px;
    line-height: 120%;
  }

  .floating-paragraph.center.mobile {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 38px;
    line-height: 120%;
    transform: none;
  }

  .floating-paragraph.center.mobile.hide {
    display: none;
  }

  .hidden-letter {
    max-height: var(--hidden-max-h);
  }

  .lite-green {
    font-weight: 700;
  }

  .floating-div {
    display: none;
    top: 40%;
    left: 0%;
  }

  .floating-div.mobile {
    opacity: 1;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
    top: 50%;
    left: 0%;
    transform: translate(0, -50%);
  }

  .navbar {
    z-index: 99999;
    padding: 41px 24px 45px;
  }

  .container-2 {
    z-index: 99999;
    justify-content: center;
    max-width: 99%;
    position: relative;
  }

  .menu-button {
    z-index: 999999;
    margin-top: -14px;
    padding-top: 0;
    padding-left: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .nav-link.mob-hidden {
    display: none;
  }

  .nav-link.desk-hidden {
    display: block;
  }

  .nav-link.link-1.mobile-hidden {
    display: none;
  }

  .nav-link.link-2 {
    width: 100%;
  }

  .nav-link.link-2.mobile-hidden {
    display: none;
  }

  .nav-menu {
    flex-flow: column;
  }

  .nav-menu.mob-hidden {
    display: none;
  }

  .nav-menu-2 {
    background-color: var(--_colors---bg-blue);
    flex-flow: column;
    margin-right: 0;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 24px;
    inset: 0% 0% auto;
    box-shadow: 0 6px 2px -2px #fbfbfb3b;
  }

  .logo-blue, .logo-white {
    top: -18px;
  }

  .icon {
    color: var(--_colors---white);
    width: 26px;
    height: 24px;
    font-size: 40px;
  }

  .card-content-wrapper {
    display: flex;
  }

  .card-video-wrapper {
    flex-flow: column;
  }

  .video-heading, .video-image-wrapper {
    max-width: none;
  }

  .last-section-wrapper {
    position: relative;
  }

  .footer {
    position: absolute;
    inset: auto 0% 0%;
  }

  .footer-dna-lines.desktop-show {
    background-image: url('/sites/default/files/imgs/dna-lines-footer-mobile.svg');
  }

  .inner-footer {
    padding: 0;
  }

  .left-content {
    width: 100%;
    padding: 13px 60px;
  }

  .footer-menu {
    justify-content: center;
    align-items: center;
  }

  .footer-note {
    color: var(--_colors---white);
  }

  .footer-note.copyright {
    color: var(--_colors---text-blue);
    text-align: center;
  }

  .right-content {
    background-color: var(--_colors---text-blue);
    align-items: center;
    width: 100%;
    padding: 16px 60px;
  }

  .social-icons.desktop {
    display: none;
  }

  .social-icons.mobile {
    display: block;
  }

  .hidden-period {
    max-height: var(--_sizes---max-height-500);
    max-width: var(--_sizes---max-width-100);
    opacity: 0;
    display: inline-block;
  }

  .visit-alnylam-button {
    padding: 16px 30px;
    font-size: 18px;
    line-height: 24px;
    top: 58%;
    left: auto;
  }

  .video-3 {
    background-color: #0000;
    height: auto;
  }

  .big-video-close {
    width: 25px;
    position: absolute;
    top: 4px;
    right: 5px;
  }

  .big-video-close.tablet-view {
    display: block;
    top: 6px;
    right: 7px;
  }

  .big-video-close-tablet {
    width: 25px;
  }

  .code-embed-2 {
    background-color: #0000;
    height: auto;
  }

  .code-embed-2.youtube-embed {
    background-image: url('/sites/default/files/imgs/youtube-placeholder.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .image-26 {
    max-width: 60%;
    margin-top: 7px;
  }

  .image-26.d-none {
    display: none;
  }

  .moving-word {
    font-weight: 700;
    display: inline-block;
    transform: translate(0);
  }

  .bouncing-word {
    font-size: var(--bounce-f-mob);
  }

  .br-span {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .bg2 {
    background-image: url('/sites/default/files/imgs/bg2-op.jpg');
    display: block;
  }

  .dna-right-mob {
    max-width: none;
  }

  .stickey-elements.video-scene {
    background-position: 60%;
  }

  .bg1 {
    background-image: url('/sites/default/files/imgs/bg1-op.png');
  }

  .bg3 {
    background-image: url('/sites/default/files/imgs/bg3-op.jpg');
    display: block;
  }

  .scroll-to-see-more.watch-video-below {
    margin-top: 90px;
  }

  .video-container {
    display: none;
  }

  .four-cards-lite-bg {
    position: fixed;
  }

  .card-h2 {
    margin-left: -2px;
  }

  .mob-med-img {
    width: 100%;
    top: 48.6vh;
  }

  .fluid-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal-box.youtube-modalbox {
    padding: 12px;
  }

  .pioneering {
    overflow: hidden;
  }

  .pioneering.last-animation {
    left: 0%;
  }

  .floating-paragraph.center.mobile {
    text-align: center;
  }

  .floating-paragraph.center.mobile.new-last-animation {
    padding-left: 0;
    padding-right: 0;
    font-size: 33px;
  }

  .hidden-period {
    display: inline-block;
  }

  .bold-text.d-block-270 {
    max-width: 270px;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .scene {
    margin-top: 900px;
    padding-top: 0;
    top: -900px;
    overflow: hidden;
  }

  .bg2 {
    display: block;
  }

  .dna-left, .dna-right {
    top: 59%;
  }

  .dna-left-mob, .dna-right-mob {
    width: auto;
    max-width: none;
    height: 90px;
  }

  .paragraph-2.mt-35 {
    max-width: 300px;
  }

  .yellow-bg-div.d-none {
    display: none;
  }

  .scroll-for-more.scroll-blue {
    z-index: var(--zindex-to-minus);
  }

  .scroll-to-see-more.watch-video-below {
    margin-top: 180px;
  }

  .mob-med-img {
    width: 100%;
    max-width: none;
    height: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }

  .fluid-container {
    order: 2;
    justify-content: flex-start;
  }

  .hidden-letter {
    max-height: var(--hidden-max-h);
  }

  .mob-nowrap {
    white-space: nowrap;
  }
}