.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #3b79c3;
}

.lottie-animation {
  width: 100%;
}

.hero-animation-container {
  position: fixed;
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: #3b3b3b;
}

.body {
  height: auto;
  margin-top: 0px;
  font-family: 'D din', sans-serif;
  font-size: 20px;
}

.body.heading-mobile {
  max-width: 450px;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}

.body.heading-mobile.ending {
  padding-bottom: 10%;
  font-weight: 400;
}

.body.white {
  color: #fff;
}

.body.white.form-footer {
  margin-bottom: 2.5%;
  line-height: 24px;
}

.footer {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: block;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

.footer.normal {
  z-index: 1;
}

.site-width-footer {
  display: block;
  width: auto;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.footer-container-25 {
  width: 25%;
}

.footer-container-25.half {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer-container-25.half._2 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer-text-block {
  padding-top: 0px;
  font-family: 'D din', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.footer-text-block.policies {
  margin-right: 0px;
}

.footer-text-block.copyright {
  margin-top: 20px;
  padding-top: 0px;
  color: #777;
}

.footer-text-block.links {
  width: auto;
  color: #333;
  line-height: 27px;
  text-decoration: none;
}

.social-logos {
  margin-top: 20px;
}

.social-icon {
  width: 20px;
  margin-right: 0px;
}

.raptor-logo-footer {
  height: 20px;
  max-width: none;
  margin-bottom: 0px;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: all 500ms cubic-bezier(.42, 0, .304, .995);
  transition: all 500ms cubic-bezier(.42, 0, .304, .995);
}

.raptor-logo-footer:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.footer-top-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-bottom-section {
  display: block;
}

.footer-top-text-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #4f4f4f;
}

.policies-link-block {
  margin-right: 20px;
  color: #333;
  text-decoration: none;
}

.social-link-block {
  margin-right: 20px;
  opacity: 1;
  -webkit-transition: all 500ms cubic-bezier(.42, 0, .298, 1.001);
  transition: all 500ms cubic-bezier(.42, 0, .298, 1.001);
}

.social-link-block:hover {
  opacity: 0.5;
  -webkit-transform: translate(0px, -2px) scale(1.05);
  -ms-transform: translate(0px, -2px) scale(1.05);
  transform: translate(0px, -2px) scale(1.05);
}

.link-block {
  color: #333;
  text-decoration: none;
}

.footer-text-title {
  font-family: 'D din', sans-serif;
  color: #333;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.heading {
  margin-top: 7px;
  margin-bottom: 15px;
  font-family: 'D din', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.footer-links-half {
  width: 33%;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: right;
}

.foot-links {
  display: block;
  width: auto;
  text-decoration: none;
}

.link {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #333;
  text-decoration: none;
}

.link:hover {
  color: #686868;
}

.raptor-logo {
  display: block;
  width: auto;
  max-width: 46%;
  margin-bottom: 40px;
}

.lottie-animation-2 {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: 100%;
}

.banner {
  position: relative;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  max-height: none;
  min-height: auto;
  background-color: #fff;
}

.banner.blue {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: 100vh;
  max-height: none;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #00647d;
}

.banner.blue.about-us {
  max-height: 900px;
}

.banner.blue.carousel {
  z-index: 4;
  height: 100vh;
  max-height: none;
}

.banner.blue._1 {
  position: relative;
  display: none;
}

.banner._3 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #ede9e8;
}

.banner._4 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.banner.subscribe-banner {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  max-height: none;
  min-height: 600px;
}

.banner.heading {
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/COVID-19-Banner-V2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner.covid.bg-image {
  height: 45vw;
  max-height: 850px;
  min-height: 400px;
  background-image: url('../images/Raptor-Token-Test-V1.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner.covid.bg-image.hero {
  min-height: 400px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/COVID-19-Banner-V2.jpg');
}

.banner.our-technology.hero {
  height: 45vw;
  max-height: 850px;
  min-height: 400px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Our-Technology-Header-V1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner.about-us {
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.banner.about-us.hero {
  display: none;
  overflow: hidden;
  height: 60vw;
  max-height: 1200px;
  min-height: 800px;
  background-image: url('../images/Engineering-the-Future-of-Diagnostics-V3.jpg');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner.about-us._2 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.banner.about-us._3 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.banner.about-us._4 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner.grey.contact-us {
  max-height: 900px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9;
}

.banner.grey.contact-us.map {
  z-index: 11;
  max-height: 1000px;
  min-height: 770px;
}

.banner.test {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.banner.carousel._2 {
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
  width: 100vw;
  background-color: #88ae0b;
}

.banner.carousel._3 {
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
  width: 100vw;
  min-height: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #46160d;
}

.banner.carousel._1 {
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
  width: 100vw;
  min-height: auto;
}

.banner.news {
  display: block;
  height: 100vh;
  max-height: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner-section-half {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.banner-section-half.right-image {
  z-index: 12;
  display: none;
  overflow: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.banner-section-half.bg-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 65%;
  height: 120%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: url('../images/Breath-of-fresh-air-V3.jpg');
  background-position: 90% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-section-half.bg-image._2 {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  width: 100%;
  background-image: url('../images/Breath-of-fresh-air-V2.jpg');
  background-position: 68% 50%;
  background-size: cover;
}

.banner-section-half.bg-image._2.covid {
  background-image: url('../images/Technology-with-revolutionise-V2.jpg');
  background-position: 40% 50%;
}

.banner-section-half.bg-image._2._3 {
  background-image: url('../images/Constant-Innovation-V1.jpg');
  background-position: 40% 50%;
  background-size: cover;
}

.banner-section-half.bg-image._2._3._4 {
  background-image: url('../images/Meaningful-Innovation-V1.jpg');
  background-position: 50% 50%;
}

.banner-section-half.bg-image._2.about-us {
  width: auto;
  height: auto;
  background-image: url('../images/Empowering-Healthcare-V2.jpg');
}

.banner-section-half.bg-image._3 {
  position: absolute;
  z-index: 10;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: url('../images/We’re-looking-for-doctors-withvision-V1.jpg');
  background-position: 60% 50%;
  background-size: cover;
}

.banner-section-half.bg-image.about-us._3 {
  z-index: 14;
  background-image: url('../images/Meaningful-Innovation-V1.jpg');
  background-position: 50% 50%;
}

.banner-section-half.bg-image.breathe {
  background-image: url('../images/Breath-of-fresh-air-V3.jpg');
}

.banner-section-half.bg-image-half {
  background-image: url('../images/Empowering-the-extraordinary-V1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-section-half.bg-image-half.covid {
  background-image: url('../images/Interested-in-our-Technology-V1.jpg');
  background-position: 0% 50%;
}

.banner-section-half.white-fade {
  z-index: 15;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(8%, hsla(0, 0%, 100%, 0)), color-stop(46%, #fff));
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 8%, #fff 46%);
}

.banner-section-half.covid {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-section-half.sub-heading {
  z-index: 15;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.banner-section-half._2 {
  z-index: 10;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.banner-section-half.about-us._3 {
  z-index: 16;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner-section-half.about-us.our-story {
  max-width: 640px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-section-half.carousel {
  background-color: rgba(85, 86, 106, 0.77);
}

.banner-section-half.carousel._2 {
  background-color: rgba(136, 174, 11, 0.77);
}

.banner-section-half.carousel._4 {
  background-color: rgba(70, 22, 13, 0.77);
}

.banner-section-half.carousel._1 {
  background-color: rgba(70, 22, 13, 0.77);
}

.half-full-width-image {
  position: relative;
  display: block;
  overflow: visible;
  max-height: 800px;
}

.half-full-width-image.covid {
  z-index: 20;
  margin-bottom: 0%;
}

.half-full-width-image.technology {
  max-width: 80%;
}

.half-text-section {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.half-text-section.about-us {
  max-width: 475px;
}

.heading-2 {
  position: relative;
  margin-bottom: 30px;
  font-family: 'D din', sans-serif;
  color: #4f4f4f;
  font-size: 45px;
  line-height: 50px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.heading-2.white {
  color: #fff;
  text-align: left;
}

.heading-2.white.hero {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
}

.heading-2.white.padding {
  text-align: center;
}

.heading-2.white.centre {
  text-transform: uppercase;
}

.heading-2.contact-us {
  margin-bottom: 40px;
  text-align: center;
}

.heading-2.centre {
  text-align: center;
  text-transform: none;
}

.heading-2.teal {
  text-transform: none;
}

.heading-2.teal.white._2 {
  max-width: 280px;
}

.heading-2.news {
  max-width: 450px;
  padding: 15px;
  font-size: 48px;
  text-transform: none;
}

.body-section {
  margin-bottom: 50px;
  font-family: 'D din', sans-serif;
  color: #4f4f4f;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  letter-spacing: 0.5px;
}

.body-section.white {
  color: #fff;
}

.body-section.form {
  margin-bottom: 30px;
}

.body-section.heading {
  color: #fff;
}

.body-section.heading.hero {
  margin-bottom: 20px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.body-section.heading.hero.grey {
  color: #4f4f4f;
}

.body-section.center {
  text-align: center;
}

.body-section.about-us-1 {
  max-width: 380px;
}

.body-section.about-us-1.white._2 {
  max-width: 330px;
}

.body-section.about-us-1.white._4 {
  max-width: 356px;
}

.body-section.about-us-1._3 {
  max-width: 300px;
}

.body-section.about-us-1._4 {
  max-width: 356px;
}

.body-section.contact-us {
  margin-bottom: 15px;
  text-align: center;
}

.body-section.contact-us.body-copy {
  margin-bottom: 60px;
}

.body-section.contact-us.body-copy.end {
  margin-bottom: 0px;
}

.body-section.contact-us.body-copy.end._2 {
  margin-top: 50px;
}

.body-section.map {
  margin-top: 10px;
  margin-bottom: 20px;
}

.body-section.homepage {
  margin-bottom: 0px;
}

.body-section.box {
  width: 50%;
  min-width: 150px;
  margin-bottom: 0px;
}

.body-section.box.end {
  color: #fff;
  font-weight: 700;
}

.button-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-section.centre {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button {
  width: auto;
  min-width: 200px;
  padding: 12px 45px;
  border: 2px solid #00c9fc;
  border-radius: 40px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  font-family: 'D din', sans-serif;
  color: #4f4f4f;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.5px;
}

.button:hover {
  border-color: #fff;
  background-color: #00c9fc;
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  color: #fff;
}

.button.blue {
  padding-right: 30px;
  padding-left: 30px;
  background-color: #00c9fc;
  color: #fff;
}

.button.blue.right {
  margin-left: 30px;
}

.button.blue.right:hover {
  border-color: #4f4f4f;
  background-color: #4f4f4f;
  color: #fff;
}

.button.blue.contact {
  margin-top: 30px;
}

.button.light {
  background-color: transparent;
  color: #fff;
}

.button.light:hover {
  border-color: #00c9fc;
  background-color: #00c9fc;
  color: #fff;
}

.button.clear {
  background-color: transparent;
}

.button.clear:hover {
  background-color: #00c9fc;
}

.button.clear.white {
  color: #fff;
}

.button.contact-us {
  margin-bottom: 60px;
}

.button.red {
  border-color: #922324;
  background-color: transparent;
  color: #fff;
}

.button.red:hover {
  background-color: #922324;
  color: hsla(0, 0%, 100%, 0.5);
}

.button.green {
  border-color: #b1d43d;
  background-color: transparent;
  color: #fff;
}

.button.green:hover {
  background-color: #b1d43d;
  color: hsla(0, 0%, 100%, 0.5);
}

.button.grey {
  border-color: #8e8faa;
  background-color: transparent;
  color: #fff;
}

.button.grey:hover {
  background-color: #8e8faa;
  color: hsla(0, 0%, 100%, 0.5);
}

.button.technology-mobile {
  background-color: #00647d;
  color: #fff;
}

.button.technology-mobile:hover {
  color: hsla(0, 0%, 100%, 0.6);
}

.button.loader {
  display: block;
  min-width: auto;
  margin-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-radius: 0px;
  background-color: transparent;
  font-family: 'D din', sans-serif;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}

.button.loader.enter-site {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-bottom: 1%;
  border-style: none none solid;
  border-radius: 0px;
  background-color: transparent;
}

.button.loader.enter-site.test {
  display: none;
}

.button.loader.enter-site.mob {
  display: none;
}

.button.loader.mob {
  display: none;
}

.text-centre {
  position: relative;
  z-index: 14;
  display: block;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: left;
}

.text-centre.heading {
  width: 380px;
}

.text-centre.heading.our-technology {
  width: auto;
}

.text-centre.heading.about-us {
  width: auto;
  max-width: 780px;
}

.text-centre.contact-us {
  text-align: center;
}

.text-centre.home {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-product {
  position: relative;
  z-index: 20;
  height: 100%;
  max-width: none;
}

.image-product.flow {
  height: 100%;
  max-width: none;
}

.overlap-image {
  position: relative;
  z-index: 20;
  overflow: hidden;
  width: 50vw;
  height: 1000px;
}

.text-field {
  position: relative;
  height: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  border: 1px solid #00c9fc;
  border-radius: 20px;
  font-size: 15px;
}

.text-field.contact {
  border-radius: 5px;
  background-color: #00647d;
  font-family: 'D din', sans-serif;
  color: #fff;
}

.text-field.contact::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  letter-spacing: 0.2px;
}

.text-field.contact:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  letter-spacing: 0.2px;
}

.text-field.contact::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  letter-spacing: 0.2px;
}

.text-field.contact::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  letter-spacing: 0.2px;
}

.text-field.contact.message {
  display: block;
  height: 150px;
}

.text-field._1 {
  border-width: 1.5px;
  background-color: #00647d;
  font-family: 'D din', sans-serif;
}

.text-field._1.message {
  height: 140px;
  font-family: 'D din', sans-serif;
}

.form-stack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.submit-button {
  position: relative;
  left: -40px;
  margin-bottom: 10px;
  border-radius: 20px;
  background-color: #00c9fc;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.submit-button:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.submit-button._1 {
  left: 0px;
  margin-top: 20px;
  padding-right: 25px;
  padding-left: 25px;
  font-family: 'D din', sans-serif;
}

.site-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: auto;
  max-height: 800px;
  max-width: 1140px;
  min-height: 600px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-width.header {
  height: 100%;
  max-height: none;
  max-width: 1140px;
  min-height: auto;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.site-width.blog {
  overflow: hidden;
  width: 100vw;
  max-height: none;
  min-height: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.site-width.blog.homepage {
  display: block;
}

.site-width.contact-us {
  position: relative;
  z-index: 20;
  max-height: none;
  min-height: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.site-width.interested {
  max-height: none;
  min-height: auto;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header-menu {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 9900;
  display: none;
  height: 74px;
  border-style: none none solid;
  border-width: 0.5px;
  border-color: hsla(0, 0%, 50%, 0.5);
  background-color: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.header-menu.new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-logo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.raptor-logo-header {
  position: relative;
  left: 0px;
  display: block;
  width: auto;
  height: 20px;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  text-align: left;
}

.raptor-logo-header:hover {
  opacity: 0.5;
  mix-blend-mode: normal;
}

.header-menu-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-menu-div._3 {
  width: 50%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-links {
  margin-right: 50px;
  font-family: 'D din', sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.header-links.end {
  margin-right: 0px;
}

.heading-1 {
  max-width: 450px;
  padding-bottom: 2.5%;
  color: #fff;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-align: left;
  text-transform: none;
}

.heading-1.grey {
  color: #4f4f4f;
  font-size: 48px;
  line-height: 50px;
  text-transform: none;
}

.heading-1.grey.subtitle {
  font-size: 20px;
  line-height: 25px;
}

.heading-1.grey.technology {
  max-width: 480px;
  font-size: 28px;
  line-height: 30px;
}

.heading-1.grey.technology.headline {
  max-width: 480px;
  font-size: 48px;
  line-height: 50px;
}

.heading-1.sub {
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 5px;
}

.heading-1.hero {
  max-width: 352px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  line-height: 50px;
  letter-spacing: 2px;
  text-transform: none;
}

.heading-1.technology-mobile {
  max-width: 600px;
  font-size: 48px;
  line-height: 50px;
  text-transform: none;
}

.heading-1.technology-mobile._2 {
  max-width: 622px;
}

.heading-1.technology-mobile._3 {
  max-width: 640px;
}

.heading-1.projects-title {
  position: relative;
  padding-bottom: 5%;
  font-family: 'D din', sans-serif;
}

.heading-1.projects-title.agc {
  max-width: 800px;
}

.heading-1.projects-title.grey.what-s-next {
  padding-bottom: 20%;
  text-align: center;
}

.heading-1.projects-title.red {
  color: #841b1b;
  text-align: center;
}

.heading-1.projects-title.red.end {
  max-width: 540px;
}

.heading-1.projects-title.teal {
  color: #00647d;
}

.heading-1.projects-title.airborne {
  max-width: 590px;
  padding-bottom: 10vh;
}

.heading-1.projects-title.scroll {
  max-width: 520px;
  padding-bottom: 0%;
}

.heading-1.projects-title.scroll._2 {
  max-width: 420px;
}

.heading-1.projects-title.article-title {
  max-width: 590px;
  padding-bottom: 0%;
  font-size: 35px;
  line-height: 40px;
  font-weight: 400;
}

.heading-1.projects-title.article-title.teal.white {
  color: #fff;
}

.heading-1.projects {
  margin-top: 10px;
  font-family: 'D din', sans-serif;
  font-weight: 700;
  text-align: center;
}

.heading-1.projects.airborne {
  max-width: 580px;
}

.heading-1.body._2 {
  max-width: 430px;
}

.heading-1.footer-form {
  position: relative;
  max-width: 590px;
  padding-bottom: 5%;
  font-family: 'D din', sans-serif;
  text-transform: none;
}

.heading-1.magnifyiung-glass {
  max-width: 380px;
  padding-bottom: 25%;
  padding-left: 15%;
  font-size: 40px;
}

.heading-1.home {
  max-width: none;
  text-transform: uppercase;
}

.heading-1.project-title.airborne {
  max-width: 700px;
  font-family: 'D din', sans-serif;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
}

.heading-1.project-title.airborne._1 {
  max-width: 690px;
  margin-left: 0px;
  padding-left: 0px;
}

.heading-1.project-title.airborne._1.projects-page {
  margin-left: 0px;
}

.heading-1.project-title.airborne.start {
  max-width: 700px;
  padding-bottom: 0%;
}

.heading-1.project-title.airborne._5 {
  max-width: none;
}

.heading-1.desktop.title-case {
  max-width: 390px;
  text-transform: none;
}

.heading-1.desktop.title-case.future {
  max-width: 450px;
}

.heading-1.empowering {
  padding-bottom: 10%;
}

.heading-1.projects-thumbnail {
  padding-bottom: 0vh;
  font-family: 'D din', sans-serif;
}

.heading-1.projects-thumbnail.slider-2 {
  max-width: 480px;
}

.heading-1.projects-thumbnail.custom {
  max-width: 470px;
}

.heading-1.projects-thumbnail.custom2 {
  max-width: 630px;
}

.heading-1.about {
  text-align: center;
}

.heading-1.article._1 {
  max-width: none;
  color: #4f4f4f;
}

.token-image {
  position: relative;
  right: 0%;
  z-index: 10;
  display: block;
  max-height: 800px;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-animation-block {
  position: relative;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-section {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.block-section.technology.grey {
  padding-top: 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f9f9f9;
}

.block-section.technology.grey.home {
  overflow: hidden;
  width: 50vw;
  height: 100%;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-section.technology.grey.contact-us {
  z-index: 10;
  background-color: #93c9c4;
}

.block-section.technology.grey.news {
  height: 100%;
}

.block-section.technology.teal {
  padding-top: 60px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #93c9c4;
}

.block-section.technology.dark-blue {
  padding-top: 60px;
  background-color: #00647d;
}

.block-section.technology.blue {
  display: none;
  padding-top: 60px;
  background-color: #00c9fc;
}

.text-content-padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 800px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-content-padding.technology {
  max-width: none;
  margin-bottom: 40px;
}

.world-heatmap-animation {
  display: none;
  width: 80%;
}

.body-2 {
  margin-top: 74px;
  margin-bottom: 0px;
}

.body-3 {
  margin-top: 74px;
}

.item-bounding-box {
  position: relative;
  display: block;
  overflow: hidden;
  width: 30%;
  margin-right: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  color: #fff;
}

.item-bounding-box:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.item-bounding-box._3 {
  display: block;
  margin-right: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.item-image {
  width: 100%;
  height: 50%;
  max-width: 350px;
  min-height: 320px;
  background-image: url('../images/Microsope-V1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-image._1 {
  background-image: url('../images/How-can-VOCs-be-used-to-detect-human-disease--Banner-Op.jpg');
}

.item-image._2 {
  background-image: url('../images/Evidence-for-VOCs-as-biomarkers-for--human-disease.jpg');
}

.item-image._3 {
  background-image: url('../images/mosquito-square.jpg');
}

.item-image._4 {
  background-image: url('../images/COVID--influenza-V1-Square.jpg');
  background-position: 50% 100%;
}

.item-image._5 {
  background-image: url('../images/Fighting--antimicrobial-resistance.jpg');
}

.item-image._6 {
  background-image: url('../images/How-can-we-accelerate-the-transition-to-sustainable-agriculture-square.jpg');
}

.text-infomation {
  position: relative;
  max-width: 720px;
  margin-bottom: 10%;
  padding: 15px;
}

.heading-3 {
  margin-top: 50px;
  margin-bottom: 40px;
  color: #4f4f4f;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

.heading-3.sub {
  background-color: #fff;
  font-weight: 400;
}

.heading-3.sub.projects-page {
  background-color: transparent;
  font-family: 'D din', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
}

.heading-3.desktop {
  margin-top: 0px;
  margin-bottom: 20px;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 20px;
  font-weight: 400;
}

.copy-text {
  color: #4f4f4f;
  font-size: 20px;
  line-height: 25px;
}

.copy-text.date {
  display: none;
  margin-bottom: 0px;
  font-size: 15px;
}

.title {
  color: #4f4f4f;
  font-size: 20px;
}

.title.in-the-press {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 30px;
}

.arrow {
  position: absolute;
  left: auto;
  top: auto;
  right: 25px;
  bottom: 19px;
}

.navbar {
  display: block;
  width: 100%;
  max-width: 1140px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  text-align: left;
}

.brand {
  left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  height: 74px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 1;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: all 500ms cubic-bezier(.42, 0, .31, 1.001);
  transition: all 500ms cubic-bezier(.42, 0, .31, 1.001);
}

.container {
  width: 100%;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 74px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
}

.nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  padding: 0px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 500ms cubic-bezier(.42, 0, .304, 1.001);
  transition: all 500ms cubic-bezier(.42, 0, .304, 1.001);
  font-family: 'D din', sans-serif;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.nav-link:hover {
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
  color: hsla(0, 0%, 100%, 0.5);
}

.nav-link.w--current {
  color: #00c9fc;
}

.nav-link.carousel {
  padding-right: 3vw;
  padding-left: 3vw;
}

.heading-center {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.burgner-menu-center {
  display: none;
}

.top-title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-and-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.colour-band {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00c9fc;
}

.heading-number {
  color: #00c9fc;
  font-size: 200px;
  line-height: 200px;
}

.map-divi {
  height: 100%;
}

.map-text {
  width: 100%;
}

.google-maps {
  height: 100%;
  -webkit-filter: saturate(0%);
  filter: saturate(0%);
}

.body-4 {
  height: 10000px;
}

.loading {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9998;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00647d;
}

.raptor-logo-intro {
  position: relative;
  left: 0%;
  top: 0%;
  display: block;
  width: auto;
  height: 10%;
  max-height: 140px;
  min-height: 100px;
  margin-bottom: 5vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 14;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.body-5 {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

.button-2 {
  margin-right: 10px;
}

.video {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100vh;
  max-width: none;
}

.video.mobile {
  display: none;
}

.hero-section {
  position: relative;
  z-index: 200;
  overflow: visible;
  width: 100vw;
  height: 100vh;
  max-height: none;
  background-color: #000;
}

.hero-section.scroll {
  display: block;
  height: 300vh;
}

.image-thumbnail {
  position: relative;
  z-index: 12;
  display: block;
  width: 120%;
  height: 120%;
  background-color: #7c3d3d;
}

.image-thumbnail.black {
  position: absolute;
  z-index: 13;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: none;
}

.button-container {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 15;
}

.play-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: pointer;
}

.play-overlay.mob {
  display: none;
}

.btnplay {
  width: 75px;
  height: 75px;
  border-radius: 60px;
  background-color: #f0f0f0;
}

.play-button {
  position: relative;
  z-index: 15;
  width: 50%;
  height: 50vh;
  max-height: 490px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 75px;
  background-color: transparent;
  -webkit-transition: all 500ms cubic-bezier(.42, 0, .287, .995);
  transition: all 500ms cubic-bezier(.42, 0, .287, .995);
}

.play-button:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.thumbnail-wrapper {
  position: absolute;
  z-index: 12;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.preloader {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 99999;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00647d;
}

.preloader-icon {
  width: 100px;
}

.bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 13;
  width: 100%;
  height: 100%;
}

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

.heading-nav-colour-v1 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 200;
  display: block;
  height: 74px;
  background-color: rgba(0, 100, 125, 0.8);
  box-shadow: 0 1px 13px -1px rgba(0, 0, 0, 0.22);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.close-button {
  position: absolute;
  left: auto;
  top: 75px;
  right: 50px;
  bottom: 0%;
  z-index: 51;
  width: 75px;
  height: 75px;
  border-radius: 75px;
  background-color: transparent;
  -webkit-transition: all 500ms cubic-bezier(.42, 0, .292, 1.001);
  transition: all 500ms cubic-bezier(.42, 0, .292, 1.001);
}

.close-button:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.close-button._1 {
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  color: #fff;
  text-decoration: none;
}

.close-button._1:hover {
  opacity: 1;
}

.close-button._1.mob {
  display: none;
}

.close-button.mob {
  display: none;
}

.top-scroll-anchor {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 0px;
  height: 0px;
}

.new-frontier {
  width: 80vw;
  max-width: 1140px;
}

.lottie-block {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 16;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.heading-4 {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 400;
}

.subscript {
  font-size: 20px;
  text-transform: uppercase;
}

.world-map-jpg {
  width: 80%;
  margin-bottom: 40px;
}

.covid-19-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.background-video {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.carousel-bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
}

.scroll-track {
  position: relative;
  top: 0px;
  z-index: 15;
  display: none;
  overflow: visible;
  height: 400vh;
  float: none;
  background-color: #fff;
}

.section-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 18;
  overflow: hidden;
  height: auto;
}

.section-sticky.sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: block;
  height: 100vh;
}

.section-sticky.sticky._1 {
  z-index: 18;
  display: block;
  overflow: hidden;
  height: auto;
}

.section-sticky.sticky._2 {
  z-index: 18;
  height: auto;
}

.section-sticky.sticky._3 {
  z-index: 17;
  height: auto;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100px;
}

.lottie-animation-4 {
  width: 100%;
  max-width: 1500px;
}

.footer-phantom-block {
  display: block;
  height: 410px;
}

.hero-text {
  position: relative;
  display: none;
  width: 80vw;
  height: 155px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.hero-text._2 {
  position: absolute;
}

.text-version-1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
}

.text-version-1._2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  opacity: 0;
}

.text-version-1._3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  opacity: 0;
}

.hero-text-and {
  position: relative;
  top: 0%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.hero-text-and.mob {
  display: none;
}

.down-arrow-scroll {
  position: relative;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 250;
  height: 80px;
}

.down-arrow-hero {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 10vh;
  z-index: 250;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.horizontal-track {
  position: relative;
  z-index: 10;
  display: none;
  width: auto;
  height: 400vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.camera {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.frame {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.frame.vertical {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.carousel-nav-items {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 74px;
  margin-top: -74px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.carousel-section-link {
  position: relative;
  opacity: 0.5;
  text-decoration: none;
}

.carousel-section-link.w--current {
  opacity: 1;
  outline-color: #00e;
  outline-offset: 0px;
  outline-style: none;
  outline-width: 3px;
  text-decoration: none;
}

.link-block-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.carousel-vertical-track {
  position: relative;
  z-index: 200;
  display: none;
  overflow: visible;
  height: auto;
}

.stroll-track {
  position: relative;
  height: 400vh;
}

.carousel-anchor-1 {
  position: absolute;
  top: 0px;
  width: 0px;
  height: 50vh;
  margin-top: 74px;
}

.shuffle-sections {
  position: relative;
  z-index: 2;
  display: none;
  overflow: visible;
  height: 500vh;
}

.track {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.section-mask {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

.hero-text-mobile.reimagined {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-text-mobile._1 {
  position: relative;
  z-index: 20;
  display: block;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.mobile-hero-2 {
  display: none;
}

.this-is-healthcare-v1 {
  display: none;
}

.our-projects-scroll-mobile {
  position: relative;
  display: none;
  width: 100%;
  height: 120vh;
  background-color: #00647d;
}

.our-projects.sticky.empowering {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  height: 100%;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00647d;
}

.our-projects.sticky.projects {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: auto;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 74px;
}

.egineering-the-future.extraordinary {
  position: relative;
  z-index: 2;
}

.slider.mobile {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.carousel-video-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.carousel-video-bg.next-project.mobile {
  display: none;
}

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

.slide.next-project {
  text-align: center;
}

.slide-link-block {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.slide-link-block.start {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fresh-air-mobile {
  position: relative;
  z-index: 20;
  display: block;
}

.breath-of-fresh {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  width: 100vw;
  height: 100vh;
}

.breath-of-fresh-air-lottie {
  width: 40%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.fresh-air-bg-image {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: cover;
  object-fit: cover;
}

.image-sticky-bg {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 450vh;
}

.our-technology-mobile {
  position: relative;
  margin-top: 0vh;
  padding-bottom: 20vh;
  background-color: #00647d;
}

.our-technology-mobile.malria-projects {
  z-index: 202;
  display: block;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.heading-and-icon {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20vh;
  padding-right: 30px;
  padding-left: 30px;
}

.heading-and-icon.malaria {
  margin-left: 0px;
  padding-top: 18vh;
}

.technology-icon-mobile {
  width: 80px;
  padding-bottom: 20px;
}

.breath-of-fresh-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.life-changin-technology-mobile {
  position: relative;
  z-index: 2;
  display: block;
}

.life-changing-mobile {
  height: 400vh;
  background-color: #fff;
}

.content {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.doctor-image {
  position: relative;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.text.sequence {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20vh;
  padding-right: 30px;
  padding-left: 30px;
}

.text.sequence._1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.text.life-changing {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20vh;
  padding-right: 30px;
  padding-left: 30px;
}

.image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.image.empowering {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.slide-nav {
  max-width: 1140px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  font-size: 12px;
  text-align: left;
}

.slide-nav.news {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -9%;
  padding-bottom: 0px;
  text-align: center;
}

.slide-nav.news.dots {
  left: auto;
  top: auto;
  right: 0%;
  bottom: 20px;
  width: 50vw;
  max-width: none;
  padding-right: 5%;
  padding-left: 3%;
  text-align: left;
}

.slide-nav.projects {
  display: none;
}

.diagnostics-text.grey {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-top: 50vh;
  margin-bottom: 100vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  background-color: #fff;
}

.text-normal {
  position: relative;
}

.text-normal.technology {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.blue-highlight {
  color: #00647d;
}

.empowering-extraordinary-mobile {
  position: relative;
  z-index: 200;
  display: block;
  min-height: 800px;
}

.microsope-image {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.doctors-vision-mobile {
  position: relative;
  z-index: 2;
  display: block;
  overflow: visible;
  height: 400vh;
}

.looking-doctors-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  height: 100vh;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0vh;
}

.subscribe-form-mobile {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 10vh;
  z-index: 10;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.looking-doctors-image-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: hidden;
  height: 100vh;
}

.image-3 {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero-vimeo-video {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2022;
  display: none;
  background-color: #000;
}

.hero-vimeo-video.desktop {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 202;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
}

.top-scroll-block {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 5px;
  height: 5px;
}

.life-changing-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100vh;
}

.news-carousel {
  display: none;
}

.news-carousel.empowering {
  position: relative;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  max-height: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.left-arrow {
  display: none;
}

.right-arrow {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 100vh;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
}

.right-arrow.projects-end {
  height: 50vh;
}

.right-arrow.projects {
  display: none;
}

.body-6 {
  background-color: #000;
}

.div-block {
  width: 100vw;
  height: 100vh;
}

.earth-html {
  width: 100%;
  height: 100%;
}

.projects-hero-image-mobile.projects {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  width: 100vw;
  height: 200vh;
  max-height: none;
}

.projects-hero-image-mobile.projects.articles {
  height: 150vh;
}

.projects-hero-image-mobile.our-technology {
  position: relative;
  z-index: 10;
  height: 200vh;
}

.projects-hero-image-mobile.our-technology.contact-us {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
}

.projects-hero-image-mobile.about-us {
  position: relative;
  z-index: 5;
}

.parallax-hero-image {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: #00647d;
  background-image: url('../images/Our-Projects-Hero-Mobile-V1.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.parallax-hero-image.our-technology {
  background-image: url('../images/Our-Technology-Header-V1.jpg');
}

.parallax-hero-image.our-technology.articles {
  height: 50vh;
  background-image: url('../images/How-can-VOCs-be-used-to-detect-human-disease--Banner-Op.jpg');
  background-position: 50% 50%;
}

.parallax-hero-image.our-technology.articles._1 {
  height: 50vh;
  background-image: url('../images/Evidence-for-VOCs-as-biomarkers-for--human-disease-v1.jpg');
  background-position: 50% 50%;
}

.parallax-hero-image.our-technology.articles._4 {
  background-image: url('../images/How-can-we-accelerate-the-transition-to-sustainable-agriculture-banner.jpg');
  background-position: 50% 10%;
}

.parallax-hero-image.our-technology.articles._5 {
  background-image: url('../images/Fighting--antimicrobial-resistance.jpg');
}

.parallax-hero-image.our-technology.articles._6 {
  background-image: url('../images/COVID--influenza-V1.jpg');
}

.parallax-hero-image.our-technology.articles._7 {
  background-image: url('../images/mosquito-.jpg');
}

.parallax-hero-image.about-us {
  background-image: url('../images/About-Us-Hero-Image-V1.jpg');
}

.parallax-hero-image.about {
  background-image: url('../images/About-Us-Hero-Image-V1.jpg');
}

.heading-text-padding {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  width: 100%;
  max-width: 1140px;
  margin-top: 90vh;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.heading-text-padding.articles {
  margin-top: 40vh;
}

.project-list.mobile {
  display: none;
  overflow: visible;
  height: 360vh;
  padding-top: 100vh;
}

.project-thumbnail {
  display: none;
}

.thumbnail-padding-mobile {
  display: none;
}

.hero-project-title-intro {
  position: relative;
  z-index: 201;
  height: 220vh;
}

.hero-project-title-intro.malaria {
  height: 230vh;
}

.hero-project-title-intro.fighting {
  height: auto;
  background-color: transparent;
}

.project-title._1 {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.project-title._1.interested {
  padding-right: 0px;
  padding-left: 0px;
}

.left-back-arrow {
  height: 15px;
  margin-top: 10px;
  padding-right: 30px;
}

.projects-title {
  position: relative;
  z-index: 200;
}

.projects-title.next-project {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

.our-projects---back-link {
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.7;
  text-decoration: none;
  cursor: pointer;
}

.bg-video-image-project-page {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
}

.project-thumbnail-video-main {
  width: 100%;
  height: 100vh;
}

.project-thumbnail-video-main.fighting.mobile {
  display: none;
}

.project-thumbnail-video-main.malaria.mobile {
  display: none;
}

.project-thumbnail-video-main.mobile {
  display: none;
}

.body-text-large {
  font-family: 'D din', sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
}

.body-text-large.black {
  max-width: 500px;
  color: #333;
}

.body-text-large.grey {
  color: #676767;
}

.body-text-large.grey.white {
  color: #fff;
}

.body-text-large._1.marlia {
  max-width: 500px;
}

.body-text-large.centre {
  text-align: center;
}

.body-text-large.start.marlia {
  max-width: 500px;
}

.body-text-large.about-us {
  text-align: center;
}

.body-text-large.about {
  text-align: center;
}

.body-text-large.our-story {
  position: relative;
  text-align: center;
}

.covid-19-testing {
  position: relative;
  z-index: 10;
  background-color: #00647d;
}

.sensor-technology-section {
  position: relative;
  height: 800vh;
}

.projects-hero-title-central {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bg-lottie {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.projects-covid-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100vw;
  height: 100vh;
}

.sensor-technology-json {
  width: 100%;
  height: auto;
}

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

.text-block._1-project {
  font-family: 'D din', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
}

.st-content {
  position: relative;
  z-index: 10;
  width: 100vw;
  height: 100vh;
}

.st-content._2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
}

.st-content._3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 12;
}

.st-content._4 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 13;
}

.st-content._5 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 15;
  display: block;
}

.ai-json {
  width: 100%;
}

.raptor-product-image {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100vw;
  height: 50vh;
}

.raptor-product-image.project-far {
  position: relative;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.raptor-coin-animation {
  position: absolute;
  left: 39.3vw;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 8;
  width: 7vw;
}

.product-images-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.raptor {
  position: relative;
  z-index: 10;
  max-width: 964px;
}

.raptor.fighting {
  width: 100%;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.raptor-product-section {
  position: relative;
  z-index: 50;
  background-color: #fff;
}

.raptor-product-section.about-us {
  height: auto;
  background-color: #00647d;
}

.rounded-pannel.grey {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 60vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.rounded-pannel.square {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 60vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.rounded-pannel.red-gradient {
  width: 50%;
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
}

.rounded-pannel.about-us {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10vh;
}

.rounded-pannel.about-us._1 {
  padding-top: 5vh;
  padding-bottom: 15vh;
}

.virus-section {
  position: relative;
  z-index: 10;
  background-color: #010211;
}

.image-bg-zoom {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 10;
  width: 100vw;
  height: 100vh;
}

.virus-zoom-mask-json {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
}

.lottie-text-section {
  position: relative;
  z-index: 12;
  width: 100vw;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.text-icon-small-json {
  width: 15vh;
  max-width: 180px;
}

.text-icon-small-json.survillance {
  max-width: 100px;
}

.text-icon-small-json.warning {
  max-width: 100px;
}

.lottie-text-section-1 {
  position: relative;
  left: auto;
  max-width: 600px;
  margin-right: auto;
  margin-left: 0px;
}

.lottie-text-section-1._2 {
  max-width: 490px;
}

.text-section-padding {
  height: 170px;
}

.text-section-padding._1.custom {
  height: 130px;
}

.heat-map-mobile {
  position: relative;
  z-index: 20;
  display: none;
  background-color: #fff;
}

.heat-map-video {
  width: 100vw;
}

.heat-map-video-bg {
  overflow: visible;
  width: 1920px;
  height: 1080px;
  max-height: none;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.phantom-block {
  height: 125px;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1920px;
  height: 1080px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.div-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1920px;
  height: 1080px;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.interested-in-technology {
  position: relative;
  z-index: 10;
  width: 100vw;
  height: auto;
  background-color: #00647d;
}

.projects-introduction-text {
  position: relative;
  z-index: 21;
  width: 100vw;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.projects-introduction-text.malraia {
  height: auto;
}

.a-globe-catastrophe-section {
  position: relative;
  z-index: 10;
  height: 700vh;
  background-color: #000;
}

.earth-object {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
  height: 100vh;
}

.earth-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.agc-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.agc-content._1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.hero-text-left {
  width: 100vw;
  max-width: 420px;
}

.hero-text-left._1 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: auto;
  max-width: 800px;
  padding-left: 30px;
}

.hero-text-left._1.acg {
  max-width: 800px;
}

.aims-diagnose {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100vw;
  background-color: #f3f3f3;
}

.number-lockup {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 5%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.number-lock-digit {
  position: relative;
  padding-right: 5%;
  font-family: 'D din', sans-serif;
  color: #00647d;
  font-size: 120px;
  line-height: 120px;
}

.number-lock-digit.red.what-s-next {
  width: 20%;
  margin-top: 0px;
  padding-right: 0%;
  color: #841b1b;
}

.number-lock-digit.red.what-s-next.white {
  color: #fff;
}

.number-lockup-text {
  position: relative;
  max-width: 340px;
  font-family: 'D din', sans-serif;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
}

.number-lockup-text.what-s-next {
  max-width: 370px;
  padding-bottom: 20px;
  color: #4f4f4f;
}

.number-lockup-text._2 {
  max-width: 370px;
}

.earth-wide {
  width: 100vw;
  height: 100vh;
}

.statistics-section {
  position: relative;
  z-index: 201;
  height: 300vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#841b1b));
  background-image: linear-gradient(180deg, #000, #841b1b);
}

.statistics-section-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 202;
  width: 100vw;
}

.effective-cards-section {
  position: relative;
  z-index: 201;
  display: block;
  height: 60vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(#841b1b));
  background-image: linear-gradient(0deg, #000, #841b1b);
}

.icon-spacing {
  height: 40px;
}

.why-important-section {
  position: relative;
  z-index: 201;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(32%, #841b1b));
  background-image: linear-gradient(180deg, #000, #841b1b 32%);
}

.title-header-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.magnifying-glass-icon {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
}

.magnifying-glass-v1 {
  width: 100%;
}

.wis-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 505px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.red-blood-cell-json {
  margin-top: 5%;
  margin-bottom: 5%;
}

.what-s-next-timeline {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 5%;
}

.what-s-next-section {
  position: relative;
  z-index: 10;
  width: 100vw;
  background-color: #fff;
}

.number-section {
  padding-bottom: 10%;
}

.down-arrow-json {
  width: 10%;
}

.body-large-text.grey.what-s-next {
  max-width: 370px;
  font-family: 'D din', sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.body-large-text.grey.contact-us {
  margin-bottom: 50px;
  color: #5b5b5b;
  font-size: 45px;
  line-height: 50px;
  font-weight: 700;
}

.centred-text-scroll {
  position: relative;
  z-index: 205;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.view-on-mobile-message {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 52000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00647d;
}

.video-ancor-close-scroll {
  position: absolute;
  left: 0%;
  top: 50vh;
  right: auto;
  bottom: auto;
  width: 0px;
  height: 5px;
}

.projects-next-project {
  position: relative;
  z-index: 15;
  width: 100%;
  height: 50vh;
  min-height: 250px;
}

.menu-overlay {
  display: none;
}

.text-padding.about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-padding.centred {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 5vh;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pannel-sub-image {
  width: 80%;
  max-width: 270px;
  padding-top: 10vh;
}

.image-number {
  display: none;
}

.video-play-anchor {
  position: relative;
  width: 0px;
  height: 0px;
  margin-top: 0%;
}

.logo-raptor {
  width: 1005px;
  max-width: 30%;
  margin-bottom: 5vh;
}

.panel-images {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.panel-images._2 {
  padding-top: 5vh;
}

.raptor-producct-imgae-about-us {
  width: 100%;
  max-width: 550px;
}

.div-block-9 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: #00647d;
}

.homepage-arrow {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.homepage-arrow.projects {
  bottom: 0%;
}

.header-nav-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-link-desktop {
  padding-right: 2.5%;
  padding-left: 2.5%;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  font-family: 'D din', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-link-desktop:hover {
  opacity: 0.5;
}

.our-projects---scroll-desktop {
  position: relative;
  z-index: 201;
  height: 160vh;
  background-color: #00647d;
}

.site-width-collumn {
  position: relative;
  height: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.site-width-collumn.desktop.slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0%;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.site-width-collumn.desktop.slide.projects {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.site-width-collumn.desktop.slide._1 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.site-width-collumn.desktop.slide.beskpoke {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.site-width-collumn.desktop.width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-width-collumn.mal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-width-collumn.articles {
  margin-right: auto;
  margin-left: auto;
}

.projects-text-div {
  position: relative;
  z-index: 19;
}

.our-projects-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  z-index: 21;
}

.slider-desktop {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  width: 100vw;
  height: 100vh;
  margin-top: 100vh;
}

.slider-desktop._2 {
  margin-top: 120vh;
}

.slider-desktop._3 {
  display: none;
  height: 100vh;
  margin-top: 240vh;
}

.slider-desktop.projects {
  margin-top: 0vh;
}

.slider-desktop.desktop {
  margin-top: 0vh;
}

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

.new-slider {
  width: 100%;
  height: 100vh;
  max-height: none;
  min-height: auto;
}

.new-slider.news {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.image-half {
  position: relative;
  width: 50%;
  height: 100%;
  background-image: url('../images/Microsope-V1.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.image-half._1 {
  background-image: url('../images/How-can-VOCs-be-used-to-detect-human-disease--Banner-Op.jpg');
  background-position: 50% 50%;
}

.image-half._2 {
  background-image: url('../images/mosquito-square.jpg');
}

.image-half._3 {
  background-image: url('../images/How-can-we-accelerate-the-transition-to-sustainable-agriculture-banner.jpg');
}

.information-half {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.new-slide-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.half-height {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40%;
  padding: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.half-height.bottom {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.left-arrow-2 {
  display: none;
}

.mask-2 {
  width: 100vw;
  height: 100vh;
}

.news-arrow {
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 80px;
  height: 100vh;
}

.icon-3 {
  top: auto;
  bottom: 30px;
  color: #00647d;
}

.news-desktop {
  position: relative;
  z-index: 20;
  width: 100vw;
  height: 150vh;
  min-height: 600px;
}

.airborne-intro-text-div {
  position: relative;
  max-width: 480px;
}

.equation-div {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.top-symbols {
  width: 20%;
  max-width: 100px;
}

.top-symbols.box {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-right: 5%;
  margin-bottom: 5%;
}

.top-symbols.box.smaller {
  max-width: 75px;
}

.top-equation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.plus-symbol {
  width: 20px;
}

.plus-divider {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.equation-symbol {
  position: relative;
  z-index: 10;
  width: 20%;
  max-width: 100px;
  background-color: #fff;
}

.background-divider {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: auto;
  z-index: 5;
  width: 100%;
  height: 1.5px;
  background-color: #00647d;
}

.bottom-equation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.coloured-box-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 250px;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d9d9d9;
}

.coloured-box-div.dark {
  background-color: #777;
}

.coloured-box-div.blue {
  background-color: #00647d;
}

.body-text-fighting-div {
  max-width: 600px;
}

.raptor-text-half-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner-bg-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(6%, #fff), color-stop(64%, transparent)), url('../images/Step-1.jpg');
  background-image: linear-gradient(90deg, #fff 6%, transparent 64%), url('../images/Step-1.jpg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.banner-bg-image._2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(41%, transparent)), url('../images/Step-2.jpg');
  background-image: linear-gradient(90deg, #fff, transparent 41%), url('../images/Step-2.jpg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  -webkit-filter: grayscale(61%);
  filter: grayscale(61%);
}

.banner-bg-image._3 {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(45%, transparent)), url('../images/Track-resistance-in-real-time-1000-V2.jpg');
  background-image: linear-gradient(90deg, #fff, transparent 45%), url('../images/Track-resistance-in-real-time-1000-V2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, repeat;
}

.mag-top-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 60vh;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

.number-stack-text {
  padding-top: 10px;
}

.number-stack-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.blank-section {
  position: relative;
  display: none;
  width: 100vw;
  height: 100vh;
}

.phantom-section {
  position: relative;
  display: block;
  height: 120vh;
}

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

.video-mobile {
  display: none;
  width: 100%;
  height: 100%;
}

.icon-5 {
  left: auto;
  top: auto;
  right: auto;
  bottom: 18%;
}

.project-list-desktop {
  position: relative;
  z-index: 20;
  height: 460vh;
  background-color: #841b1b;
}

.sticky-slide {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100vh;
  background-color: #af6868;
}

.slide-1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
}

.slide-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  display: block;
  background-color: #fff;
}

.slide-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 12;
  display: block;
  background-color: #00647d;
}

.projects-bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.phantom-section-2 {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.phantom-section-2.articles {
  height: 50vh;
}

.contactus-div {
  position: relative;
  z-index: 11;
  padding-top: 12vh;
  padding-bottom: 15vh;
  background-color: #fff;
}

.article-section {
  position: relative;
  z-index: 10;
  min-height: auto;
  background-color: #fff;
}

.title-section-articles {
  position: relative;
  padding-top: 100px;
  padding-bottom: 50px;
}

.main-body {
  padding-bottom: 100px;
}

.body-copy {
  font-size: 25px;
  line-height: 30px;
}

.next-article-banner {
  position: relative;
  z-index: 20;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #00647d;
}

.articles-link-block {
  text-decoration: none;
}

.link-block-1 {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .body.heading-mobile {
    position: relative;
    max-width: 500px;
    color: #fff;
  }

  .banner {
    max-height: 900px;
    min-height: 600px;
  }

  .banner.blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-height: none;
    min-height: auto;
  }

  .banner.blue.about-us {
    min-height: 600px;
  }

  .banner._3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
    min-height: auto;
    background-color: #ede9e8;
  }

  .banner._4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
    min-height: auto;
  }

  .banner.subscribe-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .banner.covid.bg-image.hero {
    min-height: 600px;
  }

  .banner.our-technology.hero {
    min-height: 600px;
  }

  .banner.about-us.hero {
    margin-top: 74px;
    background-position: 60% 50%;
  }

  .banner.carousel._2 {
    max-height: none;
    min-height: auto;
  }

  .banner.carousel._3 {
    max-height: none;
  }

  .banner.carousel._1 {
    max-height: none;
  }

  .banner-section-half.right-image {
    width: 40%;
  }

  .banner-section-half.bg-image {
    background-image: url('../images/Breath-of-fresh-air-V2_1.jpg');
    background-position: 25% 100%;
    background-size: cover;
  }

  .banner-section-half.bg-image._2._3._4 {
    background-position: 55% 50%;
  }

  .banner-section-half.bg-image._2.about-us {
    background-position: 40% 50%;
  }

  .banner-section-half.bg-image._3 {
    width: 100%;
    background-position: 54% 50%;
  }

  .banner-section-half.bg-image.breathe {
    background-image: url('../images/Breath-of-fresh-air-V3.jpg');
    background-position: 90% 50%;
  }

  .banner-section-half.white-fade {
    width: 65%;
    background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
  }

  .banner-section-half.breath.life-changing {
    margin-bottom: 0px;
  }

  .banner-section-half.carousel {
    width: 60%;
    padding-right: 50px;
    padding-left: 50px;
  }

  .banner-section-half._1 {
    max-width: 360px;
  }

  .half-full-width-image {
    position: relative;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .half-text-section {
    width: 100%;
    max-width: none;
  }

  .half-text-section.about-us._2 {
    max-width: 440px;
  }

  .heading-2 {
    font-size: 40px;
    line-height: 45px;
    text-align: left;
  }

  .heading-2.white {
    text-align: left;
  }

  .heading-2.white.padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-2.who-we-are {
    text-align: left;
  }

  .heading-2.centre {
    text-align: center;
  }

  .body-section {
    font-size: 18px;
    line-height: 28px;
  }

  .button-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .button {
    width: auto;
    min-width: 200px;
    margin-right: 20px;
    margin-bottom: 15px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .button.blue.right {
    margin-left: 0px;
    padding-right: 50px;
    padding-left: 50px;
  }

  .button.light {
    font-size: 18px;
  }

  .text-centre {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .image-product.flow {
    width: 100%;
    height: auto;
  }

  .site-width.blog {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .site-width.blog.middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .site-width.map {
    padding-right: 30px;
    padding-left: 30px;
  }

  .header-menu-div._2 {
    width: auto;
  }

  .header-menu-div._3 {
    width: 75%;
  }

  .header-links {
    margin-right: 30px;
  }

  .heading-1 {
    padding-bottom: 5%;
  }

  .heading-1.sub {
    font-size: 30px;
    line-height: 35px;
  }

  .heading-1.hero {
    font-size: 60px;
    line-height: 65px;
  }

  .heading-1.magnifyiung-glass {
    padding-bottom: 45%;
  }

  .block-section.technology.teal {
    padding-right: 5%;
    padding-left: 5%;
  }

  .item-bounding-box._3 {
    margin-right: 0%;
  }

  .navbar {
    display: block;
  }

  .nav-menu {
    width: auto;
  }

  .nav-link {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
    letter-spacing: 0.2px;
  }

  .burgner-menu-center {
    display: none;
  }

  .loading {
    display: none;
  }

  .play-button {
    display: block;
  }

  .heading-nav-colour-v1 {
    display: block;
  }

  .close-button {
    right: 40px;
  }

  .down-arrow-scroll {
    height: 40px;
  }

  .horizontal-track {
    height: auto;
  }

  .camera {
    overflow: visible;
    height: auto;
  }

  .frame {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .fresh-air-bg-image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .breath-of-fresh-image {
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .slide-nav {
    padding-bottom: 50px;
  }

  .hero-vimeo-video {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2022;
    display: none;
  }

  .right-arrow {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 10%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .projects-hero-image-mobile.projects {
    display: block;
    overflow: visible;
  }

  .project-list.mobile {
    position: static;
    display: block;
    overflow: hidden;
  }

  .thumbnail-padding-mobile {
    display: block;
    height: 90px;
  }

  .hero-project-title-intro.malaria {
    display: block;
  }

  .body-text-large.important {
    position: relative;
    text-align: center;
  }

  .rounded-pannel.red-gradient {
    width: 100%;
    max-width: 430px;
    margin-left: 0px;
  }

  .rounded-pannel.about-us.our-story {
    padding-right: 30px;
    padding-left: 30px;
  }

  .lottie-text-section-1.malria {
    padding-right: 5%;
  }

  .text-section-padding._1.custom {
    height: 190px;
  }

  .interested-in-technology {
    overflow: hidden;
  }

  .interested-in-technology.red {
    display: block;
  }

  .statistics-section {
    display: block;
  }

  .effective-cards-section {
    display: block;
    height: auto;
  }

  .why-important-section {
    display: block;
  }

  .title-header-section {
    width: 100vw;
  }

  .magnifying-glass-icon {
    top: auto;
    right: auto;
    bottom: 0px;
    width: 100vw;
  }

  .magnifying-glass-v1 {
    max-width: 640px;
  }

  .wis-body {
    position: relative;
  }

  .what-s-next-section {
    display: block;
  }

  .projects-next-project {
    display: block;
  }

  .menu-overlay {
    display: none;
  }

  .logo-raptor {
    width: 70%;
    max-width: 350px;
  }

  .div-block-9 {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .homepage-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .header-nav-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 400;
  }

  .nav-link-desktop {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
  }

  .site-width-collumn.mal {
    display: block;
  }

  .banner-bg-image {
    background-position: 0px 0px, 50% 50%;
  }

  .banner-bg-image._2 {
    background-position: 0px 0px, 50% 50%;
  }

  .mag-top-section {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .hero-animation-container {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .body {
    position: relative;
    z-index: 20;
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 17px;
  }

  .body.heading-mobile {
    z-index: 5000;
    padding-top: 15px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
  }

  .body.heading-mobile.ending {
    padding-bottom: 30px;
    font-weight: 400;
  }

  .body.news {
    margin-top: 20px;
    color: #fff;
  }

  .footer {
    display: block;
  }

  .footer.normal {
    position: relative;
    z-index: 5;
    display: block;
  }

  .site-width-footer {
    padding-right: 5%;
    padding-left: 5%;
  }

  .footer-container-25 {
    display: block;
    width: auto;
  }

  .footer-container-25.half {
    width: auto;
  }

  .footer-container-25.null {
    display: none;
  }

  .footer-text-block {
    color: #000;
  }

  .raptor-logo-footer {
    width: 100%;
    height: 100%;
  }

  .footer-top-section {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .heading {
    margin-top: 7px;
    color: #000;
  }

  .banner {
    z-index: 211;
    height: auto;
    max-height: none;
    min-height: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner.blue {
    position: relative;
    top: -5vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-height: none;
    margin-top: 0px;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .banner._3 {
    height: auto;
    margin-top: 0vh;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #ede9e8;
  }

  .banner._4 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f1f1f1;
  }

  .banner.subscribe-banner {
    position: relative;
    top: -5vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-height: none;
    min-height: auto;
    padding-top: 0px;
  }

  .banner.about-us {
    display: block;
  }

  .banner.about-us.hero {
    display: none;
  }

  .banner.grey.contact-us.map {
    display: block;
  }

  .banner.carousel._2 {
    height: auto;
    min-height: 100vh;
    padding: 10px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .banner.carousel._3 {
    height: auto;
    min-height: 100vh;
    padding: 10px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner.carousel._1 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 100vh;
    margin-left: 0px;
    padding: 10px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .banner.news {
    z-index: 199;
    display: none;
    min-height: auto;
  }

  .banner-section-half {
    width: 100%;
    max-width: 550px;
    margin: 0px auto 50px 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .banner-section-half.right-image {
    display: none;
  }

  .banner-section-half.bg-image {
    position: absolute;
    height: 100%;
    background-image: url('../images/Breath-of-fresh-air-V3.jpg');
    background-position: 50% 100%;
    background-size: contain;
  }

  .banner-section-half.bg-image._2 {
    position: relative;
    top: -5vh;
    height: 50vh;
    margin-bottom: 0px;
    background-image: url('../images/Life-changing-technology-V2.jpg');
    background-position: 50% 110%;
    background-size: cover;
  }

  .banner-section-half.bg-image._2._3 {
    top: 0vh;
    max-width: none;
    margin-top: 0px;
  }

  .banner-section-half.bg-image._2._3._4 {
    background-image: url('../images/Meaningful-Innovation-V1.jpg');
    background-position: 80% 50%;
  }

  .banner-section-half.bg-image._2.about-us {
    top: 0vh;
    display: block;
    height: 50vh;
    max-width: none;
    margin-top: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .banner-section-half.bg-image._3 {
    position: relative;
    height: 50vh;
    max-height: none;
    min-height: auto;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-position: 80% 50%;
  }

  .banner-section-half.bg-image.breathe {
    position: relative;
    width: 100%;
    height: 50vh;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-position: 50% 100%;
    background-size: contain;
  }

  .banner-section-half.bg-image-half {
    height: 500px;
  }

  .banner-section-half.bg-image-half.image {
    top: 0vh;
    height: 50vh;
    max-height: none;
    min-height: auto;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .banner-section-half.white-fade {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 40px;
    padding-bottom: 60px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .banner-section-half.covid {
    height: 50vh;
    max-height: 600px;
    margin-right: auto;
    margin-left: auto;
  }

  .banner-section-half._2 {
    max-width: 500px;
    margin-top: 20px;
  }

  .banner-section-half.breath {
    margin-top: 0px;
    margin-bottom: 0%;
    padding-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .banner-section-half.breath.life-changing {
    margin-top: 0px;
    margin-bottom: 0%;
    padding-top: 0px;
  }

  .banner-section-half.empowering {
    height: auto;
    min-height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 40px;
    padding-bottom: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .banner-section-half.carousel {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    margin-top: 0vh;
    margin-bottom: 0vh;
    padding: 20px 20px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .banner-section-half._1 {
    max-width: 480px;
    margin-top: 20px;
  }

  .half-text-section {
    height: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .half-text-section.about-us {
    max-width: none;
  }

  .heading-2 {
    font-size: 35px;
    line-height: 40px;
    text-decoration: none;
  }

  .heading-2.white {
    font-size: 35px;
    line-height: 40px;
    text-align: left;
  }

  .heading-2.white.centre {
    text-align: center;
  }

  .heading-2.white.about-us {
    max-width: 420px;
    text-align: center;
  }

  .heading-2.centre {
    font-size: 35px;
    text-transform: none;
  }

  .heading-2.burger {
    color: #fff;
    font-size: 6vw;
    line-height: 4vw;
    font-weight: 400;
  }

  .heading-2.teal {
    color: #00647d;
  }

  .body-section {
    font-size: 16px;
    line-height: 24px;
  }

  .body-section.white {
    font-size: 16px;
    line-height: 24px;
  }

  .body-section.contact-us.body-copy.end {
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
  }

  .body-section.homepage {
    font-size: 16px;
  }

  .button {
    font-size: 16px;
  }

  .button.clear.white {
    color: #fff;
  }

  .button.contact-us {
    display: block;
    width: auto;
    min-width: auto;
  }

  .button.technology-mobile {
    margin-top: 20px;
    background-color: transparent;
    color: #fff;
  }

  .button.loader {
    display: none;
    min-width: auto;
    margin-right: 0px;
    padding: 5px 0px;
    border-style: none none solid;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .button.loader.enter-site {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    border-style: none none solid;
    border-color: rgba(0, 201, 252, 0.5);
    color: hsla(0, 0%, 100%, 0.5);
  }

  .button.loader.enter-site.test {
    display: none;
  }

  .button.loader.mob {
    display: block;
  }

  .text-centre {
    padding-left: 5%;
  }

  .text-centre.contact-us {
    max-width: none;
    margin-top: 10vh;
    margin-left: 0px;
    padding-right: 55px;
  }

  .text-centre.breath {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .text-centre.life-changing {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .text-centre.home {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-centre.home.reimaginged {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .text-field._1 {
    background-color: transparent;
    color: #fff;
  }

  .text-field._1.message {
    height: 300px;
  }

  .submit-button._1 {
    left: 0px;
    display: block;
    width: 150px;
  }

  .submit-button._1.red {
    background-color: #661414;
  }

  .site-width.header {
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .site-width.blog {
    display: block;
    width: 100%;
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .site-width.blog.homepage {
    padding-left: 0px;
  }

  .site-width.contact-us {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .site-width.map {
    padding-right: 5%;
    padding-left: 5%;
  }

  .site-width.interested {
    max-width: none;
    padding-right: 5%;
    padding-left: 5%;
  }

  .header-menu {
    display: block;
  }

  .raptor-logo-header {
    height: 25px;
  }

  .header-menu-div._3 {
    display: none;
  }

  .heading-1 {
    position: relative;
    z-index: 20;
    display: block;
    max-width: 360px;
    padding-right: 0px;
    padding-left: 0px;
    font-family: 'D din', sans-serif;
    color: #fff;
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0.5px;
    text-transform: none;
  }

  .heading-1.grey {
    max-width: 550px;
  }

  .heading-1.grey.technology.headline {
    font-size: 35px;
    line-height: 40px;
  }

  .heading-1.sub {
    display: block;
    font-size: 20px;
    line-height: 25px;
  }

  .heading-1.hero {
    font-size: 40px;
    line-height: 40px;
  }

  .heading-1.technology-mobile {
    font-size: 35px;
    line-height: 40px;
  }

  .heading-1.news {
    margin-bottom: 40px;
    color: #4f4f4f;
  }

  .heading-1.blue-highlight {
    padding-right: 10vw;
  }

  .heading-1.projects-title {
    position: relative;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0vh;
    font-family: 'D din', sans-serif;
  }

  .heading-1.projects-title.agc {
    padding-top: 0px;
  }

  .heading-1.projects-title.magnifying-glass {
    max-width: 200px;
  }

  .heading-1.projects-title.grey.what-s-next {
    margin-bottom: 70px;
  }

  .heading-1.projects-title.red {
    color: #841b1b;
  }

  .heading-1.projects-title.teal {
    color: #00647d;
  }

  .heading-1.projects-title.airborne {
    max-width: 510px;
    padding-bottom: 5vh;
  }

  .heading-1.projects-thumbnail-title {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: 0px;
    z-index: 30;
    display: block;
    width: 80%;
    font-family: 'D din', sans-serif;
  }

  .heading-1.projects {
    margin-top: 10px;
    text-align: center;
    letter-spacing: 1px;
  }

  .heading-1.projects.airborne {
    margin-right: auto;
    margin-left: auto;
  }

  .heading-1.black {
    color: #565656;
  }

  .heading-1.body {
    padding-bottom: 20px;
  }

  .heading-1.body._2 {
    max-width: 370px;
  }

  .heading-1.blue {
    color: #00647d;
  }

  .heading-1.blue.heatmap {
    max-width: 550px;
    padding-bottom: 20px;
  }

  .heading-1.footer-form {
    padding-bottom: 20px;
  }

  .heading-1.title {
    padding-bottom: 20px;
  }

  .heading-1.projects-ss.body {
    font-size: 30px;
    line-height: 35px;
  }

  .heading-1.magnifyiung-glass {
    max-width: none;
    padding-bottom: 50%;
    padding-left: 0%;
  }

  .heading-1.home {
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .heading-1.our-story {
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    text-align: center;
  }

  .heading-1.project-title {
    max-width: 381px;
  }

  .heading-1.project-title.airborne {
    padding-bottom: 0%;
    padding-left: 0px;
    font-size: 35px;
    line-height: 40px;
  }

  .heading-1.projects-thumbnail {
    padding-bottom: 0%;
  }

  .heading-1._1-news {
    max-width: 420px;
  }

  .block-section.technology.grey {
    z-index: 201;
    padding-right: 5%;
    padding-left: 5%;
  }

  .block-section.technology.grey.home {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    width: 100vw;
    height: 100vh;
    padding: 0vh 20px 0vh 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #00647d;
  }

  .block-section.technology.grey.contact-us {
    padding-right: 20px;
    padding-left: 20px;
  }

  .block-section.technology.teal {
    padding-right: 5%;
    padding-left: 5%;
  }

  .text-content-padding.technology {
    display: block;
  }

  .item-bounding-box {
    display: block;
    overflow: visible;
    width: 100%;
    max-width: none;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0px;
  }

  .item-image {
    max-width: none;
  }

  .item-image.partnerships {
    background-color: #d8d8d8;
    background-image: none;
  }

  .heading-3.sub {
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 20px 0px;
    border-bottom: 1px solid #fff;
    background-color: rgba(0, 100, 125, 0);
    font-family: 'D din', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.5px;
  }

  .heading-3.sub.projects-page {
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px none #000;
  }

  .copy-text {
    font-size: 16px;
    line-height: 24px;
  }

  .copy-text.date {
    font-size: 12px;
  }

  .navbar {
    z-index: 1100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 5%;
    padding-left: 5%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .brand {
    z-index: 1100;
    width: 65%;
    height: auto;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .nav-menu {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100vw;
    height: 10vh;
    margin-top: 0px;
    padding-top: 74px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 100, 125, 0.35);
    box-shadow: 0 1px 13px -1px rgba(0, 0, 0, 0.22);
  }

  .nav-link {
    z-index: 1100;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: transparent;
    color: #fff;
  }

  .nav-link:hover {
    border-bottom: 1px solid #00647d;
    background-color: transparent;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #fff;
  }

  .menu-button {
    z-index: 1100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

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

  .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .287, 1.001);
    transition: all 500ms cubic-bezier(.42, 0, .287, 1.001);
    color: #fff;
  }

  .icon:hover {
    opacity: 0.7;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .icon:active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .icon:focus {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .burgner-menu-center {
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    height: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .colour-band {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .heading-number {
    display: block;
    font-size: 140px;
    line-height: 140px;
  }

  .heading-number.text-copy {
    display: none;
  }

  .loading {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .raptor-logo-intro {
    width: 50vw;
    height: auto;
    max-width: 300px;
  }

  .video-wrapper {
    z-index: 203;
    background-color: transparent;
  }

  .video {
    z-index: 204;
    display: none;
    height: 100%;
    background-color: transparent;
  }

  .video.mobile {
    display: block;
  }

  .hero-section {
    display: block;
    background-color: transparent;
  }

  .hero-section.scroll {
    z-index: 201;
    display: block;
    height: 300vh;
  }

  .image-thumbnail {
    background-color: #000;
  }

  .image-thumbnail.black {
    background-color: transparent;
  }

  .play-overlay {
    display: none;
  }

  .play-overlay.mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .play-button {
    display: block;
    width: 30vw;
    height: auto;
  }

  .thumbnail-wrapper {
    background-color: transparent;
  }

  .preloader {
    display: none;
  }

  .bg-video.mobile {
    display: block;
  }

  .bg-video.desktop {
    display: none;
  }

  .heading-nav-colour-v1 {
    display: block;
  }

  .heading-nav-colour-v1.red {
    background-color: #841b1b;
  }

  .close-button {
    left: 5%;
    top: auto;
    right: auto;
    bottom: 20px;
    z-index: 205;
    display: none;
    width: 50px;
    height: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .close-button._1 {
    z-index: 204;
    display: none;
    width: 300px;
    padding-left: 60px;
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
  }

  .close-button._1:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  .close-button._1.mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .close-button.mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .subscript {
    font-size: 15px;
    line-height: 20px;
  }

  .carousel-bg-video {
    height: 100vh;
  }

  .section-sticky {
    z-index: 20;
  }

  .footer-phantom-block {
    display: none;
    height: 410px;
  }

  .footer-phantom-block.required {
    display: block;
  }

  .hero-text {
    display: none;
    width: 95vw;
    height: 150px;
  }

  .text-version-1 {
    display: block;
  }

  .text-version-1._3 {
    display: block;
  }

  .hero-text-and {
    top: -2%;
  }

  .down-arrow-scroll {
    display: block;
    width: 5vw;
    height: auto;
  }

  .frame {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .frame.vertical {
    position: -webkit-sticky;
    position: sticky;
    display: block;
    height: 100vh;
  }

  .carousel-nav-items {
    display: none;
  }

  .carousel-vertical-track {
    display: none;
  }

  .stroll-track {
    height: 400vh;
    min-height: auto;
  }

  .carousel-anchor-1 {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    height: 10vh;
  }

  .shuffle-sections {
    display: none;
    height: auto;
  }

  .track {
    position: relative;
    height: auto;
  }

  .nav-menu-central {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-top: 0vh;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .hero-text-mobile {
    position: relative;
    z-index: 20;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
  }

  .hero-text-mobile.reimagined {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    height: 100vh;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hero-text-mobile.reimagined._2 {
    left: 0vw;
  }

  .hero-text-mobile._1 {
    max-width: 510px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .mobile-hero-2 {
    position: relative;
    top: 0vh;
    z-index: 2001;
    display: block;
  }

  .video-bg {
    width: 100vw;
    height: 100vh;
  }

  .video-bg.healthcare {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 12;
    background-color: #000;
  }

  .background-video-2 {
    height: 100vh;
  }

  .this-is-healthcare-v1 {
    position: relative;
    display: none;
    width: auto;
    height: auto;
    min-width: 100vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .our-projects-scroll-mobile {
    position: relative;
    z-index: 200;
    display: block;
    width: 100vw;
    height: 120vh;
    background-color: #00647d;
  }

  .our-projects.sticky {
    z-index: 200;
    height: auto;
    padding-top: 74px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .our-projects.sticky.empowering {
    position: -webkit-sticky;
    position: sticky;
    display: block;
    width: auto;
    height: auto;
    padding-top: 74px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #00647d;
  }

  .our-projects.sticky.projects {
    position: absolute;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .our-projects.sticky.projects.next-project {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    padding-top: 20px;
  }

  .egineering-the-future {
    width: auto;
    max-width: 400px;
    min-width: 310px;
    margin-bottom: 0vh;
    padding-right: 5%;
    padding-left: 5%;
  }

  .egineering-the-future.extraordinary {
    max-width: 560px;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .projects-carousel-mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    overflow: hidden;
    height: 100vh;
    background-color: #00647d;
  }

  .slider {
    height: 100vh;
  }

  .slider.mobile {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    cursor: pointer;
  }

  .slider.mobile.news {
    overflow: hidden;
    width: 100vw;
  }

  .slider.mobile.projects {
    position: relative;
    z-index: 10;
    height: 50vh;
  }

  .carousel-video-bg {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    height: 100vh;
  }

  .carousel-video-bg.next-project {
    height: 50vh;
  }

  .carousel-video-bg.next-project.desktop {
    display: none;
  }

  .carousel-video-bg.next-project.mobile {
    display: block;
  }

  .slide-title {
    position: relative;
    bottom: 0px;
    z-index: 210;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100vh;
    min-width: 310px;
    margin-bottom: 0px;
    padding-right: 20px;
    padding-bottom: 80px;
    padding-left: 20px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .slide {
    position: static;
    width: 100vw;
    height: 100vh;
    background-color: #00647d;
  }

  .slide.next-project {
    height: 50vh;
  }

  .slide-2 {
    height: 100%;
  }

  .slide-link-block {
    position: relative;
    z-index: 220;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-right: 5%;
    padding-bottom: 0vh;
    padding-left: 5%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    text-decoration: none;
  }

  .slide-link-block.news {
    background-image: url('../images/Microsope-V1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .slide-link-block.news.mobile {
    padding-bottom: 5vh;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .slide-link-block.news.mobile._1 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../images/How-can-VOCs-be-used-to-detect-human-disease--Banner-Op.jpg');
  }

  .slide-link-block.news.mobile._2 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../images/mosquito-square.jpg');
  }

  .slide-link-block.news.mobile._3 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../images/How-can-we-accelerate-the-transition-to-sustainable-agriculture-square.jpg');
  }

  .slide-link-block.bespoke {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .fresh-air-mobile {
    position: relative;
    z-index: 199;
    display: block;
    overflow: visible;
  }

  .breath-of-fresh {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 20;
    display: block;
    width: 100vw;
    height: auto;
    background-color: #fff;
  }

  .breath-of-fresh-air-lottie {
    width: 100%;
  }

  .fresh-air-bg-image {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0vh;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #edeae9;
  }

  .image-sticky-bg {
    position: relative;
    overflow: visible;
    height: 450vh;
  }

  .our-technology-mobile {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 21;
    margin-top: 0vh;
    margin-bottom: 100vh;
    padding-top: 10vh;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #00647d;
  }

  .our-technology-mobile.malria-projects {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-width: 460px;
    margin-right: auto;
    margin-bottom: 0vh;
    margin-left: 0px;
    padding-top: 0vh;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
  }

  .heading-and-icon {
    margin-bottom: 20vh;
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 5%;
  }

  .heading-and-icon.malaria {
    position: relative;
    top: 0px;
    margin-bottom: 10vh;
    padding-left: 5%;
  }

  .heading-and-icon.malaria._1 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    margin-bottom: 0vh;
  }

  .heading-and-icon.malaria._2 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    padding-right: 5%;
    padding-left: 5%;
  }

  .technology-icon-mobile {
    width: 50px;
    padding-bottom: 20px;
  }

  .breath-of-fresh-image {
    position: relative;
    top: 0px;
    bottom: 0px;
    width: auto;
    height: 100vh;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .life-changin-technology-mobile {
    position: relative;
    z-index: 199;
    display: block;
    overflow: visible;
    height: auto;
    background-color: #00647d;
  }

  .life-changing-mobile {
    position: relative;
    overflow: visible;
    height: 600vh;
    background-color: transparent;
  }

  .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    bottom: auto;
    z-index: 201;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .doctor-image {
    display: inline-block;
    height: 100vh;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
  }

  .text {
    position: relative;
    left: auto;
    top: 0%;
    right: 0px;
    bottom: auto;
    padding: 150px 20px 0vh;
  }

  .text.white {
    color: #fff;
  }

  .text.empowering {
    height: 100vh;
    padding-top: 0vh;
    padding-bottom: 0vh;
  }

  .text.sequence {
    position: relative;
    z-index: 201;
    display: block;
    height: 50vh;
    padding-top: 148px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .text.sequence._1 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 201;
    display: block;
  }

  .text.sequence._1._2 {
    display: block;
  }

  .text.sequence._1._3 {
    right: auto;
    display: block;
    max-width: 390px;
  }

  .text.life-changing {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: 20;
    padding-right: 5%;
    padding-left: 5%;
    background-color: transparent;
  }

  .image {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 100vh;
    padding-top: 15vh;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: #f2f2f2;
  }

  .image.empowering {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .slide-nav {
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    z-index: 230;
    padding-bottom: 5%;
    padding-left: 5%;
    font-size: 12px;
  }

  .slide-nav.news-1 {
    padding-bottom: 7.5%;
  }

  .diagnostics-text {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    margin-top: 100vh;
    padding-right: 20px;
    padding-left: 20px;
  }

  .diagnostics-text.grey {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 202;
    height: auto;
    margin-top: 50vh;
    margin-bottom: 100vh;
    padding: 10vh 5%;
    background-color: #fff;
  }

  .text-normal {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .text-normal.blue {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    padding-left: 20px;
  }

  .text-normal.technology {
    padding-left: 0px;
  }

  .blue-highlight {
    color: #00647d;
  }

  .empowering-extraordinary-mobile {
    position: relative;
    z-index: 200;
    display: block;
    min-height: auto;
    background-color: #00647d;
  }

  .microsope-image {
    position: relative;
    height: 100%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .doctors-vision-mobile {
    position: relative;
    z-index: 199;
    display: block;
    height: 400vh;
    background-color: transparent;
  }

  .looking-doctors-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    height: 100vh;
  }

  .image-2 {
    height: 100vh;
    max-width: none;
  }

  .subscribe-form-mobile {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 10vh;
    z-index: 2001;
    padding-right: 5%;
    padding-left: 5%;
  }

  .looking-doctors-image-bg {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 200;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .image-3 {
    position: relative;
    width: auto;
    height: 100vh;
    max-width: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .empowering-text-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    margin-top: 0px;
    padding-top: 10vh;
  }

  .hero-vimeo-video {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2022;
    display: none;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }

  .hero-vimeo-video.desktop {
    display: none;
  }

  .top-scroll-block {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    width: 5px;
    height: 5px;
  }

  .life-changing-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 201;
    height: 100vh;
  }

  .bg-dark {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .news-carousel {
    position: relative;
    top: 0px;
    display: block;
    height: 120vh;
  }

  .news-carousel.empowering {
    display: block;
    height: 150vh;
    padding-top: 0px;
  }

  .news-text-containers {
    max-width: 430px;
  }

  .left-arrow {
    left: auto;
    top: 0%;
    right: 10%;
    bottom: 0%;
    z-index: 230;
    display: none;
  }

  .right-arrow {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 230;
    width: 10%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
  }

  .bg-menu-darken {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    display: block;
    width: 100vh;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .projects-hero-image-mobile {
    position: relative;
    z-index: 5;
    height: 100vh;
    background-color: transparent;
    color: #333;
  }

  .projects-hero-image-mobile.projects {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 201;
    overflow: visible;
    height: 200vh;
  }

  .projects-hero-image-mobile.projects.about {
    z-index: 20;
  }

  .projects-hero-image-mobile.projects.articles {
    z-index: 10;
  }

  .projects-hero-image-mobile.our-technology {
    z-index: 200;
    overflow: hidden;
  }

  .parallax-hero-image {
    position: -webkit-sticky;
    position: sticky;
    width: 100vw;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    background-color: #00647d;
    background-image: url('../images/Our-Projects-Hero-Mobile-V1.jpg');
    background-position: 20% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .parallax-hero-image.our-technology {
    background-image: url('../images/Our-Technology-Header-V1.jpg');
  }

  .parallax-hero-image.about-us {
    background-image: url('../images/Engineering-the-Future-of-Diagnostics-V3.jpg');
    background-position: 17% 50%;
    background-size: cover;
  }

  .parallax-hero-image.about {
    background-position: 78% 50%;
  }

  .projects-heading {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
  }

  .heading-text-padding {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    max-width: 420px;
    margin-top: 85vh;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5%;
  }

  .heading-text-padding.articles {
    margin-top: 30vh;
  }

  .project-list {
    position: relative;
    z-index: 2;
    width: 100vw;
    height: auto;
    padding: 0px;
    background-color: #f3f3f3;
  }

  .project-thumbnail {
    position: relative;
    width: 100vw;
    height: auto;
    max-height: none;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .thumbnail-image-video {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 150vw;
    max-height: none;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0px;
    background-image: url('../images/Virus-Loop-1-1-V1-Op.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .thumbnail-image-video._2 {
    background-image: url('../images/Anti-Thumbnail-800x800-V1.jpg');
  }

  .thumbnail-image-video._3 {
    background-image: url('../images/Malaria-Thumbnail-800x800-V1.jpg');
  }

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

  .projects-thumbnail-video-bg {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 9;
    height: 100%;
  }

  .thumbnail-title-text {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 12;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
    padding-left: 5%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .icon-arrow-link {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 12;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .icon-2 {
    position: relative;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 110px;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .project-thumbnail-link {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 150;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .next-arrow {
    height: 30px;
    margin-bottom: 60px;
    padding-right: 5%;
  }

  .thumbnail-padding-mobile {
    position: static;
    display: block;
    width: 100%;
    height: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .play-pause-button {
    z-index: 20;
  }

  .hero-project-title-intro {
    position: relative;
    z-index: 201;
    height: 220vh;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #00647d;
  }

  .hero-project-title-intro.malaria {
    display: block;
  }

  .project-title {
    position: -webkit-sticky;
    position: sticky;
    height: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .project-title._1 {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    width: 100%;
    max-width: none;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-right: 5%;
    padding-bottom: 0vh;
    padding-left: 5%;
  }

  .project-title._1.airborne {
    padding-right: 0%;
    padding-left: 0%;
  }

  .left-back-arrow {
    height: 15px;
    margin-top: 5px;
    padding-right: 15px;
  }

  .projects-title {
    position: relative;
    z-index: 200;
    display: block;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .projects-title.next-project {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    padding-top: 40px;
    padding-left: 20px;
  }

  .our-projects---back-link {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
    text-decoration: none;
  }

  .bg-video-image-project-page {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    background-image: url('../images/Virus-Loop-1-1-V1-Op.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }

  .project-thumbnail-video-main {
    width: 100%;
    height: 100vh;
  }

  .project-thumbnail-video-main.fighting.desktop {
    display: none;
  }

  .project-thumbnail-video-main.fighting.mobile {
    display: block;
  }

  .project-thumbnail-video-main.malaria.desktop {
    display: none;
  }

  .project-thumbnail-video-main.malaria.mobile {
    display: block;
  }

  .project-thumbnail-video-main.desktop {
    display: none;
  }

  .project-thumbnail-video-main.mobile {
    display: block;
  }

  .body-text-large {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    font-family: 'D din', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
  }

  .body-text-large.black {
    color: #565656;
  }

  .body-text-large.malria-card {
    position: relative;
  }

  .body-text-large.grey {
    color: #4f4f4f;
  }

  .body-text-large.grey.white {
    color: #4f4f4f;
  }

  .body-text-large.centre {
    text-align: left;
  }

  .body-text-large.important {
    text-align: left;
  }

  .body-text-large.about-us {
    max-width: 330px;
  }

  .body-text-large.our-story {
    text-align: center;
  }

  .covid-19-testing {
    position: relative;
    z-index: 10;
    background-color: #00647d;
  }

  .sensor-technology-section {
    position: relative;
    height: 800vh;
  }

  .projects-hero-title-central {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bg-lottie {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2;
    display: block;
    overflow: hidden;
  }

  .projects-covid-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    height: 100vh;
  }

  .sensor-technology-json {
    height: 100vh;
  }

  .text-group.long {
    width: 80%;
  }

  .text-block {
    font-family: 'D din', sans-serif;
    color: #fff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  .phantom-space {
    width: 100vw;
    height: 100vh;
  }

  .ai-covid-sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .st-content {
    position: relative;
    z-index: 10;
    display: block;
  }

  .st-content._2 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 11;
    display: block;
  }

  .st-content._3 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 12;
    display: block;
  }

  .st-content._4 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 13;
    display: block;
  }

  .st-content._5 {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 14;
    display: block;
  }

  .ai-json {
    display: block;
    width: auto;
    height: 100vh;
  }

  .real-time-json {
    height: 100vh;
  }

  .raptor-product-image {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100vw;
    height: 45vh;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .raptor-product-image.project-far {
    position: relative;
    width: 100%;
    height: auto;
  }

  .raptor-coin-animation {
    position: absolute;
    left: 0%;
    top: 17%;
    right: 30vw;
    bottom: auto;
    z-index: 8;
    width: 15vw;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .product-images-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .raptor {
    position: relative;
    z-index: 10;
    width: 100vw;
  }

  .div-block-2 {
    height: 50vh;
  }

  .raptor-product-section {
    position: relative;
    z-index: 11;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }

  .raptor-product-section.about-us {
    z-index: 211;
    padding-right: 0%;
    padding-left: 0%;
    background-color: #00647d;
  }

  .raptor-product-section.about-us.our-story {
    padding-top: 0px;
  }

  .rounded-pannel {
    overflow: hidden;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 40px 40px;
    border-radius: 20px;
    background-color: #fff;
  }

  .rounded-pannel.grey {
    width: 100%;
    height: 43vh;
    max-height: 560px;
    max-width: none;
    min-height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0px;
    background-color: #f3f3f3;
  }

  .rounded-pannel.square {
    width: auto;
    height: 95vw;
    max-height: 400px;
    max-width: none;
    padding-top: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 0px;
    background-image: url('../images/Reduce-misprescription-1000.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }

  .rounded-pannel.square._1 {
    background-image: url('../images/Get-people-on-the-right-drugs-faster-1000.jpg');
  }

  .rounded-pannel.square._3 {
    background-image: url('../images/Track-resistance-in-real-time-1000-V2.jpg');
    background-position: 50% 0%;
  }

  .rounded-pannel.red-gradient {
    width: 100%;
    max-width: none;
    padding-left: 0px;
    background-color: transparent;
  }

  .rounded-pannel.about-us {
    position: relative;
    width: 100%;
    height: auto;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #00647d;
  }

  .rounded-pannel.about-us.our-story {
    padding-bottom: 0px;
    border-radius: 0px;
  }

  .hero-image-white-pannel {
    padding-bottom: 50px;
  }

  .hero-image-white-pannel.iphone {
    max-height: 300px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 30px;
  }

  .virus-section {
    position: relative;
    z-index: 20;
    height: auto;
    background-color: #010211;
  }

  .image-bg-zoom {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 10;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
  }

  .image-bg-mask {
    overflow: hidden;
    width: 250vw;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    border-radius: 900px;
  }

  .full-size-image {
    width: auto;
    height: 100vh;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
  }

  .virus-zoom-mask-json {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: auto;
    height: 100%;
  }

  .lottie-text-section {
    position: relative;
    z-index: 12;
    width: 100vw;
    height: auto;
    max-width: 550px;
    margin-right: auto;
    margin-left: 0px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .text-icon-small-json {
    width: 15vw;
  }

  .lottie-text-section-1.malria {
    height: 100%;
  }

  .text-section-padding {
    height: 200px;
  }

  .text-section-padding._1 {
    height: 120px;
  }

  .text-section-padding.what-s-next {
    height: 100px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .heat-map-mobile {
    position: relative;
    display: block;
    overflow: visible;
  }

  .heat-map-video {
    position: static;
    top: 0px;
    display: block;
    width: 100vw;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .projects-paragraph-text {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    width: 100%;
    max-width: 420px;
    margin-right: auto;
    margin-left: 0px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .projects-paragraph-text.heat-map {
    max-width: 640px;
  }

  .heat-map-sticky {
    display: block;
    overflow: visible;
    height: auto;
    margin-top: 0px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .heat-map-video-bg {
    width: 100%;
    height: 100%;
  }

  .phantom-block {
    position: relative;
    height: 100px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .phantom-block.intro {
    height: 50px;
  }

  .div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 150vw;
    height: 50vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .interested-in-technology {
    position: relative;
    z-index: 10;
    background-color: #00647d;
  }

  .interested-in-technology.red {
    display: block;
    background-color: #841b1b;
  }

  .text-field-2 {
    height: 300px;
  }

  .text-field-3 {
    border-radius: 8px;
  }

  .projects-introduction-text {
    position: relative;
    left: 0px;
    top: 0px;
    right: auto;
    bottom: auto;
    z-index: 10;
    width: 100vw;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5%;
    padding-left: 5%;
  }

  .a-globe-catastrophe-section {
    position: relative;
    height: 700vh;
    background-color: #000;
  }

  .earth-object {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    height: 100vh;
  }

  .earth-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
  }

  .agc-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .agc-content._1 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .hero-text-left {
    display: block;
    width: 100vw;
    max-width: 420px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .hero-text-left._1 {
    position: absolute;
    display: block;
  }

  .hero-text-left._1.acg {
    display: block;
  }

  .hero-text-left._1._2 {
    display: block;
  }

  .agc-content-bottom {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-width: 420px;
  }

  .aims-diagnose {
    padding: 0px 0%;
  }

  .number-lockup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .number-lock-digit {
    margin-top: 10px;
    padding-right: 10px;
    font-family: 'D din', sans-serif;
    color: #00647d;
    font-size: 100px;
  }

  .number-lock-digit.red {
    color: #841b1b;
  }

  .number-lock-digit.red.what-s-next {
    margin-bottom: 40px;
    color: #841b1b;
  }

  .number-lockup-text {
    position: relative;
    font-family: 'D din', sans-serif;
    color: #4f4f4f;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0.25px;
  }

  .number-lockup-text.what-s-next {
    padding-bottom: 20px;
  }

  .div-block-5 {
    width: 175vw;
    height: 100vh;
  }

  .earth-wide {
    width: 175vw;
    height: 100vh;
  }

  .div-block-6 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-color: #000;
  }

  .statistics-section {
    position: relative;
    top: 0px;
    z-index: 5;
    display: block;
    height: 300vh;
    margin-right: auto;
    margin-left: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#841b1b));
    background-image: linear-gradient(180deg, #000, #841b1b);
  }

  .statistics-section-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    width: 100vw;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .effective-cards-section {
    position: relative;
    z-index: 10;
    display: block;
    height: auto;
    background-color: #fff;
  }

  .icon-spacing {
    height: 10vw;
  }

  .div-block-8 {
    height: 10vw;
  }

  .why-important-section {
    position: relative;
    z-index: 10;
    display: block;
    overflow: hidden;
    padding-right: 5%;
    padding-left: 5%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#841b1b), to(#000));
    background-image: linear-gradient(180deg, #841b1b, #000);
  }

  .title-header-section {
    position: relative;
    display: block;
    overflow: visible;
    width: auto;
    max-width: 320px;
    margin-right: auto;
    margin-left: 0px;
    padding-left: 0px;
  }

  .magnifying-glass-icon {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100vw;
  }

  .magnifying-glass-v1 {
    position: relative;
    left: -60px;
    top: -70px;
    width: auto;
    max-width: 500px;
  }

  .wis-body {
    width: 100vw;
    max-width: 420px;
    margin-right: auto;
    margin-left: 0px;
  }

  .red-blood-cell-json {
    position: relative;
    left: -75vw;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: block;
    width: 250vw;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .what-s-next-timeline {
    width: 100vw;
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0%;
  }

  .what-s-next-section {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #fff;
  }

  .down-arrow-json {
    width: 50px;
  }

  .json-full-width-mask {
    position: relative;
    display: block;
    overflow: visible;
    width: 100vw;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .body-large-text {
    font-family: 'D din', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
  }

  .body-large-text.grey {
    margin-bottom: 30px;
    color: #4f4f4f;
  }

  .body-large-text.grey.what-s-next {
    margin-bottom: 30px;
  }

  .body-large-text.grey.contact-us {
    text-align: left;
  }

  .centred-text-scroll {
    position: relative;
  }

  .view-on-mobile-message {
    display: none;
  }

  .video-ancor-close-scroll {
    position: absolute;
    left: 0%;
    top: -60vh;
    right: auto;
    bottom: auto;
    z-index: 0;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .projects-next-project {
    position: relative;
    width: 100vw;
    height: 50vh;
  }

  .heading-3-1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'D din', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
  }

  .body-7 {
    background-color: #535353;
  }

  .menu-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    padding-top: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
  }

  .menu-bar {
    width: 20px;
    height: 2px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #fff;
  }

  .menu-bar {
    margin-bottom: 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .menu-overlay {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 998;
    display: none;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 100, 125, 0.95);
    box-shadow: 1px 1px 5px -2px #000;
  }

  .nav-link-parent {
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
  }

  .list {
    padding-left: 0px;
    list-style-type: none;
  }

  .nav-link-burger {
    text-decoration: none;
  }

  .list-item {
    overflow: hidden;
    height: 100%;
  }

  .list-item-2 {
    overflow: hidden;
  }

  .list-item-3 {
    overflow: hidden;
  }

  .list-item-4 {
    overflow: hidden;
  }

  .text-span {
    color: hsla(0, 0%, 100%, 0.72);
  }

  .full-width-lottie {
    width: 100%;
  }

  .text-padding {
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
  }

  .text-span-2 {
    color: hsla(0, 0%, 100%, 0.7);
  }

  .pannel-sub-image {
    width: 30%;
    margin-top: 30%;
    padding-top: 0vh;
  }

  .image-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 420px;
    margin-right: auto;
    margin-left: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .lottie-animation-5 {
    width: 50px;
    height: 50px;
  }

  .text-block-2 {
    padding-left: 70px;
  }

  .video-play-anchor {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    width: 0px;
    height: 0px;
    margin-top: 30%;
  }

  .text-span-3 {
    color: hsla(0, 0%, 100%, 0.75);
  }

  .text-span-4 {
    color: hsla(0, 0%, 100%, 0.75);
  }

  .text-span-5 {
    color: hsla(0, 0%, 100%, 0.75);
  }

  .logo-raptor {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .panel-images {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20%;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }

  .raptor-producct-imgae-about-us {
    width: 100%;
    max-width: none;
    padding-top: 10%;
  }

  .page-transition {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 99999;
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #00647d;
    color: hsla(0, 0%, 100%, 0.5);
  }

  .div-block-9 {
    display: none;
    opacity: 0;
  }

  .homepage-arrow {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: auto;
    display: block;
    margin-bottom: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00647d;
  }

  .homepage-arrow.projects {
    bottom: auto;
  }

  .header-nav-div {
    display: none;
  }

  .our-projects---scroll-desktop {
    display: none;
  }

  .site-width-collumn.desktop.slide {
    height: auto;
    padding-bottom: 0%;
    padding-left: 0px;
    background-color: transparent;
  }

  .site-width-collumn.mal {
    display: block;
    padding-right: 5%;
    padding-left: 5%;
  }

  .news-desktop {
    display: none;
  }

  .mask-3 {
    width: 100%;
    height: 100%;
  }

  .icon-4 {
    display: none;
  }

  .airborne-intro-text-div {
    max-width: 400px;
  }

  .top-symbols {
    width: 20%;
  }

  .top-equation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .plus-symbol {
    position: relative;
    width: 30px;
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-image: url('../images/plus.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .raptor-text-half-div {
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
  }

  .banner-bg-image {
    background-image: url('../images/Reduce-misprescription-1000.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .mag-top-section {
    display: block;
  }

  .number-stack-text {
    padding-top: 20px;
  }

  .video-desktop {
    display: none;
  }

  .video-mobile {
    display: block;
  }

  .project-list-desktop {
    z-index: 202;
  }

  .contactus-div {
    z-index: 210;
    padding-top: 5vh;
    padding-bottom: 7vh;
  }

  .article-section {
    z-index: 11;
  }

  .next-article-banner {
    z-index: 11;
  }

  .left-arrow-3 {
    display: none;
  }

  .left-icon {
    display: none;
  }

  .text-news-2 {
    max-width: 430px;
  }

  .news-text-section {
    position: relative;
    max-width: 400px;
  }
}

@media screen and (max-width: 479px) {
  .footer {
    display: block;
  }

  .site-width-footer {
    padding-right: 15px;
    padding-left: 15px;
  }

  .footer-container-25 {
    margin-bottom: 30px;
    text-align: left;
  }

  .footer-container-25.half {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .footer-text-block.copyright {
    text-align: left;
  }

  .footer-text-block.links {
    line-height: 23px;
  }

  .social-logos {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-top-section {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-top-text-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .footer-links-half {
    padding-left: 0px;
    text-align: left;
  }

  .raptor-logo {
    position: relative;
    left: auto;
    margin-right: auto;
    margin-left: 0px;
  }

  .banner.blue {
    top: -5vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .banner._4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .banner.subscribe-banner {
    top: -5vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .banner.carousel._2 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .banner.carousel._3 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .banner.carousel._1 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .banner-section-half.bg-image._2 {
    top: -5vh;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .banner-section-half.bg-image._3 {
    margin-bottom: 0px;
  }

  .banner-section-half.white-fade {
    margin-bottom: 0px;
    padding-top: 40px;
  }

  .banner-section-half.empowering {
    padding-top: 40px;
  }

  .half-full-width-image.technology {
    margin-top: 50px;
  }

  .text-centre {
    padding-right: 15px;
    padding-left: 15px;
  }

  .text-centre.heading.our-technology {
    font-size: 20px;
  }

  .text-centre.breath {
    padding-right: 15px;
    padding-left: 15px;
  }

  .text-centre.life-changing {
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .site-width.header {
    padding-right: 0px;
    padding-left: 0px;
  }

  .site-width.blog {
    width: 85vw;
    padding-right: 0px;
    padding-left: 0px;
  }

  .header-menu.new {
    z-index: 999;
  }

  .raptor-logo-header {
    height: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .heading-1 {
    font-size: 35px;
    line-height: 42px;
  }

  .heading-1.sub {
    font-size: 20px;
    line-height: 25px;
  }

  .heading-1.hero {
    font-size: 40px;
    line-height: 40px;
  }

  .heading-1.projects-title {
    max-width: none;
  }

  .heading-1.home {
    text-align: center;
  }

  .heading-1.our-story {
    margin-left: 0px;
    text-align: left;
  }

  .block-section.technology.grey {
    padding-right: 10px;
    padding-left: 10px;
  }

  .block-section.technology.grey.home {
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-3 {
    line-height: 30px;
  }

  .heading-3.article {
    line-height: 35px;
  }

  .navbar {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .brand {
    width: 65%;
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

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

  .menu-button {
    padding-right: 0px;
  }

  .burgner-menu-center {
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .video {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .play-button {
    display: block;
    width: 125px;
    height: 125px;
  }

  .close-button {
    top: 80px;
    right: 5px;
  }

  .footer-phantom-block {
    display: none;
    height: 560px;
    margin-top: 5vh;
    padding-bottom: 0vh;
  }

  .footer-phantom-block.required {
    display: block;
  }

  .hero-text {
    width: 95vw;
  }

  .down-arrow-scroll {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: block;
    height: 50px;
  }

  .horizontal-track {
    display: none;
  }

  .nav-menu-central {
    top: -10vh;
    padding-left: 15px;
  }

  .hero-text-mobile {
    padding-right: 15px;
    padding-left: 15px;
  }

  .our-projects.sticky {
    padding-right: 15px;
    padding-left: 15px;
  }

  .egineering-the-future {
    padding-right: 15px;
    padding-left: 15px;
  }

  .slide-link-block {
    padding-right: 15px;
    padding-left: 15px;
  }

  .our-technology-mobile {
    padding-right: 15px;
    padding-left: 15px;
  }

  .our-technology-mobile.malria-projects {
    padding-right: 15px;
    padding-left: 15px;
  }

  .heading-and-icon.malaria {
    padding-right: 0px;
    padding-left: 0%;
  }

  .heading-and-icon.malaria._1 {
    padding-right: 0px;
    padding-left: 0%;
  }

  .heading-and-icon.malaria._2 {
    padding-right: 0%;
    padding-left: 0%;
  }

  .text {
    padding-right: 15px;
    padding-left: 15px;
  }

  .diagnostics-text.grey {
    padding-right: 15px;
    padding-left: 15px;
  }

  .subscribe-form-mobile {
    padding-right: 15px;
    padding-left: 15px;
  }

  .news-text-containers {
    max-width: 380px;
  }

  .projects-hero-image-mobile.projects {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .projects-hero-image-mobile.projects.articles {
    z-index: 10;
  }

  .heading-text-padding {
    width: 100vw;
    margin-top: 80vh;
  }

  .project-list {
    top: 0vh;
    z-index: 10;
  }

  .project-thumbnail {
    width: 80vw;
    height: auto;
    max-height: none;
    max-width: none;
  }

  .thumbnail-image-video {
    width: 80vw;
    height: 80vw;
    max-height: none;
    max-width: none;
  }

  .thumbnail-title-text {
    position: relative;
  }

  .hero-project-title-intro {
    z-index: 200;
  }

  .project-title._1 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .body-text-large.our-story {
    text-align: left;
  }

  .raptor-product-section.about-us.our-story {
    padding-right: 15px;
    padding-left: 15px;
  }

  .rounded-pannel.square {
    width: auto;
    height: 95vw;
  }

  .rounded-pannel.about-us.our-story {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-icon-small-json.survillance {
    width: 20vw;
  }

  .text-icon-small-json.warning {
    width: 20vw;
  }

  .div-block-4 {
    margin-bottom: 40px;
  }

  .projects-introduction-text {
    padding-right: 20px;
    padding-left: 20px;
  }

  .a-globe-catastrophe-section {
    padding-left: 20px;
  }

  .agc-content {
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .hero-text-left {
    position: relative;
    display: block;
    width: auto;
    max-width: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .hero-text-left._1 {
    width: auto;
    padding-left: 0px;
  }

  .hero-text-left._1.acg {
    padding-left: 0px;
  }

  .hero-text-left._1._2 {
    width: auto;
    padding-left: 0%;
    text-align: left;
  }

  .effective-cards-section {
    padding-right: 15px;
    padding-left: 15px;
  }

  .why-important-section {
    padding-right: 15px;
    padding-left: 15px;
  }

  .title-header-section {
    width: 95vw;
  }

  .magnifying-glass-v1 {
    top: -12px;
    max-width: 600%;
    min-width: 460px;
  }

  .wis-body {
    width: 95vw;
  }

  .what-s-next-timeline {
    width: 95vw;
  }

  .what-s-next-section {
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
  }

  .json-full-width-mask {
    width: 95vw;
  }

  .menu-parent {
    padding-top: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menu-bar {
    width: 20px;
    height: 2px;
    margin-bottom: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .menu-overlay {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 998;
  }

  .text-span {
    color: hsla(0, 0%, 100%, 0.7);
  }

  .text-padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-padding.centred.story {
    padding-left: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .text-span-2 {
    color: hsla(0, 0%, 100%, 0.7);
  }

  .image-number {
    padding-left: 10px;
  }

  .logo-raptor {
    width: 100%;
  }

  .site-width-collumn.mal {
    padding-right: 0%;
    padding-left: 0%;
  }

  .site-width-collumn.articles {
    padding-right: 20px;
    padding-left: 20px;
  }

  .article-section {
    z-index: 11;
  }

  .news-text-section {
    max-width: 360px;
  }
}

@font-face {
  font-family: 'D din';
  src: url('../fonts/D-DIN-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D din';
  src: url('../fonts/D-DIN.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dinexp';
  src: url('../fonts/D-DINExp.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dinexp';
  src: url('../fonts/D-DINExp-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'D dincondensed';
  src: url('../fonts/D-DINCondensed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dincondensed';
  src: url('../fonts/D-DINCondensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dinexp';
  src: url('../fonts/D-DINExp-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D din';
  src: url('../fonts/D-DIN-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}