:root {
  --navy: #061639;
  --white: #fff;
  --cyan: #19d3c4;
  --orange: #fe5d1b;
  --black: #1b1b1b;
  --white-2: white;
  --black-2: black;
}

body {
  background-color: var(--navy);
  color: var(--white);
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 1vw;
  line-height: 1.5;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 700;
  line-height: 1;
}

h2 {
  color: var(--cyan);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
}

.main-container {
  width: 100vw;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing {
  height: 100vh;
  position: relative;
}

.background-video {
  height: 100%;
  opacity: .3;
}

.div-block {
  z-index: 0;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.container {
  width: 100%;
  max-width: 1560px;
  padding-left: 5em;
  padding-right: 5em;
}

.container.new {
  padding-top: 7em;
  padding-bottom: 7em;
}

.div-block-2 {
  height: 100%;
  align-items: center;
  display: flex;
}

.div-block-3 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-4 {
  width: 100%;
  height: 1px;
  background-color: var(--white);
  margin-top: 1.3em;
  margin-bottom: 1.3em;
}

.text-block {
  letter-spacing: 5px;
  font-size: 1.2em;
}

.heading {
  color: var(--orange);
}

.section {
  justify-content: center;
  align-items: flex-start;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
  position: relative;
}

.section._2 {
  padding-top: 11em;
  padding-bottom: 5em;
}

.section._3 {
  padding-top: 0;
  display: none;
}

.section._4 {
  align-items: center;
}

.section._5 {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 84%, #061639), linear-gradient(rgba(17, 22, 58, .9), rgba(17, 22, 58, .9)), url('../images/bg4.jpg');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.section.mobile {
  display: none;
}

.header {
  z-index: 8;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-6 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo {
  width: 8em;
  height: 5.5em;
  background-image: url('../images/logo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo._2 {
  width: 6em;
  height: 4.2em;
}

.shape {
  z-index: 1;
  width: 35%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image {
  width: 100%;
}

.div-block-7 {
  z-index: 1;
  width: 60%;
  position: absolute;
  top: auto;
  bottom: -8vw;
  left: auto;
  right: -20%;
}

.div-block-8 {
  justify-content: space-between;
  display: flex;
}

.fifty {
  width: 49%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.link-block-2 {
  background-color: var(--orange);
  color: var(--white);
  margin-top: 2em;
  padding: 1em 1.5em;
  text-decoration: none;
}

.link-block-2:hover {
  background-color: #df4d12;
}

.tabs-menu {
  justify-content: flex-end;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.tab-link {
  border-left: 1px solid var(--white);
  color: var(--white);
  text-transform: uppercase;
  background-color: rgba(221, 221, 221, 0);
  padding: 0 1.5em;
  font-size: 1em;
}

.tab-link.w--current {
  color: var(--orange);
  background-color: rgba(221, 221, 221, 0);
  border-left-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-link._2 {
  border-right: 1px solid var(--white);
  border-left-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-link._2.w--current {
  border-left-width: 0;
  border-right-width: 0;
}

.tab-link._3 {
  border-right: 1px solid var(--white);
  border-left-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-link._3.w--current {
  border-left-width: 0;
  border-right-width: 0;
}

.tab-link._3.new.w--current {
  border-right-width: 1px;
}

.picture {
  width: 100%;
  background-image: url('../images/chairman.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50%;
  position: relative;
}

.picture._2 {
  background-image: url('../images/ceo.jpg');
}

.div-block-10 {
  align-items: flex-end;
  padding: 2.5em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading-2 {
  color: var(--white);
  margin-bottom: 0;
}

.div-block-11 {
  background-color: var(--cyan);
  padding: 1em 1.5em;
}

.div-block-12 {
  justify-content: space-between;
  margin-top: 3em;
  margin-bottom: 3em;
  display: flex;
}

.image-2 {
  width: 3em;
  margin-bottom: .5em;
}

.text-block-2 {
  font-size: 1.5em;
}

.div-block-13 {
  justify-content: flex-end;
  display: flex;
}

.div-block-14 {
  width: 60%;
  transform-style: preserve-3d;
  position: absolute;
  top: auto;
  bottom: -8vw;
  left: -20%;
  right: auto;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.background-video-2 {
  z-index: -1;
  height: 100%;
  opacity: .6;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-15 {
  height: 100%;
  background-color: rgba(255, 255, 255, .05);
}

.div-block-16 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.tabs {
  width: 100%;
}

.tabs-menu-2 {
  border-bottom: 1px solid var(--white);
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.div-block-17 {
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.icon-container {
  width: 14%;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  flex: none;
  align-items: center;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
}

.numbers {
  font-size: 3em;
}

.subtext {
  color: var(--orange);
  text-transform: uppercase;
}

.subtext._2 {
  color: var(--cyan);
  font-size: 1.2em;
  line-height: 1.2;
}

.image-3 {
  width: 70%;
}

.heading-4 {
  display: none;
}

.div-block-18 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.slider {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0);
  display: flex;
}

.slider._2 {
  display: none;
}

.mask {
  overflow: visible;
}

.div-block-19 {
  align-items: stretch;
  display: flex;
}

.event {
  width: 100%;
  color: var(--white);
  cursor: default;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 5%;
  text-decoration: none;
  display: flex;
}

.event-pic {
  width: 100%;
  background-image: url('../images/event1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding-top: 60%;
  position: relative;
}

.event-pic._2 {
  background-image: url('../images/event2.jpg');
}

.event-pic._3 {
  background-image: url('../images/event3.jpg');
}

.event-pic._4 {
  background-image: url('../images/image019.jpg');
}

.event-pic._5 {
  background-image: url('../images/image020.jpg');
}

.event-pic._6 {
  background-image: url('../images/InnoMatch-Expo-Shanghai-Wong-Lup-Wai.jpg');
}

.event-date {
  color: var(--orange);
  text-transform: uppercase;
  font-size: 1.1em;
}

.event-title {
  height: 3em;
  text-transform: uppercase;
  font-size: 1.1em;
}

.event-hover {
  opacity: 0;
  background-color: rgba(25, 211, 196, .5);
  background-image: url('../images/link.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2em;
  transition: opacity .2s;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.event-hover.on {
  opacity: 1;
  background-size: 2em;
}

.slide {
  width: 100%;
}

.slide-nav {
  display: none;
}

.slide-nav._2 {
  display: block;
}

.left-arrow {
  width: 2em;
  height: 2em;
  background-color: var(--orange);
  font-size: 1.5em;
}

.left-arrow._2 {
  margin-right: -2em;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 59%;
}

.right-arrow {
  width: 2em;
  height: 2em;
  background-color: var(--orange);
  font-size: 1.5em;
}

.bg {
  z-index: -1;
  opacity: .5;
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bg2 {
  z-index: -1;
  background-color: rgba(255, 255, 255, .05);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-22 {
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 1em;
  display: flex;
}

.div-block-23 {
  width: 15vw;
  min-width: 15vw;
  text-align: center;
  flex-direction: column;
  flex: none;
  align-items: center;
  margin-right: 5vw;
  display: flex;
}

.div-block-24 {
  width: 2em;
  height: 2em;
  background-color: #87eae4;
  border: .2em solid #4dc1b9;
  border-radius: 100%;
}

.scroll-horizontal {
  flex: none;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.scroll-vertical {
  width: 100vw;
  position: relative;
}

.div-block-27 {
  height: 100vh;
  background-color: #804040;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.scroll-container {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.counter {
  font-size: 3em;
}

.div-block-28 {
  z-index: -1;
  outline-color: var(--cyan);
  outline-offset: 0px;
  outline-width: .5px;
  outline-style: dashed;
  position: absolute;
  top: 1em;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.highlight {
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-30 {
  display: flex;
}

.div-block-31 {
  width: 40%;
  color: var(--black);
  background-color: rgba(255, 255, 255, .8);
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2em;
  padding: 1.5em;
  display: flex;
}

.numbers-copy {
  color: var(--orange);
  font-size: 3em;
}

.list {
  padding-left: 1em;
}

.list-item {
  margin-bottom: .5em;
}

.highlight-mobile {
  justify-content: center;
  display: none;
}

.menu {
  width: 4em;
  height: 4em;
  background-color: var(--cyan);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sticky {
  z-index: 9;
  background-color: #fff;
  justify-content: center;
  margin-top: -5.3em;
  padding-top: .5em;
  padding-bottom: .5em;
  transition: margin-top .5s;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.sticky.stick {
  margin-top: 0;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

.div-block-34 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation {
  z-index: 7;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-35 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.nav-container {
  background-color: var(--white);
  opacity: 0;
  flex-direction: column;
  align-items: stretch;
  margin-top: 6em;
  margin-right: 0;
  padding: 1.5em;
  transition: margin-left .5s cubic-bezier(.455, .03, .515, .955), opacity .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.nav-container.stick {
  margin-top: 5.2em;
}

.nav-container.open {
  opacity: 1;
  margin-right: 0;
}

.navlink {
  border-bottom: 1px dashed var(--cyan);
  color: var(--black);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding: .4em 1em .4em 2em;
  text-decoration: none;
}

.navlink:hover, .navlink.w--current {
  color: var(--orange);
  background-image: url('../images/circle.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1em;
}

.navlink.mobile {
  display: none;
}

.lottie-animation {
  width: 70%;
  margin-top: .5em;
}

.div-block-36 {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.bottom {
  width: 50%;
  height: 2px;
  background-color: var(--white);
}

.bottom.open {
  transition: transform .3s;
  transform: translate(0, -6px)rotate(-45deg);
}

.middle {
  width: 50%;
  height: 2px;
  background-color: var(--white);
  margin-top: 4px;
  margin-bottom: 4px;
}

.middle.open {
  opacity: 0;
}

.top {
  width: 50%;
  height: 2px;
  background-color: var(--white);
  position: relative;
}

.top.open {
  transition: transform .3s;
  transform: translate(0, 6px)rotate(45deg);
}

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

.slider-2 {
  height: auto;
  background-color: rgba(221, 221, 221, 0);
}

.div-block-37 {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testi-pic {
  width: 10em;
  height: 10em;
  border: .3em solid var(--orange);
  background-image: url('../images/suc1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  margin-bottom: 1em;
}

.testi-pic._2 {
  background-image: url('../images/suc8.jpg');
  background-position: 0%;
}

.testi-pic._3 {
  background-image: url('../images/suc11.jpg');
  background-position: 100%;
}

.testi-pic._4 {
  background-image: url('../images/suc9.jpg');
}

.testi-pic._5 {
  background-image: url('../images/suc5.jpg');
}

.testi-pic._6 {
  background-image: url('../images/suc2.jpg');
}

.testi-pic._7 {
  background-image: url('../images/suc7.jpg');
}

.testi-pic._8 {
  background-image: url('../images/suc4.jpg');
}

.div-block-39 {
  width: 70%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testi-name {
  text-transform: uppercase;
  margin-top: 3em;
}

.testi-position {
  color: var(--orange);
  text-transform: uppercase;
  flex-direction: column;
  display: flex;
}

.div-block-40 {
  opacity: .2;
  background-image: url('../images/bg3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer {
  background-color: var(--white);
  color: var(--black);
  justify-content: center;
  align-items: flex-start;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
  position: relative;
}

.footer._3 {
  padding-top: 0;
}

.footer._4 {
  align-items: center;
}

.div-block-41 {
  flex-direction: column;
  display: flex;
}

.image-4 {
  width: 5em;
}

.div-block-42 {
  border-top: 1px solid var(--orange);
  border-bottom: 1px solid var(--orange);
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: flex;
}

.div-block-43 {
  width: 49%;
}

.footer-link {
  color: var(--black);
  padding-top: .3em;
  padding-bottom: .3em;
  text-decoration: none;
}

.footer-link:hover {
  color: #006282;
}

.div-block-44 {
  justify-content: space-between;
  display: flex;
}

.heading-5 {
  color: #006282;
  margin-bottom: .2em;
}

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

.div-block-46 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.slider-3 {
  width: 100%;
  height: auto;
  background-color: rgba(221, 221, 221, 0);
}

.div-block-47 {
  height: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.forty {
  width: 39%;
}

.text-block-3 {
  margin-top: 1em;
}

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

.slide-nav-2 {
  width: 59%;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-48 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.5em;
  display: flex;
}

.staff-pic {
  width: 5em;
  height: 5em;
  border: .2em solid var(--orange);
  cursor: pointer;
  background-image: url('../images/Screenshot-2024-01-29-at-2.08.14-PM.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}

.staff-pic.steven {
  width: 5em;
  background-image: url('../images/Screenshot-2024-01-09-at-1.46.32-PM.jpg');
  background-position: 50% 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.staff-pic.faith {
  width: 5em;
  background-image: url('../images/Screenshot-2024-01-09-at-4.24.08-PM.jpg');
  background-position: 50% 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.staff-pic.goh {
  width: 5em;
  background-image: url('../images/Screenshot-2024-01-09-at-4.25.52-PM.jpg');
  background-position: 50% 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.staff-pic.grace {
  width: 5em;
  background-image: url('../images/Screenshot-2024-01-29-at-2.13.25-PM.png');
  display: block;
  overflow: hidden;
}

.staff-pic.lee {
  width: 5em;
  background-image: url('../images/Screenshot-2024-01-29-at-2.16.22-PM.png');
  flex: none;
  display: flex;
  overflow: hidden;
}

.staff-pic.peter {
  width: 5em;
  display: block;
  overflow: hidden;
}

.staff-pic.john {
  width: 5em;
  background-image: url('../images/Screenshot-2024-02-23-at-10.14.28-AM.png');
  display: block;
  overflow: hidden;
}

.staff-details {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  padding-left: 1em;
  display: flex;
}

.staff-name {
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.2em;
}

.staff-email {
  color: var(--white);
  background-image: url('../images/mail.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-left: 1.5em;
  text-decoration: none;
}

.staff-email:hover {
  color: var(--cyan);
}

.div-block-51 {
  width: 100%;
  height: 1px;
  background-color: var(--white);
  margin-top: .4em;
  margin-bottom: .4em;
}

.success-story-pic {
  width: 59%;
  background-image: url('../images/suc1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40%;
}

.success-story-pic._2 {
  background-image: url('../images/suc2.jpg');
}

.success-story-pic._3 {
  background-image: url('../images/suc3.jpg');
}

.success-story-pic._4 {
  background-image: url('../images/suc4.jpg');
}

.success-story-pic._5 {
  background-image: url('../images/suc5.jpg');
}

.success-story-pic._6 {
  background-image: url('../images/suc6.jpg');
}

.success-story-pic._7 {
  background-image: url('../images/suc7.jpg');
}

.success-story-pic._8 {
  background-image: url('../images/suc8.jpg');
}

.success-story-pic._9 {
  background-image: url('../images/suc9.jpg');
}

.success-story-pic._10 {
  background-image: url('../images/suc10.jpg');
}

.success-story-pic._11 {
  background-image: url('../images/suc11.jpg');
}

.div-block-52 {
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.slide-2, .mask-2 {
  position: static;
}

.lightbox {
  z-index: 10;
  color: var(--black);
  background-color: rgba(3, 1, 17, .95);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.lightbox.open {
  display: flex;
}

.steven {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.steven.open {
  display: flex;
}

.div-block-54 {
  width: 29%;
  justify-content: center;
  align-items: flex-start;
  padding-top: 33%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-55 {
  width: 69%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.staff-profile {
  color: var(--cyan);
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1;
}

.staff-position {
  color: var(--orange);
  margin-bottom: 1em;
}

.faith {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.faith.open {
  display: flex;
}

.goh {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.goh.open {
  display: flex;
}

.no-wrap {
  overflow: hidden;
}

.up-btn {
  z-index: 8;
  width: 4em;
  height: 4em;
  background-color: var(--orange);
  background-image: url('../images/up.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1em;
  border-radius: 100%;
  position: fixed;
  top: auto;
  bottom: 1em;
  left: auto;
  right: 1em;
}

.up-btn.w--current {
  bottom: 1.5em;
  right: 1.5em;
}

.div-block-56 {
  align-items: flex-end;
  display: flex;
}

.text-block-4 {
  margin-bottom: .7em;
  margin-left: .2em;
}

.text-block-5 {
  color: var(--orange);
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.1;
}

.lee {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.lee.open {
  display: flex;
}

.peter {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.peter.open {
  display: flex;
}

.grace {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.grace.open {
  display: flex;
}

.div-block-8-copy {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-6 {
  width: 100%;
}

.div-block-57 {
  width: 70%;
  max-width: 1080px;
  text-align: center;
}

.staff-name-copy {
  color: var(--cyan);
  text-transform: uppercase;
  font-size: .875em;
}

.div-block-58 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.link {
  color: var(--black);
  text-decoration: none;
}

.link:hover {
  color: var(--cyan);
}

.background-video-3 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.play-btn-container {
  width: 7em;
  height: 7em;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 45%;
}

.play-btn {
  width: 5em;
  height: 5em;
  background-color: var(--orange);
  background-image: url('../images/play.svg');
  background-position: 56%;
  background-repeat: no-repeat;
  background-size: 20%;
  border-radius: 100%;
  position: static;
}

.background-video-4 {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-64 {
  height: 100%;
  align-items: flex-end;
  display: flex;
}

.video-box {
  z-index: 99;
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-box.show {
  display: flex;
}

.html-embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lightbox-link {
  width: 100%;
  text-decoration: none;
}

.image-7 {
  width: 100%;
  margin-top: 4.5em;
}

.john {
  width: 60vw;
  max-height: 70vh;
  max-width: 960px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: none;
  overflow: scroll;
}

.john.open {
  display: flex;
}

.image-7-copy {
  width: 100%;
  display: none;
}

.heading-6 {
  margin-bottom: .3em;
}

.div-block-65 {
  width: 100%;
  justify-content: space-between;
  margin-top: 2em;
  display: flex;
}

.div-block-66 {
  width: 32%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-5-copy {
  color: var(--orange);
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.1;
}

.div-block-67 {
  width: 100%;
  aspect-ratio: 3 / 2;
  background-image: url('../images/2024-Transformative-Projects.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-67._2 {
  background-image: url('../images/2024-Insightful-industry-events.jpg');
}

.div-block-67._3 {
  background-image: url('../images/2024-TECHINNOVATION.jpg');
}

.text-block-6, .form {
  margin-top: 1em;
}

.field-label {
  text-transform: uppercase;
  font-weight: 400;
}

.submit-button {
  background-color: var(--orange);
}

.div-block-68 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.link-block-3 {
  background-color: var(--orange);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-right: .7em;
  padding: 1em 1.5em;
  text-decoration: none;
  display: flex;
}

.div-block-69 {
  aspect-ratio: 1 / 1;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 16px;
  }

  h2 {
    font-size: 2.5em;
  }

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

  .section, .section._2 {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .section.mobile {
    display: flex;
  }

  .logo {
    width: 6em;
    height: 4em;
  }

  .shape {
    width: 40%;
  }

  .fifty.ipad {
    width: 100%;
  }

  .div-block-17 {
    flex-wrap: wrap;
  }

  .icon-container {
    width: 24%;
    margin-bottom: 2em;
  }

  .numbers {
    margin-top: -15px;
    margin-bottom: .1em;
    line-height: 1;
  }

  .slider {
    padding-bottom: 50px;
  }

  .event-title {
    height: 5em;
  }

  .slide-nav {
    display: block;
  }

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

  .div-block-23 {
    width: 20vw;
    min-width: 20vw;
  }

  .div-block-24 {
    width: 1.5em;
    height: 1.5em;
    flex: none;
  }

  .scroll-vertical {
    display: none;
  }

  .div-block-31 {
    z-index: 2;
    width: 80%;
    position: relative;
  }

  .navlink.mobile {
    display: block;
  }

  .navlink.hidden {
    display: none;
  }

  .slider-2 {
    height: auto;
    margin-top: 5em;
    margin-bottom: 5em;
    padding-bottom: 50px;
  }

  .div-block-39 {
    width: 80%;
  }

  .footer {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .slider-3 {
    padding-bottom: 50px;
  }

  .div-block-47 {
    flex-wrap: wrap;
  }

  .forty {
    width: 100%;
    order: 1;
    margin-top: 2em;
  }

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

  .staff-pic.steven, .staff-pic.faith, .staff-pic.goh {
    margin-left: 0;
    margin-right: 0;
  }

  .staff-pic.grace, .staff-pic.lee, .staff-pic.peter, .staff-pic.john {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .success-story-pic {
    width: 100%;
    padding-top: 60%;
  }

  .steven, .faith, .goh, .lee, .peter, .grace {
    width: 100%;
    margin-left: 3em;
    margin-right: 3em;
  }

  .div-block-57 {
    width: 100%;
  }

  .div-block-59 {
    flex-direction: column;
    display: flex;
  }

  .div-block-60 {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

  .right {
    z-index: 1;
    width: 100%;
    justify-content: flex-end;
    display: flex;
    position: relative;
  }

  .div-block-61 {
    width: 50%;
    flex-direction: row;
    align-items: flex-start;
    margin-right: .7em;
    padding: 1.5em 0;
    display: flex;
  }

  .right-copy {
    z-index: 1;
    width: 100%;
    justify-content: flex-start;
    display: flex;
    position: relative;
  }

  .div-block-62 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 1em;
    display: flex;
  }

  .div-block-61-copy {
    width: 50%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: .7em;
    padding: 1.5em 0;
    display: flex;
  }

  .div-block-62-copy {
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 1em;
    display: flex;
  }

  .div-block-63 {
    z-index: 0;
    width: 1px;
    height: 100%;
    border-right: 2px dashed var(--cyan);
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .play-btn-container {
    top: auto;
    bottom: 2em;
    left: auto;
    right: 2em;
  }

  .play-btn {
    width: 4em;
    height: 4em;
  }

  .image-7 {
    margin-top: 4em;
  }

  .john {
    width: 100%;
    margin-left: 3em;
    margin-right: 3em;
  }

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

@media screen and (max-width: 479px) {
  .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container.new {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .text-block {
    font-size: 1.1em;
  }

  .heading {
    font-size: 3.5em;
  }

  .section._5 {
    padding-bottom: 0;
  }

  .shape, .div-block-7 {
    width: 100%;
  }

  .div-block-8 {
    flex-wrap: wrap;
  }

  .fifty {
    width: 100%;
  }

  .fifty.ipad._2 {
    display: none;
  }

  .tabs-menu {
    flex-direction: column;
  }

  .tab-link {
    border-left-width: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 0;
  }

  .tab-link.w--current {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .tab-link._2, .tab-link._3 {
    border-right-width: 0;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .tab-link._3.new.w--current {
    border-right-width: 0;
  }

  .picture {
    background-position: 100%;
    padding-top: 100%;
  }

  .div-block-10 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-11 {
    width: 100%;
    display: none;
  }

  .text-block-2 {
    font-size: 1.1em;
  }

  .div-block-14 {
    width: 100%;
  }

  .tabs-menu-2 {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-17 {
    flex-direction: column;
    align-items: center;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .icon-container {
    width: 70%;
    margin-bottom: 2em;
  }

  .icon-container._2 {
    margin-bottom: 0;
  }

  .image-3 {
    width: 50%;
  }

  .heading-3 {
    font-size: 2.5em;
  }

  .heading-4 {
    margin-bottom: 1em;
    display: block;
  }

  .slider {
    display: none;
  }

  .slider._2 {
    padding-bottom: 70px;
    display: flex;
  }

  .mask {
    width: 100%;
  }

  .div-block-19 {
    flex-wrap: wrap;
  }

  .event {
    width: 95%;
  }

  .div-block-23 {
    width: 50vw;
    min-width: 50vw;
  }

  .div-block-31 {
    display: none;
  }

  .highlight-mobile {
    background-color: var(--white);
    color: var(--black);
    padding-top: 2em;
    padding-bottom: 2em;
    display: flex;
  }

  .testi {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slider-2 {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 70px;
  }

  .div-block-39 {
    width: 100%;
  }

  .div-block-42 {
    flex-wrap: wrap;
  }

  .div-block-43 {
    width: 100%;
  }

  .div-block-44 {
    flex-wrap: wrap;
  }

  .staff-pic {
    flex: none;
  }

  .steven {
    max-height: 80vh;
    flex-wrap: wrap;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
  }

  .div-block-54 {
    width: 100%;
    padding-top: 120%;
  }

  .div-block-55 {
    width: 100%;
    margin-top: 1.5em;
  }

  .faith, .goh, .lee, .peter, .grace {
    max-height: 80vh;
    flex-wrap: wrap;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
  }

  .div-block-8-copy {
    flex-wrap: wrap;
  }

  .div-block-58 {
    z-index: 1;
    position: relative;
  }

  .div-block-61 {
    width: 100%;
    margin-right: 0;
  }

  .div-block-61-copy {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }

  .div-block-62-copy {
    text-align: left;
    order: 1;
    align-items: flex-start;
    margin-left: 1em;
    margin-right: 0;
  }

  .div-block-63 {
    top: 0%;
    bottom: 0%;
    left: 11px;
    right: auto;
  }

  .play-btn-container {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .play-btn {
    width: 4em;
    height: 4em;
  }

  .john {
    max-height: 80vh;
    flex-wrap: wrap;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
  }

  .image-7-copy {
    margin-bottom: 1em;
    display: block;
  }

  .div-block-65 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-wrap: wrap;
  }

  .div-block-66 {
    width: 100%;
  }
}