:root {
  --blue: #0474c0;
  --white: #fff;
  --light-blue: #e4eaf5;
  --black: #1b1b1b;
  --violet: #5b5faa;
  --dark-blue: #005baa;
  --white-2: white;
  --black-2: black;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.1vw;
  line-height: 1.5;
}

h2 {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.1;
}

h4 {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}

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

.header {
  z-index: 9;
  width: 100%;
  max-width: none;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: auto;
}

.container {
  width: 100%;
  max-width: 1560px;
  flex-direction: column;
  padding-left: 8em;
  padding-right: 8em;
  display: flex;
}

.container.fill-left {
  width: 49%;
  padding-right: 0;
}

.container.fill-right {
  width: 49%;
  padding-left: 0;
  padding-right: 8em;
}

.container._2 {
  max-width: none;
  padding-left: 2em;
  padding-right: 2em;
}

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

.flex._2 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.flex._3 {
  height: 100%;
}

.flex._4 {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}

.flex._5 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: flex-start;
}

.flex._6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex._7 {
  padding-left: 6em;
  padding-right: 6em;
}

.flex._10 {
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.flex._11 {
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  justify-content: flex-start;
}

.flex._12 {
  grid-column-gap: 1%;
  grid-row-gap: 1.5em;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex.main {
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  flex-flow: wrap;
  justify-content: flex-start;
}

.flex.main.line {
  border-top: .3em solid #b8aca9;
  border-bottom: .3em solid #b8aca9;
  justify-content: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.flex.main.line._2 {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex.main._2 {
  justify-content: center;
}

.flex.main._4 {
  justify-content: space-between;
}

.flex.main._5 {
  background-color: var(--light-blue);
  border-radius: 1vw;
  justify-content: space-between;
  padding: 2em;
}

.flex.main._6 {
  grid-column-gap: 1%;
  grid-row-gap: 1em;
  justify-content: space-between;
}

.logo {
  height: 2.5em;
}

.image {
  height: 100%;
}

.right-nav {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block {
  width: 2.5em;
  height: 2.5em;
  background-image: url('../images/seal.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1em;
}

.landing {
  width: 100%;
  height: auto;
  max-width: 1560px;
  min-height: 100dvh;
  justify-content: center;
  align-items: center;
  padding-top: 6em;
  padding-bottom: 5em;
  display: flex;
}

.one-third {
  width: 32%;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.one-third._1 {
  width: 32%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  font-size: 1em;
}

.one-third._2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.one-third._3 {
  width: 49%;
}

.one-third._3-copy {
  width: 49%;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  align-items: stretch;
}

.one-third._4 {
  justify-content: flex-start;
  align-items: flex-start;
}

.one-third._4._2 {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  justify-content: flex-start;
  align-items: flex-start;
}

.one-third._4._2.medium.c {
  width: 35%;
}

.one-third._4.b {
  width: 26%;
}

.one-third._5 {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.one-third._5.ipad.b {
  width: 100%;
}

.one-third._6 {
  background-color: #eeebea;
  padding: 0;
}

.one-fourth {
  width: 24%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.one-fourth._2 {
  width: 49%;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.one-fourth._2.new {
  width: 24%;
}

.one-fourth._3 {
  justify-content: flex-end;
}

.one-fourth._4 {
  text-align: center;
  align-items: center;
}

.one-fourth.strong {
  width: 29%;
}

.one-fourth._5 {
  width: 28%;
}

.one-fourth._6 {
  width: 49%;
}

.one-fourth._7 {
  width: 23%;
  width: 100%;
}

.one-fourth._8 {
  width: 24%;
}

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

.one-half._2 {
  max-height: 80vh;
}

.one-half._3 {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.one-half.new {
  width: 100%;
}

.one-half._4 {
  width: 47%;
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.one-half._5 {
  width: 48%;
}

.one-half.mobile._2 {
  justify-content: center;
  align-items: center;
}

.one-half.mobile.small {
  width: 30%;
}

.one-half._6 {
  align-items: center;
}

.one-half.ipad.small {
  width: 30%;
}

.one-half._7 {
  grid-column-gap: 0%;
  grid-row-gap: 1.5em;
  border-radius: 1em;
  flex-flow: wrap;
  align-items: stretch;
  overflow: hidden;
}

.link-block {
  background-color: var(--blue);
  color: var(--white);
  text-align: center;
  border-radius: .4em;
  margin-top: 1.5em;
  padding: .7em;
  text-decoration: none;
}

.images {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.heading {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.7em;
  line-height: 1.1;
}

.body {
  font-size: 1.1vw;
  line-height: 1.2;
}

.ar {
  margin-bottom: .3em;
}

.section {
  width: 100%;
  max-width: 1920px;
  min-height: 100dvh;
  color: var(--white);
  background-image: url('../images/uob-building.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.section._2 {
  min-height: 0;
  grid-column-gap: 0em;
  grid-row-gap: 3em;
  color: var(--black);
  background-image: none;
}

.section._3 {
  min-height: 0;
  color: var(--black);
  background-image: url('../images/ceo-bg.jpg');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 0;
}

.section._4 {
  min-height: 0;
  color: var(--black);
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}

.section._5 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, 0) 55%), url('../images/map.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: flex-end;
}

.section.footer {
  min-height: 0;
  grid-column-gap: 0em;
  grid-row-gap: 3em;
  background-color: var(--blue);
  color: var(--white);
  background-image: none;
  font-size: .9em;
}

.section._1 {
  max-width: none;
}

.section.top {
  min-height: 0;
  grid-column-gap: 0em;
  grid-row-gap: 3em;
  color: var(--black);
  background-image: none;
  padding-top: 6em;
}

.forty {
  width: 39%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.forty._2 {
  z-index: 1;
  color: var(--black);
  background-color: rgba(255, 255, 255, .9);
  border-radius: 2em;
  padding: 2.5em;
  position: relative;
}

.forty._3 {
  background-color: rgba(255, 255, 255, .9);
  border-radius: 2em;
  padding: 2em;
}

.section-title {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 2em;
  line-height: 1.2;
}

.section-title._2 {
  color: var(--blue);
}

.section-title._3 {
  color: var(--white);
}

.quote {
  font-size: 1.1em;
  line-height: 1.4;
}

.quote.blue {
  color: var(--blue);
}

.quote.violet {
  color: var(--violet);
}

.heading-3 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.5em;
}

.heading-3._2 {
  margin-top: 1em;
}

.div-block-2 {
  width: 49%;
  align-items: flex-start;
  display: flex;
}

.main-container {
  width: 100%;
  max-width: 1920px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

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

.image-2._2 {
  width: auto;
  height: 2.5em;
  margin-right: 0;
}

.small-text {
  font-size: .9em;
}

.small-text._3 {
  color: var(--white);
  margin-top: 2em;
}

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

.div-block-4 {
  z-index: 0;
  height: 20%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 2em;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.div-block-6 {
  align-items: center;
  font-size: .875em;
  display: flex;
}

.image-3 {
  width: 1em;
  margin-right: .5em;
}

.text-block {
  margin-top: 1.5em;
}

.full-photo-left {
  width: 49%;
  background-image: url('../images/uob-building2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3em;
  border-bottom-left-radius: 3em;
}

.full-photo-left._2 {
  max-height: 80vh;
}

.full-photo-left._3 {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.full-photo-left.new {
  width: 100%;
}

.div-block-7 {
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-8 {
  width: 50%;
  background-color: var(--blue);
  color: var(--white);
  border-radius: 1em;
  padding: 2em;
}

.div-block-8._2 {
  width: 31%;
}

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

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

.div-block-10 {
  width: 69%;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 2em;
  padding-left: 1em;
  display: flex;
}

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

.text-block-3 {
  margin-bottom: 1.5em;
}

.sixty {
  width: 59%;
}

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

.divider-bg {
  min-height: 100dvh;
  background-image: url('../images/slide1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.divider-bg._2 {
  background-image: url('../images/slide2.jpg');
}

.subtitle {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
}

.link-block-2 {
  width: 100%;
  color: var(--black);
  border-bottom: 1px dotted #000;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: .8em;
  padding-bottom: .8em;
  font-size: 1.1em;
  text-decoration: none;
  display: flex;
}

.image-4 {
  width: auto;
  height: 1.5em;
}

.left-arrow {
  width: 4em;
  height: 4em;
  background-color: var(--blue);
  font-size: 1em;
  top: auto;
  bottom: 5em;
  left: auto;
  right: 12.2em;
}

.right-arrow {
  width: 4em;
  height: 4em;
  background-color: var(--blue);
  font-size: 1em;
  top: auto;
  bottom: 5em;
  left: auto;
  right: 8em;
}

.slide-nav {
  display: none;
}

.full-photo-right {
  width: 49%;
  background-image: url('../images/uob-building2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 3em 3em 0;
}

.full-photo-right._2 {
  max-height: 80vh;
  background-image: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-direction: column;
  padding-left: 0;
  display: flex;
}

.full-photo-right._3 {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.full-photo-right.new {
  width: 100%;
}

.subsub-title {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
}

.div-block-12 {
  width: 100%;
  aspect-ratio: 3 / 2;
  background-image: url('../images/building.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 3em 3em 0;
}

.div-block-13 {
  margin-top: 1em;
  padding-left: 8em;
}

.two-thirds {
  width: 67%;
}

.two-thirds._2 {
  width: 66%;
}

.number-container {
  color: var(--blue);
  justify-content: center;
  align-items: flex-end;
  margin-top: .2em;
  margin-bottom: .2em;
  font-size: 1.5em;
  display: flex;
}

.counter {
  font-size: 1.6em;
}

.counter.small {
  font-size: 1em;
}

.text-block-5 {
  margin-bottom: .1em;
  margin-left: .2em;
}

.image-5 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.three-fourth {
  width: 75%;
}

.three-fourth._2 {
  width: 69%;
  flex-direction: column;
  display: flex;
}

.three-fourth._3 {
  width: 80%;
}

.three-fourth._4 {
  width: 70%;
  grid-column-gap: 0em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.div-block-14 {
  width: 7em;
  height: 7em;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
}

.div-block-14._2 {
  padding: 1.2em;
}

.div-block-14._3 {
  padding: 1.5em;
}

.div-block-15 {
  align-items: flex-start;
  margin-top: .5em;
  display: flex;
}

.text-block-6 {
  font-size: 4em;
}

.text-block-7 {
  padding-left: .5em;
}

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

.one-fifth {
  width: 19%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.one-fifth._2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.one-fifth._3 {
  justify-content: flex-end;
}

.one-fifth._4 {
  text-align: center;
  align-items: center;
}

.one-fifth.strong {
  width: 29%;
}

.one-fifth._5 {
  width: 30%;
  flex-flow: row;
  align-content: flex-start;
}

.one-fifth._5.full {
  width: 100%;
}

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

.left-arrow-2 {
  width: 4em;
  height: 4em;
  background-color: var(--blue);
  font-size: 1em;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.right-arrow-2 {
  width: 4em;
  height: 4em;
  background-color: var(--blue);
  font-size: 1em;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

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

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

.charts {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.charts._2 {
  margin-top: 1.2em;
}

.charts._3 {
  margin-top: 6.1em;
}

.charts._4 {
  margin-top: 1.4em;
}

.charts._5 {
  margin-top: 4.9em;
}

.link-block-3 {
  color: var(--white);
  padding-top: .5em;
  padding-bottom: .5em;
  text-decoration: none;
}

.footer-header {
  margin-bottom: .5em;
  font-size: 1.1em;
}

.search {
  width: 2.5em;
  height: 2.5em;
  background-image: url('../images/magnifying.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
}

.menu {
  width: 2.5em;
  height: 2.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navigation {
  z-index: 8;
  width: 100%;
  max-width: none;
  background-color: var(--white);
  justify-content: center;
  padding-top: 6em;
  padding-bottom: 3em;
  transition: top .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: fixed;
  top: -100%;
  bottom: auto;
  left: auto;
  right: auto;
}

.navigation.open {
  top: 0%;
}

.links {
  color: var(--blue);
  line-height: 1.2;
  text-decoration: none;
}

.links:hover, .links.w--current {
  color: #5b5faa;
}

.links._2 {
  color: var(--black);
}

.link-block-6 {
  width: 100%;
  color: var(--blue);
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.image-6 {
  margin-bottom: 1em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.stick {
  overflow: hidden;
}

.lottie-animation {
  width: 4em;
  position: absolute;
}

.float-container {
  z-index: 7;
  width: 100%;
  max-width: 1920px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: auto;
  overflow: hidden;
}

.float-content {
  grid-row-gap: .5em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2em;
  display: flex;
}

.download {
  width: 3.5em;
  height: 3.5em;
  border: 1px solid var(--blue);
  background-color: var(--white);
  background-image: url('../images/download3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45%;
  border-radius: 100%;
}

.social-container {
  grid-row-gap: 1em;
  opacity: 0;
  background-color: #f4f4f4;
  border-radius: 1em;
  flex-direction: column;
  margin-bottom: -1em;
  padding: 1.5em;
  transition: margin-bottom .2s, opacity .2s;
  display: flex;
}

.social-container.open {
  opacity: 1;
  margin-bottom: 0;
}

.social-buttons {
  color: var(--black);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-20 {
  width: 1.5em;
  height: 1.5em;
  justify-content: center;
  align-items: center;
  margin-right: .5em;
  display: flex;
}

.image-7 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.share {
  width: 3.5em;
  height: 3.5em;
  border: 1px solid var(--blue);
  background-color: var(--white);
  background-image: url('../images/share2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  border-radius: 100%;
}

.div-block-21 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-21._2 {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.next {
  justify-content: flex-end;
  display: flex;
}

.next-btn {
  z-index: 1;
  width: 3em;
  height: 5em;
  background-color: var(--blue);
  background-image: url('../images/arrow-left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  position: relative;
}

.next-text {
  max-width: 10em;
  background-color: #f4f4f4;
  align-items: center;
  margin-right: -100%;
  padding-left: 1em;
  padding-right: 1em;
  font-size: .875em;
  transition: margin-right .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.next-text.hover {
  z-index: 0;
  margin-right: 0%;
  position: relative;
}

.prev {
  justify-content: flex-end;
  display: flex;
}

.prev-btn {
  z-index: 1;
  width: 3em;
  height: 5em;
  background-color: var(--blue);
  background-image: url('../images/prev.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  position: relative;
}

.prev-text {
  z-index: 0;
  max-width: 10em;
  background-color: #f4f4f4;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  font-size: .875em;
  transition: left .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
  left: -100%;
}

.prev-text.hover {
  left: 0%;
}

.div-block-22, .div-block-24 {
  display: none;
}

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

.downloads {
  z-index: 6;
  width: 100%;
  max-width: none;
  background-color: var(--white);
  justify-content: center;
  padding-top: 6em;
  padding-bottom: 3em;
  transition: bottom .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: fixed;
  top: auto;
  bottom: -100%;
  left: auto;
  right: auto;
}

.downloads.open {
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.text-block-9 {
  margin-top: .5em;
  margin-bottom: 1em;
  font-size: 1.1em;
}

.image-8 {
  width: 100%;
}

.div-block-27 {
  width: 49%;
  text-align: left;
  margin-top: 1.5em;
}

.pageheader {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-image: url('../images/uob-building2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2em;
}

.pageheader._2 {
  aspect-ratio: auto;
  background-image: url('../images/uob-building.jpg');
  background-position: 50%;
}

.pageheader._3 {
  aspect-ratio: auto;
  border-bottom: .5em solid var(--blue);
  background-image: linear-gradient(#e4eaf5, #e4eaf5);
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.pageheader._4 {
  aspect-ratio: 16 / 9;
  border-bottom: .5em none var(--blue);
  color: var(--white);
  background-image: url('../images/catalyst-bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.pageheader._5 {
  aspect-ratio: 16 / 9;
  border-bottom: .5em none var(--blue);
  color: var(--white);
  background-image: url('../images/person-bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.pageheader._6 {
  aspect-ratio: 16 / 9;
  border-bottom: .5em none var(--blue);
  color: var(--white);
  background-image: radial-gradient(circle at 40% 70%, rgba(0, 0, 0, 0), rgba(0, 0, 0, .08) 33%, rgba(0, 0, 0, .75)), url('../images/enable-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.page-content {
  width: 100%;
  grid-column-gap: 1%;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.content {
  width: 72%;
  grid-column-gap: 1%;
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.heading-4 {
  color: var(--blue);
}

.sidenav {
  width: 26%;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 5em;
  bottom: auto;
  left: auto;
  right: 0%;
}

.breadcrumbs {
  align-items: center;
  font-size: .875em;
  display: flex;
}

.breadcrumbs._2 {
  justify-content: flex-start;
  align-items: flex-start;
}

.text-block-10 {
  color: var(--blue);
  margin-left: .3em;
}

.subtitles {
  margin-bottom: .3em;
  font-size: 1.3em;
}

.page-title {
  font-size: 2em;
}

.page-title._2 {
  width: 50%;
  color: var(--white);
}

.page-title._2.mobile {
  display: none;
}

.sidenav-link {
  color: var(--black);
  line-height: 1.1;
  text-decoration: none;
}

.sidenav-link:hover, .sidenav-link.w--current {
  color: var(--blue);
}

.counter-copy {
  font-size: 1.6em;
}

.counter-copy.small {
  font-size: 1em;
}

.div-block-29 {
  width: 100%;
  grid-column-gap: 3%;
  grid-row-gap: 1.5em;
  flex-wrap: wrap;
  flex: none;
  align-items: stretch;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.year {
  z-index: 1;
  width: 20%;
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1.2em;
  display: flex;
  position: relative;
}

.year-content {
  width: 65%;
  grid-row-gap: 1.5em;
  flex-direction: column;
  flex: none;
  align-items: stretch;
  display: flex;
}

.div-block-32 {
  z-index: 1;
  width: 90%;
  aspect-ratio: 1 / 1;
  color: var(--white);
  text-align: center;
  background-color: #0073bc;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  display: flex;
  position: relative;
}

.div-block-32._2 {
  background-color: #d7374c;
}

.div-block-33 {
  z-index: 0;
  width: 20%;
  background-image: linear-gradient(#1671b6, #5b60a5 41%, #e1895b 67%, #d7374c);
  border-radius: 100vw;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.div-block-34 {
  z-index: 0;
  height: 100%;
  padding-top: 2.5em;
  padding-bottom: 0;
  position: absolute;
}

.div-block-35 {
  height: 100%;
  border-left: 1px dashed var(--white);
}

.small-year {
  color: var(--blue);
}

.div-block-36 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: flex-start;
  display: flex;
}

.image-9 {
  width: 100%;
  max-width: 15em;
  margin-top: 1em;
}

.image-9.small {
  width: 20%;
  max-width: 6em;
}

.image-9.small._2 {
  margin-top: 0;
}

.image-9.small._3 {
  max-width: 4em;
  margin-left: 1em;
}

.image-9.medium {
  max-width: 10em;
}

.image-9.short {
  height: 8em;
  object-fit: contain;
}

.image-9.big._2 {
  max-width: 25em;
}

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

.space {
  margin-top: 1em;
}

.div-block-38 {
  width: 8em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.div-block-41 {
  width: 59%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2em;
  display: flex;
}

.div-block-41._2 {
  width: 55%;
}

.div-block-41._3 {
  width: 100%;
  padding-top: 0;
}

.image-10 {
  width: 100%;
}

.div-block-42 {
  width: 49%;
  flex-direction: column;
  display: flex;
}

.div-block-43 {
  width: 100%;
  aspect-ratio: 3 / 2;
  background-image: url('../images/chairmans1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2em;
}

.div-block-43._2 {
  background-image: url('../images/chairmans2.jpg');
}

.div-block-43._3 {
  background-image: url('../images/chairmans3.jpg');
}

.div-block-43._4 {
  background-image: url('../images/chairmans4.jpg');
}

.div-block-43._5 {
  background-image: url('../images/chairmans5.jpg');
}

.div-block-43._6 {
  background-image: url('../images/chairmans6.jpg');
}

.caption {
  margin-top: 1em;
  font-size: .875em;
}

.caption._2 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
}

.div-block-44 {
  grid-column-gap: 1%;
  grid-row-gap: 1.5em;
  flex-wrap: wrap;
  display: flex;
}

.text-block-12 {
  color: #5b5faa;
}

.pic-container {
  width: 100%;
  border-bottom: .5em solid var(--blue);
}

.pic-container._2 {
  justify-content: center;
  display: flex;
}

.div-block-46 {
  width: 100%;
  text-align: left;
  margin-top: 1em;
}

.div-block-46._2 {
  margin-top: 0;
}

.div-block-46._3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.group-name {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
}

.group-name._2 {
  margin-top: 1em;
}

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

.profile-pic {
  width: 70%;
}

.profile-pic._2 {
  width: 100%;
}

.div-block-47 {
  width: 100%;
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  display: flex;
}

.number-small {
  align-items: flex-start;
  font-size: .9em;
  display: flex;
}

.number-small._3 {
  color: var(--white);
  margin-top: 2em;
}

.number-small.space._2.a {
  margin-top: 0;
}

.text-block-13 {
  margin-right: 1em;
}

.profile {
  z-index: 99;
  opacity: 0;
  background-color: rgba(0, 0, 0, .9);
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.profile.open {
  opacity: 1;
  display: flex;
}

.div-block-49 {
  width: 70%;
  max-height: 80dvh;
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  background-color: var(--white);
  justify-content: space-between;
  align-items: flex-start;
  padding: 3em;
  display: flex;
  overflow: scroll;
}

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

.div-block-51 {
  grid-row-gap: 1.5em;
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

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

.list {
  padding-left: 1em;
}

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

.profile-link {
  width: 100%;
  color: var(--black);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.close-lightbox {
  width: 4em;
  height: 4em;
  background-color: var(--blue);
  cursor: pointer;
  background-image: url('../images/close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.div-block-53 {
  width: 100%;
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  justify-content: center;
  display: flex;
}

.profile-container {
  width: 32%;
  flex-direction: column;
  display: flex;
}

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

.div-block-55 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 3em;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-56 {
  width: 100%;
  grid-column-gap: 1%;
  border-top: 1px solid var(--white);
  margin-top: 1em;
  padding-top: 1em;
  display: flex;
}

.div-block-57 {
  width: 19%;
  justify-content: space-between;
  padding-right: 1.5em;
  display: flex;
}

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

.text-block-14 {
  color: var(--blue);
}

.main-list {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1em;
}

.main-list._2 {
  margin-bottom: 0;
}

.main-list._3 {
  width: 100%;
  text-align: left;
}

.main-list._5 {
  margin-top: 0;
  margin-bottom: 1em;
}

.main-list._6 {
  margin-top: 0;
  margin-bottom: 0;
}

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

.div-block-59 {
  grid-column-gap: 1%;
  grid-row-gap: 1.5em;
  border-bottom: 1px solid #000;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 1.5em;
  display: flex;
}

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

.image-11 {
  width: 100%;
}

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

.div-block-62 {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  flex: 1;
  display: flex;
}

.text-block-15 {
  width: 69%;
}

.div-block-63 {
  width: 29%;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.div-block-64 {
  flex-direction: column;
  align-items: flex-start;
  font-size: 1em;
  display: flex;
}

.div-block-64.medium {
  line-height: 1;
}

.div-block-65 {
  color: var(--blue);
  align-items: flex-end;
  margin-top: .5em;
  margin-bottom: .5em;
  display: flex;
}

.text-block-16 {
  font-size: 2.5em;
}

.text-block-17 {
  margin-bottom: .2em;
  margin-left: .3em;
}

.heading-5 {
  font-size: 1.4em;
}

.heading-6 {
  font-size: 1.5em;
}

.heading-6.normal {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.heading-6.normal.space {
  margin-top: 1em;
}

.heading-6.normal._2 {
  font-size: 1.3em;
  line-height: 1.3;
}

.div-block-66 {
  grid-column-gap: 1%;
  grid-row-gap: 1.5em;
  display: flex;
}

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

.text-block-18 {
  color: var(--blue);
}

.div-block-68 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.table-container {
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.table {
  flex-direction: column;
  display: flex;
}

.table._3 {
  min-width: 25em;
}

.table-row {
  justify-content: space-between;
  display: flex;
}

.table-row._2 {
  border-bottom: 1px solid #000;
}

.div-block-72 {
  width: 52%;
  padding: .3em;
}

.div-block-72.medium {
  padding-left: .3em;
}

.div-block-72._2 {
  padding-left: 1em;
}

.div-block-73 {
  width: 16%;
  text-align: right;
  padding: .3em;
}

.div-block-73.medium {
  background-color: var(--light-blue);
}

.div-block-73.medium._4 {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.div-block-73.medium._5 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}

.div-block-73.medium._9 {
  border-left: 1px solid #000;
}

.div-block-73._2 {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

.div-block-73._3 {
  border-top: 1px solid #000;
}

.div-block-73._6 {
  border-bottom: 1px solid #000;
}

.div-block-73._7 {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.div-block-73._8 {
  border-right: 1px solid #000;
}

.blue-container {
  border: 1px solid var(--blue);
  border-radius: 1em;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.blue-top {
  background-color: var(--blue);
  color: var(--white);
  padding: 1em;
}

.blue-top._2 {
  background-color: var(--dark-blue);
  border-radius: 1em;
}

.blue-top._2.normal {
  background-color: var(--blue);
  text-align: center;
}

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

.heading-7.black {
  color: var(--black);
}

.blue-content {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  padding: 1em;
  display: flex;
}

.name {
  color: var(--violet);
  margin-top: 1em;
  font-size: .875em;
}

.div-block-74 {
  width: 100%;
  grid-column-gap: 2%;
  grid-row-gap: 1em;
  flex-flow: wrap;
  align-items: stretch;
  display: flex;
}

.div-block-75 {
  grid-column-gap: 1em;
  align-items: center;
  display: flex;
}

.div-block-76 {
  width: 5em;
}

.image-12 {
  width: 100%;
}

.div-block-77 {
  flex: 1;
}

.div-block-78 {
  width: 49%;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.dropdown {
  z-index: 0;
  width: 100%;
}

.acc-head {
  width: 100%;
  border-bottom: 1px solid var(--blue);
  white-space: normal;
  background-image: url('../images/down.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 1em;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 1em 4em 1em 1em;
  display: flex;
}

.acc-head.w--open {
  background-image: url('../images/up.svg');
  padding-right: 4em;
}

.acc-body {
  grid-row-gap: 1.5em;
  background-color: rgba(221, 221, 221, 0);
  flex-flow: column;
  padding: 1.5em 1em;
  position: relative;
}

.acc-body.w--open {
  grid-row-gap: 2em;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1.5em 1em;
  display: flex;
}

.heading-8 {
  margin-bottom: 0;
}

.heading-9 {
  color: var(--blue);
  font-size: 1.1em;
}

.heading-9.violet {
  color: var(--violet);
}

.heading-9.violet._2, .heading-9._2 {
  margin-top: 0;
}

.heading-9._3 {
  margin-bottom: 0;
}

.div-block-80 {
  width: 50%;
  padding: .3em .5em .3em 0;
}

.div-block-80._2 {
  padding-left: 1em;
}

.div-block-81 {
  width: 10%;
  text-align: right;
  padding: .3em;
}

.div-block-81.medium._2 {
  background-color: var(--light-blue);
}

.space-main {
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.div-block-82 {
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  flex-flow: wrap;
  display: flex;
}

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

.text-block-19 {
  margin-right: .5em;
}

.text-block-20 {
  color: var(--blue);
  font-size: 1.1em;
}

.text-block-20.medium {
  font-size: 1em;
}

.div-block-84 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column wrap;
  display: flex;
}

.div-block-85 {
  grid-column-gap: 1%;
  grid-row-gap: 1.5em;
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.div-block-86 {
  width: 23%;
  text-align: center;
  flex-flow: column wrap;
  align-items: center;
  display: flex;
}

.div-block-87 {
  width: 1px;
  background-color: var(--black);
}

.text-block-21 {
  color: var(--blue);
  font-size: 1.1em;
}

.text-block-21.medium {
  line-height: 1.2;
}

.image-13 {
  width: auto;
  height: 4em;
  margin-bottom: 1em;
}

.div-block-88 {
  width: 100%;
  height: .4em;
  background-color: var(--blue);
  margin-top: 1em;
}

.heading-10 {
  font-size: 1em;
}

.div-block-89 {
  background-color: #0e62a1;
}

.div-block-90 {
  z-index: 1;
  grid-row-gap: 1.5em;
  color: var(--white);
  flex-flow: column wrap;
  padding: 2em 2em 0;
  display: flex;
  position: relative;
}

.heading-11 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(257deg, #f7d996, #b87c46);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 2.5em;
}

.div-block-91 {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block-92 {
  align-items: center;
  margin-top: 1.5em;
  display: flex;
}

.image-14 {
  width: 5em;
  margin-right: 1em;
}

.image-15 {
  z-index: 0;
  margin-top: -15em;
  position: relative;
}

.div-block-93 {
  background-color: rgba(142, 152, 183, .96);
  border-top-right-radius: 10vw;
  border-bottom-right-radius: 10vw;
  align-items: center;
  padding: 1em 12em 1em 1em;
  display: flex;
  position: relative;
}

.div-block-94 {
  z-index: 1;
  width: 10em;
  height: 10em;
  background-image: radial-gradient(circle closest-corner, #f5d693, #ba7f48);
  border-radius: 100%;
  padding: .5em;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
}

.div-block-95 {
  z-index: 0;
  height: .3em;
  background-image: linear-gradient(265deg, #f2d190, #cd9b5f);
  margin-right: 5em;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-16 {
  height: 100%;
  border-radius: 42%;
}

.div-block-96 {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.div-block-97 {
  grid-column-gap: 2%;
  grid-row-gap: 1.5em;
  flex-flow: wrap;
  padding: 1em 12em 1em 1em;
  display: flex;
}

.image-17 {
  height: 100%;
  object-fit: cover;
}

.image-18 {
  width: 4em;
}

.image-18.big {
  width: 10em;
}

.image-18.medium {
  width: 5em;
  height: 5em;
  object-fit: contain;
}

.div-block-98 {
  width: 70%;
  flex-flow: column;
  align-items: flex-start;
  padding-left: .5em;
  display: flex;
}

.div-block-98.medium {
  text-align: left;
}

.text-block-23 {
  color: var(--blue);
  font-size: 2.5em;
  line-height: 1;
}

.image-container {
  width: 100%;
  border-radius: 1em;
  overflow: hidden;
}

.image-container._2 {
  width: 100%;
  aspect-ratio: 3 / 2;
}

.image-container._3 {
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-container._4 {
  aspect-ratio: 1 / 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.orange {
  color: #f19252;
}

.blue {
  color: var(--blue);
}

.image-19 {
  margin-top: 1em;
}

.image-20, .new-image {
  height: 100%;
  object-fit: cover;
}

.div-block-99 {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.div-block-101 {
  flex: 1;
  padding-left: 1em;
}

.div-block-102 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-24 {
  margin-left: .5em;
}

.text-block-24._2 {
  margin-bottom: 1em;
  margin-left: 0;
}

.blue-outline {
  border: .3em solid var(--dark-blue);
  border-radius: 1em;
  padding: .5em;
}

.blue-outline-container {
  background-color: #eceded;
  border-radius: 1em;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.blue-outline-top {
  background-color: var(--blue);
  color: var(--white);
  padding: .5em 1em;
  font-size: 1.3em;
}

.blue-outline-content {
  padding: 1.5em;
}

.div-block-103 {
  padding-left: .5em;
}

.div-block-103._2 {
  padding-left: 0;
}

.text-block-25 {
  margin-bottom: 1em;
}

.div-block-104 {
  color: var(--white);
  background-color: #77a2d4;
  flex: 1;
  padding: 1em;
}

.div-block-105 {
  width: 32%;
  grid-column-gap: .2em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-105._2 {
  width: 100%;
  grid-column-gap: .7em;
  grid-row-gap: .7em;
}

.div-block-105.b {
  width: 49%;
  grid-column-gap: .5em;
}

.div-block-106 {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.div-block-107 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.full {
  width: 100%;
}

.div-block-108 {
  grid-column-gap: 1%;
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.div-block-109 {
  width: 100%;
  background-color: var(--blue);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
}

.div-block-110 {
  width: 24%;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.div-block-111 {
  width: 100%;
  background-color: #eec6a4;
  border-radius: 100vw;
  flex: 1;
  padding: 1em 1em 3.5em;
}

.div-block-111._2 {
  background-color: #abaad1;
}

.div-block-111._3 {
  background-color: #b9d8b5;
}

.div-block-111._4 {
  background-color: #e4aaae;
}

.div-block-112 {
  width: 100%;
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.div-block-113 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-113.medium {
  line-height: 1;
}

.image-21 {
  width: auto;
  height: 4em;
  margin-bottom: 1em;
}

.image-21._2 {
  margin-bottom: 0;
  margin-right: .5em;
}

.div-block-114 {
  width: 1px;
  height: 3em;
  background-color: var(--blue);
}

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

.div-block-116 {
  width: 100%;
  flex-flow: column;
  display: flex;
}

.div-block-117 {
  z-index: 1;
  background-color: var(--blue);
  border-top-right-radius: 100vw;
  border-bottom-right-radius: 100vw;
  margin-right: 1em;
  padding: 1em;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.div-block-118 {
  z-index: 0;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.div-block-119 {
  width: 49%;
  grid-row-gap: 1em;
  border: .2em solid #5b5fa5;
  border-radius: 1vw;
  flex-flow: column;
  margin-top: -2em;
  padding: 5em 1em 1em;
  display: flex;
}

.div-block-119._2 {
  border-color: #e4965e;
  position: relative;
}

.div-block-120 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-120._2 {
  justify-content: flex-start;
  align-items: center;
}

.image-22 {
  width: 3em;
  flex: none;
  margin-right: .5em;
}

.text-block-26 {
  color: var(--white);
  background-color: #5bc272;
  padding-left: 1em;
  padding-right: 1em;
  position: absolute;
  top: 3em;
  bottom: auto;
  left: 0%;
  right: auto;
}

.text-block-27 {
  flex: 1;
}

.div-block-121 {
  width: 23%;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.image-23 {
  width: auto;
  height: 10em;
}

.rotate {
  z-index: 99;
  background-color: var(--blue);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-123 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-animation-2 {
  width: 8em;
  transform: rotate(-90deg);
}

.link-block-7 {
  width: 100%;
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  align-items: flex-start;
  padding: 1em;
  text-decoration: none;
  display: flex;
}

.image-24 {
  width: 1.2em;
}

.link-block-copy {
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(90deg, #ba7e48 5%, #ca965d 27%, #b6a47d);
  border-radius: .4em;
  margin-top: 1.5em;
  padding: .7em;
  text-decoration: none;
}

.code {
  display: none;
}

.text-block-29 {
  display: flex;
}

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

.text-block-30 {
  font-size: 1.3em;
  line-height: 1.3;
}

.div-block-125 {
  margin-top: -1em;
}

.line1 {
  width: 70%;
  height: 2px;
  background-color: var(--blue);
  transition: transform .2s;
}

.line1.open {
  transform: translate(0, 7px)rotate(45deg);
}

.line2 {
  width: 70%;
  height: 2px;
  background-color: var(--blue);
  margin-top: 5px;
  margin-bottom: 5px;
  transition: opacity .2s;
}

.line2.open {
  opacity: 0;
}

.line3 {
  width: 70%;
  height: 2px;
  background-color: var(--blue);
  transition: transform .2s;
}

.line3.open {
  transform: translate(0, -7px)rotate(-45deg);
}

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

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

  .container.fill-left {
    width: 100%;
    padding-right: 4em;
  }

  .landing {
    height: auto;
    min-height: auto;
    padding-top: 5em;
    padding-bottom: 3em;
  }

  .one-third._3-copy, .one-third.ipad {
    width: 100%;
  }

  .one-third._4._2.medium.c, .one-third._4.b, .one-third._5.medium {
    width: 49%;
  }

  .one-fourth._3.ipad {
    width: 20%;
  }

  .one-fourth._4 {
    font-size: .875em;
  }

  .one-fourth.strong {
    width: 49%;
  }

  .one-fourth.ipad {
    width: 100%;
  }

  .one-fourth._8 {
    width: 49%;
  }

  .one-half._2.ipad {
    width: 79%;
    max-height: none;
  }

  .one-half.mobile.small {
    width: 49%;
  }

  .one-half.ipad {
    width: 100%;
  }

  .one-half.ipad.small {
    width: 49%;
  }

  .one-half._7 {
    width: 100%;
  }

  .heading {
    font-size: 2em;
  }

  .body {
    font-size: 16px;
  }

  .section._1 {
    display: none;
  }

  .forty._3.mobile, .forty.ipad {
    width: 100%;
  }

  .section-title {
    font-size: 1.5em;
  }

  .section-title.blue {
    color: var(--blue);
  }

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

  .div-block-6 {
    margin-bottom: 2em;
    margin-right: 2em;
  }

  .full-photo-left {
    width: 100%;
    aspect-ratio: 3 / 2;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 3em;
  }

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

  .sixty.ipad {
    width: 100%;
  }

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

  .slide-nav {
    justify-content: center;
    display: flex;
  }

  .subsub-title {
    font-size: 1.2em;
  }

  .div-block-13 {
    padding-left: 4em;
  }

  .two-thirds.ipad, .two-thirds._2, .three-fourth.ipad, .one-fifth._5 {
    width: 100%;
  }

  .download, .share {
    width: 3.5em;
    height: 3.5em;
  }

  .div-block-22 {
    width: 100%;
    background-color: #f4f4f4;
    padding: 3em 4em;
    display: flex;
  }

  .div-block-23 {
    width: 100%;
    aspect-ratio: 3 / 2;
    color: var(--white);
    background-image: url('../images/uob-building.jpg');
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    display: flex;
  }

  .pageheader._3, .pageheader._4, .pageheader._5, .pageheader._6 {
    flex-wrap: wrap;
  }

  .sidenav {
    top: 7em;
  }

  .breadcrumbs {
    flex-flow: wrap;
  }

  .page-title {
    font-size: 1.5em;
    line-height: 1.2;
  }

  .page-title._2, .div-block-29 {
    width: 100%;
  }

  .year-content {
    width: 76%;
  }

  .div-block-34 {
    padding-top: 5.5em;
  }

  .div-block-40 {
    width: 50%;
  }

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

  .div-block-41._2 {
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  .profile-pic._2 {
    width: 60%;
  }

  .number-small.space._2 {
    margin-top: 0;
  }

  .div-block-49 {
    padding: 1.5em;
  }

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

  .profile-container {
    width: 100%;
  }

  .div-block-56 {
    flex-direction: column;
  }

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

  .main-list._4 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-60 {
    width: 70%;
  }

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

  .heading-6.normal {
    font-size: 1.3em;
  }

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

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

  .table._2 {
    min-width: 600px;
  }

  .div-block-74 {
    flex-flow: wrap;
    display: flex;
  }

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

  .dropdown {
    z-index: 0;
  }

  .acc-head, .acc-head.w--open {
    padding-right: 2.5em;
  }

  .div-block-82 {
    flex-flow: wrap;
  }

  .div-block-86 {
    width: 47%;
  }

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

  .heading-11 {
    font-size: 2.2em;
  }

  .image-15 {
    margin-top: -10em;
  }

  .div-block-97 {
    grid-row-gap: 0em;
  }

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

  .div-block-105.ipad {
    width: 100%;
  }

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

@media screen and (max-width: 767px) {
  .rotate {
    display: flex;
  }
}

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

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

  .container.fill-left {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .container.fill-right {
    width: 100%;
    margin-top: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .container._2 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .flex._7 {
    padding-left: 0;
    padding-right: 0;
  }

  .flex._8, .flex._9 {
    grid-row-gap: 1.5em;
  }

  .flex._10 {
    grid-column-gap: 0em;
    grid-row-gap: 1.5em;
  }

  .flex._13 {
    grid-row-gap: 1em;
  }

  .logo {
    width: 7em;
    height: 2em;
  }

  .landing {
    min-height: auto;
  }

  .one-third._1.mobile, .one-third._2.mobile, .one-third._3, .one-third.mobile, .one-third._4, .one-third._4._2.medium.c, .one-third._4.b, .one-third._5.medium {
    width: 100%;
  }

  .one-fourth._2, .one-fourth._2.mobile, .one-fourth._2.new {
    width: 49%;
  }

  .one-fourth._3.ipad {
    width: 100%;
    text-align: right;
    align-items: flex-end;
  }

  .one-fourth._4 {
    width: 49%;
  }

  .one-fourth._5.mobile {
    width: 100%;
    margin-top: 1.5em;
  }

  .one-fourth._6, .one-fourth._7, .one-fourth._8 {
    width: 100%;
  }

  .one-half._2.ipad {
    width: 100%;
    max-height: none;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .one-half.mobile, .one-half.mobile.small, .one-half._6, .one-half.ipad.small {
    width: 100%;
  }

  .section._5 {
    display: none;
  }

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

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

  .div-block-6 {
    margin-bottom: 1em;
    margin-right: 1em;
  }

  .div-block-8, .div-block-10 {
    width: 100%;
    margin-top: 1.5em;
  }

  .div-block-11 {
    margin-top: 1em;
    padding-left: 0;
  }

  .full-photo-right._2 {
    width: 100%;
  }

  .div-block-12 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .div-block-13 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .counter {
    font-size: 1.3em;
  }

  .text-block-5 {
    font-size: 1em;
  }

  .three-fourth._3.mobile {
    width: 100%;
    margin-top: 1em;
  }

  .three-fourth._4.mobile, .one-fifth.mobile {
    width: 100%;
  }

  .slider-2 {
    padding-bottom: 50px;
    display: none;
  }

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

  .slide-nav-2 {
    justify-content: center;
    display: flex;
  }

  .charts._2, .charts._3, .charts._4, .charts._5 {
    margin-top: 0;
  }

  .menu {
    margin-left: .5em;
  }

  .navigation {
    max-height: 100dvh;
    top: -100dvh;
    overflow: scroll;
  }

  .navigation.open {
    max-height: 100dvh;
    padding-top: 5em;
    overflow: scroll;
  }

  .next {
    z-index: 5;
    position: relative;
  }

  .next-btn {
    width: 2em;
  }

  .prev {
    z-index: 5;
    position: relative;
  }

  .prev-btn {
    width: 2em;
  }

  .div-block-22 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .div-block-24 {
    width: 100%;
    background-color: var(--blue);
    color: var(--white);
    flex-flow: column wrap;
    align-items: flex-start;
    padding: 3em 2.5em;
    display: flex;
  }

  .div-block-25 {
    width: 100%;
    aspect-ratio: 3 / 2;
    background-image: url('../images/map.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    font-size: 1em;
  }

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

  .slider-2-copy {
    padding-bottom: 50px;
    display: flex;
  }

  .downloads {
    max-height: 100dvh;
    top: -100dvh;
    overflow: scroll;
  }

  .downloads.open {
    z-index: 6;
    max-height: 100dvh;
    padding-top: 5em;
    padding-bottom: 11em;
    overflow: scroll;
  }

  .div-block-27 {
    width: 100%;
    margin-top: .5em;
  }

  .pageheader._3, .pageheader._4, .pageheader._5 {
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .pageheader._6 {
    background-image: url('../images/enable-bg.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .page-content {
    flex-wrap: wrap;
  }

  .content {
    width: 100%;
  }

  .sidenav {
    width: 100%;
    margin-top: 2em;
    position: relative;
    top: 0;
  }

  .breadcrumbs {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-block-10 {
    margin-left: 0;
  }

  .page-title {
    font-size: 2em;
  }

  .page-title._2.mobile {
    color: var(--blue);
    font-size: 1.7em;
    display: block;
  }

  .counter-copy {
    font-size: 1.3em;
  }

  .year {
    width: 25%;
    padding-left: 0;
    padding-right: 0;
  }

  .year._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .year-content {
    width: 70%;
  }

  .div-block-32 {
    font-size: 1.3em;
  }

  .div-block-33 {
    width: 25%;
  }

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

  .div-block-41 {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    padding-top: 0;
  }

  .div-block-41._3 {
    display: none;
  }

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

  .profile-pic._2 {
    width: 70%;
  }

  .div-block-49 {
    width: 90%;
    flex-wrap: wrap;
  }

  .div-block-50, .profile-link {
    width: 100%;
  }

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

  .profile-container {
    width: 100%;
  }

  .div-block-56 {
    flex-direction: column;
  }

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

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

  .div-block-62 {
    grid-row-gap: 1em;
    flex-wrap: wrap;
  }

  .text-block-15, .div-block-63 {
    width: 100%;
  }

  .heading-6.normal {
    font-size: 1.2em;
  }

  .div-block-68 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
  }

  .acc-head {
    padding-right: 2em;
  }

  .div-block-89, .div-block-90 {
    width: 100%;
  }

  .heading-11 {
    font-size: 2em;
  }

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

  .div-block-92 {
    width: 100%;
    flex-flow: column;
    align-items: flex-start;
  }

  .image-15 {
    margin-top: -2em;
  }

  .div-block-93 {
    padding-right: 7em;
  }

  .div-block-94 {
    width: 7em;
    height: 7em;
    padding: .3em;
  }

  .div-block-97 {
    padding-right: 1em;
  }

  .text-block-22 {
    width: 100%;
    margin-top: 1em;
    font-size: .875em;
  }

  .image-18.medium {
    width: 4em;
  }

  .div-block-105 {
    width: 100%;
    grid-column-gap: .5em;
  }

  .div-block-105._2 {
    grid-column-gap: .5em;
  }

  .div-block-105.b, .div-block-110 {
    width: 100%;
  }

  .div-block-111 {
    width: 90%;
    max-width: 17em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .div-block-118 {
    flex-flow: wrap;
    display: flex;
  }

  .div-block-119 {
    width: 100%;
    margin-top: 0;
    padding-top: 1em;
  }

  .div-block-119._2 {
    margin-top: 1em;
    padding-top: 3em;
  }

  .text-block-26 {
    top: 1em;
  }

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

  .image-23 {
    height: 7em;
    object-fit: contain;
  }

  .rotate {
    display: none;
  }

  .image-24 {
    margin-left: 1em;
  }

  .text-block-28 {
    display: none;
  }

  .code {
    display: block;
  }
}