.notransition {
  transition: none !important;
}

body.job-application.locked-scroll {
  touch-action: none;
  overflow: hidden;
}
body.job-application form .progress-step.is-active .progress-marker::before {
  background-color: #BF382C;
}
body.job-application form.webform-submission-form section {
  padding: 2em 0;
  border-bottom: 1px solid rgba(118, 127, 146, 0.4);
}
body.job-application form.webform-submission-form section#edit-information {
  padding-top: 0;
}
body.job-application form.webform-submission-form section#edit-resume, body.job-application form.webform-submission-form section#edit-applied-position-section {
  border-bottom: 0;
  padding-bottom: 0;
}
body.job-application form.webform-submission-form .form-item {
  max-width: 100%;
}
@media (max-width: 767px) {
  body.job-application form.webform-submission-form .form-item {
    max-width: calc(100vw - 4em);
  }
}
body.job-application form.webform-submission-form .form-item:last-child {
  margin-bottom: 0;
}
body.job-application form.webform-submission-form .form-item.hidden {
  display: none !important;
}
body.job-application form.webform-submission-form .form-item.form-item-source-of-vacancy-other {
  overflow: visible !important;
}
body.job-application form.webform-submission-form .form-item.form-item-preferred-work-location-select {
  width: 100%;
}
body.job-application form.webform-submission-form .webform-section-title {
  color: #BF382C;
}
body.job-application form.webform-submission-form label.js-form-required::before,
body.job-application form.webform-submission-form span.js-form-required::before {
  content: "*";
  position: relative;
  color: #E71F1E;
}
body.job-application form.webform-submission-form .form-type-number,
body.job-application form.webform-submission-form .form-type-textfield,
body.job-application form.webform-submission-form .form-type-email,
body.job-application form.webform-submission-form .form-type-tel,
body.job-application form.webform-submission-form .form-type-select,
body.job-application form.webform-submission-form .form-type-webform-select-other {
  margin-bottom: 1em;
}
body.job-application form.webform-submission-form .form-type-number label,
body.job-application form.webform-submission-form .form-type-textfield label,
body.job-application form.webform-submission-form .form-type-email label,
body.job-application form.webform-submission-form .form-type-tel label,
body.job-application form.webform-submission-form .form-type-select label,
body.job-application form.webform-submission-form .form-type-webform-select-other label {
  display: block;
  margin-bottom: 1em;
}
body.job-application form.webform-submission-form #edit-preferred-work-location .fieldset-wrapper {
  width: 100%;
}
body.job-application form.webform-submission-form .form-type-tel {
  width: 100%;
}
body.job-application form.webform-submission-form .form-type-tel .iti--allow-dropdown {
  width: 100%;
}
body.job-application form.webform-submission-form .form-type-tel .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  height: 3em;
}
body.job-application form.webform-submission-form .form-type-tel input.webform-webform-telephone-international {
  padding-left: 3em;
}
body.job-application form.webform-submission-form .form-type-select {
  display: flex;
  flex-wrap: wrap;
}
body.job-application form.webform-submission-form .form-type-entity-autocomplete.form-item-applied-position input {
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-image: none;
  background-color: transparent;
  color: #483232;
  font-size: 1.5em;
  -webkit-opacity: 1;
  display: none;
}
body.job-application form.webform-submission-form .form-type-entity-autocomplete p.post-name {
  display: none;
  width: 100%;
  color: #483232;
  font-size: 1.5em;
  line-height: 1.25;
  margin-bottom: 1em;
}
body.job-application form.webform-submission-form .form-type-entity-autocomplete p.post-name.description {
  display: block;
}
body.job-application form.webform-submission-form .form-type-date label {
  margin-right: 2em;
  text-wrap: nowrap;
}
body.job-application form.webform-submission-form .form-type-checkbox {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
body.job-application form.webform-submission-form .form-type-checkbox.form-item-terms-agreement {
  grid-auto-flow: unset;
  grid-template-columns: 3em 1fr;
}
body.job-application form.webform-submission-form input {
  max-width: 100%;
}
body.job-application form.webform-submission-form input[type=radio] {
  /* Remove most all native input styles */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* For iOS < 15 */
  background-color: #ffffff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: rgba(118, 127, 146, 0.4);
  width: 2em;
  height: 2em;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  min-width: 2em;
  min-height: 2em;
  display: grid;
  place-content: center;
}
body.job-application form.webform-submission-form input[type=radio]::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #BF382C;
  background-color: #BF382C;
}
body.job-application form.webform-submission-form input[type=radio]:checked::before {
  transform: scale(1);
}
body.job-application form.webform-submission-form input[type=radio]:focus {
  outline: 2px #BF382C;
  outline-offset: 2px;
}
body.job-application form.webform-submission-form input[type=radio]:disabled {
  background-color: #EFEDE9;
  opacity: 0.3;
}
body.job-application form.webform-submission-form input[type=text], body.job-application form.webform-submission-form input[type=tel], body.job-application form.webform-submission-form input[type=number], body.job-application form.webform-submission-form input[type=email] {
  padding: 0.75em 1em;
  font-size: 1em;
  line-height: 1.25;
  border-radius: 0.5em;
  border: 1px solid rgba(118, 127, 146, 0.4);
  width: 100%;
  height: 3em;
}
body.job-application form.webform-submission-form input[type=text]:focus-visible, body.job-application form.webform-submission-form input[type=tel]:focus-visible, body.job-application form.webform-submission-form input[type=number]:focus-visible, body.job-application form.webform-submission-form input[type=email]:focus-visible {
  outline: 0;
  border: 1px solid #BF382C;
}
body.job-application form.webform-submission-form input[type=date] {
  padding: 0.75em 1em;
  border-radius: 0.5em;
  border: 1px solid rgba(118, 127, 146, 0.4);
  color: #483232;
  position: relative;
  -webkit-opacity: 1;
  -webkit-appearance: none;
  text-align: left;
}
body.job-application form.webform-submission-form input[type=date]:focus-visible {
  outline: 0;
  border: 1px solid #BF382C;
}
body.job-application form.webform-submission-form input[type=date]::before {
  content: attr(data-date);
  display: inline-block;
  color: black;
  text-wrap: nowrap;
  text-align: left;
}
body.job-application form.webform-submission-form input[type=date]::-webkit-datetime-edit, body.job-application form.webform-submission-form input[type=date]::-webkit-inner-spin-button, body.job-application form.webform-submission-form input[type=date]::-webkit-clear-button, body.job-application form.webform-submission-form input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none;
}
body.job-application form.webform-submission-form input[type=date]::-webkit-date-and-time-value {
  content: attr(data-date);
  text-align: left;
}
body.job-application form.webform-submission-form input[type=date].m-only {
  height: 48px;
}
body.job-application form.webform-submission-form input[type=date].m-only.ios-only {
  width: 100%;
}
@supports (-webkit-touch-callout: none) {
  body.job-application form.webform-submission-form input[type=date].m-only.ios-only.has-value {
    -webkit-opacity: 1;
    background-color: #ffffff;
  }
  body.job-application form.webform-submission-form input[type=date].m-only.ios-only.has-value::before {
    display: none !important;
  }
}
body.job-application form.webform-submission-form input[type=date].m-only.an-only.has-value::before {
  display: none;
}
body.job-application form.webform-submission-form input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: #ffffff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 2em;
  height: 2em;
  border: 1px solid rgba(118, 127, 146, 0.4);
  border-radius: 0.5em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
