:root {
  --hkiit-color1: #00489c;
  --white: white;
  --hkiit-color3: #222;
  --black: black;
  --hkiit-color2: #e81f76;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.navbar-logo-center {
  z-index: 30000;
  background-color: #fff;
  border-bottom: 1px solid #000;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  height: 120px;
  padding: 10px 15px 15px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  padding: 10px 0;
}

.container {
  height: 100%;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  height: 100%;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.wrapper_pad_40px {
  padding-left: 40px;
  padding-right: 40px;
}

.wrapper_w_100 {
  background-color: #fff;
  position: relative;
}

.wrapper_w_100.home_programmes {
  background-color: #fff;
}

.wrapper_w_100.home_programmes.listing {
  color: #000;
  background-color: #e81f76;
}

.wrapper_w_100.home_2programmes {
  color: #fff;
}

.wrapper_w_100.home_overview {
  background-color: #fff;
}

.wrapper_w_100.awards {
  background-color: #fff;
  padding-top: 60px;
}

.home_kv_wrapper {
  object-fit: fill;
  height: 100vh;
}

.img_default {
  object-fit: cover;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.home_kv_text_wrapper {
  z-index: 300;
  max-width: 870px;
  position: absolute;
  top: 20%;
}

.home_kv_text {
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 20px #0003;
  font-size: 5.5rem;
  line-height: 1.1;
}

.padder_40px {
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(500px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  padding: 0 40px;
}

.padder_40px._2_programmes {
  background-color: #00418d;
  margin-bottom: 100px;
}

.div-block {
  height: 1500px;
}

.spacer_100h_s {
  width: 100%;
  height: 100px;
}

.heading {
  text-align: center;
}

.heading.textwhite {
  color: #fff;
}

.spacer_80h {
  width: 100%;
  height: 80px;
}

.grid_2col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid_2col._10gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.grid_2col._15gap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.grid_2col.home_overview {
  grid-row-gap: 80px;
}

.grid_2col.vpas {
  background-color: #00418d;
}

.grid_2col._30gap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid_2col.ictgap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.grid_2col.home_awards {
  grid-row-gap: 80px;
}

.wrapper.home_grid_left {
  padding-right: 60px;
}

.spacer_20h {
  width: 100%;
  height: 20px;
}

.home_overview_img_wrapper {
  max-width: 600px;
  overflow: hidden;
}

.home_overview_img_wrapper.align_right.home_grid_left {
  padding-right: 60px;
}

.home_programmes_textwhite {
  color: #fff;
}

.home_2-programmes_wrapper {
  position: relative;
}

.home_2-programmes_wrapper.align_right.home_grid_left {
  padding-right: 80px;
}

.text_wrapper._960w {
  text-align: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.text_wrapper.homepage_programmes {
  height: auto;
  min-height: 90px;
  padding-left: 15px;
  padding-right: 19px;
}

.text_wrapper.student_award {
  position: sticky;
  top: 0;
}

.grid_4col {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.grid_4col._40gap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.grid_4col._30gap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid_4col._35gap {
  grid-column-gap: 30px;
  grid-row-gap: 35px;
  width: 100%;
}

.homepage_programme_wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}

.img_wrapper.align_right.home_grid_left {
  padding-right: 80px;
}

.img_wrapper.vtc_member {
  max-width: 280px;
  margin-left: auto;
}

.spacer_15h {
  width: 100%;
  height: 15px;
}

.hastag {
  float: left;
  clear: left;
  border: 2px solid #000;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 1rem;
}

.home_awards_img_wrapper {
  width: 100%;
}

.home_awards_img_wrapper.align_right {
  margin-left: auto;
}

.home_awards_img_wrapper.align_right.home_grid_left {
  padding-right: 80px;
}

.home_awards_img_wrapper.max600w {
  max-width: 540px;
}

.home_awards_img_wrapper.max600w.align-right {
  margin-left: auto;
}

.home_awards_img_wrapper.max700w {
  max-width: 750px;
}

.home_awards_img_wrapper.pic4 {
  max-width: 750px;
  margin-right: auto;
}

.home_awards_img_wrapper.pic1 {
  max-width: 800px;
  margin-left: auto;
}

.home_awards_img_wrapper.pic2 {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
}

.home_awards_img_wrapper.pic5 {
  width: 100%;
  max-width: 550px;
  margin-right: auto;
}

.home_awards_img_wrapper.pic3 {
  width: 100%;
  max-width: 600px;
  margin-right: auto;
}

.img_100x100 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.img_100x100.kv._4k, .img_100x100.kv.tablet, .img_100x100.kv.mobile-hori, .img_100x100.kv.mobile {
  display: none;
}

.img_100x100.logo {
  object-fit: contain;
  width: 80%;
}

.img_100x100.logo.smaller {
  width: 55%;
}

.spacer_40h {
  width: 100%;
  height: 40px;
}

.max90 {
  max-width: 90%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.interim_banner {
  height: 70vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.homepage_vpas_wrapper {
  color: #fff;
}

.homepage_vpas_wrapper.home_programmes {
  background-color: #fff;
}

.homepage_vpas_wrapper.home_programmes.listing {
  color: #000;
  background-color: #e81f76;
}

.homepage_vpas_wrapper.home_2programmes {
  color: #fff;
  background-color: #00418d;
}

.vpas_content_wrapper {
  color: #fff;
  padding-left: 10%;
  padding-right: 10%;
}

.vpas_content_wrapper.home_grid_left {
  padding-right: 80px;
}

.vpas_img_wrapper {
  height: 32rem;
  overflow: hidden;
}

.vpas_img_wrapper.align_right.home_grid_left {
  padding-right: 80px;
}

.spacer_150h {
  width: 100%;
  height: 150px;
}

.footer {
  background-color: #333;
  position: relative;
}

.grid_3col_footer {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_logo {
  max-width: 200px;
}

.footer_credit {
  color: #fff;
  font-size: .85rem;
}

.footer_content_wrapper {
  color: #fff;
}

.footer_paragraph {
  color: #fff;
  line-height: 2;
}

.spacer_60h {
  width: 100%;
  height: 60px;
}

.spacer_100h {
  width: 100%;
  height: 100px;
}

.ribbon_blue {
  position: absolute;
  top: 0;
  right: 0;
}

.ribbon_blue.frontlayer {
  z-index: 20;
  width: 400px;
}

.ribbon_blue.backlayer {
  z-index: 0;
  width: 400px;
}

.ribbon_pink {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ribbon_pink.backlayer {
  z-index: 0;
  width: 400px;
}

.ribbon_pink.frontlayer {
  z-index: 20;
  width: 400px;
}

.spacer_30h {
  width: 100%;
  height: 30px;
}

.white-board {
  background-color: #f2f2f2;
  padding: 60px 60px 100px;
  position: relative;
}

.ribbon_blue_group, .ribbon_blue_group.shiftup {
  position: absolute;
  inset: 0% 0% auto;
}

.ribbon_blue_group.overview {
  margin-top: 0;
  position: absolute;
  inset: 0% 0% auto;
}

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

.ribbon_pink_group.overview {
  bottom: -5%;
}

.paragraph_centre, .heading-2, .home_programmes_middle {
  text-align: center;
}

.home_programmes_middle.home_grid_left {
  padding-right: 80px;
}

.spacer_awards {
  width: 100%;
  height: 60px;
}

.header {
  z-index: 50000;
  background-color: #fff;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 0 20px #0000000d;
}

.header_logo {
  max-width: 300px;
  margin: 10px auto 15px;
}

.img_100x100_thumnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.link-block {
  position: absolute;
  inset: 0%;
}

.listing_link {
  z-index: 30;
  font-size: .85rem;
  text-decoration: underline;
  position: absolute;
  inset: auto auto 20px 15px;
}

.listing_img_wrapper {
  height: 13vw;
  position: relative;
  overflow: hidden;
}

.footer_link {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.vpas_link {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.heading-5 {
  font-size: .85rem;
  text-decoration: underline;
}

.paragraph, .paragraph-2 {
  font-weight: 400;
}

.spacer_awards_small {
  width: 100%;
  height: 80px;
}

.blue-board {
  color: #fff;
  background-color: #00418d;
  padding: 60px 60px 100px;
  position: relative;
}

.spacer_200h {
  width: 100%;
  height: 200px;
}

.ict_grid_2col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ict_grid_2col._10gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.ict_grid_2col._15gap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.ict_grid_2col.home_overview {
  grid-row-gap: 80px;
}

.ict_grid_2col.vpas {
  background-color: #00418d;
}

.ict_grid_2col._30gap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.ict_grid_2col.ictgap {
  grid-column-gap: 15px;
  grid-row-gap: 30px;
}

.spacer_ict {
  width: 100%;
  height: 1px;
  display: none;
}

.language_button_text {
  text-align: center;
  font-size: .85rem;
}

.language_block {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  padding-right: 40px;
  display: grid;
  position: relative;
}

.language_button {
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 5px;
  display: flex;
  overflow: hidden;
}

.language_button.w--current {
  color: #fff;
  background-color: #333;
  border-radius: 20px;
}

.header_grid_2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(500px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header_grid_2._2_programmes {
  background-color: #00418d;
  margin-bottom: 100px;
}

.footer_wrapper {
  position: relative;
}

.footer_wrapper.home_grid_left {
  padding-right: 60px;
}

.header-left-wrapper {
  align-items: center;
  display: flex;
  position: relative;
  left: 20px;
}

.header-left-wrapper.home_grid_left {
  padding-right: 60px;
}

.footer_max960 {
  margin-left: auto;
  margin-right: auto;
}

.paragraph-3 {
  text-align: justify;
}

.hooker {
  position: absolute;
  top: -40vh;
}

.hamburger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: -.5rem;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
}

.hamburger.menu-toggle {
  z-index: 12;
  position: relative;
  top: auto;
  left: auto;
}

.hamburger-top {
  background-color: #3b2815;
  width: 34px;
  height: 2px;
}

.hamburger-middle {
  background-color: #3b2815;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 2px;
  margin-top: 11px;
  margin-bottom: 11px;
  display: flex;
}

.hamburger-middle-inner {
  width: 4px;
  height: 0;
}

.hamburger-bottom {
  background-color: #3b2815;
  width: 34px;
  height: 2px;
}

.side-menu {
  z-index: 11;
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 1.8rem;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-100%);
}

.side-menu-heading {
  font-size: 2rem;
}

.wp_space-30 {
  max-width: 40vw;
  height: 20px;
  position: relative;
}

.side-menu-subheading {
  margin-bottom: 6px;
  font-size: 1.6rem;
  text-decoration: underline;
}

.side-menu-nav-item {
  padding-top: 2px;
  padding-bottom: 2px;
}

.side-menu-nav-link {
  color: #fff9;
  font-size: 1.6rem;
}

.slider {
  height: 100vh;
}

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

.slider-2 {
  height: 100vh;
}

.slide-nav {
  height: 50px;
  font-size: 16px;
}

.pathway-block {
  background-color: #c2c2c2;
  padding: 80px 15%;
  position: relative;
}

.pathway-block.light1 {
  background-color: #d8d8d8;
}

.pathway-block.light2 {
  background-color: #e9e9e9;
}

.pathway-block.blue {
  background-color: var(--hkiit-color1);
  padding-left: 80px;
  padding-right: 80px;
}

.pathway-heading {
  color: var(--hkiit-color1);
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
}

.pathway-heading.font-white {
  color: var(--white);
}

.pathway-subheading {
  color: var(--hkiit-color3);
  font-weight: 700;
}

.pathway-content {
  color: var(--hkiit-color3);
}

.pathway-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pathway-wrapper.home_grid_left {
  padding-right: 60px;
}

.pathway-hyphen {
  background-color: #fff;
  width: 80px;
  height: 6px;
}

.pathway-triangle {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.pathway-hkiit-logo {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% 0% auto;
}

.pathway-triangle-fill {
  background-color: #c2c2c2;
  width: 60px;
  height: 60px;
  position: absolute;
  transform: rotate(45deg);
}

.pathway-triangle-fill.light1 {
  background-color: #d8d8d8;
}

.pathway-triangle-fill.light2 {
  background-color: #e9e9e9;
}

.pathway-number {
  color: var(--hkiit-color1);
  font-size: 6rem;
  font-weight: 500;
}

.pathway-content-big {
  color: var(--hkiit-color3);
  font-size: 1.5rem;
  font-weight: 500;
}

.pathway-content-big.font-white {
  color: var(--white);
  font-size: 1.4rem;
}

.pathway-3grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.pathway-3grid-flex {
  border-right: 2px solid var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pathway-3grid-flex.end {
  border-right-style: none;
}

.pathway-3grid-flex.table {
  border-right-style: none;
  padding: 0;
}

.pathway-heading-logo {
  color: var(--black);
  text-transform: none;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
}

.pathway-heading-logo.table {
  color: var(--white);
  text-transform: none;
}

.pathway-logo {
  width: 200px;
  height: 150px;
}

.spacer_10h {
  width: 100%;
  height: 10px;
}

.pathway-2grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pathway-table-head {
  background-color: var(--hkiit-color1);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pathway-table-head.pink {
  background-color: var(--hkiit-color2);
}

.pathway-table-content {
  background-color: #9eb7d4;
  flex: 1;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.pathway-table-content.pink {
  background-color: #dacbd6;
}

@media screen and (min-width: 1440px) {
  .img_100x100.kv._4k {
    display: inline-block;
  }

  .wp_space-30 {
    height: 30px;
  }

  .side-menu-subheading {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }

  .side-menu-nav-link {
    font-size: 1.8rem;
  }

  .pathway-heading {
    font-weight: 500;
  }

  .pathway-table-head {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.6rem;
  }

  .navbar-logo-center-container {
    height: 100px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

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

  .wrapper_w_100.awards {
    padding-top: 0;
  }

  .home_kv_text_wrapper {
    max-width: 600px;
    top: 12%;
  }

  .home_kv_text {
    font-size: 4rem;
  }

  .padder_40px {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading {
    font-size: 1.9rem;
  }

  .spacer_80h {
    height: 60px;
  }

  .grid_2col._10gap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid_2col.home_overview {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid_2col.ictgap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid_2col.home_awards {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .wrapper.home_grid_left {
    padding-right: 0;
  }

  .wrapper.ict {
    height: 65vw;
    position: relative;
  }

  .home_overview_img_wrapper {
    width: 100%;
    max-width: none;
  }

  .home_overview_img_wrapper.align_right.home_grid_left {
    padding-right: 0;
  }

  .text_wrapper._960w {
    width: 100%;
  }

  .grid_4col._35gap {
    grid-column-gap: 20px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .home_awards_img_wrapper.max600w, .home_awards_img_wrapper.max600w.align-right, .home_awards_img_wrapper.max700w {
    max-width: 400px;
  }

  .home_awards_img_wrapper.pic4 {
    max-width: 500px;
    margin-left: auto;
    margin-right: 0;
  }

  .home_awards_img_wrapper.pic1 {
    margin-right: auto;
  }

  .home_awards_img_wrapper.pic2 {
    max-width: 500px;
    margin-left: auto;
  }

  .home_awards_img_wrapper.pic5 {
    max-width: 450px;
    margin-left: 10%;
  }

  .home_awards_img_wrapper.pic3 {
    max-width: 550px;
  }

  .img_100x100.kv.desktop {
    display: none;
  }

  .img_100x100.kv.tablet {
    display: inline-block;
  }

  .interim_banner {
    z-index: -30;
    height: 60vw;
  }

  .vpas_content_wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .footer_logo {
    max-width: 180px;
  }

  .ribbon_blue.frontlayer {
    width: 200px;
  }

  .ribbon_blue.frontlayer.overview {
    margin-top: 80px;
  }

  .ribbon_blue.backlayer {
    width: 200px;
  }

  .ribbon_blue.backlayer.overview {
    margin-top: 80px;
  }

  .ribbon_pink.backlayer, .ribbon_pink.frontlayer {
    width: 200px;
  }

  .white-board {
    padding: 60px 30px;
  }

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

  .ribbon_blue_group.shiftup {
    margin-top: -100px;
    padding-top: 100px;
  }

  .ribbon_blue_group.overview {
    margin-top: 66px;
  }

  .ribbon_blue_group.awards {
    margin-top: -32px;
  }

  .ribbon_pink_group.awards {
    margin-bottom: 8px;
  }

  .ribbon_pink_group.overview {
    margin-bottom: -59px;
    bottom: 1%;
  }

  .paragraph_centre {
    text-align: center;
  }

  .heading-2 {
    text-align: center;
    font-size: 1.8rem;
  }

  .home_programmes_middle.home_grid_left {
    padding-right: 0;
  }

  .spacer_awards {
    height: 60px;
    display: none;
  }

  .header_logo {
    text-align: center;
  }

  .listing_img_wrapper {
    height: 25vw;
  }

  .spacer_awards_small {
    height: 50px;
  }

  .blue-board {
    padding: 40px 30px;
  }

  .ict_grid_2col._10gap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ict_grid_2col.home_overview {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .language_block {
    padding-right: 30px;
  }

  .footer_wrapper.home_grid_left {
    padding-right: 0;
  }

  .footer_wrapper.ict {
    height: 65vw;
    position: relative;
  }

  .header-left-wrapper.home_grid_left {
    padding-right: 0;
  }

  .header-left-wrapper.ict {
    height: 65vw;
    position: relative;
  }

  .hooker {
    top: -35vh;
  }

  .pathway-block {
    padding: 60px 30px;
  }

  .pathway-block.blue {
    padding: 80px 40px 40px;
  }

  .pathway-heading {
    line-height: 1.4;
  }

  .pathway-wrapper.home_grid_left {
    padding-right: 0;
  }

  .pathway-wrapper.ict {
    height: 65vw;
    position: relative;
  }

  .pathway-number {
    font-size: 5.5rem;
  }

  .pathway-content-big {
    font-size: 1.4rem;
  }

  .pathway-3grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    max-width: 370px;
  }

  .pathway-3grid-flex {
    border-bottom: 2px solid #fff;
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .pathway-3grid-flex.end {
    border-bottom-style: none;
  }

  .pathway-heading-logo {
    font-size: 1.2rem;
  }

  .pathway-table-head {
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    font-size: 1rem;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .home_kv_text_wrapper {
    max-width: 500px;
  }

  .home_kv_text {
    font-size: 3rem;
  }

  .padder_40px {
    grid-template-columns: 1fr minmax(300px, 1fr) 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading {
    font-size: 1.75rem;
  }

  .spacer_80h {
    height: 40px;
  }

  .grid_2col._15gap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid_2col.home_overview {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid_2col.vpas {
    grid-template-columns: 1fr;
  }

  .grid_2col.footer {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid_2col.home_awards {
    grid-template-columns: minmax(0, 1fr);
  }

  .wrapper {
    width: 100%;
  }

  .wrapper.ict {
    height: 89vw;
  }

  .grid_4col._35gap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .home_awards_img_wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .home_awards_img_wrapper.max600w.align-right {
    max-width: none;
  }

  .home_awards_img_wrapper.pic4, .home_awards_img_wrapper.pic2 {
    width: 100%;
    max-width: none;
    margin-right: auto;
  }

  .home_awards_img_wrapper.pic5, .home_awards_img_wrapper.pic3 {
    width: 100%;
    max-width: none;
    margin-left: auto;
  }

  .img_100x100.kv.mobile-hori {
    display: inline-block;
  }

  .vpas_content_wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 30px 15px;
  }

  .spacer_150h {
    height: 75px;
  }

  .footer_content_wrapper {
    max-width: none;
  }

  .spacer_60h {
    height: 40px;
  }

  .ribbon_blue.frontlayer, .ribbon_blue.backlayer, .ribbon_pink.backlayer, .ribbon_pink.frontlayer {
    width: 150px;
  }

  .white-board {
    padding-bottom: 40px;
  }

  .ribbon_blue_group.overview {
    margin-top: 46px;
  }

  .ribbon_blue_group.awards {
    margin-top: -30px;
  }

  .ribbon_pink_group.awards {
    margin-bottom: 29px;
  }

  .ribbon_pink_group.overview {
    margin-bottom: -60px;
  }

  .paragraph_centre {
    text-align: center;
  }

  .spacer_awards {
    height: 40px;
  }

  .header_logo {
    max-width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
  }

  .heading-4 {
    font-size: 1.5rem;
  }

  .listing_img_wrapper {
    height: 30vw;
    overflow: hidden;
  }

  .spacer_awards_small {
    height: 40px;
  }

  .blue-board {
    padding-bottom: 40px;
  }

  .ict_grid_2col._15gap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .ict_grid_2col.home_overview {
    grid-template-columns: minmax(0, 1fr);
  }

  .ict_grid_2col.vpas {
    grid-template-columns: 1fr;
  }

  .ict_grid_2col.footer {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .ict_grid_2col.ictgap {
    grid-template-columns: 1fr;
  }

  .spacer_ict {
    opacity: .5;
    background-color: #fff;
    margin-top: 20px;
    display: block;
  }

  .subheading {
    font-size: 1.5rem;
  }

  .language_block {
    padding-right: 20px;
  }

  .header_grid_2 {
    grid-template-columns: 1fr minmax(100px, 1fr) 1fr;
  }

  .footer_wrapper {
    width: 100%;
  }

  .footer_wrapper.ict {
    height: 89vw;
  }

  .header-left-wrapper {
    width: 100%;
  }

  .header-left-wrapper.ict {
    height: 89vw;
  }

  .pathway-block {
    padding-bottom: 40px;
  }

  .pathway-block.blue {
    padding: 60px 20px 20px;
  }

  .pathway-heading {
    font-size: 1.5rem;
  }

  .pathway-wrapper {
    width: 100%;
  }

  .pathway-wrapper.ict {
    height: 89vw;
  }

  .pathway-triangle-fill {
    width: 40px;
    height: 40px;
  }

  .pathway-number {
    font-size: 5rem;
  }

  .pathway-content-big {
    font-size: 1.3rem;
  }

  .pathway-3grid-flex.table {
    border-bottom-style: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .pathway-heading-logo, .pathway-heading-logo.table {
    font-size: 1.2rem;
  }

  .pathway-2grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    font-size: .8rem;
  }

  p {
    font-size: .9rem;
  }

  .container {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .home_kv_text_wrapper {
    top: 15%;
    left: 15px;
  }

  .home_kv_text {
    font-size: 2.5rem;
  }

  .padder_40px {
    grid-template-columns: minmax(300px, 1fr) minmax(50px, 1fr);
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading {
    font-size: 1.6rem;
  }

  .spacer_80h {
    position: relative;
  }

  .grid_2col.home_overview {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .grid_2col.ictgap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid_2col.home_awards {
    grid-row-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .wrapper {
    width: auto;
  }

  .wrapper.home_grid_left {
    width: auto;
    overflow: hidden;
  }

  .wrapper.ict {
    height: auto;
  }

  .home_2-programmes_wrapper {
    position: relative;
  }

  .text_wrapper.student_award {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_4col._35gap {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .img_wrapper.vtc_member {
    max-width: 240px;
  }

  .home_awards_img_wrapper.pic4, .home_awards_img_wrapper.pic2 {
    width: auto;
  }

  .home_awards_img_wrapper.pic5 {
    width: auto;
    margin-left: auto;
  }

  .home_awards_img_wrapper.pic3 {
    width: auto;
  }

  .img_100x100.kv.mobile-hori {
    display: none;
  }

  .img_100x100.kv.mobile {
    display: inline-block;
  }

  .interim_banner {
    top: 50px;
  }

  .vpas_content_wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .vpas_img_wrapper {
    height: 80vw;
  }

  .footer_logo {
    max-width: 160px;
  }

  .footer_content_wrapper {
    position: relative;
  }

  .footer_paragraph {
    font-size: .75rem;
  }

  .spacer_100h {
    height: 60px;
  }

  .ribbon_blue.frontlayer, .ribbon_blue.backlayer, .ribbon_pink.backlayer, .ribbon_pink.frontlayer {
    width: 100px;
  }

  .white-board {
    padding: 40px 15px;
  }

  .ribbon_blue_group.overview {
    margin-top: 67px;
  }

  .ribbon_blue_group.awards {
    margin-top: -6px;
  }

  .ribbon_pink_group.awards {
    margin-bottom: 11px;
  }

  .ribbon_pink_group.overview {
    margin-bottom: -35px;
  }

  .spacer_awards {
    display: none;
  }

  .header_logo {
    max-width: 200px;
    margin-left: auto;
  }

  .heading-3, .heading-4 {
    font-size: 1.4rem;
  }

  .listing_link {
    font-size: .8rem;
  }

  .spacer_awards_small {
    height: 20px;
  }

  .blue-board {
    padding: 40px 15px;
  }

  .ict_grid_2col.home_overview {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .ict_grid_2col.ictgap {
    grid-template-columns: 1fr;
  }

  .subheading {
    font-size: 1.45rem;
    line-height: 1.25;
  }

  .language_button_text {
    font-size: .75rem;
  }

  .language_block {
    padding-right: 10px;
  }

  .language_button.w--current {
    width: 20px;
    height: 20px;
  }

  .header_grid_2 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer_wrapper.home_grid_left {
    width: auto;
    overflow: hidden;
  }

  .footer_wrapper.ict {
    height: auto;
  }

  .header-left-wrapper {
    width: auto;
  }

  .header-left-wrapper.home_grid_left {
    width: auto;
    overflow: hidden;
  }

  .header-left-wrapper.ict {
    height: auto;
  }

  .pathway-block {
    padding: 40px 15px;
  }

  .pathway-heading {
    font-size: 1.45rem;
    line-height: 1.25;
  }

  .pathway-wrapper {
    width: auto;
  }

  .pathway-wrapper.home_grid_left {
    width: auto;
    overflow: hidden;
  }

  .pathway-wrapper.ict {
    height: auto;
  }

  .pathway-hkiit-logo {
    width: 100%;
    max-width: 300px;
  }

  .pathway-triangle-fill {
    width: 30px;
    height: 30px;
  }

  .pathway-number {
    font-size: 4rem;
  }

  .pathway-content-big {
    line-height: 1.4;
  }

  .pathway-heading-logo {
    font-size: 1.1rem;
    line-height: 1.25;
  }
}

#w-node-_88d22181-c36f-e4ba-1e13-8f5c92185cc8-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88d22181-c36f-e4ba-1e13-8f5c92185ccb-bafa644e {
  place-self: center end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7736-bafa644e, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7737-bafa644e, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773a-bafa644e, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773f-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7741-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7743-bafa644e, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7744-bafa644e, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7747-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839df-bafa644e {
  order: 1;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839ec-bafa644e {
  order: 2;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839e2-bafa644e {
  order: 3;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839ef-bafa644e {
  order: 4;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e01479b9-85aa-6775-2374-d3debffc45f4-bafa644e {
  order: 7;
}

#w-node-_97a4187a-3269-d9cb-6a1d-554800db54cd-bafa644e {
  order: 5;
}

#w-node-_30a9829f-efef-cef7-608e-3cdde316223d-bafa644e {
  order: 6;
}

#w-node-fd5d4b56-68ab-19ad-b978-17102541f45b-bafa644e, #w-node-fd5d4b56-68ab-19ad-b978-17102541f462-bafa644e, #w-node-aead73cc-d7df-a8f3-9e17-ccfb70577897-bafa644e, #w-node-_07986174-d52b-562b-b784-ee5cee26ba62-bafa644e, #w-node-_07986174-d52b-562b-b784-ee5cee26ba6b-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0250eefb-8d7a-78a8-f2d2-46789079425d-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_0250eefb-8d7a-78a8-f2d2-46789079425e-bafa644e, #w-node-_0250eefb-8d7a-78a8-f2d2-467890794261-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1095807d-9635-9c5f-d4fa-12573da55858-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_1095807d-9635-9c5f-d4fa-12573da55859-bafa644e, #w-node-_1095807d-9635-9c5f-d4fa-12573da5585c-bafa644e, #w-node-_8e7f6044-a44f-903c-93d1-944a4cb72821-bafa644e, #w-node-_3246b46c-54b1-2545-389a-5dd009a41dd4-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da9a4aba-cf6a-5488-7dee-a5ef99554f2a-bafa644e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-_8c645bb9-1cca-8dc3-8294-39e9fe2e743e-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c645bb9-1cca-8dc3-8294-39e9fe2e7441-1099d656 {
  place-self: center end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7736-1099d656, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7737-1099d656, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773a-1099d656, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773f-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7741-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7743-1099d656, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7744-1099d656, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7747-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839df-1099d656 {
  order: 1;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839ec-1099d656 {
  order: 2;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839e2-1099d656 {
  order: 3;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839ef-1099d656 {
  order: 4;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e01479b9-85aa-6775-2374-d3debffc45f4-1099d656 {
  order: 7;
}

#w-node-_97a4187a-3269-d9cb-6a1d-554800db54cd-1099d656 {
  order: 5;
}

#w-node-_30a9829f-efef-cef7-608e-3cdde316223d-1099d656 {
  order: 6;
}

#w-node-fd5d4b56-68ab-19ad-b978-17102541f45b-1099d656, #w-node-fd5d4b56-68ab-19ad-b978-17102541f462-1099d656, #w-node-aead73cc-d7df-a8f3-9e17-ccfb70577897-1099d656, #w-node-_07986174-d52b-562b-b784-ee5cee26ba62-1099d656, #w-node-_07986174-d52b-562b-b784-ee5cee26ba6b-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0250eefb-8d7a-78a8-f2d2-46789079425d-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_0250eefb-8d7a-78a8-f2d2-46789079425e-1099d656, #w-node-_0250eefb-8d7a-78a8-f2d2-467890794261-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1095807d-9635-9c5f-d4fa-12573da55858-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_1095807d-9635-9c5f-d4fa-12573da55859-1099d656, #w-node-_1095807d-9635-9c5f-d4fa-12573da5585c-1099d656, #w-node-_8e7f6044-a44f-903c-93d1-944a4cb72821-1099d656, #w-node-_3246b46c-54b1-2545-389a-5dd009a41dd4-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da9a4aba-cf6a-5488-7dee-a5ef99554f2a-1099d656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-_3c8b52ae-5deb-3497-22ef-ed703b760e3d-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c8b52ae-5deb-3497-22ef-ed703b760e40-dff75641 {
  place-self: center end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7736-dff75641, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7737-dff75641, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773a-dff75641, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773f-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7741-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7743-dff75641, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7744-dff75641, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7747-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839df-dff75641 {
  order: 1;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839ec-dff75641 {
  order: 2;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839e2-dff75641 {
  order: 3;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d59ddab-f636-7017-a811-02b5a74839ef-dff75641 {
  order: 4;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e01479b9-85aa-6775-2374-d3debffc45f4-dff75641 {
  order: 7;
}

#w-node-_97a4187a-3269-d9cb-6a1d-554800db54cd-dff75641 {
  order: 5;
}

#w-node-_30a9829f-efef-cef7-608e-3cdde316223d-dff75641 {
  order: 6;
}

#w-node-fd5d4b56-68ab-19ad-b978-17102541f45b-dff75641, #w-node-fd5d4b56-68ab-19ad-b978-17102541f462-dff75641, #w-node-aead73cc-d7df-a8f3-9e17-ccfb70577897-dff75641, #w-node-_07986174-d52b-562b-b784-ee5cee26ba62-dff75641, #w-node-_07986174-d52b-562b-b784-ee5cee26ba6b-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0250eefb-8d7a-78a8-f2d2-46789079425d-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_0250eefb-8d7a-78a8-f2d2-46789079425e-dff75641, #w-node-_0250eefb-8d7a-78a8-f2d2-467890794261-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1095807d-9635-9c5f-d4fa-12573da55858-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_1095807d-9635-9c5f-d4fa-12573da55859-dff75641, #w-node-_1095807d-9635-9c5f-d4fa-12573da5585c-dff75641, #w-node-_8e7f6044-a44f-903c-93d1-944a4cb72821-dff75641, #w-node-_3246b46c-54b1-2545-389a-5dd009a41dd4-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da9a4aba-cf6a-5488-7dee-a5ef99554f2a-dff75641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-_88d22181-c36f-e4ba-1e13-8f5c92185cc8-d6b74cac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88d22181-c36f-e4ba-1e13-8f5c92185ccb-d6b74cac {
  place-self: center end;
}

#w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7736-d6b74cac, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7737-d6b74cac, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c773a-d6b74cac, #w-node-_1aec0aca-d3b9-cf44-97b4-8328c81ec250-d6b74cac, #w-node-_1aec0aca-d3b9-cf44-97b4-8328c81ec251-d6b74cac, #w-node-e8e758c7-8989-ada5-bd6f-0a1df475feff-d6b74cac, #w-node-e8e758c7-8989-ada5-bd6f-0a1df475ff00-d6b74cac, #w-node-_4b234159-c41c-930f-ca0a-9363ada10d17-d6b74cac, #w-node-_4b234159-c41c-930f-ca0a-9363ada10d18-d6b74cac, #w-node-_8e7f6044-a44f-903c-93d1-944a4cb72821-d6b74cac, #w-node-_3246b46c-54b1-2545-389a-5dd009a41dd4-d6b74cac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da9a4aba-cf6a-5488-7dee-a5ef99554f2a-d6b74cac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

@media screen and (max-width: 991px) {
  #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7741-bafa644e, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7741-1099d656, #w-node-_0ab66782-4196-0fca-4ec3-73b23d1c7741-dff75641 {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2d59ddab-f636-7017-a811-02b5a74839ec-bafa644e {
    order: 5;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839e2-bafa644e {
    order: 2;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839ef-bafa644e {
    order: 6;
  }

  #w-node-e01479b9-85aa-6775-2374-d3debffc45f4-bafa644e {
    order: 4;
  }

  #w-node-_97a4187a-3269-d9cb-6a1d-554800db54cd-bafa644e {
    order: 3;
  }

  #w-node-_30a9829f-efef-cef7-608e-3cdde316223d-bafa644e {
    order: 7;
  }

  #w-node-_0250eefb-8d7a-78a8-f2d2-467890794266-bafa644e, #w-node-_1095807d-9635-9c5f-d4fa-12573da55861-bafa644e {
    order: -9999;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839df-1099d656 {
    order: 1;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839ec-1099d656 {
    order: 5;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839e2-1099d656 {
    order: 2;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839ef-1099d656 {
    order: 6;
  }

  #w-node-e01479b9-85aa-6775-2374-d3debffc45f4-1099d656 {
    order: 4;
  }

  #w-node-_97a4187a-3269-d9cb-6a1d-554800db54cd-1099d656 {
    order: 3;
  }

  #w-node-_30a9829f-efef-cef7-608e-3cdde316223d-1099d656 {
    order: 7;
  }

  #w-node-_0250eefb-8d7a-78a8-f2d2-467890794266-1099d656, #w-node-_1095807d-9635-9c5f-d4fa-12573da55861-1099d656 {
    order: -9999;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839df-dff75641 {
    order: 1;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839ec-dff75641 {
    order: 5;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839e2-dff75641 {
    order: 2;
  }

  #w-node-_2d59ddab-f636-7017-a811-02b5a74839ef-dff75641 {
    order: 6;
  }

  #w-node-e01479b9-85aa-6775-2374-d3debffc45f4-dff75641 {
    order: 4;
  }

  #w-node-_97a4187a-3269-d9cb-6a1d-554800db54cd-dff75641 {
    order: 3;
  }

  #w-node-_30a9829f-efef-cef7-608e-3cdde316223d-dff75641 {
    order: 7;
  }

  #w-node-_0250eefb-8d7a-78a8-f2d2-467890794266-dff75641, #w-node-_1095807d-9635-9c5f-d4fa-12573da55861-dff75641 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_88d22181-c36f-e4ba-1e13-8f5c92185ccc-bafa644e, #w-node-_88d22181-c36f-e4ba-1e13-8f5c92185ccf-bafa644e {
    place-self: center;
  }

  #w-node-_0250eefb-8d7a-78a8-f2d2-46789079425d-bafa644e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center start;
  }

  #w-node-_8c645bb9-1cca-8dc3-8294-39e9fe2e7442-1099d656, #w-node-_8c645bb9-1cca-8dc3-8294-39e9fe2e7445-1099d656 {
    place-self: center;
  }

  #w-node-_0250eefb-8d7a-78a8-f2d2-46789079425d-1099d656 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center start;
  }

  #w-node-_3c8b52ae-5deb-3497-22ef-ed703b760e41-dff75641, #w-node-_3c8b52ae-5deb-3497-22ef-ed703b760e44-dff75641 {
    place-self: center;
  }

  #w-node-_0250eefb-8d7a-78a8-f2d2-46789079425d-dff75641 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center start;
  }

  #w-node-_88d22181-c36f-e4ba-1e13-8f5c92185ccc-d6b74cac, #w-node-_88d22181-c36f-e4ba-1e13-8f5c92185ccf-d6b74cac {
    place-self: center;
  }
}