:root {
  --_hknpl---dark_indigo: #20233d;
  --_hknpl---indigo: #1a215c;
  --_hknpl---blue: #0f5799;
  --_hknpl---white: white;
  --_hknpl---transparent: #fff0;
  --_hknpl---purple: #602675;
  --_hknpl---purple33: #60267554;
  --dark_indigo_33\<deleted\|variable-cc87d3c0-3cbc-1d7d-3a9d-b4c01f0e1d06\>: #20223d54;
  --_hknpl---banner_gradient2: #a14cbf00;
  --_hknpl---banner_gradient1: #a14cbf;
  --_hknpl---white90: #ffffffe6;
  --white: white;
  --_hknpl---grey: #828d99;
  --_hknpl---dark_green: #104023;
  --_hknpl---dark_green0: #10402300;
  --_hknpl---light_blue: #54adff;
  --_hknpl---dark_indigo33: #20233d54;
  --_hknpl---white33: #ffffff54;
  --_hknpl---white67: #ffffffab;
  --_hknpl---green: #208045;
  --_hknpl---banner_gradient1_9: #a14cbf17;
  --_hknpl---dark_green33: #10402354;
  --_hknpl---indigo90: #1a215ce6;
  --black: black;
  --_hknpl---indigo67: #1a215cab;
  --_hknpl---purple90: #602675e6;
  --_hknpl---purple67: #602675ab;
  --_hknpl---light_grey: #f0f1f7;
}

body {
  color: var(--_hknpl---dark_indigo);
  font-family: Hind Siliguri, sans-serif;
  font-size: 1.05rem;
  line-height: 30px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cal Sans, sans-serif;
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 44px;
}

h2 {
  color: var(--_hknpl---indigo);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cal Sans, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 45px;
}