body.job-application form.webform-submission-form input[type=checkbox]::before {
  content: "";
  width: 1.125em;
  height: 1.125em;
  -webkit-clip-path: polygon(86.956% 4.631%, 100% 20.644%, 39.217% 95.372%, 0% 47.332%, 13.044% 31.319%, 39.217% 63.345%, 86.956% 4.631%);
          clip-path: polygon(86.956% 4.631%, 100% 20.644%, 39.217% 95.372%, 0% 47.332%, 13.044% 31.319%, 39.217% 63.345%, 86.956% 4.631%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #ffffff;
}
body.job-application form.webform-submission-form input[type=checkbox]:checked {
  background-color: #BF382C;
}
body.job-application form.webform-submission-form input[type=checkbox]:checked::before {
  transform: scale(1);
  /* Windows High Contrast Mode */
  background-color: rgba(217, 0, 0, 0.05);
}
body.job-application form.webform-submission-form input[type=checkbox]:disabled {
  background-color: #EFEDE9;
  opacity: 0.3;
}
body.job-application form.webform-submission-form input[type=submit] {
  cursor: pointer;
  padding: 1em;
  background-color: #BF382C;
  color: #ffffff;
  border-radius: 1.5em;
  border: 0;
}
body.job-application form.webform-submission-form input.error {
  border: 2px solid #BF382C;
}
body.job-application form.webform-submission-form label.error, body.job-application form.webform-submission-form label.dz-error {
  font-size: 0.75em;
  margin-top: 0.5em;
  color: #BF382C;
  order: 99;
}
body.job-application form.webform-submission-form label.error#edit-job-period-start-date-error, body.job-application form.webform-submission-form label.error#edit-job-period-end-date-error, body.job-application form.webform-submission-form label.error#edit-study-period-start-date-error, body.job-application form.webform-submission-form label.error#edit-study-period-end-date-error, body.job-application form.webform-submission-form label.dz-error#edit-job-period-start-date-error, body.job-application form.webform-submission-form label.dz-error#edit-job-period-end-date-error, body.job-application form.webform-submission-form label.dz-error#edit-study-period-start-date-error, body.job-application form.webform-submission-form label.dz-error#edit-study-period-end-date-error {
  margin-top: 0;
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form label.error#edit-job-period-start-date-error, body.job-application form.webform-submission-form label.error#edit-job-period-end-date-error, body.job-application form.webform-submission-form label.error#edit-study-period-start-date-error, body.job-application form.webform-submission-form label.error#edit-study-period-end-date-error, body.job-application form.webform-submission-form label.dz-error#edit-job-period-start-date-error, body.job-application form.webform-submission-form label.dz-error#edit-job-period-end-date-error, body.job-application form.webform-submission-form label.dz-error#edit-study-period-start-date-error, body.job-application form.webform-submission-form label.dz-error#edit-study-period-end-date-error {
    margin-left: 1em;
  }
}
body.job-application form.webform-submission-form label.error#title-error, body.job-application form.webform-submission-form label.dz-error#title-error {
  margin-top: 0;
}
body.job-application form.webform-submission-form label.error#terms_agreement-error, body.job-application form.webform-submission-form label.dz-error#terms_agreement-error {
  margin-left: 0;
  grid-column: 1/3;
}
body.job-application form.webform-submission-form label.error#edit-telephone-error, body.job-application form.webform-submission-form label.dz-error#edit-telephone-error {
  position: absolute;
  left: 0;
}
body.job-application form.webform-submission-form label.error#edit-telephone-error.error-tel-other, body.job-application form.webform-submission-form label.dz-error#edit-telephone-error.error-tel-other {
  bottom: -3.5em;
}
body.job-application form.webform-submission-form label.error#title-error, body.job-application form.webform-submission-form label.dz-error#title-error {
  display: block;
  position: absolute;
  bottom: -2em;
}
@media (min-width: 414px) {
  body.job-application form.webform-submission-form label.error#title-error, body.job-application form.webform-submission-form label.dz-error#title-error {
    left: -6em;
  }
}
@media (max-width: 991.98px) {
  body.job-application form.webform-submission-form label.error#hk_work_eligibility-error, body.job-application form.webform-submission-form label.dz-error#hk_work_eligibility-error {
    position: absolute;
    bottom: -2.5em;
  }
}
body.job-application form.webform-submission-form label.captcha-error {
  position: relative;
  top: -24px;
}
body.job-application form.webform-submission-form label[for=edit-position-name] {
  width: 100%;
  color: #483232;
  font-size: 1.5em;
  line-height: 1.25;
  margin-bottom: 1em;
}
body.job-application form.webform-submission-form strong.error {
  font-size: 0.75em;
  margin-top: 0.5em;
  color: #BF382C;
  order: 99;
  font-weight: normal;
}
body.job-application form.webform-submission-form fieldset {
  border: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
body.job-application form.webform-submission-form fieldset#edit-title--wrapper {
  margin-bottom: 2.5em;
}
body.job-application form.webform-submission-form fieldset#edit-contact-no {
  margin-bottom: 2em;
}
body.job-application form.webform-submission-form fieldset#edit-contact-no.other-selected {
  margin-bottom: 3em;
}
body.job-application form.webform-submission-form fieldset#edit-contact-no .fieldset-wrapper {
  flex-wrap: nowrap;
  gap: 1em;
  width: 100%;
}
body.job-application form.webform-submission-form fieldset #edit-country-code .fieldset-wrapper {
  margin-top: -1em;
  max-width: 100px;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  body.job-application form.webform-submission-form fieldset#edit-hk-work-eligibility--wrapper {
    margin-bottom: 1em;
  }
}
body.job-application form.webform-submission-form fieldset#edit-employer-wrapper {
  flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  body.job-application form.webform-submission-form fieldset#edit-employer-wrapper {
    margin-bottom: 2em;
  }
}
body.job-application form.webform-submission-form fieldset#edit-employer-wrapper .fieldset-wrapper {
  flex-wrap: wrap;
  width: 100%;
}
body.job-application form.webform-submission-form fieldset#edit-employer-wrapper .fieldset-wrapper .form-type-checkbox {
  align-items: center;
}
@media (min-width: 768px) {
  body.job-application form.webform-submission-form fieldset#edit-employer-wrapper .fieldset-wrapper {
    flex-wrap: nowrap;
  }
}
body.job-application form.webform-submission-form fieldset#edit-employer-wrapper .fieldset-wrapper .form-item-employer {
  width: 100%;
}
body.job-application form.webform-submission-form fieldset#edit-notice-period-wrapper label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.job-application form.webform-submission-form fieldset#edit-notice-period-wrapper legend, body.job-application form.webform-submission-form fieldset#edit-has-hk-work-eligibility legend {
  display: none;
}
body.job-application form.webform-submission-form fieldset#edit-highest-education-level, body.job-application form.webform-submission-form fieldset#edit-professional-skills {
  flex-wrap: nowrap;
}
body.job-application form.webform-submission-form fieldset#edit-highest-education-level .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-professional-skills .fieldset-wrapper {
  flex-basis: 100%;
}
body.job-application form.webform-submission-form fieldset#edit-highest-education-level .fieldset-wrapper > *, body.job-application form.webform-submission-form fieldset#edit-professional-skills .fieldset-wrapper > * {
  flex-basis: calc(50% - 1em);
}
body.job-application form.webform-submission-form fieldset#edit-study-period, body.job-application form.webform-submission-form fieldset#edit-job-period {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 991.98px) {
  body.job-application form.webform-submission-form fieldset#edit-study-period, body.job-application form.webform-submission-form fieldset#edit-job-period {
    flex-wrap: nowrap;
    margin-bottom: 2em;
  }
}
body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper {
  flex-basis: 100%;
  flex-wrap: wrap;
}
body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper .form-type-checkbox, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper .form-type-checkbox {
  align-items: center;
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper {
    flex-wrap: nowrap;
  }
}
body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date {
  flex-basis: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date {
    display: inline-flex;
  }
  body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date.form-item-study-period-start-date, body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date.form-item-job-period-start-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date.form-item-study-period-start-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date.form-item-job-period-start-date {
    flex-basis: calc(43% - 3.75em);
  }
  body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date.form-item-study-period-end-date, body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date.form-item-job-period-end-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date.form-item-study-period-end-date, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date.form-item-job-period-end-date {
    flex-basis: 43%;
  }
}
body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date label, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date label {
  flex-basis: 2em;
  display: inline-flex;
}
@media (max-width: 991.98px) {
  body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date label, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date label {
    margin-bottom: 1em;
  }
}
body.job-application form.webform-submission-form fieldset#edit-study-period .fieldset-wrapper > .form-type-date input, body.job-application form.webform-submission-form fieldset#edit-job-period .fieldset-wrapper > .form-type-date input {
  width: 100%;
}
body.job-application form.webform-submission-form fieldset#edit-professional-skills legend {
  margin-bottom: 1em;
}
@media (max-width: 991px) {
  body.job-application form.webform-submission-form fieldset#edit-highest-education-level .fieldset-wrapper > *, body.job-application form.webform-submission-form fieldset#edit-professional-skills .fieldset-wrapper > *, body.job-application form.webform-submission-form fieldset#edit-notice-period-wrapper .fieldset-wrapper > * {
    flex-basis: 100%;
  }
}
body.job-application form.webform-submission-form fieldset#edit-literacy > .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-oral > .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-listening > .fieldset-wrapper {
  width: 100%;
}
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-literacy-label-wrapper,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-oral-label-wrapper,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-listening-label-wrapper, body.job-application form.webform-submission-form fieldset#edit-oral #edit-literacy-label-wrapper,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-oral-label-wrapper,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-listening-label-wrapper, body.job-application form.webform-submission-form fieldset#edit-listening #edit-literacy-label-wrapper,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-oral-label-wrapper,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-listening-label-wrapper {
  font-size: 1.1em;
  color: #483232;
  flex-basis: 100%;
  padding: 0;
}
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-literacy-label-wrapper .fieldset-wrapper,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-oral-label-wrapper .fieldset-wrapper,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-listening-label-wrapper .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-oral #edit-literacy-label-wrapper .fieldset-wrapper,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-oral-label-wrapper .fieldset-wrapper,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-listening-label-wrapper .fieldset-wrapper, body.job-application form.webform-submission-form fieldset#edit-listening #edit-literacy-label-wrapper .fieldset-wrapper,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-oral-label-wrapper .fieldset-wrapper,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-listening-label-wrapper .fieldset-wrapper {
  width: 100%;
}
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-literacy-label-wrapper .fieldset-wrapper > *,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-oral-label-wrapper .fieldset-wrapper > *,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-listening-label-wrapper .fieldset-wrapper > *, body.job-application form.webform-submission-form fieldset#edit-oral #edit-literacy-label-wrapper .fieldset-wrapper > *,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-oral-label-wrapper .fieldset-wrapper > *,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-listening-label-wrapper .fieldset-wrapper > *, body.job-application form.webform-submission-form fieldset#edit-listening #edit-literacy-label-wrapper .fieldset-wrapper > *,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-oral-label-wrapper .fieldset-wrapper > *,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-listening-label-wrapper .fieldset-wrapper > * {
  flex-basis: auto;
}
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-literacy-label-wrapper .fieldset-wrapper label,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-oral-label-wrapper .fieldset-wrapper label,
body.job-application form.webform-submission-form fieldset#edit-literacy #edit-listening-label-wrapper .fieldset-wrapper label, body.job-application form.webform-submission-form fieldset#edit-oral #edit-literacy-label-wrapper .fieldset-wrapper label,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-oral-label-wrapper .fieldset-wrapper label,
body.job-application form.webform-submission-form fieldset#edit-oral #edit-listening-label-wrapper .fieldset-wrapper label, body.job-application form.webform-submission-form fieldset#edit-listening #edit-literacy-label-wrapper .fieldset-wrapper label,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-oral-label-wrapper .fieldset-wrapper label,
body.job-application form.webform-submission-form fieldset#edit-listening #edit-listening-label-wrapper .fieldset-wrapper label {
  flex-basis: 130px;
}
body.job-application form.webform-submission-form fieldset#edit-literacy .form-type-select, body.job-application form.webform-submission-form fieldset#edit-oral .form-type-select, body.job-application form.webform-submission-form fieldset#edit-listening .form-type-select {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  gap: 0;
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form fieldset#edit-literacy .form-type-select, body.job-application form.webform-submission-form fieldset#edit-oral .form-type-select, body.job-application form.webform-submission-form fieldset#edit-listening .form-type-select {
    flex-wrap: nowrap;
    gap: 2em;
  }
}
body.job-application form.webform-submission-form fieldset#edit-literacy .form-type-select label, body.job-application form.webform-submission-form fieldset#edit-oral .form-type-select label, body.job-application form.webform-submission-form fieldset#edit-listening .form-type-select label {
  flex-basis: 150px;
  min-width: 150px;
}
body.job-application form.webform-submission-form fieldset#edit-literacy .form-type-select label.error, body.job-application form.webform-submission-form fieldset#edit-oral .form-type-select label.error, body.job-application form.webform-submission-form fieldset#edit-listening .form-type-select label.error {
  min-width: 200px;
}
body.job-application form.webform-submission-form fieldset .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  align-items: center;
  position: relative;
}
body.job-application form.webform-submission-form fieldset .fieldset-wrapper .form-item,
body.job-application form.webform-submission-form fieldset .fieldset-wrapper input,
body.job-application form.webform-submission-form fieldset .fieldset-wrapper select {
  margin: 0;
}
body.job-application form.webform-submission-form fieldset .fieldset-wrapper .form-type-checkbox span.field-prefix {
  width: 1.75em;
  margin-right: 2em;
  text-wrap: nowrap;
}
body.job-application form.webform-submission-form fieldset .fieldset-wrapper .form-type-checkbox label {
  margin-left: 2em;
  text-wrap: nowrap;
}
body.job-application form.webform-submission-form fieldset .fieldset-wrapper .form-item-country-code .select2-container--default,
body.job-application form.webform-submission-form fieldset .fieldset-wrapper .form-item-country-code-select .select2-container--default {
  min-width: unset;
  width: 100px !important;
}
body.job-application form.webform-submission-form fieldset legend {
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  margin-bottom: 1em;
}
body.job-application form.webform-submission-form fieldset legend#edit-title--wrapper-legend {
  float: left;
  margin-bottom: 0;
}
@supports (-webkit-touch-callout: none) {
  body.job-application form.webform-submission-form fieldset legend#edit-title--wrapper-legend {
    margin-bottom: 1em;
  }
}
body.job-application form.webform-submission-form fieldset legend[for=hk-work] {
  flex-basis: 100%;
}
body.job-application form.webform-submission-form fieldset label {
  flex-basis: 100%;
  text-wrap: nowrap;
}
body.job-application form.webform-submission-form fieldset label[for=edit-employer-or], body.job-application form.webform-submission-form fieldset label[for=edit-study-period-or], body.job-application form.webform-submission-form fieldset label[for=edit-job-period-or] {
  flex-basis: 1.75em;
}
body.job-application form.webform-submission-form fieldset label[for=edit-notice-period-yes] {
  display: none;
}
body.job-application form.webform-submission-form fieldset label.form-control {
  display: flex;
  gap: 2em;
  align-items: center;
}
body.job-application form.webform-submission-form fieldset label.form-control.subfield {
  display: flex;
  flex-wrap: wrap;
}
body.job-application form.webform-submission-form fieldset label:focus-within {
  color: var(--form-control-color);
}
body.job-application form.webform-submission-form fieldset .js-webform-radios {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2em;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-hk-work-eligibility {
  gap: 1em;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-hk-work-eligibility > * {
  display: flex;
  flex-basis: 100%;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-hk-work-eligibility > * label.option {
  flex-basis: fit-content;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period-unit {
  flex-wrap: wrap;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period-unit > * {
  display: flex;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-has-hk-work-eligibility-radios {
  display: flex;
  flex-wrap: wrap;
  margin-left: 60px;
  flex-basis: 100%;
  gap: 1em;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-has-hk-work-eligibility-radios > .form-type-radio {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-has-hk-work-eligibility-radios .form-item-has-hk-work-eligibility-radios {
    flex-basis: 100%;
  }
  body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-has-hk-work-eligibility-radios input#edit-has-hk-work-eligibility-other {
    max-width: calc(100% - 60px);
  }
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
@media (max-width: 991px) {
  body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period {
    margin-bottom: 1em;
  }
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period > .form-type-radio {
  display: flex;
  flex-basis: 100%;
}
body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period > .form-type-radio label {
  flex-basis: auto;
  margin-left: 0.75em;
}
@media (max-width: 991px) {
  body.job-application form.webform-submission-form fieldset .js-webform-radios#edit-notice-period > .form-type-radio label#notice_period-error {
    position: absolute;
    bottom: -24px;
  }
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form fieldset .js-webform-radios {
    display: inline-flex;
  }
}
body.job-application form.webform-submission-form fieldset .js-webform-radios .js-form-item {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  align-items: center;
  /* &.form-type-radio {
      display: flex;
      max-width: 5em;
      flex-wrap: wrap;
      label.option {
          flex-basis: 3em;
      }
  } */
}
@media (max-width: 767px) {
  body.job-application form.webform-submission-form fieldset .js-webform-radios .js-form-item.form-item-has-hk-work-eligibility-other {
    display: flex;
    flex-wrap: wrap;
  }
  body.job-application form.webform-submission-form fieldset .js-webform-radios .js-form-item.form-item-has-hk-work-eligibility-other > * {
    flex-basis: 100%;
  }
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section {
  margin-top: 2em;
  padding: 0;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section legend {
  font-weight: 600;
  display: none;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions {
  padding: 0 1em;
  border-radius: 0.5em;
  border: 1px solid rgba(118, 127, 146, 0.4);
  max-height: 191px;
  overflow-y: scroll;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions::-webkit-scrollbar {
  width: 6px;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions::-webkit-scrollbar-thumb {
  background: #D2D2D2;
  border-radius: 5px;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions::-webkit-scrollbar-thumb:hover {
  background: rgba(118, 127, 146, 0.4);
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions ol {
  padding-left: 1em;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section #edit-terms-and-conditions ol li {
  padding-left: 1em;
  margin-bottom: 1em;
}
body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section label {
  margin-left: 1em;
  text-wrap: wrap;
}
@media (min-width: 768px) {
  body.job-application form.webform-submission-form fieldset#edit-terms-and-conditions-section label {
    text-wrap: nowrap;
  }
}
body.job-application form.webform-submission-form fieldset.captcha {
  margin-top: 2em;
  padding: 0;
}
body.job-application form.webform-submission-form fieldset.captcha legend {
  display: none;
}
body.job-application form.webform-submission-form fieldset.captcha .captcha__image-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 1em;
}
body.job-application form.webform-submission-form fieldset.captcha .captcha__image-wrapper .reload-captcha-wrapper {
  display: flex;
  align-items: center;
}
body.job-application form.webform-submission-form fieldset.captcha .captcha__element {
  align-items: center;
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form fieldset.captcha .captcha__element {
    flex-flow: nowrap;
    gap: 3em;
  }
}
body.job-application form.webform-submission-form fieldset.captcha label,
body.job-application form.webform-submission-form fieldset.captcha .description {
  display: none;
}
body.job-application form.webform-submission-form .webform-section-wrapper > fieldset {
  margin-bottom: 1em;
  padding: 0;
}
body.job-application form.webform-submission-form #edit-source-of-vacancy-information .form-item-source-of-vacancy {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
@media (min-width: 992px) {
  body.job-application form.webform-submission-form #edit-source-of-vacancy-information .form-item-source-of-vacancy label {
    flex-basis: 100%;
  }
  body.job-application form.webform-submission-form #edit-source-of-vacancy-information .form-item-source-of-vacancy .form-item {
    flex-basis: calc(50% - 1em);
  }
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone {
  background-color: #ffffff;
  border: 1px dashed #BF382C;
  margin: 0;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone.dz-max-files-reached {
  pointer-events: none;
  cursor: default;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone .dz-preview {
  z-index: 2;
  pointer-events: visible;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone .dz-message {
  position: relative;
  margin: 6em 0 2em;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone .dz-message span.upload-icon {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: -60px;
  left: calc(50% - 15px);
  background-image: url("../img/icon/upload-image.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone .dz-message .description {
  font-size: 1.5em;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone .dz-message .description span.choose-file {
  text-decoration: underline;
  color: #BF382C;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .dropzone .dz-message a.button {
  color: #221F1F;
  opacity: 0.4;
}
body.job-application form.webform-submission-form .form-type-webform-dropzonejs .description {
  display: none;
}
body.job-application form .form-actions {
  margin: 4em 0 2em;
}
body.job-application form .form-actions input {
  display: block;
  margin: auto;
  min-width: 200px;
}
@media (min-width: 992px) {
  body.job-application form .form-actions input {
    margin-right: 0;
  }
}
body.job-application .select2-container--default {
  min-width: 200px;
}
body.job-application .select2-container--default .select2-selection--single,
body.job-application .select2-container--default .select2-selection--multiple {
  min-height: 3em;
  padding: 0.75em 0;
  border-radius: 0.5em;
}
body.job-application .select2-container--default .select2-selection--single .select2-selection__rendered,
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: 1.5;
  padding-left: 0.625em;
}
body.job-application .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__choice,
body.job-application .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field,
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  margin-top: 0;
}
body.job-application .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__choice,
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: #FDF4ED;
  border: 0;
  padding: 0 0.75em;
  max-width: calc(100% - 1.5em);
}
body.job-application .select2-container--default .select2-selection--single .select2-selection__arrow,
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__arrow {
  height: calc(3em - 2px);
}
body.job-application .select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}
body.job-application .select2-container--default .select2-selection--multiple {
  padding: 0.125em 0;
}
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.job-application .select2-container--default .select2-selection--multiple .select2-search__field {
  line-height: 1.5;
  margin-top: 0.5em;
}
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  font-family: inherit;
  margin-top: 0.125em;
  margin-bottom: 0.125em;
}
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
  float: right;
  color: #483232;
  margin-left: 0.5em;
  margin-right: 0;
  position: relative;
  border: 0;
}
body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:focus, body.job-application .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
  color: #BF382C;
  background-color: transparent;
}
body.job-application .select2-container--default .select2-selection--multiple::after {
  content: "";
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 0.5em;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
body.job-application .select2-container--default .select2-selection--multiple[aria-expanded=true]::after {
  transform: rotate(180deg);
}
body.job-application .select2-container--default.select2-container--open .select2-selection--single,
body.job-application .select2-container--default.select2-container--open .select2-selection--multiple, body.job-application .select2-container--default.select2-container--focus .select2-selection--single,
body.job-application .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #BF382C;
}
body.job-application .select2-container--default .select2-dropdown .select2-dropdown--above {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
body.job-application .select2-container--default .select2-dropdown .select2-dropdown--below {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
body.job-application .select2-container--default .select2-results__options#select2-edit-country-code-results li:first-child, body.job-application .select2-container--default .select2-results__options#select2-edit-country-code-select-results li:first-child {
  display: none;
}
body.job-application .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #BF382C;
}
body.job-application .job-application-confirmation-wrapper {
  margin: 4em auto;
  text-align: center;
  background-image: url(../img/job/form-confirm-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 50px;
}
body.job-application .job-application-confirmation-wrapper .successful-message-wrapper {
  position: relative;
  padding-top: 80px;
}
body.job-application .job-application-confirmation-wrapper .successful-message-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  background-image: url(../img/job/form-success.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: calc(50% - 40px);
  top: 0;
}
body.job-application .job-application-confirmation-wrapper .successful-message-wrapper .message-title {
  margin: 1em auto 1.5em;
}
body.job-application .job-application-confirmation-wrapper .app-no-wrapper {
  position: relative;
  margin-top: 1.25em;
  width: 100%;
  margin: 30px auto 50px;
  background: #ffffff;
  border: 1px solid #C3B5AC;
  border-radius: 0.5em;
  padding: 1.5em;
}
@media (min-width: 992px) {
  body.job-application .job-application-confirmation-wrapper .app-no-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.5em 10em;
    max-width: 100%;
  }
}
body.job-application .job-application-confirmation-wrapper .app-no-wrapper .app-no-label {
  margin-bottom: 1em;
}
body.job-application .form-progress-bar-wrapper {
  /* display: none; */
  position: sticky;
  width: 100%;
  z-index: 3;
  background: #ffffff;
  padding: 1em;
  top: 144px;
}
@media (max-width: 991.98px) {
  body.job-application .form-progress-bar-wrapper {
    top: 48px;
    padding: 1em 0;
  }
  body.job-application .form-progress-bar-wrapper .container {
    min-width: 100%;
    padding: 0;
  }
}
body.job-application .form-progress-bar-wrapper .form-progress-bar {
  display: flex;
  flex-wrap: nowrap;
  gap: 1em;
  bottom: 0;
  width: 100%;
  padding: 0 1em;
  justify-content: space-evenly;
  background-color: #ffffff;
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn {
  position: relative;
  display: block;
  border-top: 5px solid transparent;
  padding: 0.5em 0;
  padding: 0;
  border-top: 5px solid #F1E8E1;
  width: 0;
  flex: 1 1 0;
}
@media (min-width: 992px) {
  body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn {
    display: flex;
  }
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn .btn-label {
  display: block;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
  margin: auto;
  margin-top: 0.5em;
  word-wrap: break-word;
}
@media (min-width: 992px) {
  body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn .btn-label {
    flex-wrap: nowrap;
    flex-direction: row;
    text-align: center;
  }
}
@media (max-width: 991.98px) {
  body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn .btn-label {
    display: none;
  }
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn .btn-label::before {
  content: "";
  display: none;
  min-width: 2em;
  min-height: 2em;
  background-image: url(../img/icon/icon-check.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.28;
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn.active {
  border-color: #E5675C;
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn.active .btn-label::before {
  opacity: 1;
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn.done {
  border-color: #BF382C;
}
body.job-application .form-progress-bar-wrapper .form-progress-bar .section-btn.done .btn-label::before {
  background-image: url(../img/icon/icon-done.svg);
  opacity: 1;
}
body .ui-datepicker .ui-widget-header,
body .ui-datepicker .ui-datepicker-header {
  background: #BF382C;
}
body .ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
}
body .ui-datepicker thead {
  background: #E5675C;
  border-right: 1px solid #E5675C;
}
body .ui-datepicker td .ui-state-hover {
  background: #BF382C;
}
body .ui-datepicker td.ui-datepicker-today {
  background-color: #E5675C;
}
body .ui-datepicker td.ui-datepicker-today .ui-state-highlight {
  color: #ffffff;
}
body .ui-datepicker td.ui-datepicker-current-day {
  background-color: #FDF4ED;
}
body .ui-datepicker select {
  border-radius: 4px;
  text-align: center;
}
@supports (-webkit-touch-callout: none) {
  body .ui-datepicker {
    display: none !important;
  }
}
body .ui-datepicker.m-only {
  display: none !important;
}/*# sourceMappingURL=job-application.css.map */