h3 {
  color: var(--_hknpl---blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cal Sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 30px;
}

h4 {
  color: var(--_hknpl---indigo);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.275rem;
  font-weight: 600;
  line-height: 27.6px;
}

p {
  margin-bottom: 0;
  padding-top: 16.8px;
}

a {
  color: var(--_hknpl---dark_indigo);
  cursor: pointer;
  text-decoration: none;
  transition: all .48s;
}

strong {
  font-weight: 700;
}

.home_banner_video {
  /* z-index: -99; */
  width: 100%;
  height: 100dvh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home_banner_video_filter {
  z-index: 1;
  background-color: var(--_hknpl---dark_indigo);
  opacity: .33;
  position: absolute;
  inset: 0%;
}

.home_banner_container {
  flex-flow: column;
  width: 100%;
  min-height: 100dvh;
  margin-top: -100dvh;
  padding-top: 66px;
  padding-bottom: 66px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header_container {
  z-index: 33;
  background-color: var(--_hknpl---white);
  border-bottom: 1px solid #1a215c1a;
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
  position: fixed;
  inset: 0% auto auto 0%;
}

.header_container.in_mobile_menu {
  border-bottom: 0px none var(--_hknpl---transparent);
  background-color: var(--_hknpl---transparent);
  position: absolute;
}

.header_container_in {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.header_logo_btn {
  margin-left: -3px;
  margin-right: auto;
}

.header_logo_btn_img {
  height: 40.5px;
  margin-top: -1px;
  display: block;
}

.header_desktop_container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  display: flex;
}

.header_desktop_btn {
  color: var(--_hknpl---indigo);
  cursor: default;
  font-weight: 500;
  line-height: 22.8px;
  display: block;
}

.header_lang_container {
  flex: none;
  margin-top: -6px;
  margin-bottom: -6px;
  margin-left: -6px;
  position: relative;
}

.header_lang_trigger_btn {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: default;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 0;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.header_lang_trigger_btn:hover {
  color: var(--_hknpl---purple);
}

.header_lang_btn_arrow {
  color: var(--_hknpl---purple);
  margin: -.66px 0 0 -3px;
  font-size: 0.825rem;
  position: relative;
}

.header_lang_btn_icon {
  height: 14.4px;
  display: block;
}

.home_banner_tagline_container {
  z-index: 2;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.mobile_menu_trigger_btn {
  color: var(--_hknpl---indigo);
  text-align: center;
  letter-spacing: 0.04125rem;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: -14.4px -16.8px -14.4px -30px;
  padding: 18px;
  font-size: 0.825rem;
  font-weight: 500;
  display: none;
  position: relative;
}

.mobile_menu_trigger_btn.in_mobile_menu {
  display: flex;
}

.mobile_menu_trigger_btn_line1 {
  background-color: var(--_hknpl---purple);
  opacity: .67;
  width: 100%;
  height: 1px;
}

.mobile_menu_trigger_btn_text {
  width: 57px;
}

.mobile_menu_trigger_btn_text.for_chi {
  padding-bottom: 3px;
  line-height: 27px;
}

.home_banner_tagline_container_in {
  color: var(--_hknpl---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 72px;
  padding-bottom: 108px;
  display: flex;
}

.home_intro_container {
  z-index: 1;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  background-color: var(--_hknpl---white90);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

.home_intro_container_in {
  position: relative;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 96px;
  display: flex;
}

.home_intro_left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--_hknpl---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 30px;
  display: flex;
}

.generic_btn_row {
  grid-column-gap: 30px;
  grid-row-gap: 9px;
  flex-flow: wrap;
  width: 100%;
  padding-top: 18px;
  display: flex;
}

.generic_btn_row.for_reg_only {
  margin-top: auto;
}

.home_intro_right {
  flex: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 72px;
  padding-right: 24px;
}

.home_intro_right_img {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.generic_btn {
  z-index: 1;
  grid-column-gap: 7.2px;
  grid-row-gap: 7.2px;
  color: var(--_hknpl---purple);
  justify-content: flex-start;
  align-items: center;
  font-family: Cal Sans, sans-serif;
  line-height: 22.8px;
  display: flex;
  position: relative;
}
.generic_btn--reverse {
  flex-direction: row-reverse;
}
.generic_btn:disabled {
  opacity: 0.25;
  pointer-events: none;
}

.generic_btn:hover {
  color: var(--_hknpl---indigo);
}

.generic_btn.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 600;
}

.generic_btn.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.generic_btn_arrow {
  border: 1px solid var(--_hknpl---purple33);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  display: flex;
  position: relative;
}
.generic_btn--reverse .generic_btn_arrow {
  rotate: 180deg;
}

.generic_btn_arrow1 {
  z-index: 1;
  width: 12.6px;
  display: block;
  position: relative;
}

.generic_btn_arrow2 {
  z-index: 1;
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  transform: translate(-6px);
}

.generic_btn_arrow_bg {
  z-index: -1;
  background-color: var(--_hknpl---indigo);
  opacity: 0;
  border-radius: 99px;
  position: absolute;
  inset: 0%;
}

.generic_btn_arrow_bg.purple {
  background-color: var(--_hknpl---purple);
}

.generic_content_container_out {
  width: 100%;
}

.generic_content_container_out.for_reg_only {
  flex: 1;
  display: flex;
  position: relative;
}

.generic_content_bg {
  z-index: 0;
  width: 100%;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.generic_content_bg.for_reg_only {
  height: auto;
  position: absolute;
  inset: 0%;
}

.generic_content_container {
  z-index: 1;
  width: 100%;
  margin-top: -100dvh;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.generic_content_container.for_reg_only {
  margin-top: 0;
  display: flex;
}

.home_content_row {
  grid-column-gap: 48px;
  grid-row-gap: 96px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.home_content_block {
  width: calc(50% - 24px);
}

.home_content_img {
  width: 100%;
  max-width: 480px;
  position: relative;
}

.home_content_img_in {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
}

.home_content_title {
  color: var(--_hknpl---indigo);
  padding-top: 24px;
  font-family: Cal Sans, sans-serif;
  font-size: 2.25rem;
  line-height: 45px;
}

.home_content_title.for_chi {
  letter-spacing: 0.1125rem;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 800;
}

.home_content_title.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.home_content_block_in {
  width: 100%;
}

.footer_container {
  z-index: 1;
  background-color: var(--_hknpl---white);
  width: 100%;
  padding: 60px 48px 90px;
  position: relative;
  overflow: hidden;
}

.footer_container.for_reg_only {
  padding-top: 0;
  padding-bottom: 60px;
}

.footer_container_in {
  z-index: 1;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-bottom: 1px solid var(--dark_indigo_33\<deleted\|variable-cc87d3c0-3cbc-1d7d-3a9d-b4c01f0e1d06\>);
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.footer_left {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.footer_img_row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.footer_left_content {
  grid-column-gap: 48px;
  grid-row-gap: 18px;
  flex-flow: wrap;
  max-width: 480px;
  display: flex;
}

.footer_left_block.first {
  width: 100%;
}

.footer_left_title {
  color: var(--_hknpl---indigo);
  font-family: Cal Sans, sans-serif;
}

.footer_left_title.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 600;
}

.text_together {
  display: inline-block;
}

.footer_left_btn {
  max-width: 360px;
  font-size: 1.125rem;
  line-height: 24px;
  display: block;
}

.footer_left_btn:hover {
  opacity: 1;
  color: var(--_hknpl---purple);
}

.footer_img01 {
  height: 81px;
  display: block;
}

.footer_img02 {
  height: 30px;
  display: block;
}

.footer_right {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  width: 100%;
  padding-top: 4.8px;
  display: flex;
}

.footer_right_col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  margin-right: auto;
  line-height: 21.6px;
  display: flex;
}

.footer_right_block {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_right_title {
  color: var(--_hknpl---purple);
  cursor: default;
  font-family: Cal Sans, sans-serif;
}

.footer_right_title.with_link:hover {
  color: var(--_hknpl---indigo);
}

.footer_right_title.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 600;
}

.footer_right_title.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.footer_right_btn {
  opacity: .75;
}

.footer_right_btn:hover {
  opacity: 100;
  color: var(--_hknpl---purple);
}

.footer_last_row {
  z-index: 1;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.back_to_top_btn {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  opacity: .67;
  letter-spacing: 0.0275rem;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 6px;
  font-family: Cal Sans, sans-serif;
  font-size: 0.825rem;
  line-height: 18px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.back_to_top_btn:hover {
  opacity: 100;
  color: var(--_hknpl---indigo);
}

.back_to_top_btn.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 600;
}

.back_to_top_btn.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.back_to_top_btn_arrow {
  height: 13.2px;
  display: block;
}

.footer_last_row_in {
  grid-column-gap: 12px;
  grid-row-gap: 9px;
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer_last_text {
  opacity: .67;
  font-size: 0.825rem;
  line-height: 18px;
}

.footer_last_text.for_btn:hover {
  opacity: 100;
  color: var(--_hknpl---purple);
}

.footer_last_line {
  background-color: var(--_hknpl---dark_indigo);
  opacity: .33;
  flex: none;
  width: 1px;
  height: 13.2px;
}

.generic_content_bg_filter {
  background-color: var(--_hknpl---white);
  opacity: .5;
  position: absolute;
  inset: 0%;
}

.home_banner_video_gradient_in {
  z-index: 0;
  background-image: linear-gradient(0deg, var(--_hknpl---banner_gradient2), var(--_hknpl---banner_gradient1));
  opacity: .75;
  width: 100%;
  position: absolute;
  inset: -48px auto 0% 0%;
}

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

.home_banner_tagline_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.home_banner_container_out {
  position: relative;
  background-color: #000;
}

.home_intro_ani_trigger_line {
  height: 100dvh;
  position: absolute;
  inset: -50dvh auto auto 0%;
}

.home_intro_bg_color {
  /* z-index: -1; */
  /* background-color: var(--_hknpl---white90);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px); */
  position: absolute;
  inset: 0%;
}

.home_intro_bg_color_in {
  background-color: var(--white);
  opacity: .5;
  width: 100%;
  height: 100%;
}

.home_intro_security_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px solid var(--_hknpl---grey);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.home_intro_security_left {
  flex: none;
  width: calc(50% - 24px);
  padding-right: 48px;
  position: sticky;
  top: 114px;
}

.home_intro_subtitle {
  color: var(--_hknpl---blue);
  padding-bottom: 6px;
  font-family: Cal Sans, sans-serif;
}

.home_intro_subtitle.for_chi {
  letter-spacing: 0.0525rem;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 700;
}

.home_intro_subtitle.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.home_intro_security_right {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.security_banknote_ani_block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  display: flex;
  position: relative;
}

.security_banknote_ani_block_in {
  position: absolute;
  inset: 60% 20% 0% 0%;
}

.security_banknote_ani_img {
  width: 100%;
  display: block;
}

.security_banknote_ani_img1 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home_intro_security_text {
  color: var(--_hknpl---blue);
  padding-bottom: 6px;
  font-family: Cal Sans, sans-serif;
  font-size: 1.5rem;
  line-height: 30px;
}

.home_intro_security_text.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 700;
}

.home_intro_security_text.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.pattern_circle {
  z-index: 0;
  opacity: .09;
  width: 100vw;
  max-width: none;
  height: 100vw;
  margin-top: -50vw;
  margin-right: -40vw;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.pattern_circle.for_home_banner {
  opacity: .48;
  margin-bottom: -50vw;
  inset: auto 0% 0% auto;
}

.pattern_circle_block {
  z-index: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pattern_circle_block_in {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home_banner_tagline_text {
  z-index: 11;
  font-family: Cal Sans, sans-serif;
  font-size: 5.79vw;
  font-weight: 400;
  line-height: 5.79vw;
  position: relative;
}

.home_banner_tagline_text.for_chi {
  letter-spacing: .2895vw;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 800;
}

.home_banner_tagline_text.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.generic_btn_arrow_in {
  z-index: 1;
  margin-bottom: 1.2px;
  position: relative;
}

.home_banner_tagline_text_block1 {
  z-index: 1;
  width: auto;
  position: relative;
}

.home_banner_tagline_underline {
  z-index: 22;
  justify-content: flex-start;
  align-items: center;
  margin-top: 18px;
  display: flex;
  position: absolute;
  inset: 100% 0 auto 0%;
  overflow: hidden;
}

.home_banner_tagline_underline_block {
  flex: none;
  width: 173.7vw;
  position: relative;
}

.banner_tagline_underline_img {
  width: 100%;
  display: block;
}

.header_desktop_hover_container {
  background-color: var(--white);
  padding-left: 48px;
  padding-right: 48px;
  display: none;
  position: absolute;
  inset: 100% 0% auto;
}

.header_desktop_hover_container_in {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 60px;
  display: flex;
}

.menu_section_title {
  color: var(--_hknpl---indigo);
  width: 100%;
  font-family: Cal Sans, sans-serif;
  font-size: 2.8125rem;
  line-height: 48px;
}

.menu_section_title.for_chi {
  letter-spacing: 0.140625rem;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 800;
}

.menu_section_title.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.header_desktop_hover_spacing {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 22.5px;
  margin-bottom: -22.5px;
  padding-top: 4.2px;
  display: flex;
}

.header_desktop_hover_shadow {
  background-image: linear-gradient(180deg, var(--_hknpl---dark_indigo), #20233d00);
  opacity: .33;
  width: 100%;
  height: 96px;
  position: absolute;
  inset: 100% 0% auto;
}

.header_desktop_hover_content {
  width: 100%;
  max-width: 634.5px;
  margin-left: auto;
}

.header_desktop_hover_content.for_chi {
  max-width: 579px;
}

.home_banner_tagline_text_block2 {
  z-index: 0;
  opacity: 0;
  width: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.security_banknote_ani_spacing {
  width: 100%;
  display: block;
}

.security_banknote_ani_img2, .security_banknote_ani_img3 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.header_desktop_current_dot {
  background-color: var(--_hknpl---purple);
  opacity: 0;
  border-radius: 99px;
  width: 5.4px;
  height: 5.4px;
}

.inner_banner_container {
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  background-color: #000;
}

.inner_banner_container_in {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 63px;
  padding-bottom: 60px;
}

.inner_banner_img_container {
  /* z-index: -1; */
  background-color: var(--_hknpl---dark_indigo);
  width: 100%;
  position: absolute;
  inset: 63px auto 0 0%;
  overflow: hidden;
}

.inner_banner_img_container.for_reg_only {
  top: 0;
}

.inner_banner_img {
  /* z-index: -99; */
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inner_banner_img.for_rescen {
  object-position: 50% 67%;
}

.inner_banner_img.for_careers {
  object-position: 50% 25%;
}

.inner_banner_filter1 {
  background-color: var(--_hknpl---dark_indigo);
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inner_banner_filter1.for_sustain {
  background-color: var(--_hknpl---dark_green);
  opacity: .18;
}

.inner_banner_filter2 {
  background-image: linear-gradient(90deg, var(--_hknpl---banner_gradient2), var(--_hknpl---banner_gradient1));
  opacity: .75;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inner_banner_filter2.for_sustain {
  background-image: linear-gradient(90deg, var(--_hknpl---dark_green0), var(--_hknpl---dark_green));
}

.inner_banner_content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 360px;
  padding-top: 120px;
  display: flex;
}

.inner_banner_content.for_reg_only {
  min-height: auto;
  padding-top: 0;
}

.inner_breadcrumb_row {
  grid-column-gap: 6px;
  color: var(--_hknpl---white);
  cursor: default;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 22.8px;
  display: flex;
  position: relative;
}

.inner_breadcrumb_btn {
  color: var(--_hknpl---white);
}

.inner_breadcrumb_btn:hover {
  color: var(--_hknpl---light_blue);
}

.inner_breadcrumb_arrow {
  height: 9.6px;
  margin-top: -.9px;
  display: block;
}

.inner_banner_title {
  color: var(--white);
  font-size: 4.5rem;
  line-height: 76.8px;
}

.inner_banner_title.for_rescen_cbpmc {
  max-width: 960px;
}

.inner_banner_title.for_chi {
  letter-spacing: 0.225rem;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 800;
}

.inner_banner_title.for_chi.for_reg_only {
  letter-spacing: 0.15rem;
}

.inner_banner_title.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.inner_banner_title.for_reg_only {
  font-size: 3rem;
  line-height: 52.8px;
}

.section_container_in {
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 120px;
  display: flex;
}

.job_opp_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.job_opp_left {
  flex: none;
  width: 300px;
  padding-bottom: 24px;
  position: sticky;
  top: 114px;
}

.generic_legend {
  font-size: 0.825rem;
  font-weight: 300;
  line-height: 20.4px;
}

.job_opp_right {
  border-top: 1px solid var(--_hknpl---dark_indigo33);
  width: 100%;
}

.job_opp_btn {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--_hknpl---blue);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 21px;
  font-family: Cal Sans, sans-serif;
  font-size: 1.5rem;
  line-height: 30px;
  display: flex;
  position: relative;
}

.job_opp_btn:hover {
  color: var(--_hknpl---purple);
}

.compro_intro_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  display: flex;
}

.generic_center_line {
  background-color: var(--_hknpl---light_blue);
  flex: none;
  width: 1px;
}

.compro_intro_container_in {
  width: 100%;
}

.compro_intro_container_in.first {
  width: 50%;
}

.section_container {
  z-index: 1;
  background-color: var(--_hknpl---white);
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.compro_gov_container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.generic_icon_block {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hknpl---banner_gradient1);
  background-image: linear-gradient(180deg, var(--_hknpl---white33), var(--_hknpl---white67));
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(50% - 6px);
  padding: 30px;
  display: flex;
}

.generic_icon_block.for_contact_us {
  width: calc(50% - 6px);
}

.generic_icon_block.for_contact_us:hover {
  border-left-color: var(--_hknpl---blue);
  background-color: var(--_hknpl---white);
  color: var(--_hknpl---blue);
}

.generic_icon_block.for_sustain {
  border-left-color: var(--_hknpl---green);
  width: calc(50% - 6px);
}

.generic_icon_block.for_sustain.last {
  width: 100%;
}

.generic_icon_block.for_suppliers_looking {
  background-image: linear-gradient(180deg, var(--_hknpl---banner_gradient2), var(--_hknpl---banner_gradient1_9));
}

.generic_icon_block_circle {
  border: 1px solid var(--_hknpl---purple33);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  margin-bottom: 18px;
  display: flex;
}

.generic_icon_block_circle.for_sustain {
  border-color: var(--_hknpl---dark_green33);
}

.generic_icon_block_img {
  height: 60px;
  display: block;
}

.mobile_menu_container {
  z-index: 99;
  background-color: var(--_hknpl---white90);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  width: 100%;
  height: 100%;
  padding-left: 48px;
  padding-right: 48px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.mobile_menu_trigger_btn_line2, .mobile_menu_trigger_btn_line3 {
  background-color: var(--_hknpl---purple);
  opacity: 0;
  height: 1px;
  margin-top: -.5px;
  display: none;
  position: absolute;
  inset: 50% 30% auto;
}

.mobile_menu_container_in {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 1080px;
  min-height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 66px;
  padding-bottom: 66px;
  display: flex;
}

.header_lang_dropdown_content {
  background-color: var(--_hknpl---transparent);
  display: none;
  position: absolute;
  inset: 100% -18px auto;
}

.header_lang_dropdown_content_btn {
  border-top: 1px solid var(--_hknpl---white33);
  background-color: var(--_hknpl---indigo90);
  color: var(--white);
  text-align: center;
  width: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 0.825rem;
  line-height: 18px;
  display: block;
}

.header_lang_dropdown_content_btn:hover {
  background-color: var(--_hknpl---dark_indigo);
}

.mobile_menu_content {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.mobile_menu_col {
  width: 100%;
}

.mobile_menu_col.first {
  min-width: 420px;
}

.mobile_menu_row {
  width: 100%;
  padding-top: 18px;
  padding-bottom: 30px;
}

.job_opp_content {
  width: 100%;
  padding-bottom: 1px;
  position: relative;
}

.job_opp_underline {
  background-color: var(--_hknpl---dark_indigo33);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.job_opp_line_hover {
  z-index: 1;
  background-color: var(--_hknpl---purple);
  opacity: 0;
  transform-style: preserve-3d;
  height: 1px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(-50%) scale3d(.01, 1, 1);
}

.job_opp_content_in {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid var(--_hknpl---purple);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: -1px;
  font-family: Hind Siliguri, sans-serif;
  display: none;
  position: relative;
}

.job_opp_content_left {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  padding-bottom: 18px;
  display: flex;
  position: sticky;
  top: 84px;
}

.job_opp_content_left_text {
  color: var(--_hknpl---purple);
  text-transform: uppercase;
  writing-mode: vertical-rl;
  font-family: Hind Siliguri, sans-serif;
  font-size: 0.825rem;
  line-height: 20.4px;
}

.job_opp_content_right {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -7.2px;
  padding-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.job_opp_content_right_in {
  width: 100%;
}

.generic_point_form_row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 7.2px;
  line-height: 24px;
  display: flex;
}

.generic_point_form_row.for_sustain {
  padding-top: 16.8px;
  line-height: 30px;
}

.generic_point_form_dot {
  border: 1.8px solid var(--_hknpl---blue);
  border-radius: 99px;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 9px;
  margin-left: 3px;
  margin-right: 9px;
}

.generic_point_form_dot.for_sustain {
  border-color: var(--_hknpl---green);
  margin-top: 12px;
}

.generic_text_link {
  color: var(--_hknpl---purple);
  flex: none;
  font-weight: 700;
  text-decoration: underline;
}

.generic_text_link:hover {
  color: var(--_hknpl---blue);
}

.job_opp_btn_chi_text {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 700;
}

.job_opp_content_left_text_chi {
  letter-spacing: 0.165rem;
  font-family: Noto Sans HK, sans-serif;
}

.job_opp_content_right_subtitle {
  padding-top: 7.2px;
}

.job_opp_content_paragraph {
  padding-top: 7.2px;
  line-height: 24px;
}

.font_tc {
  font-family: Noto Sans HK, sans-serif;
}

.header_lang_dropdown {
  display: block;
}

.timeline_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.timeline_row {
  z-index: 1;
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: row-reverse;
  width: 100%;
  padding-bottom: 96px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.timeline_row.even {
  flex-flow: row;
}

.timeline_left {
  width: 50%;
}

.timeline_right {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.generic_highlight_text {
  color: var(--_hknpl---purple);
  padding-top: 0;
  font-family: Cal Sans, sans-serif;
  font-size: 3rem;
  line-height: 60px;
}

.generic_highlight_text.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 800;
}

.generic_highlight_text.for_chi.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.timeline_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_content.last {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.img100 {
  width: 100%;
  display: block;
}

.timeline_year {
  padding-bottom: 10.8px;
}

.timeline_year.last {
  padding-bottom: 0;
}

.timeline_dot {
  z-index: 1;
  border-radius: 99px;
  width: 12px;
  height: 12px;
  margin-top: 9px;
  margin-left: 42px;
  margin-right: 42px;
  position: absolute;
  inset: 0% 100% auto auto;
}

.timeline_dot.even {
  left: 100%;
  right: auto;
}

.timeline_dot.last {
  margin-bottom: 18px;
  margin-left: -6px;
  inset: auto auto 100% 50%;
}

.timeline_paragraph {
  width: 100%;
  max-width: 480px;
}

.timeline_center_line {
  z-index: -1;
  background-color: var(--_hknpl---dark_indigo33);
  width: 1px;
  margin-left: -.5px;
  position: absolute;
  inset: -9999px auto -9999px 50%;
}

.timeline_center_line.first {
  top: 3px;
}

.timeline_center_line.last {
  bottom: 3px;
}

.timeline_last_item {
  z-index: 1;
  width: 100%;
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}

.generic_paragraph_container {
  width: 100%;
  max-width: 1080px;
}

.text_color_indigo {
  color: var(--_hknpl---indigo);
}

.contact_us_container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.contact_us_text {
  max-width: 480px;
  padding-top: 12px;
  padding-bottom: 6px;
  font-size: 1.5rem;
  line-height: 30px;
}

.contact_us_text:hover {
  opacity: 1;
  color: var(--_hknpl---purple);
}

.no_top_padding {
  padding-top: 0;
}

.apppro_container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 13.2px;
  display: flex;
}

.cbpm_2col_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cbpm_2col_left {
  width: 100%;
  position: sticky;
  top: 114px;
}

.cbpm_2col_right {
  flex: none;
  width: 42%;
  max-width: 420px;
  position: sticky;
  top: 114px;
}

.text_color_dark_green {
  color: var(--_hknpl---dark_green);
}

.text_color_green {
  color: var(--_hknpl---green);
}

.sustain_3pillars_container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.timeline_dot_in {
  z-index: 1;
  background-color: var(--_hknpl---light_blue);
  border-radius: 99px;
  position: absolute;
  inset: 0%;
}

.generic_lightbox_btn {
  width: 100%;
  display: block;
}

.generic_img_btn_frame {
  display: block;
  width: 100%;
  overflow: hidden;
}

.iso_grid_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.iso_grid_block {
  width: calc(50% - 24px);
  display: flex;
}

.iso_grid_block_left {
  flex: none;
  width: 204px;
}

.iso_grid_block_right {
  grid-column-gap: 7.2px;
  grid-row-gap: 7.2px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 30px;
  line-height: 24px;
  display: flex;
}

.cbpm_ani_img_block_in {
  position: absolute;
  inset: 48px;
}

.cbpm_ani_img01a {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.suppliers_looking_container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.suppliers_looking_container.for_reg_only {
  padding-top: 0;
}

.supplier_reg_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  display: flex;
}

.supplier_reg_left {
  width: 100%;
}

.supplier_reg_left_in {
  grid-column-gap: 7.2px;
  grid-row-gap: 7.2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16.8px;
  line-height: 24px;
  display: flex;
}

.supplier_reg_right {
  width: 150%;
}

.products_intro_h3 {
  padding-top: 30px;
}

.supplier_reg_download_btn_container {
  border-top: 1px solid var(--_hknpl---dark_indigo33);
  width: 100%;
}

.supplier_reg_download_btn {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-bottom: 1px solid var(--_hknpl---dark_indigo33);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 18px;
  padding-bottom: 21px;
  display: flex;
}

.products_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.products_tabs {
  width: 100%;
}

.products_tabs_menu {
  grid-column-gap: 30px;
  grid-row-gap: 9px;
  flex-flow: wrap;
  width: 100%;
  padding-bottom: 30px;
  display: flex;
}

.products_tab_link {
  border-bottom: 2px solid var(--_hknpl---transparent);
  background-color: var(--_hknpl---transparent);
  opacity: .67;
  width: auto;
  padding: 0;
  line-height: 24px;
  display: block;
}

.products_tab_link:hover {
  opacity: 100;
  color: var(--_hknpl---purple);
}

.products_tab_link.w--current {
  border-bottom-color: var(--_hknpl---purple);
  background-color: var(--_hknpl---transparent);
  opacity: 100;
  font-weight: 600;
}

.generic_tabs_content, .generic_tab_pane {
  width: 100%;
  height: auto;
}

.products_tab_pane_in {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.products_tab_block {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.products_tab_block_in {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  margin-top: auto;
  padding-top: 9px;
  display: flex;
}

.products_tab_img {
  width: 100%;
  position: relative;
}

.expertise_grid_container {
  grid-column-gap: 48px;
  grid-row-gap: 96px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.expertise_grid_block {
  width: calc(50% - 24px);
}

.expertise_video_block {
  width: 100%;
  height: auto;
}

.expertise_grid_title {
  margin-bottom: -16.8px;
  padding-top: 18px;
  padding-bottom: 12px;
}

.expertise_img {
  width: 100%;
  max-width: 480px;
}

.section_disclaimer_container {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  opacity: .67;
  flex-flow: column;
  width: 100%;
  margin-top: auto;
  margin-bottom: -120px;
  padding-top: 120px;
  padding-bottom: 18px;
  font-size: 0.825rem;
  line-height: 18px;
  display: flex;
}

.timeline_banknote_row {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: wrap;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.timeline_banknote_row.no_top_padding {
  padding-top: 0;
}

.timeline_banknote_lightbox {
  width: auto;
  display: block;
}

.supplier_reg_download_btn_in {
  z-index: 1;
  grid-column-gap: 7.2px;
  grid-row-gap: 7.2px;
  color: var(--_hknpl---purple);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: -6px;
  margin-right: auto;
  font-family: Cal Sans, sans-serif;
  line-height: 22.8px;
  display: flex;
  position: relative;
}

.supplier_reg_download_btn_in:hover {
  color: var(--_hknpl---indigo);
}

.supplier_reg_download_btn_in.for_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 600;
}

.collapsible_btn_line1 {
  background-color: var(--_hknpl---purple);
  width: 2px;
  margin-left: -1px;
  position: absolute;
  inset: 24% auto 24% 50%;
}

.collapsible_btn_line2 {
  background-color: var(--_hknpl---purple);
  height: 2px;
  margin-top: -1px;
  position: absolute;
  inset: 50% 24% auto;
}

.collapsible_btn_line_in {
  background-color: var(--_hknpl---white);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.hkma_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hkma_left, .hkma_right {
  width: 100%;
  position: sticky;
  top: 114px;
}

.timeline_banknote_img {
  max-width: none;
  height: 75px;
  display: block;
}

.h2_chi {
  letter-spacing: 0.1125rem;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 800;
}

.h3_chi {
  font-family: Noto Sans HK, sans-serif;
  font-weight: 600;
}

.cal_sans {
  letter-spacing: 0;
  font-family: Cal Sans, sans-serif;
  font-weight: 400;
}

.font_sc {
  font-family: Noto Sans SC, sans-serif;
}

.products_tab_intro_row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 30px;
  display: flex;
}

.products_tab_intro_icon {
  flex: none;
  height: 27px;
  display: block;
}

.products_tab_img_front {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
}

.products_tab_img_back {
  z-index: 2;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.cbpm_ani_img01b {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img02a {
  z-index: 3;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img02b {
  z-index: 4;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03a {
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img_block {
  position: absolute;
  inset: -48px;
  overflow: hidden;
}

.cbpm_full_width_img {
  z-index: 1;
  background-image: url('../images/cbpm_banner_img.jpg');
  background-position: 60% 45%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 33vw;
  position: relative;
}

.reg_only_container {
  flex-flow: column;
  width: 100%;
  min-height: 100dvh;
  display: flex;
}

.reg_only_header_container {
  padding-left: 18px;
  padding-right: 18px;
}

.reg_only_header_container_in {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.reg_only_home_btn_block {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  font-size: 0.825rem;
  display: flex;
}

.reg_only_home_btn {
  color: var(--_hknpl---indigo);
  letter-spacing: 0.04125rem;
  text-transform: uppercase;
  flex: none;
  font-weight: 500;
}

.reg_only_home_btn:hover {
  color: var(--_hknpl---purple);
}

.reg_only_home_btn.for_chi {
  padding-bottom: 3px;
  font-family: Noto Sans HK, sans-serif;
  line-height: 27px;
}

.cbpm_ani_img02a_base {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img02a_before_frame {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.cbpm_ani_img02a_before_img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img02a_after_frame {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.cbpm_ani_img02a_after_img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_bar {
  z-index: 9;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_base_front {
  z-index: 8;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_money_block {
  z-index: 7;
  flex-flow: row-reverse;
  width: 78%;
  height: 100%;
  margin-left: 6%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
  transform: skew(15deg);
}

.cbpm_ani_img03b_money_block.back {
  z-index: 5;
  width: 87%;
  margin-left: 6%;
}

.cbpm_ani_img03b_money_img {
  flex: none;
  width: 100%;
  display: block;
}

.cbpm_ani_img03b_base_back_up {
  z-index: 6;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_base_back_down {
  z-index: 4;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_pack1 {
  z-index: 11;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_pack2 {
  z-index: 12;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cbpm_ani_img03b_pack3 {
  z-index: 13;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.job_opp_content_legend {
  padding-top: 7.2px;
  font-size: 0.825rem;
  font-weight: 300;
  line-height: 20.4px;
}

.job_opp_content_legend.for_chi {
  font-family: Noto Sans HK, sans-serif;
}

html.w-mod-js [data-ix="home-intro-right-img-ani"], html.w-mod-js [data-ix="pattern-circle-rotate"] {
  transform: rotate(0);
}

html.w-mod-js [data-ix="inner-banner-img-ani"] {
  transform: scale(1.1);
}

@media screen and (min-width: 1280px) {
  .home_banner_container {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .header_logo_btn_img {
    height: 48px;
  }

  .header_desktop_container {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .header_desktop_btn {
    font-size: 1.125rem;
    line-height: 24px;
  }

  .header_lang_container {
    margin-left: 12px;
  }

  .home_intro_right_img {
    width: 270px;
  }

  .home_content_block_in {
    max-width: 645px;
  }

  .footer_left_btn {
    max-width: 420px;
    font-size: 1.3125rem;
    line-height: 28.2px;
  }

  .home_banner_tagline_content {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .home_intro_security_left {
    top: 120px;
  }

  .pattern_circle {
    width: 1440px;
    height: 1440px;
    margin-top: -720px;
    margin-right: -720px;
  }

  .pattern_circle.for_home_banner {
    margin-bottom: -720px;
  }

  .home_banner_tagline_text {
    font-size: 4.93125rem;
    line-height: 78.9px;
  }

  .home_banner_tagline_text.for_chi {
    letter-spacing: 0.2465625rem;
  }

  .home_banner_tagline_underline_block {
    width: 2295px;
  }

  .header_desktop_hover_spacing {
    height: 25.5px;
    margin-bottom: -25.5px;
    padding-top: 4.8px;
  }

  .header_desktop_hover_shadow {
    height: 120px;
  }

  .header_desktop_hover_content {
    max-width: 790.5px;
  }

  .header_desktop_hover_content.for_chi {
    max-width: 729px;
  }

  .header_desktop_current_dot {
    width: 6px;
    height: 6px;
  }

  .inner_banner_container_in {
    padding-top: 70.5px;
    padding-bottom: 72px;
  }

  .inner_banner_img_container {
    top: 70.5px;
  }

  .job_opp_left {
    top: 120px;
  }

  .generic_icon_block {
    width: 100%;
  }

  .generic_icon_block.for_contact_us {
    width: calc(33.33% - 8px);
  }

  .generic_icon_block.for_contact_us.first {
    width: 100%;
  }

  .generic_icon_block.for_sustain, .generic_icon_block.for_sustain.last {
    width: calc(33.33% - 8px);
  }

  .mobile_menu_container_in {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .job_opp_content_left {
    top: 90px;
  }

  .timeline_paragraph {
    max-width: 600px;
  }

  .contact_us_text {
    max-width: none;
    font-size: 1.3125rem;
    line-height: 28.2px;
  }

  .cbpm_2col_left {
    max-width: 750px;
    padding-right: 48px;
    top: 120px;
  }

  .cbpm_2col_right {
    width: 36%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    top: 120px;
  }

  .generic_lightbox_btn {
    display: block;
  }

  .iso_grid_block_left {
    width: 240px;
  }

  .suppliers_looking_container {
    flex-flow: row;
  }

  .supplier_reg_right {
    width: 200%;
  }

  .supplier_reg_download_btn {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .products_tab_bank_name {
    padding-right: 18px;
  }

  .supplier_reg_download_btn_in {
    margin-top: 0;
    margin-left: auto;
    margin-right: 3px;
  }

  .hkma_left, .hkma_right {
    top: 120px;
  }

  .timeline_banknote_img {
    height: 87px;
  }

  .cbpm_full_width_img {
    height: 600px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 0.9375rem;
    line-height: 25.5px;
  }

  h2 {
    font-size: 1.875rem;
    line-height: 37.5px;
  }

  h3 {
    font-size: 1.3125rem;
    line-height: 26.4px;
  }

  h4 {
    font-size: 1.125rem;
    line-height: 24px;
  }

  p {
    padding-top: 15px;
  }

  .home_banner_container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header_container {
    padding-left: 16.2px;
    padding-right: 16.2px;
  }

  .header_container_in {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }

  .header_logo_btn {
    margin-left: -2.7px;
  }

  .header_desktop_container {
    display: none;
  }

  .header_lang_container {
    margin-left: 0;
    margin-right: 7.5px;
  }

  .header_lang_trigger_btn {
    grid-column-gap: 5.4px;
    grid-row-gap: 5.4px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    font-size: 0.75rem;
    line-height: 16.2px;
  }

  .header_lang_btn_arrow {
    margin-top: -.6px;
    margin-left: -2.4px;
    font-size: 0.75rem;
  }

  .header_lang_btn_icon {
    height: 13.2px;
  }

  .home_banner_tagline_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .mobile_menu_trigger_btn {
    letter-spacing: 0.0375rem;
    margin: -12.6px -16.2px -12.6px -24px;
    padding: 15px 16.2px;
    font-size: 0.75rem;
    display: flex;
  }

  .mobile_menu_trigger_btn_text {
    width: 48px;
  }

  .mobile_menu_trigger_btn_text.for_chi {
    padding-bottom: 2.4px;
    line-height: 23.1px;
  }

  .home_banner_tagline_container_in {
    padding-top: 54px;
    padding-bottom: 72px;
  }

  .home_intro_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .home_intro_container_in {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .home_intro_left {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-bottom: 24px;
  }

  .generic_btn_row {
    grid-column-gap: 24px;
    grid-row-gap: 7.5px;
    padding-top: 15px;
  }

  .home_intro_right {
    min-width: 33.33vw;
    padding-left: 36px;
    padding-right: 0;
  }

  .home_intro_right_img {
    width: 210px;
  }

  .generic_btn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    line-height: 20.4px;
  }

  .generic_btn_arrow {
    width: 26.4px;
    height: 26.4px;
  }

  .generic_btn_arrow1 {
    width: 11.25px;
  }

  .generic_content_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .home_content_row {
    grid-column-gap: 36px;
    grid-row-gap: 72px;
  }

  .home_content_block {
    width: calc(50% - 18px);
  }

  .home_content_img {
    max-width: 420px;
  }

  .home_content_title {
    padding-top: 21px;
    font-size: 1.875rem;
    line-height: 37.5px;
  }

  .home_content_title.for_chi {
    letter-spacing: 0.09375rem;
  }

  .footer_container {
    padding: 48px 36px 75px;
  }

  .footer_container.for_reg_only {
    padding-bottom: 48px;
  }

  .footer_container_in {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 48px;
  }

  .footer_left {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .footer_left_content {
    grid-column-gap: 42px;
    grid-row-gap: 15px;
    max-width: none;
  }

  .footer_left_btn {
    max-width: none;
    font-size: 0.975rem;
    line-height: 21px;
  }

  .footer_img01 {
    height: 72px;
  }

  .footer_img02 {
    height: 27px;
  }

  .footer_right {
    display: none;
  }

  .footer_right_col {
    grid-column-gap: 25.5px;
    grid-row-gap: 25.5px;
    line-height: 19.2px;
  }

  .footer_right_block {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
  }

  .footer_last_row {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    padding-top: 48px;
  }

  .back_to_top_btn {
    letter-spacing: 0.025rem;
    padding: 15px 4.8px;
    font-size: 0.75rem;
    line-height: 16.2px;
  }

  .back_to_top_btn_arrow {
    height: 12px;
  }

  .footer_last_row_in {
    grid-column-gap: 10.8px;
    grid-row-gap: 7.5px;
  }

  .footer_last_text {
    font-size: 0.75rem;
    line-height: 16.2px;
  }

  .footer_last_line {
    height: 12px;
  }

  .home_banner_video_gradient_in {
    top: -24%;
  }

  .home_banner_tagline_content {
    width: 100%;
  }

  .home_intro_security_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding-top: 72px;
    padding-bottom: 96px;
  }

  .home_intro_security_left {
    width: calc(50% - 18px);
    padding-right: 36px;
    top: 96px;
  }

  .home_intro_subtitle {
    padding-bottom: 4.8px;
  }

  .home_intro_subtitle.for_chi {
    letter-spacing: 0.046875rem;
  }

  .security_banknote_ani_block {
    max-width: 420px;
  }

  .home_intro_security_text {
    font-size: 1.3125rem;
    line-height: 26.4px;
  }

  .pattern_circle {
    width: 120vw;
    height: 120vw;
    margin-top: 90px;
    margin-right: -45vw;
  }

  .pattern_circle.for_home_banner {
    opacity: .6;
    inset: auto 0% 0% auto;
  }

  .home_banner_tagline_text {
    font-size: 9vw;
    line-height: 9.9vw;
  }

  .home_banner_tagline_text.first {
    max-width: 85vw;
  }

  .home_banner_tagline_text.for_chi {
    letter-spacing: .45vw;
  }

  .generic_btn_arrow_in {
    margin-bottom: 1.05px;
  }

  .home_banner_tagline_text_block1 {
    width: 100%;
  }

  .home_banner_tagline_underline {
    margin-top: -5.4vw;
    left: 31.5vw;
  }

  .home_banner_tagline_underline.en_first {
    left: 58.5vw;
  }

  .home_banner_tagline_underline.for_chi {
    left: 40.5vw;
  }

  .home_banner_tagline_underline_block {
    width: 270vw;
  }

  .menu_section_title {
    font-size: 2.25rem;
    line-height: 38.4px;
  }

  .menu_section_title.for_chi {
    letter-spacing: 0.1125rem;
  }

  .home_banner_tagline_text_block2 {
    width: 100%;
  }

  .inner_banner_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .inner_banner_container_in {
    padding-top: 60px;
    padding-bottom: 48px;
  }

  .inner_banner_img_container {
    top: 60px;
  }

  .inner_banner_content {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    min-height: 300px;
    padding-top: 96px;
  }

  .inner_breadcrumb_row {
    line-height: 20.4px;
  }

  .inner_breadcrumb_arrow {
    height: 8.4px;
    margin-top: -.75px;
  }

  .inner_banner_title {
    font-size: 3.375rem;
    line-height: 58.2px;
  }

  .inner_banner_title.for_rescen_cbpmc {
    max-width: 720px;
  }

  .inner_banner_title.for_chi {
    letter-spacing: 0.16875rem;
  }

  .inner_banner_title.for_chi.for_reg_only {
    letter-spacing: 0.1125rem;
  }

  .inner_banner_title.for_reg_only {
    font-size: 2.25rem;
    line-height: 40.2px;
  }

  .section_container_in {
    padding-top: 72px;
    padding-bottom: 96px;
  }

  .job_opp_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .job_opp_left {
    width: 240px;
    padding-bottom: 21px;
  }

  .generic_legend {
    font-size: 0.75rem;
    line-height: 18px;
  }

  .job_opp_btn {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 15px;
    padding-bottom: 17.4px;
    font-size: 1.3125rem;
    line-height: 26.4px;
  }

  .compro_intro_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
  }

  .generic_center_line {
    width: 100%;
    height: 1px;
  }

  .compro_intro_container_in.first {
    width: 100%;
  }

  .section_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .compro_gov_container {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 24px;
  }

  .generic_icon_block {
    width: calc(50% - 5.25px);
    padding: 24px;
  }

  .generic_icon_block.for_contact_us, .generic_icon_block.for_suppliers_looking {
    width: calc(50% - 5.25px);
  }

  .generic_icon_block_circle {
    width: 84px;
    height: 84px;
    margin-bottom: 15px;
  }

  .generic_icon_block_img {
    height: 51px;
  }

  .mobile_menu_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .mobile_menu_container_in {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header_lang_dropdown_content {
    left: -15.6px;
    right: -15.6px;
  }

  .header_lang_dropdown_content_btn {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    font-size: 0.75rem;
    line-height: 16.2px;
  }

  .mobile_menu_content {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .mobile_menu_col.first {
    min-width: 360px;
  }

  .mobile_menu_row {
    padding-top: 15px;
    padding-bottom: 24px;
  }

  .job_opp_content_in {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
  }

  .job_opp_content_left {
    width: 26.4px;
    padding-bottom: 24px;
    top: 75px;
  }

  .job_opp_content_left_text {
    font-size: 0.75rem;
    line-height: 18px;
  }

  .job_opp_content_right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: -6px;
    padding-bottom: 24px;
  }

  .generic_point_form_row {
    padding-top: 6px;
    line-height: 21px;
  }

  .generic_point_form_row.for_sustain {
    padding-top: 15px;
    line-height: 25.5px;
  }

  .generic_point_form_dot {
    border-width: 1.5px;
    width: 5.4px;
    height: 5.4px;
    margin-top: 7.5px;
    margin-left: 2.7px;
    margin-right: 7.5px;
  }

  .generic_point_form_dot.for_sustain {
    margin-top: 10.2px;
  }

  .job_opp_content_left_text_chi {
    letter-spacing: 0.15rem;
  }

  .job_opp_content_right_subtitle {
    padding-top: 6px;
  }

  .job_opp_content_paragraph {
    padding-top: 6px;
    line-height: 21px;
  }

  .timeline_container {
    padding-top: 24px;
  }

  .timeline_row {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    padding-bottom: 72px;
  }

  .generic_highlight_text {
    font-size: 2.25rem;
    line-height: 45px;
  }

  .timeline_year {
    padding-bottom: 9px;
  }

  .timeline_dot {
    width: 10.5px;
    height: 10.5px;
    margin-top: 7.5px;
    margin-left: 30.75px;
    margin-right: 30.75px;
  }

  .timeline_dot.last {
    margin-bottom: 15px;
    margin-left: -5.25px;
  }

  .timeline_paragraph {
    max-width: 420px;
  }

  .timeline_last_item {
    padding-top: 25.5px;
  }

  .generic_paragraph_container {
    max-width: 900px;
  }

  .contact_us_container {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 24px;
  }

  .contact_us_text {
    padding-top: 10.5px;
    padding-bottom: 4.8px;
    font-size: 1.3125rem;
    line-height: 26.4px;
  }

  .apppro_container {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 24px;
    padding-bottom: 9px;
  }

  .cbpm_2col_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .cbpm_2col_left {
    top: 96px;
  }

  .cbpm_2col_right {
    width: 48%;
    max-width: 360px;
    top: 96px;
  }

  .sustain_3pillars_container {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 24px;
  }

  .iso_grid_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding-top: 24px;
  }

  .iso_grid_block {
    width: calc(50% - 18px);
  }

  .iso_grid_block_left {
    width: 168px;
  }

  .iso_grid_block_right {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-left: 24px;
    line-height: 21px;
  }

  .cbpm_ani_img_block_in {
    inset: 36px;
  }

  .suppliers_looking_container {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 24px;
  }

  .supplier_reg_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
  }

  .supplier_reg_left_in {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-top: 15px;
    line-height: 21px;
  }

  .supplier_reg_right {
    width: 100%;
  }

  .products_intro_h3 {
    padding-top: 24px;
  }

  .supplier_reg_download_btn {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 17.4px;
  }

  .products_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
  }

  .products_tabs_menu {
    grid-column-gap: 24px;
    grid-row-gap: 7.5px;
    padding-bottom: 24px;
  }

  .products_tab_link {
    line-height: 21px;
  }

  .products_tab_pane_in {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .products_tab_block_in {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: column;
    max-width: 390px;
    padding-top: 7.5px;
  }

  .expertise_grid_container {
    grid-column-gap: 36px;
    grid-row-gap: 72px;
  }

  .expertise_grid_block {
    width: calc(50% - 18px);
  }

  .expertise_grid_title {
    margin-bottom: -15px;
    padding-top: 21px;
    padding-bottom: 10.5px;
  }

  .expertise_img {
    max-width: 420px;
  }

  .section_disclaimer_container {
    grid-column-gap: 4.8px;
    grid-row-gap: 4.8px;
    margin-bottom: -96px;
    padding-top: 96px;
    padding-bottom: 15px;
    font-size: 0.75rem;
    line-height: 16.2px;
  }

  .timeline_banknote_row {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    padding-top: 24px;
  }

  .supplier_reg_download_btn_in {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 0;
    margin-left: auto;
    margin-right: 2.7px;
    line-height: 20.4px;
  }

  .hkma_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .hkma_left {
    max-width: 900px;
    top: 96px;
  }

  .hkma_right {
    top: 96px;
  }

  .timeline_banknote_img {
    height: 63px;
  }

  .h2_chi {
    letter-spacing: 0.09375rem;
  }

  .products_tab_intro_row {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-bottom: 24px;
  }

  .products_tab_intro_icon {
    height: 22.95px;
  }

  .cbpm_ani_img_block {
    inset: -36px;
  }

  .cbpm_full_width_img {
    background-attachment: scroll;
    height: 48vw;
  }

  .reg_only_header_container {
    padding-left: 15.6px;
    padding-right: 15.6px;
  }

  .reg_only_header_container_in {
    grid-column-gap: 16.2px;
    grid-row-gap: 16.2px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }

  .reg_only_home_btn_block {
    grid-column-gap: 16.2px;
    grid-row-gap: 16.2px;
    font-size: 0.75rem;
  }

  .reg_only_home_btn {
    letter-spacing: 0.0375rem;
  }

  .reg_only_home_btn.for_chi {
    padding-bottom: 2.4px;
    line-height: 23.1px;
  }

  .job_opp_content_legend {
    padding-top: 6px;
    font-size: 0.75rem;
    line-height: 18px;
  }
}

@media screen and (max-width: 767px) {
  .home_intro_container_in {
    flex-flow: column;
  }

  .home_intro_right {
    width: 100%;
    min-width: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0;
  }

  .home_content_block {
    width: 100%;
  }

  .footer_last_row_in.last {
    flex-flow: column;
  }

  .footer_last_line.last {
    display: none;
  }

  .home_banner_video_gradient_in {
    top: -30%;
    bottom: -15%;
  }

  .home_intro_ani_trigger_line {
    top: -25dvh;
  }

  .home_intro_security_container {
    flex-flow: column;
  }

  .home_intro_security_left {
    width: 100%;
    padding-right: 0;
    position: relative;
    top: auto;
  }

  .pattern_circle {
    width: 144vw;
    height: 144vw;
    margin-right: -60vw;
  }

  .home_banner_tagline_text {
    font-size: 9.51vw;
    line-height: 10.461vw;
  }

  .home_banner_tagline_text.first {
    max-width: 90vw;
  }

  .home_banner_tagline_text.for_chi {
    letter-spacing: .4755vw;
  }

  .home_banner_tagline_underline {
    margin-top: -5.706vw;
    left: 33vw;
  }

  .home_banner_tagline_underline.en_first {
    left: 61.5vw;
  }

  .home_banner_tagline_underline.for_chi {
    left: 43.5vw;
  }

  .home_banner_tagline_underline_block {
    width: 306vw;
  }

  .inner_banner_title {
    font-size: 2.8125rem;
    line-height: 49.2px;
  }

  .inner_banner_title.for_chi {
    letter-spacing: 0.140625rem;
  }

  .inner_banner_title.for_chi.for_reg_only {
    letter-spacing: 0.09375rem;
  }

  .inner_banner_title.for_reg_only {
    font-size: 1.875rem;
    line-height: 34.2px;
  }

  .job_opp_container {
    flex-flow: column;
  }

  .job_opp_left {
    width: 100%;
    padding-bottom: 0;
    position: relative;
    top: auto;
  }

  .compro_gov_container {
    flex-flow: column;
  }

  .generic_icon_block, .generic_icon_block.for_contact_us, .generic_icon_block.for_sustain {
    width: 100%;
  }

  .mobile_menu_content {
    display: block;
  }

  .mobile_menu_col.first {
    min-width: auto;
  }

  .timeline_row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 36px;
  }

  .timeline_row.even {
    flex-flow: column;
  }

  .timeline_left {
    width: 100%;
    max-width: 420px;
  }

  .timeline_right {
    width: 100%;
  }

  .timeline_content.last {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .timeline_dot {
    margin-left: auto;
    margin-right: 25.5px;
  }

  .timeline_dot.even {
    left: auto;
    right: 100%;
  }

  .timeline_dot.last {
    margin-left: -36px;
    top: 0;
    bottom: auto;
    left: 0%;
  }

  .timeline_last_item {
    padding-top: 0;
    padding-left: 36px;
  }

  .apppro_container, .cbpm_2col_container {
    flex-flow: column;
  }

  .cbpm_2col_left {
    padding-right: 0;
    position: relative;
    top: auto;
  }

  .cbpm_2col_right {
    width: 100%;
    position: relative;
    top: auto;
  }

  .iso_grid_block {
    width: 100%;
  }

  .products_tab_pane_in {
    flex-flow: column;
  }

  .products_tab_block_in {
    flex-flow: row;
  }

  .expertise_grid_block {
    width: 100%;
  }

  .hkma_container {
    flex-flow: column;
  }

  .hkma_left, .hkma_right {
    position: relative;
    top: auto;
  }

  .timeline_banknote_img {
    height: 57px;
  }

  .cbpm_full_width_img {
    height: 60vw;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 0.825rem;
    line-height: 21px;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 30px;
  }

  h3 {
    font-size: 1.125rem;
    line-height: 22.8px;
  }

  h4 {
    font-size: 0.975rem;
    line-height: 20.4px;
  }

  p {
    padding-top: 13.2px;
  }

  .home_banner_container {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .header_container {
    padding-left: 14.4px;
    padding-right: 14.4px;
  }

  .header_container_in {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .header_logo_btn {
    margin-left: -2.4px;
  }

  .header_logo_btn_img {
    height: 33px;
  }

  .header_lang_container {
    margin-right: 6px;
  }

  .header_lang_trigger_btn {
    grid-column-gap: 4.8px;
    grid-row-gap: 4.8px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 0.675rem;
    line-height: 14.4px;
  }

  .header_lang_btn_arrow {
    margin-top: -.54px;
    margin-left: -1.8px;
    font-size: 0.675rem;
  }

  .header_lang_btn_icon {
    height: 12px;
  }

  .home_banner_tagline_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobile_menu_trigger_btn {
    letter-spacing: 0.03375rem;
    margin: -10.8px -14.4px -10.8px -18px;
    padding: 12px 14.4px;
    font-size: 0.675rem;
  }

  .mobile_menu_trigger_btn_text {
    width: 39px;
  }

  .mobile_menu_trigger_btn_text.for_chi {
    padding-bottom: 1.8px;
    line-height: 19.2px;
  }

  .home_banner_tagline_container_in {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .home_intro_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home_intro_container_in {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .home_intro_left {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-bottom: 18px;
  }

  .generic_btn_row {
    grid-column-gap: 18px;
    grid-row-gap: 6px;
    padding-top: 12px;
  }

  .home_intro_right {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .home_intro_right_img {
    width: 180px;
  }

  .generic_btn {
    grid-column-gap: 4.8px;
    grid-row-gap: 4.8px;
    line-height: 18px;
  }

  .generic_btn_arrow {
    width: 22.8px;
    height: 22.8px;
  }

  .generic_btn_arrow1 {
    width: 9.9px;
  }

  .generic_content_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home_content_row {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
  }

  .home_content_img {
    max-width: 360px;
  }

  .home_content_title {
    padding-top: 18px;
    font-size: 1.5rem;
    line-height: 30px;
  }

  .home_content_title.for_chi {
    letter-spacing: 0.075rem;
  }

  .footer_container {
    padding: 36px 24px 60px;
  }

  .footer_container.for_reg_only {
    padding-bottom: 36px;
  }

  .footer_left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer_left_content {
    grid-column-gap: 36px;
    grid-row-gap: 12px;
  }

  .footer_left_btn {
    max-width: 300px;
    font-size: 0.825rem;
    line-height: 18px;
  }

  .footer_img01 {
    height: 60px;
  }

  .footer_img02 {
    height: 24px;
  }

  .footer_right_col {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    line-height: 16.8px;
  }

  .footer_right_block {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .footer_last_row {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-top: 36px;
  }

  .back_to_top_btn {
    letter-spacing: 0.0225rem;
    font-size: 0.675rem;
    line-height: 14.4px;
  }

  .back_to_top_btn_arrow {
    height: 10.8px;
  }

  .footer_last_row_in {
    grid-column-gap: 9.6px;
    grid-row-gap: 6px;
  }

  .footer_last_text {
    font-size: 0.675rem;
    line-height: 14.4px;
  }

  .footer_last_line {
    height: 10.8px;
  }

  .home_banner_video_gradient_in {
    top: -48%;
    bottom: -36%;
  }

  .home_banner_tagline_content {
    width: 100%;
  }

  .home_intro_ani_trigger_line {
    top: 0;
  }

  .home_intro_security_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .home_intro_subtitle {
    padding-bottom: 3.6px;
  }

  .home_intro_subtitle.for_chi {
    letter-spacing: 0.04125rem;
  }

  .security_banknote_ani_block {
    max-width: 360px;
  }

  .home_intro_security_text {
    font-size: 1.125rem;
    line-height: 22.8px;
  }

  .pattern_circle {
    width: 180vw;
    height: 180vw;
    margin-top: 72px;
    margin-right: -72vw;
  }

  .pattern_circle.for_home_banner {
    opacity: .72;
    margin-bottom: -75vw;
  }

  .home_banner_tagline_text {
    font-size: 13.2vw;
    line-height: 14.52vw;
  }

  .home_banner_tagline_text.for_chi {
    letter-spacing: .66vw;
  }

  .generic_btn_arrow_in {
    margin-bottom: .9px;
  }

  .home_banner_tagline_underline {
    margin-top: -7.92vw;
    left: 46.5vw;
  }

  .home_banner_tagline_underline.en_first, .home_banner_tagline_underline.for_chi {
    left: 60vw;
  }

  .home_banner_tagline_underline_block {
    width: 396vw;
  }

  .menu_section_title {
    font-size: 1.6875rem;
    line-height: 28.8px;
  }

  .menu_section_title.for_chi {
    letter-spacing: 0.084375rem;
  }

  .inner_banner_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .inner_banner_container_in {
    padding-top: 49.5px;
    padding-bottom: 36px;
  }

  .inner_banner_img_container {
    top: 49.5px;
  }

  .inner_banner_content {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    min-height: 240px;
    padding-top: 72px;
  }

  .inner_breadcrumb_row {
    line-height: 18px;
  }

  .inner_breadcrumb_arrow {
    height: 7.2px;
    margin-top: -.6px;
  }

  .inner_banner_title {
    font-size: 2.25rem;
    line-height: 39.6px;
  }

  .inner_banner_title.for_chi {
    letter-spacing: 0.1125rem;
  }

  .inner_banner_title.for_chi.for_reg_only {
    letter-spacing: 0.075rem;
  }

  .inner_banner_title.for_reg_only {
    font-size: 1.5rem;
    line-height: 27.6px;
  }

  .section_container_in {
    width: 100%;
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .job_opp_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .generic_legend {
    font-size: 0.675rem;
    line-height: 15.6px;
  }

  .job_opp_btn {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 12px;
    padding-bottom: 13.8px;
    font-size: 1.125rem;
    line-height: 22.8px;
  }

  .compro_intro_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .compro_gov_container {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 18px;
  }

  .generic_icon_block {
    padding: 18px;
  }

  .generic_icon_block.for_suppliers_looking {
    width: 100%;
  }

  .generic_icon_block_circle {
    width: 72px;
    height: 72px;
  }

  .generic_icon_block_img {
    height: 42px;
  }

  .mobile_menu_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobile_menu_container_in {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .header_lang_dropdown_content {
    left: -13.2px;
    right: -13.2px;
  }

  .header_lang_dropdown_content_btn {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 0.675rem;
    line-height: 14.4px;
  }

  .mobile_menu_content {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .mobile_menu_row {
    padding-top: 12px;
    padding-bottom: 18px;
  }

  .job_opp_content_in {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .job_opp_content_left {
    width: 22.8px;
    padding-bottom: 18px;
    top: 66px;
  }

  .job_opp_content_left_text {
    font-size: 0.675rem;
    line-height: 15.6px;
  }

  .job_opp_content_right {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: -4.8px;
    padding-bottom: 18px;
  }

  .generic_point_form_row {
    padding-top: 4.8px;
    line-height: 18px;
  }

  .generic_point_form_row.for_sustain {
    padding-top: 13.2px;
    line-height: 21px;
  }

  .generic_point_form_dot {
    border-width: 1.2px;
    width: 4.8px;
    height: 4.8px;
    margin-top: 6px;
    margin-left: 2.4px;
    margin-right: 6px;
  }

  .generic_point_form_dot.for_sustain {
    margin-top: 8.4px;
  }

  .job_opp_content_left_text_chi {
    letter-spacing: 0.135rem;
  }

  .job_opp_content_right_subtitle {
    padding-top: 4.8px;
  }

  .job_opp_content_paragraph {
    padding-top: 4.8px;
    line-height: 18px;
  }

  .timeline_container {
    padding-top: 18px;
  }

  .timeline_row {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-bottom: 48px;
    padding-left: 24px;
  }

  .timeline_left {
    max-width: 360px;
  }

  .generic_highlight_text {
    font-size: 1.875rem;
    line-height: 36px;
  }

  .timeline_year {
    padding-bottom: 7.2px;
  }

  .timeline_dot {
    width: 9px;
    height: 9px;
    margin-top: 6px;
    margin-right: 15px;
  }

  .timeline_dot.last {
    margin-left: -24px;
    left: 0%;
  }

  .timeline_paragraph {
    max-width: 360px;
  }

  .timeline_last_item {
    padding-left: 24px;
  }

  .contact_us_container {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 18px;
  }

  .contact_us_text {
    max-width: 360px;
    padding-top: 9px;
    padding-bottom: 3.6px;
    font-size: 1.125rem;
    line-height: 22.8px;
  }

  .apppro_container {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 18px;
    padding-bottom: 4.2px;
  }

  .cbpm_2col_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cbpm_2col_right {
    max-width: 300px;
  }

  .sustain_3pillars_container {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 18px;
  }

  .iso_grid_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 18px;
  }

  .iso_grid_block_left {
    width: 132px;
  }

  .iso_grid_block_right {
    grid-column-gap: 4.8px;
    grid-row-gap: 4.8px;
    padding-left: 18px;
    line-height: 18px;
  }

  .cbpm_ani_img_block_in {
    inset: 24px;
  }

  .suppliers_looking_container {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 18px;
  }

  .supplier_reg_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .supplier_reg_left_in {
    grid-column-gap: 4.8px;
    grid-row-gap: 4.8px;
    padding-top: 13.2px;
    line-height: 18px;
  }

  .products_intro_h3 {
    padding-top: 18px;
  }

  .supplier_reg_download_btn {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 13.8px;
  }

  .products_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .products_tabs_menu {
    grid-column-gap: 18px;
    grid-row-gap: 6px;
    padding-bottom: 18px;
  }

  .products_tab_link {
    border-bottom-width: 1px;
    line-height: 18px;
  }

  .products_tab_pane_in {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .products_tab_block_in {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 360px;
    padding-top: 6px;
  }

  .expertise_grid_container {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
  }

  .expertise_grid_title {
    margin-bottom: -13.2px;
    padding-top: 18px;
    padding-bottom: 9px;
  }

  .expertise_img {
    max-width: 360px;
  }

  .section_disclaimer_container {
    grid-column-gap: 3.6px;
    grid-row-gap: 3.6px;
    margin-bottom: -72px;
    padding-top: 72px;
    padding-bottom: 12px;
    font-size: 0.675rem;
    line-height: 14.4px;
  }

  .timeline_banknote_row {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-top: 18px;
  }

  .timeline_banknote_lightbox {
    width: calc(33.33% - 4px);
  }

  .supplier_reg_download_btn_in {
    grid-column-gap: 4.8px;
    grid-row-gap: 4.8px;
    margin-top: -4.8px;
    margin-left: 0;
    line-height: 18px;
  }

  .hkma_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .timeline_banknote_img {
    width: 100%;
    height: auto;
  }

  .h2_chi {
    letter-spacing: 0.075rem;
  }

  .products_tab_intro_row {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-bottom: 18px;
  }

  .products_tab_intro_icon {
    height: 18.9px;
  }

  .cbpm_ani_img_block {
    inset: -24px;
  }

  .cbpm_full_width_img {
    height: 72vw;
  }

  .reg_only_header_container {
    padding-left: 14.4px;
    padding-right: 14.4px;
  }

  .reg_only_header_container_in {
    grid-column-gap: 14.4px;
    grid-row-gap: 14.4px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .reg_only_home_btn_block {
    grid-column-gap: 14.4px;
    grid-row-gap: 14.4px;
    font-size: 0.675rem;
  }

  .reg_only_home_btn {
    letter-spacing: 0.03375rem;
  }

  .reg_only_home_btn.for_chi {
    padding-bottom: 1.8px;
    line-height: 19.2px;
  }

  .job_opp_content_legend {
    padding-top: 4.8px;
    font-size: 0.675rem;
    line-height: 15.6px;
  }
}
.pdf-preview__head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px 24px;
    margin-bottom: 14px;
}
.pdf-preview__body {
  width: 100%;
  overflow: auto;
}
.pdf-preview__canvas {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}