/*
    1. Author: Mat
    2. Mobile, Tablet, Desktop, Override
*/
/* =========== Font ==============*/

@font-face {
  font-family: "TheSansPlain";
  src: url("../fonts/TheSansPlain.otf") format("opentype");
}

@font-face {
  font-family: "TheSansPlainB8ExtraBold";
  src: url("../fonts/owh/TheSans-B8ExtraBold.otf") format("opentype");
}

@font-face {
  font-family: "TheSansPlainB5Plain";
  src: url("../fonts/owh/TheSans-B5Plain.otf") format("opentype");
}

@font-face {
  font-family: "TheSansB7Bold";
  src: url("../fonts/owh/TheSans-B7Bold.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansTCLight";
  src: url("../fonts/NotoSansTC-Light.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansTC-Black";
  src: url("../fonts/owh/NotoSansTC-Black.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansTC-Bold";
  src: url("../fonts/owh/NotoSansTC-Bold.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansTC-Medium";
  src: url("../fonts/owh/NotoSansTC-Medium.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansTC-Regular";
  src: url("../fonts/owh/NotoSansTC-Regular.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansTC-Thin";
  src: url("../fonts/owh/NotoSansTC-Thin.otf") format("opentype");
}
/* Apply to all device */

.container {
  width: 100%;
}
/* Hide datepicker icon */

.datepicker-calendar-icon {
  display: none;
}

button.moveNext:not(.af-icon-button):hover {
  background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
  background: -moz-linear-gradient(#e0211e, #b91813) !important;
  background: -webkit-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
  background: -webkit-linear-gradient(#e0211e, #b91813) !important;
  background: -o-linear-gradient(#e0211e, #b91813) !important;
  background: -ms-linear-gradient(#e0211e, #b91813) !important;
  border: none !important;
}

.prud:after {
  /* For Prudential Mandatory Field, e.g.: Email Address, DOB */
  content: "*";
  color: red;
}

.engLastName ::placeholder,
.engFirstMiddleName ::placeholder {
  opacity: 0.5;
  font-style: italic;
  font-family: TheSansPlainB5Plain;
  color: #b9b9b9;
}

.emailAddress input[type="email"]::placeholder {
  opacity: 0.5;
  font-style: italic;
  font-family: TheSansPlainB5Plain;
  color: #b9b9b9;
}

.iAgree .left,
.iAgree .right,
.tc-close {
  cursor: pointer !important;
}

a:visited {
  color: blue;
}

.gender-radio .guideRadioButtonItem {
  cursor: default !important;
}

.gender-radio .guideRadioButtonItem .left input,
.gender-radio .guideRadioButtonItem .right {
  cursor: pointer !important;
}
/* For mobile 479px */

@media (max-width: 768px) {
  html {
    background-color: white;
  }
  html,
  body {
    margin-bottom: 71.1px;
    /* Height of afFooter */
  }
  sup {
    vertical-align: top;
  }
  body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
  }
  /* ==== Redundant Guide Header ==== */
  .guide-1591326886034 {
    display: none;
  }
  /* ===== Top Bar (Layout: Wizard) ==== */
  .afWizardPanel {
    padding: unset;
    min-height: calc(100vh - 71.5px);
    /* Reserve position for afFooter, make it sticky */
  }
  .mobileLayout {
    display: none;
  }
  /* Header Logo*/
  .afHeader {
    margin: unset;
    border-top-style: solid !important;
    border-top-width: 4px;
    border-top-color: rgb(236, 34, 37);
    height: 50px;
  }
  .guideimage .logoImage img {
    width: 230px;
    height: 64px;
    margin-top: -10px;
  }
  /* Footer */
  .afFooter {
    width: 100%;
    height: 71.5px;
    margin-bottom: unset;
    padding: unset;
    background: #f5f5f5;
    position: fixed;
    bottom: 0;
    z-index: 10;
  }
  .afFooter.sticky {
    position: sticky;
    margin-bottom: unset;
  }
  .afFooter p {
    margin: 0px;
    width: 100%;
    font-size: 10px !important;
    text-align: left;
    padding: 25px 27.5px 20px 27.5px;
    font-family: TheSansPlain;
    line-height: normal;
    color: rgb(51, 51, 51);
  }
  .footerText {
    padding: unset !important;
  }
  /* Thematic Break */
  hr {
    margin: unset !important;
    width: 84.48%;
    border: 1px solid #c5c5c5;
    margin-left: 7.7% !important;
    margin-top: 5% !important;
  }
  /* For all disabled button */
  .guidebutton [data-disabled="true"] button:not(.af-icon-button) {
    opacity: 0.5;
    background-color: #ec2225;
  }
  /* For all buttons with hover or focus action */
  button:not(.af-icon-button):hover,
  button:not(.af-icon-button):focus {
    background: #ec2225;
  }
  /* For all guideFieldError */
  .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
    background: unset;
  }
  /* Progress Bar */
  .border {
    margin-top: 1%;
    height: 4px;
    border: 1px solid #ccc !important;
    border-radius: 20px;
    background-color: rgb(224, 224, 224);
    width: 89.33%;
    margin-left: 5.33%;
  }
  .innerBorder {
    color: #000 !important;
    background-color: rgb(98, 98, 98) !important;
    height: 4px;
    width: 33.33%;
    border-radius: 20px;
    margin-top: -1px;
  }
  /* For mobile datepicker placeholder */
  input[type="date"]::before {
    color: #333333;
    content: attr(placeholder);
    display: none;
  }
  input[type="date"]:focus::before {
    content: "" !important;
  }
  .no-before::before {
    display: none;
  }
  input {
    color: #333333;
  }
  /*
    ==============================================================================
    ====================== Content Page 1 (Cookies Overlay) ======================
    ==============================================================================
    ==============================================================================
  */
  #overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .cookies-panel {
    background-color: #ec2225;
    position: relative;
  }
  .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    opacity: 1;
    margin-top: 25%;
    margin-right: 8%;
  }
  .close:before,
  .close:after {
    position: absolute;
    /* left: 15px; */
    content: " ";
    height: 1.5rem;
    width: 2px;
    background-color: #ffffff;
  }
  .close:before {
    transform: rotate(45deg);
  }
  .close:after {
    transform: rotate(-45deg);
  }
  .cookies-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    letter-spacing: 0px;
    color: #ffffff;
  }
  .cookies-panel .cookie-stat {
    margin: unset;
    padding-top: 10%;
    margin-left: 20px;
    width: 85%;
  }
  .cookies-panel .accept-close {
    margin: unset;
    padding-top: 8px;
    padding-bottom: 5%;
    margin-left: 20px;
  }
  /*
    ==============================================================================
    ============ Content Page 1 (T&C Overlay & Leave Reminder Overlay) ===========
    ==============================================================================
    ==============================================================================
  */
  #overlay-tc,
  #overlay-not-fill-reminder,
  #sms-invalid-reminder {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    /* Black background with opacity */
    z-index: 99;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .tc-panel,
  .not-fill-reminder-panel {
    width: 80%;
    margin: 0 auto;
    height: 80%;
    background-color: #ffffff;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .not-fill-reminder-panel {
    width: 85%;
    height: auto;
  }
  .not-fill-reminder-panel img {
    margin: 0 auto;
    display: block;
    margin-top: 15%;
  }
  .tc-panel h2,
  .not-fill-reminder-panel h2 {
    font-family: TheSansB7Bold;
    font-size: 20px;
    font-weight: 100;
    color: rgb(206, 29, 25);
    color: #ce1d19;
    margin-left: 5%;
    margin-top: 4.5%;
    width: 80%;
  }
  .not-fill-reminder-panel h2 {
    margin: 0 auto;
    margin-top: 4%;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 18px;
  }
  .tc-panel p,
  .tc-panel ul,
  .not-fill-reminder-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #333333;
    margin-left: 5%;
    margin-top: 3%;
    width: 90%;
  }
  .not-fill-reminder-panel p {
    margin: 0 auto;
    margin-top: 2%;
    text-align: center;
    color: rgb(51, 51, 51);
  }
  .tc-close,
  .not-fill-reminder-close {
    /* position: absolute; */
    float: right;
    right: 0;
    top: 0;
    width: 23px;
    height: 23px;
    opacity: 1;
    margin-top: 3%;
    margin-right: 3%;
  }
  .not-fill-reminder-close {
    width: 23px;
    text-align: right;
    padding-right: 10%;
    margin-top: 5%;
  }
  .tc-close:before,
  .tc-close:after,
  .not-fill-reminder-close:before,
  .not-fill-reminder-close:after {
    position: absolute;
    margin-left: 2%;
    content: " ";
    height: 20px;
    width: 2px;
    background-color: #333333;
  }
  .tc-close:before,
  .not-fill-reminder-close:before {
    transform: rotate(45deg);
  }
  .tc-close:after,
  .not-fill-reminder-close:after {
    transform: rotate(-45deg);
  }
  .tc-panel p,
  .tc-panel ul,
  .not-fill-reminder-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
  }
  .tc-panel p,
  .tc-panel ul {
    margin-top: unset !important;
    margin-bottom: unset !important;
  }
  .tc-btn button,
  .not-fill-reminder-btn button {
    margin: unset;
    margin: 0 auto;
    margin-left: 6.25%;
    margin-bottom: 15%;
    margin-top: 12.5%;
    border: none;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    width: 86.25%;
    height: 48px;
    display: block;
  }
  .not-fill-reminder-btn button {
    display: block;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: 10%;
    width: 80%;
  }
  /*
    ==============================================================================
    =================== Content Page 1 (Welcome Page) ============================
    ==============================================================================
    ==============================================================================
  */
  .panel1591773923022.panel {
    background: linear-gradient(
        rgba(255, 255, 255, 0.5),
        rgba(255, 255, 255, 0.3)
      ),
      url(/content/dam/owh/PreAO-Marble-Mobile.jpg) no-repeat;
    background-size: cover;
    min-height: calc(100vh - 71px);
    background-position: center;
  }
  .languageSelector .guideFieldError {
    display: none;
  }
  .languageSelector {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
  }
  .languageSelector select {
    border: none;
    font-size: 14px;
    font-family: TheSansPlain;
    color: rgb(51, 51, 51);
    padding: unset;
    margin-right: 20px;
    width: 45px;
    float: right;
    background: url(/content/dam/owh/down.svg) calc(100% - 0.1rem) 50% / auto
      1rem no-repeat;
    background-size: 8.41px 5px;
  }
  .languageSelector select:hover {
    background: url(/content/dam/owh/down.svg) calc(100% - 0.1rem) 50% / auto
      1rem no-repeat;
    background-size: 8.41px 5px;
  }
  .title1,
  .title2,
  .title4 {
    padding: unset !important;
  }
  .title1 p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 30px;
    color: #000000;
    margin-left: 5.2%;
    margin-top: 3%;
    line-height: normal;
  }
  .title2 p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    color: #000000;
    margin-left: 5.2%;
    width: 91.9%;
  }
  .instructionInnerPanel {
    width: 89.59%;
    height: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-left: 5.2%;
    margin-top: 5.2%;
    margin-bottom: 5.2%;
    /* margin-bottom: 20px; */
    opacity: 0.85;
  }
  .guideCheckBoxGroup.iAgree {
    /* Be reminded that there are 2 iAgree Class due to AEM behavior */
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-left: 6.93% !important;
    margin-top: 5% !important;
    width: 85%;
  }
  .guideCheckBoxGroup.iAgree .guideFieldError {
    display: none;
  }
  .iAgree .guideWidgetLabel.right {
    width: 90%;
    float: right;
    line-height: normal;
  }
  .iAgree .guideWidgetLabel.right label {
    margin-left: 0px;
    line-height: normal;
    font-family: TheSansPlainB5Plain;
    font-size: 12px;
    color: #333333;
  }
  .startformbtn .guideFieldError {
    display: none;
  }
  .startformbtn .guideFieldButtonWidget {
    margin-top: 11.6%;
    margin-left: 6.93%;
    margin-bottom: 11.6%;
  }
  .startformbtn .guideFieldButtonWidget button {
    margin: unset;
    border: none;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813);
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: white;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    padding: 16px 24.5px 12px 24.5px;
    width: 93%;
  }
  .outerPromo {
    display: inline-block;
    margin-left: 20px;
    width: 100%;
    height: 96px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .innerPromo.mobileicon img {
    width: 51px;
    height: 51px;
    float: left;
    margin-top: 23px;
    margin-left: 26px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .innerPromo.textField {
    width: 212px;
    float: left;
    margin-left: 17.72px;
  }
  .innerPromo.textField p {
    margin: unset;
    margin-top: 21.5px;
    font-size: 12px;
    font-family: TheSansPlain;
    line-height: 15px;
    color: #333333;
  }
  .innerPromo.textField h2 {
    margin: unset;
    font-size: 16px;
    font-family: TheSansB7Bold;
    margin-top: 1.5px;
    color: #333333;
  }
  .docType .guideFieldError {
    font-size: 13px;
    font-family: TheSansB7Bold;
    padding: unset;
  }
  /*
    ==============================================================================
    ==================== Content Page 2 (OTP Enter Page) =========================
    ==============================================================================
    ==============================================================================
  */
  .pre-otp-title {
    padding: unset !important;
    margin-top: 5.65%;
  }
  .pre-otp-title p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 20px;
    color: #333333;
    /* margin: 0 auto; */
    text-align: center;
  }
  .otpSection {
    width: 89.33%;
    height: 53.9vh;
    margin-left: 5.3%;
    margin-top: 3%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .pre-otp-mobile-instruction p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    width: 84.48%;
    font-size: 14px;
    margin-left: 7.7%;
    margin-top: 5.9%;
    color: #333333;
  }
  .pre-otp-mobile-instruction {
    padding: unset !important;
  }
  .otplabel {
    padding: unset !important;
  }
  .otplabel p {
    margin: unset;
    font-family: TheSansB7Bold;
    font-size: 14px;
    color: #333333;
    text-align: left;
    margin-left: 7.7%;
    margin-top: 7.8%;
    margin-bottom: 0.1%;
  }
  .sms-otp select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    width: 24.18%;
    margin-left: 7.7%;
    margin-top: 3%;
    padding-right: 9%;
    background: url(/content/dam/owh/down.svg) calc(100% - 0.6rem) 50% / auto
        0.8rem no-repeat,
      rgba(255, 255, 255, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    color: #333333;
  }
  .sms-otp input {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    width: 57.6%;
    margin-left: 1.5%;
    -webkit-appearance: none;
    margin-top: 3px;
  }
  .sms-otp button {
    width: 84.7%;
    border: none;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    margin-left: 7.7% !important;
    height: 48px;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 16px;
    margin-top: 6.8%;
    margin-bottom: 5.2%;
  }
  .sms-otp .guideFieldError {
    display: none;
  }
  /*
    ==============================================================================
    ===================== Content Page 3 (OTP Main Page) =========================
    ==============================================================================
    ==============================================================================
  */
  .Navbar.Mobile.Verification .guideFieldWidget {
    margin-top: 15px;
  }
  .Navbar.Mobile.Verification .guideFieldError {
    display: none;
  }
  .navbar .content.mobile-ver-nav {
    margin-top: 3%;
    width: 100%;
    text-align: center;
    margin-left: 0px;
  }
  .navbar-mobile-verify {
    margin-top: 26pt;
  }
  .navbar-mobile-verify .guideFieldError {
    display: none;
  }
  .otpHeader p {
    /* Title: Mobile Verification (JRC) */
    margin: unset;
    margin-top: 38px;
    margin-left: 20px;
    width: 335px;
    height: 44px;
    text-align: center;
    letter-spacing: 0px;
    color: #333333;
    font-size: 20px;
    font-family: TheSansPlainB8ExtraBold;
  }
  .otpOuterPanel {
    width: 89.33%;
    height: 53.9vh;
    margin-left: 5.33%;
    margin-right: 5.33%;
    margin-top: 5.33%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .guide-1591670446000 .otpouterpanel .guideGridFluidLayout {
    margin: unset;
    margin-top: 24px;
    height: 58px;
  }
  .otpInstruction {
    /* Label: Please enter the OTP ... */
    padding: unset !important;
    width: 84.48%;
    height: 40px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    margin-left: 7.7%;
    margin-top: 6%;
  }
  .otpInstruction p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    margin: unset !important;
  }
  #guideContainer-rootPanel-panel_2029123994-panel_632751285-guidetextdraw_115481___guide-item {
    /* resent label parent div */
    margin-top: 25px;
  }
  .sms-otp-2 {
    margin-top: 6%;
    width: 84.48%;
    margin-left: 7.7%;
  }
  .sms-otp-2 label span {
    color: #333333;
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
  }
  .sms-otp-2 input {
    height: 58px;
    width: 15%;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlainB5Plain;
    text-align: center;
    margin-left: 10px;
    -webkit-appearance: none;
  }
  .sms-otp-2 input:not(#code1) {
    margin-left: 5.9%;
  }
  .sms-otp-2 .guideFieldWidget {
    text-align: center;
    margin-top: 25px !important;
  }
  .sms-otp-2 .guideFieldWidget label {
    margin: unset;
    font-family: TheSansB7Bold, Arial;
    font-size: 14px;
    text-align: center;
    color: #333333;
  }
  .sms-otp-2 button {
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    width: 100%;
    height: 48px;
    margin: unset;
    margin-top: 5%;
    margin-bottom: 5%;
    color: white;
    border: none;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
  }
  /*
    ==============================================================================
    ======================== Content Page 4 (Personal Details) ===================
    ==============================================================================
    ==============================================================================
  */
  .navbar-personal-details {
    /* margin-top: 20pt; */
  }
  .navbar-personal-details .guideFieldError {
    display: none;
  }
  .navbar .left-side {
    display: inline-block;
    width: 25%;
    float: left;
  }
  .navbar .right-side {
    display: inline-block;
    width: 25%;
    /* float: right; */
  }
  .navbar-personal-details .navbar button {
    display: none;
  }
  .navbarPersonal .guideFieldError {
    display: none;
  }
  .navbar.lf {
    width: 10%;
    float: left;
    margin-left: 5.33%;
    margin-top: 2.1%;
  }
  .navbar.lf:hover {
    background-color: transparent;
  }
  .navbar-personal-details .navbar.lf {
    float: right;
    margin-right: 5.33%;
    width: 30%;
  }
  .navbar .content {
    font-family: TheSansPlainB8ExtraBold;
    font-size: 20px;
    font-weight: 100;
    color: rgb(0, 0, 0);
    margin: unset;
    margin-left: 30%;
    display: inline-block;
    width: 40%;
  }
  .navbar .right-side {
    font-size: 10px;
    font-family: TheSansPlainB5Plain;
    color: #333333;
    margin: unset;
    margin-top: 5.33%;
    width: 100%;
    text-align: right;
  }
  .personal-progress-bar .guideFieldError {
    display: none;
  }
  .personalDetailsPanel {
    /* Inner Panel */
    width: 89.33%;
    height: 100%;
    margin: 5.33%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .engNameLabel,
  .chineseNameLabel,
  .dob {
    margin: unset !important;
    padding: unset !important;
  }
  .engNameLabel p,
  .chineseNameLabel p,
  .chinese-name-dor label,
  .eng-name-dor label {
    margin: unset;
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
    margin-top: 6%;
    margin-left: 7.7%;
  }
  .chinese-name-dor label,
  .eng-name-dor label {
    margin-left: unset;
  }
  .dob label {
    margin: unset;
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
    margin-top: 6%;
  }
  .chinese-name-dor,
  .eng-name-dor,
  .engLastName,
  .engFirstMiddleName {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-left: 7.7% !important;
    margin-top: 2% !important;
    width: 84.48% !important;
    /* height: 40px !important; */
  }
  .engFirstMiddleName .guideFieldError,
  .engLastName .guideFieldError,
  .dob .guideFieldError {
    padding: unset;
    font-size: 13px;
    font-family: TheSansB7Bold;
  }
  .dob {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-left: 7.7% !important;
    width: 84.48% !important;
  }
  .engLastName .guideFieldError,
  .engFirstMiddleName .guideFieldError,
  .dob .guideFieldError {
    display: none;
  }
  .engLastName .textField input[type="text"],
  .engFirstMiddleName .textField input[type="text"],
  .dob .guideFieldWidget.dateTimeEdit input {
    border: 1px solid #b9b9b9 !important;
    border-radius: 3px !important;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    -webkit-appearance: none;
  }
  .guideFieldError[style*="display: block"] ~ .guideFieldWidget input {
    border-color: rgb(235, 60, 54) !important;
  }
  .dob .guideFieldWidget.dateTimeEdit input {
    margin-top: 2%;
  }
  .chineseNameLabel p {
    margin-top: 6%;
  }
  .chinesenamePanel div#guideContainer-rootPanel-panel_1347555018-panel-panel_859608440-guidetextbox_6228288___guide-item
    /* Chinese Last Name Parent Div */ {
    width: 41.24% !important;
    margin-left: 7.7%;
    margin-top: 2%;
    /* height: 40px !important; */
  }
  .chinesenamePanel div#guideContainer-rootPanel-panel_1347555018-panel-panel_859608440-guidetextbox_2081661___guide-item
    /* Chinese First Name Parent Div */ {
    width: 41.24% !important;
    margin-left: 2.89%;
    margin-top: 2%;
    /* height: 40px !important; */
  }
  .chinese-last-name {
    float: left;
  }
  .chinese-last-name,
  .chinese-first-name {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    /* width: 137px !important; */
    /* height: 40px !important; */
    display: inline-block;
  }
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError,
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError {
    padding: unset;
    font-size: 13px;
    font-family: TheSansB7Bold;
  }
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError {
    display: none;
  }
  .chinese-last-name .guideFieldWidget input[type="text"],
  .chinese-first-name .guideFieldWidget input[type="text"] {
    width: 100%;
    border: 1px solid #b9b9b9;
    border-radius: 3px !important;
    font-size: 14px;
    font-family: NotoSansTCLight;
    -webkit-appearance: none;
  }
  .chinese-last-name ::placeholder,
  .chinese-first-name ::placeholder {
    opacity: 0.5;
    font-style: italic;
    font-weight: 600;
    font-family: TheSansPlainB5Plain;
    color: #b9b9b9;
  }
  .afCheckBoxItem .guideWidgetLabel label {
    margin-left: 0;
    margin-right: 0;
  }
  .gender-radio .guideFieldError {
    display: none;
  }
  .gender-radio {
    padding: unset !important;
    border-left-width: 0px !important;
    /* background-color: white; */
    margin: unset !important;
    margin-top: 6% !important;
  }
  .gender-radio .guideFieldLabel.top label {
    margin: unset !important;
    margin-left: 7.7% !important;
  }
  .gender-radio label {
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333 !important;
    margin-right: unset !important;
  }
  .gender-radio .guideWidgetLabel label {
    font-family: TheSansPlainB5Plain;
  }
  .gender-radio.guideRadioButtonItem {
    margin: unset !important;
  }
  .gender-radio .guideRadioButtonGroupItems::before,
  .gender-radio .guideRadioButtonGroupItems::after {
    display: none;
  }
  .gender-radio .guideRadioButtonGroupItems {
    display: grid !important;
    grid-template-columns: auto auto auto;
    grid-column-gap: 5.96%;
    margin-left: 7.7%;
    width: 84.48% !important;
  }
  .gender-radio input[type="radio"] {
    margin: unset;
  }
  .mobile-num-dor {
    padding: unset !important;
    margin: unset !important;
    border-left-width: 0px !important;
  }
  .mobile-num-dor label {
    font-family: TheSansB7Bold;
    color: #333333;
    font-size: 14px;
    margin-top: 22px;
    margin-left: 26px;
    margin-bottom: 7px;
  }
  .mobile-num-dor input[type="text"] {
    margin-left: 26px;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    width: 283px;
    height: 40px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
  }
  .confirmPersonalNext {
    margin: 10% 7.7% 10% 7.7%;
  }
  .confirmPersonalNext .guideFieldError {
    display: none;
  }
  .confirmPersonalNext button:not(.af-icon-button) {
    /* Next Button */
    margin: unset !important;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    border: none;
    width: 100%;
    height: 48px;
  }
  .confirmPersonalNext button .iconButton-label {
    /* Next Button Label */
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    color: #ffffff;
  }
  #guideContainer-rootPanel-panel_1347555018-guidefooter___guide-item
    .afFooter {
    /* Personal Details Footer */
    margin: unset;
    margin-top: 44px;
  }
  /*
    ==============================================================================
    ==================== Content Page 5 (Document Details) =======================
    ==============================================================================
    ==============================================================================
  */
  .navbar-document .guideFieldError {
    display: none;
  }
  .navbar-document .navbar .right-side {
    margin: unset;
  }
  .navbar.lf button {
    border: none;
    width: 4.8%;
    background-color: transparent;
    background: url(/content/dam/owh/back.svg) calc(100% - 0.5rem) 50% / auto
      1rem no-repeat;
    margin: unset;
  }
  .navbar.lf button:hover,
  .navbar.lf button:active {
    background: url(/content/dam/owh/back.svg) calc(100% - 0.5rem) 50% / auto
      1rem no-repeat;
  }
  .navbar.lf button span {
    display: none;
  }
  .navbar-document .navbar.lf {
    width: 20%;
    float: right;
    margin-right: 5.33%;
    margin-top: 3.5%;
  }
  .document-details-progress-bar .guideFieldError {
    display: none;
  }
  .navbar .content.document-nav {
    width: 50%;
    color: #333333;
    margin: unset;
    margin-top: 2px;
    margin-left: 20%;
  }
  .documentDetailsPanel {
    margin-left: 5.33%;
    margin-top: 2.5%;
    margin-bottom: 5.33%;
    width: 89.33%;
    min-height: 421px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .document-type-text {
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 10.2% !important;
    margin-left: 7.7% !important;
    margin-right: 7.7% !important;
  }
  .document-type-text p {
    margin: unset;
    font-family: TheSansPlain;
  }
  .document-type-text p p {
    font-family: TheSansPlain;
  }
  .document-type-text p b {
    font-family: TheSansB7Bold;
  }
  .docType {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 5.2% !important;
    margin-left: 6.93% !important;
  }
  .docType .guideFieldError,
  .nationality .guideFieldError {
    display: none;
  }
  .nationality .guideFieldError {
    padding: unset;
    font-size: 11px;
    font-family: TheSansB7Bold;
  }
  .docType label,
  .nationality label {
    margin-bottom: 7px;
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
  }
  .docType .dropDownList {
    width: 93%;
    /* border: 1px solid #B9B9B9; */
    /* border-radius: 3px; */
  }
  .docType .dropDownList select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 14px;
    color: #333333;
    padding-top: 0.5rem;
  }
  .nationality {
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 10.2% !important;
    margin-left: 7.7% !important;
    margin-right: 7.7% !important;
    margin-bottom: unset !important;
  }
  .nationality input::placeholder {
    color: #333333;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    font-style: italic;
    opacity: 0.35;
  }
  .nationality input[type="text"] {
    width: 90%;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 14px;
  }
  .nationality select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 14px;
    color: #333333;
    padding-top: 0.5rem;
    background: url(/content/dam/owh/down.svg) 95% / auto 0.7rem no-repeat;
  }
  .nationality select:hover {
    background: url(/content/dam/owh/down.svg) 95% / auto 0.7rem no-repeat;
  }
  .personalPartTwoNext .guideFieldError {
    display: none;
  }
  .personalPartTwoNext button {
    width: 85%;
    margin: unset;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 16px;
    padding: 16px 12px;
    border: none;
    margin-top: 40px;
    margin-left: 26.81px;
    margin-bottom: 10%;
  }
  .emailAddress {
    padding: unset !important;
    margin: unset !important;
    border-left-width: 0px !important;
  }
  .emailAddress label {
    font-family: TheSansB7Bold;
    color: #333333;
    font-size: 14px;
    margin-top: 6%;
    margin-left: 7.7%;
  }
  .emailAddress .guideFieldError {
    display: none;
  }
  .emailAddress .guideFieldError {
    padding: unset;
    margin-left: 8%;
    font-size: 12px;
    font-family: TheSansB7Bold;
  }
  .emailAddress input[type="email"] {
    margin-left: 7.7%;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    width: 84.48%;
    height: 40px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    margin-top: 2%;
    -webkit-appearance: none;
  }
  /*
    ==============================================================================
    =================== Content Page 7 (Review & Confirm) ========================
    ==============================================================================
    ==============================================================================
  */
  .navbar-review .guideFieldError {
    display: none;
  }
  .navbar-review .navbar .right-side {
    margin: unset;
  }
  .navbar .content.review-nav {
    width: 50%;
    color: #333333;
    margin: unset;
    margin-top: 2px;
    margin-left: 18%;
  }
  .navbar-review .navbar.lf {
    width: 20%;
    float: right;
    margin-right: 5.33%;
  }
  .review-progress-bar .guideFieldError {
    display: none;
  }
  .review-panel {
    width: 89.33%;
    height: 61.8vh;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-left: 5.33%;
    margin-top: 6%;
    margin-right: 5.33%;
  }
  /* Personal Details Edit Btn Parent Div, Document Details Edit Btn Parent Div */
  #guideContainer-rootPanel-panel1392199234944-panel-guidebutton_45777934___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidebutton_70490560___guide-item {
    float: right;
    margin-top: 5%;
    margin-right: 7.8%;
    width: 25px;
    height: 25px;
  }
  /* English Name Parent Div, Document Type Parent Div */
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_182908___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_118194___guide-item {
    width: 70%;
    float: left;
  }
  .personal-details-label,
  .document-details-label {
    padding: unset !important;
    margin-left: 26px;
  }
  .personal-details-label p,
  .document-details-label p {
    margin: unset;
    margin-top: 18px;
    font-family: TheSansB7Bold;
    font-size: 14px;
    color: #c31a16;
  }
  .personal-details-label p {
    margin-top: 25.5px;
  }
  .review-eng-name,
  .review-chinese-name,
  .review-dob,
  .review-gender,
  .review-document-type,
  .review-email,
  .review-nationality {
    padding: unset !important;
    margin-left: 7.7%;
  }
  .review-eng-name p,
  .review-chinese-name p,
  .review-dob p,
  .review-gender p,
  .review-document-type p,
  .review-email p,
  .review-nationality p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    color: #333333;
    margin-top: 2.2%;
  }
  .review-eng-name p,
  .review-document-type p {
    margin-top: 10.2%;
    margin-left: 3.5%;
  }
  .review-eng-name p b,
  .review-chinese-name p b,
  .review-dob p b,
  .review-gender p b,
  .review-document-type p b,
  .review-email p b,
  .review-nationality p b {
    font-family: TheSansB7Bold;
  }
  .reviewNext .guideFieldError {
    display: none;
  }
  .reviewNext button {
    margin: unset;
    border: none;
    color: #ffffff;
    width: 84.48%;
    padding: 16px 24.5px 12px 24.5px;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 16px;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    margin-top: 10%;
    margin-left: 7.7%;
    margin-bottom: 10%;
    margin-right: 7.7%;
  }
  .personal-details-edit-btn .guideFieldError,
  .document-details-edit-btn .guideFieldError {
    display: none;
  }
  .personal-details-review-inner-panel,
  .document-details-review-inner-panel,
  .contact-us-review-inner-panel {
    display: inline;
  }
  .personal-details-edit-btn button {
    margin: unset;
    /*margin-top: 10px;*/
    border: none;
    padding: unset;
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
    width: 25px;
    height: 25px;
  }
  .document-details-edit-btn button {
    margin: unset;
    border: none;
    padding: unset;
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
    width: 25px;
    height: 25px;
  }
  /*
    ==============================================================================
    ====================== Content Page 8 (Thank You Page) =======================
    ==============================================================================
    ==============================================================================
  */
  .thank-you-title {
    padding: unset !important;
  }
  .thank-you-title p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 20px;
    color: #333333;
    margin-top: 5.33%;
    margin-left: 5.33%;
    margin-right: 5.33%;
    text-align: center;
  }
  .thankyou-panel {
    margin-left: 5.33%;
    margin-right: 5.33%;
    margin-top: 5.33%;
    width: 89.33%;
    /* height: 36%; */
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .envelop-success-img {
    line-height: 0px;
  }
  .envelop-success-img img {
    margin: unset;
    width: 11.73%;
    margin-left: 44.14%;
    margin-top: 5.33%;
  }
  .thank-you-label,
  .submitdt-label,
  .contact-reminder-label-1,
  .contact-reminder-label-2 {
    padding: unset !important;
  }
  .thank-you-label p,
  .submitdt-label p,
  .contact-reminder-label-1 p,
  .contact-reminder-label-2 p {
    margin: unset !important;
    font-family: TheSansPlainB5Plain;
    font-size: 12px;
    color: #333333;
    text-align: center;
    width: 84.48%;
    margin-left: 7.7% !important;
  }
  .thank-you-label p {
    font-family: TheSansB7Bold;
    font-size: 14px;
    margin-top: 3.5% !important;
  }
  .submitdt-label p {
    margin-top: 2.5% !important;
  }
  .contact-reminder-label-1 p {
    margin-top: 5.33% !important;
  }
  .contact-reminder-label-2 p {
    margin-top: 5.33% !important;
    margin-bottom: 10.01% !important;
  }
  .promotionBanner img {
    width: 89.33%;
    /* height: 14.8vh; */
    margin-left: 5.33%;
    margin-right: 5.33%;
    border-radius: 10px;
  }
}
/* For mobile */
/* Landscape */

@media (max-width: 900px) and (orientation: landscape) {
  .tc-panel,
  .not-fill-reminder-panel {
    height: 80%;
  }
  .otpSection,
  .otpOuterPanel,
  .review-panel,
  .documentDetailsPanel,
  .personalDetailsPanel,
  .promotionBanner img {
    margin-bottom: 10%;
  }
  .not-fill-reminder-panel img,
  .not-fill-reminder-btn button {
    margin-top: 5%;
  }
  .otpSection,
  .otpOuterPanel,
  .review-panel {
    height: auto;
  }
}
/* For mobile 355px */
/* Small Device */

@media (max-width: 374px) {
  .sms-otp-2 input {
    margin-left: 0px !important;
  }
  .sms-otp-2 input:not(#code1) {
    margin-left: 3% !important;
  }
  .gender-radio .guideRadioButtonGroupItems {
    display: block !important;
  }
}
/*
  ##Device = Tablets (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1281px) {
  html {
    background-color: white;
  }
  sup {
    /* For Subscript */
    vertical-align: top;
  }
  /* ===== Top Bar (Layout: Wizard) ==== */
  .afWizardPanel {
    padding: unset;
    padding: 0;
    min-height: calc(100vh - 71.5px);
    /* Reserve position for afFooter, make it sticky */
  }
  .col-sm-10 {
    width: 100%;
  }
  /* Header Logo*/
  .afHeader {
    margin: unset;
    width: 100%;
    padding-left: 11.72%;
    border-top: 6px solid rgb(236, 34, 37);
    height: 78px;
  }
  .guideHeader {
    width: 100%;
  }
  .guideimage .logoImage img {
    width: 230px;
    height: 64px;
    margin-top: 0px;
  }
  /* Hide Header */
  .guideheader.aem-GridColumn {
    display: none;
  }
  .col-md-12.clearfix {
    display: none;
  }
  .guideWizardLayout {
    padding: unset;
  }
  /* Footer */
  .afFooter {
    background: #f5f5f5;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  .afFooter p {
    margin: 0px;
    width: 100%;
    font-size: 10px !important;
    text-align: left;
    padding: 25px 27.5px 20px 27.5px;
    font-family: TheSansPlain;
    line-height: normal;
    color: #333333;
  }
  .footerText {
    padding: unset !important;
  }
  /*** hr line 87 */
  /* For all disabled button */
  .guidebutton [data-disabled="true"] button:not(.af-icon-button) {
    opacity: 0.5;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
  }
  input {
    color: #333333;
  }
  /* For all buttons with hover or focus action */
  button:not(.af-icon-button):hover,
  button:not(.af-icon-button):focus {
    background: #ec2225;
  }
  /* For all guideFieldError */
  .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
    background: unset;
  }
  /* Progress Bar */
  .border {
    height: 8px;
    border: 1px solid #ccc !important;
    border-radius: 20px;
    background-color: rgb(224, 224, 224);
    width: 90%;
  }
  .innerBorder {
    color: #000 !important;
    background-color: rgb(98, 98, 98) !important;
    height: 8px;
    width: 33.33%;
    border-radius: 20px;
    margin-top: -1px;
  }
  /*
    ==============================================================================
    ============================== No IE Page  ===================================
    ==============================================================================
    ==============================================================================
    */
  .no-ie-inner-panel {
    width: 77.08%;
    min-height: 400px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 56px;
    margin-bottom: 150px;
  }
  .no-ie-notify-img {
    text-align: center;
  }
  .no-ie-notify-img img {
    margin: 0;
    margin-top: 0px;
    text-align: center;
    margin-top: 12.89%;
  }
  .no-ie-title1 {
    margin-top: 2%;
  }
  .no-ie-title1 p {
    text-align: center;
    font-size: 22px;
    font-family: TheSansPlainB8ExtraBold;
    color: rgb(0, 0, 0);
    margin: 0;
  }
  .no-ie-title2 {
    text-align: center;
    font-size: 18px;
    font-family: TheSansPlainB5Plain;
  }
  .no-ie-title1 p {
    text-align: center;
    font-size: 22px;
    font-family: TheSansPlainB8ExtraBold;
    color: rgb(0, 0, 0);
  }
  .browser-op {
    width: auto !important;
    margin-left: 46.6% !important;
    margin-bottom: 10% !important;
  }
  /*
    ==============================================================================
    ====================== Content Page 1 (Cookies Overlay) ======================
    ==============================================================================
    ==============================================================================
    */
  #overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .cookies-panel {
    background-color: #ec2225;
    position: relative;
  }
  .close {
    position: absolute;
    right: 2%;
    top: 10%;
    width: 14px;
    height: 14px;
    opacity: 1;
  }
  .close:before,
  .close:after {
    position: absolute;
    /* left: 15px; */
    content: " ";
    height: 1.5rem;
    width: 2px;
    background-color: #ffffff;
  }
  .close:before {
    transform: rotate(45deg);
  }
  .close:after {
    transform: rotate(-45deg);
  }
  .cookies-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    letter-spacing: 0px;
    color: #ffffff;
  }
  .cookies-panel .cookie-stat {
    margin: unset;
    padding-top: 10%;
    margin-left: 20px;
    width: 85%;
  }
  .cookies-panel .accept-close {
    margin: unset;
    padding-top: 8px;
    padding-bottom: 5%;
    margin-left: 20px;
  }
  /*
    ==============================================================================
    ============ Content Page 1 (T&C Overlay & Leave Reminder Overlay) ===========
    ==============================================================================
    ==============================================================================
  */
  #overlay-tc,
  #overlay-not-fill-reminder,
  #sms-invalid-reminder {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    /* Black background with opacity */
    z-index: 99;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .tc-panel,
  .not-fill-reminder-panel {
    width: 80%;
    height: 70%;
    background-color: #ffffff;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .not-fill-reminder-panel {
    width: 50%;
    height: auto;
    margin: 0 auto;
  }
  .not-fill-reminder-panel img {
    margin: 0 auto;
    display: block;
    margin-top: 11%;
  }
  .tc-panel h2,
  .not-fill-reminder-panel h2 {
    font-family: TheSansB7Bold;
    font-size: 22px;
    font-weight: 100;
    color: rgb(206, 29, 25);
    color: #ce1d19;
    margin-left: 5.45%;
    margin-top: 9%;
    width: 80%;
  }
  .not-fill-reminder-panel h2 {
    margin: 0 auto;
    margin-top: 4%;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 18px;
  }
  .tc-panel p,
  .tc-panel ul,
  .not-fill-reminder-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #333333;
    margin-left: 5.45%;
    margin-top: 2%;
    width: 85%;
  }
  .not-fill-reminder-panel p {
    margin: 0 auto;
    margin-top: 2%;
    text-align: center;
    color: rgb(51, 51, 51);
  }
  .tc-close,
  .not-fill-reminder-close {
    /* position: absolute; */
    float: right;
    right: 0;
    top: 0;
    width: 23px;
    height: 23px;
    opacity: 1;
    margin-top: 3%;
    margin-right: 5%;
  }
  .not-fill-reminder-close {
    width: 8%;
    text-align: right;
    margin-right: unset;
    padding-right: 5%;
  }
  .tc-close:before,
  .tc-close:after,
  .not-fill-reminder-close:before,
  .not-fill-reminder-close:after {
    position: absolute;
    margin-left: 1%;
    content: " ";
    height: 20px;
    width: 2px;
    background-color: #333333;
  }
  .tc-close:before,
  .not-fill-reminder-close:before {
    transform: rotate(45deg);
  }
  .tc-close:after,
  .not-fill-reminder-close:after {
    transform: rotate(-45deg);
  }
  .tc-panel p,
  .tc-panel ul,
  .not-fill-reminder-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
  }
  .tc-panel p,
  .tc-panel ul {
    margin-top: unset !important;
    margin-bottom: unset !important;
  }
  .tc-btn button,
  .not-fill-reminder-btn button {
    display: block;
    margin: unset;
    margin-left: 33.33%;
    margin-top: 3%;
    margin-bottom: 7.3%;
    border: none;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813);
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    width: 33.33%;
    height: 48px;
  }
  .not-fill-reminder-btn button {
    display: block;
    margin: 0 auto;
    margin-top: 6%;
    margin-bottom: 10%;
    width: 60%;
  }
  /*
    ==============================================================================
    ====================== Content Page 1 (Welcome Page) =========================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel1591773923022___guide-item-nav,
  #guideContainer-rootPanel___guide-item-nav-container {
    display: none;
  }
  /* First Page Parent Div */
  .panel1591773923022.panel {
    background: linear-gradient(
        rgba(255, 255, 255, 0.5),
        rgba(255, 255, 255, 0.3)
      ),
      url(/content/dam/owh/PreAO-Marble-Tablet.jpg) no-repeat;
    background-size: cover;
    min-height: calc(100vh - 71.7px);
  }
  .languageSelector .guideFieldError {
    display: none;
  }
  .languageSelector {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
  }
  .languageSelector select {
    border: none;
    font-size: 16px;
    font-family: TheSansPlain;
    color: rgb(51, 51, 51);
    padding: unset;
    margin-right: 13%;
    margin-top: 3%;
    width: 55.57px;
    float: right;
    background: url(/content/dam/owh/down.svg) calc(100% + 0.2rem) 50% / auto
      5rem no-repeat;
    background-size: 16px 10px;
  }
  .languageSelector select:hover {
    /* position: absolute !important; */
    background: url(/content/dam/owh/down.svg) calc(100% + 0.2rem) 50% / auto
      5rem no-repeat;
    background-size: 16px 10px;
  }
  .title1,
  .title4 {
    padding: unset !important;
    margin-left: 11.73%;
  }
  .title2 {
    padding: unset !important;
    margin-left: 11.73%;
  }
  .title1 p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 42px;
    color: rgb(0, 0, 0);
    margin-top: 7.4%;
    line-height: normal;
  }
  .title2 p {
    margin: unset;
    width: 48.25%;
    font-family: TheSansPlainB5Plain;
    font-size: 22px;
    color: #000000;
    padding: unset !important;
  }
  .instructionInnerPanel {
    width: 48.25%;
    margin-left: 11.72%;
    margin-top: 1.56%;
    margin-bottom: 14.5%;
    /* margin-bottom: 20px; */
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    opacity: 0.9;
  }
  .guideCheckBoxGroup.iAgree {
    /* Be reminded that there are 2 iAgree Class due to AEM behavior */
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-left: 10% !important;
    margin-top: 5% !important;
    width: 79.25%;
  }
  .guideCheckBoxGroup.iAgree .guideFieldError {
    display: none;
  }
  .iAgree .guideWidgetLabel.right {
    width: 87%;
    float: right;
    line-height: normal;
    margin-right: 5%;
  }
  .iAgree .guideWidgetLabel.right label {
    margin-left: 0px;
    line-height: normal;
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    color: #333333;
  }
  .startformbtn .guideFieldError {
    display: none;
  }
  .startformbtn .guideFieldButtonWidget {
    margin-top: 6.65%;
    margin-bottom: 7.825%;
    margin-left: 10%;
  }
  .startformbtn .guideFieldButtonWidget button {
    margin: unset;
    border: none;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813);
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: white;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    padding: 16px 24.5px 12px 24.5px;
    width: 70%;
  }
  .outerPromo {
    display: inline-block;
    margin-left: 11.73%;
    width: 43.85%;
    height: 96px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .innerPromo.mobileicon img {
    width: 51px;
    height: 51px;
    float: left;
    margin-top: 23px;
    margin-left: 26px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .innerPromo.textField {
    width: 212px;
    float: left;
    margin-left: 17.72px;
  }
  .innerPromo.textField p {
    margin: unset;
    margin-top: 21.5px;
    font-size: 12px;
    font-family: TheSansPlain;
    line-height: 15px;
    color: #333333;
  }
  .innerPromo.textField h2 {
    margin: unset;
    font-size: 16px;
    font-family: TheSansB7Bold;
    margin-top: 1.5px;
    color: #333333;
  }
  /*document select*/
  #guideContainer-rootPanel-panel1591773923022-panel-guidedropdownlist_15___guide-item {
    width: 63.23%;
    margin-left: 10%;
  }
  #guideContainer-rootPanel-panel1591773923022-panel-guidedropdownlist_15__ {
    margin-left: 0px !important;
  }
  .docType .guideFieldError {
    font-family: TheSansB7Bold;
  }
  /*
    ==============================================================================
    ======================= Content Page 2 (OTP Enter Page) ======================
    ==============================================================================
    ==============================================================================
  */
  .pre-otp-title {
    padding: unset !important;
    width: 100%;
    margin-top: 4.3%;
    text-align: center;
  }
  .pre-otp-title p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 22px;
    color: #333333;
    text-align: center;
  }
  .otpSection {
    width: 76.56%;
    height: 400px;
    margin: 3% 11.72% 11.72% 11.72%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .pre-otp-mobile-instruction p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    width: 60%;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 8.25%;
    text-align: center;
    color: #333333;
  }
  .pre-otp-mobile-instruction {
    padding: unset !important;
  }
  .otplabel {
    padding: unset !important;
  }
  .otplabel p {
    margin: unset;
    font-family: TheSansB7Bold;
    font-size: 16px;
    color: #333333;
    text-align: left;
    margin-left: 22.5%;
    margin-top: 5.25%;
  }
  .sms-otp {
    text-align: center;
    margin-top: 16px;
  }
  .sms-otp select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-size: 16px;
    font-family: TheSansPlainB5Plain;
    /* margin-left: 20px; */
    width: 15.3%;
    background: url(/content/dam/owh/down.svg) calc(100% - 0.5rem) 50% / auto
        1rem no-repeat,
      rgba(255, 255, 255, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    color: #333333;
    height: 40px;
  }
  .sms-otp input {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-size: 16px;
    font-family: TheSansPlainB5Plain;
    width: 37.87%;
    height: 40px;
    margin-left: 5px;
  }
  .sms-otp button {
    width: 36.21%;
    border: none;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    height: 48px;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 16px;
    margin-top: 40px;
  }
  .sms-otp .guideFieldError {
    display: none;
  }
  .sms-otp .guideFieldError {
    text-align: left;
    margin-left: 22.5% !important;
    font-size: 14px !important;
  }
  #mobilenum_country,
  #mobilenum_number {
    padding-left: 1.9%;
    padding-right: 5%;
  }
  /*
    ==============================================================================
    ==================== Content Page 3 (OTP Main Page) ==========================
    ==============================================================================
    ==============================================================================
  */
  .nav-bar-mobile-verification {
    margin-top: 4.3%;
  }
  .navbar .content.mobile-ver-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-mobile-verify {
    margin-top: 26pt;
  }
  .navbar-mobile-verify .guideFieldError {
    display: none;
  }
  .nav-bar-mobile-verification .navbar.lf {
    margin-left: 11.72%;
  }
  .otpHeader p {
    /* Title: Tablet Verification (JRC) */
    margin: unset;
    margin-top: 38px;
    margin-left: 20px;
    width: 335px;
    height: 44px;
    text-align: center;
    letter-spacing: 0px;
    color: #333333;
    font-size: 22px;
    font-family: TheSansPlainB8ExtraBold;
  }
  .otpOuterPanel {
    /* OTP Outer Panel */
    width: 76.56%;
    height: 400px;
    margin: 3% 11.72% 11.72% 11.72%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .guide-1591670446000 .otpouterpanel .guideGridFluidLayout {
    margin: unset;
    margin-top: 24px;
    height: 58px;
  }
  .otpInstruction {
    /* Label: Please enter the OTP ... */
    padding: unset !important;
    width: 100%;
    height: 40px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
  }
  .otpInstruction p {
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    margin-top: 6.6%;
  }
  #guideContainer-rootPanel-panel_2029123994-panel_632751285-guidetextdraw_115481___guide-item {
    /* resent label parent div */
    margin-top: 25px;
  }
  .sms-otp-2 {
    margin-top: 24px;
    text-align: center;
  }
  .sms-otp-2 label span {
    color: #333333;
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
  }
  .sms-otp-2 input {
    height: 73px;
    width: 6.37%;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlainB5Plain;
    text-align: center;
    margin-left: 2.54%;
  }
  .sms-otp-2 input:not(#code1) {
    margin-left: 14.5px;
  }
  .sms-otp-2 .guideFieldWidget {
    text-align: center;
    margin-top: 25px !important;
  }
  .sms-otp-2 .guideFieldWidget label {
    margin: unset;
    font-family: TheSansPlain, TheSansB7Bold;
    font-size: 14px;
    text-align: center;
    color: #333333;
  }
  .sms-otp-2 button {
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    width: 36.21%;
    height: 48px;
    margin: unset;
    margin-top: 4.25%;
    color: white;
    border: none;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
  }
  /*
    ==============================================================================
    ===================== Content Page 4 (Personal Details) ======================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel_1347555018-navbar_personal_deta___guide-item {
    width: 8.25%;
    float: right;
    margin-right: 11.42%;
    margin-top: 3.25%;
  }
  #guideContainer-rootPanel-panel_1347555018-progress_bar___guide-item {
    width: 62.25%;
    float: left;
    margin-left: 11.72%;
    margin-top: 4.45%;
  }
  .personal-progress-bar .guideFieldError {
    display: none;
  }
  .border {
    width: 100%;
  }
  .navbar-personal-details .guideFieldError {
    display: none;
  }
  .navbar .left-side {
    display: inline-block;
    width: 25%;
    float: left;
  }
  .navbar-personal-details .navbar button {
    display: none;
  }
  .navbarPersonal .guideFieldError {
    display: none;
  }
  .navbar.lf {
    width: 56px;
    float: left;
  }
  .navbar.lf:hover {
    background-color: transparent;
  }
  .navbar .content {
    font-family: TheSansPlainB8ExtraBold;
    font-size: 20px;
    font-weight: 100;
    color: rgb(0, 0, 0);
    margin: unset;
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .navbar .right-side {
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    color: #333333;
    margin: unset;
    width: 100%;
    display: inline-block;
  }
  .personalDetailsPanel {
    /* Inner Panel */
    width: 76.56%;
    height: 100%;
    margin: 19px 11.72% 11.72% 11.72%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .engNameLabel,
  .chineseNameLabel,
  .dob {
    margin: unset !important;
    padding: unset !important;
  }
  .engNameLabel p,
  .chineseNameLabel p {
    margin: unset;
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
    margin-top: 5%;
    margin-left: 10.2%;
  }
  .dob label {
    margin: unset;
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
    /*margin-top: 26px;*/
  }
  .engLastName,
  .engFirstMiddleName {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    width: 100% !important;
  }
  .engLastName .textField input[type="text"],
  .engFirstMiddleName .textField input[type="text"],
  .dob .guideFieldWidget.dateTimeEdit input {
    border: 1px solid #b9b9b9 !important;
    border-radius: 3px !important;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    -webkit-appearance: none;
    height: 40px !important;
  }
  .engFirstMiddleName {
    float: left;
  }
  .engFirstMiddleName .guideFieldError,
  .engLastName .guideFieldError,
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError,
  .dob .guideFieldError {
    padding: unset;
    font-size: 12px;
    font-family: TheSansB7Bold;
  }
  .chinese-last-name ::placeholder,
  .chinese-first-name ::placeholder {
    opacity: 0.6;
    font-style: italic;
    font-weight: normal;
    font-family: TheSansPlainB5Plain;
    color: #b9b9b9;
  }
  .dob {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
  }
  .engLastName .guideFieldError,
  .engFirstMiddleName .guideFieldError,
  .dob .guideFieldError {
    display: block !important;
    visibility: visible !important;
    height: 18px !important;
  }
  .guideFieldError[style*="display: block"] ~ .guideFieldWidget input {
    border-color: rgb(235, 60, 54) !important;
  }
  .dob .guideFieldWidget.dateTimeEdit input {
    margin-top: 1%;
  }
  .chineseNameLabel p {
    margin-top: 2%;
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidetextbox___guide-item {
    width: 37.87% !important;
    margin-left: 10.2%;
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidetextbox_1436444___guide-item {
    width: 37.87% !important;
    margin-left: 3.8%;
    margin-right: 10.2%;
  }
  .chinesenamePanel div#guideContainer-rootPanel-panel_1347555018-panel-panel_859608440-guidetextbox_6228288___guide-item/* Chinese Last Name Parent Div */ {
    width: 37.87% !important;
    margin-left: 10.2%;
  }
  .chinesenamePanel div#guideContainer-rootPanel-panel_1347555018-panel-panel_859608440-guidetextbox_2081661___guide-item/* Chinese First Name Parent Div */ {
    width: 37.87% !important;
    margin-left: 3.8%;
    margin-right: 10.2%;
  }
  .chinese-last-name {
    float: left;
  }
  .chinese-last-name,
  .chinese-first-name {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    width: 100% !important;
  }
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError {
    display: block !important;
    visibility: visible !important;
    height: 18px !important;
  }
  .chinese-last-name .guideFieldWidget input[type="text"],
  .chinese-first-name .guideFieldWidget input[type="text"] {
    border: 1px solid #b9b9b9 !important;
    border-radius: 3px !important;
    font-size: 14px;
    font-family: NotoSansTCLight;
  }
  .chinese-first-name .guideFieldWidget input[type="text"] {
    /*margin-left: 8.98px;*/
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidecheckbox___guide-item {
    width: 37.87%;
    margin-left: 3.8%;
    margin-right: 10.2%;
    margin-top: 2%;
    margin-bottom: 1%;
  }
  .afCheckBoxItem .guideWidgetLabel label {
    margin-left: 0;
    margin-right: 0;
  }
  .gender-radio .guideFieldError {
    display: block !important;
    visibility: visible !important;
    height: 18px !important;
  }
  .gender-radio {
    padding: unset !important;
    border-left-width: 0px !important;
    /* background-color: white; */
    margin: unset !important;
    margin-top: 22px !important;
  }
  .gender-radio .guideFieldLabel.top label {
    margin: unset !important;
  }
  .gender-radio label {
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333 !important;
    margin-right: unset !important;
  }
  .gender-radio .guideWidgetLabel label {
    font-family: TheSansPlainB5Plain;
  }
  .gender-radio.guideRadioButtonItem {
    margin: unset !important;
  }
  .gender-radio .guideRadioButtonGroupItems::before,
  .gender-radio .guideRadioButtonGroupItems::after {
    display: none;
  }
  .gender-radio .guideRadioButtonGroupItems {
    display: block !important;
    grid-template-columns: auto auto auto;
    grid-column-gap: 19.2px;
  }
  .gender-radio input[type="radio"] {
    margin: unset;
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidedatepicker___guide-item {
    width: 37.87%;
    margin-left: 10.2%;
    margin-top: 2%;
    margin-bottom: 1%;
  }
  /* Gender*/
  #guideContainer-rootPanel-panel_1347555018-panel-guideradiobutton___guide-item,
  #guideContainer-rootPanel-panel_1347555018-panel-ocbc_radiobutton___guide-item {
    width: calc(100% - 52%);
    margin-left: 3.8%;
  }
  .gender-radio.guideRadioButtonItem:not(:nth-child(1)) {
    margin-left: 2.9% !important;
  }
  /*email*/
  #guideContainer-rootPanel-panel_1347555018-panel-guideemail___guide-item {
    /*width: 37.87%;*/
    margin-left: 10.2%;
    margin-top: 2%;
    margin-bottom: 1%;
  }
  .emailAddress {
    padding: unset !important;
    margin: unset !important;
    border-left-width: 0px !important;
  }
  .emailAddress label {
    margin: unset;
    font-size: 14px;
    font-family: TheSansB7Bold;
    color: #333333;
    /*margin-top: 10%;*/
    margin-bottom: 2px;
  }
  .emailAddress .guideFieldError {
    display: none;
  }
  .emailAddress .guideFieldError {
    padding: unset;
    font-size: 14px;
    font-family: TheSansB7Bold;
  }
  .emailAddress input[type="email"] {
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    height: 40px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    width: 37.87% !important;
  }
  .confirmPersonalNext {
    margin-top: 30px;
    margin-bottom: 4%;
    text-align: center;
  }
  .confirmPersonalNext .guideFieldError {
    display: none;
  }
  .confirmPersonalNext button:not(.af-icon-button) {
    /* Next Button */
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    border: none;
    width: 36.21%;
    height: 48px;
    margin-bottom: 2%;
  }
  .confirmPersonalNext button .iconButton-label {
    /* Next Button Label */
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    color: #ffffff;
  }
  #guideContainer-rootPanel-panel_1347555018-guidefooter___guide-item
    .afFooter {
    /* Personal Details Footer */
    margin: unset;
    margin-top: 44px;
  }
  /*
    ==============================================================================
    ===================== Content Page 5 (Document Details) ======================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel_1223929704-navbar_document_type___guide-item {
    /* Navbar Progress */
    width: 6%;
    float: right;
    margin-right: 11.72%;
    margin-top: 4%;
  }
  #guideContainer-rootPanel-panel_1223929704-progress_bar___guide-item {
    /* Navbar Progress Border */
    width: 63.28%;
    margin-left: 11.72%;
    margin-top: 4.25%;
  }
  .navbar-document .guideFieldError {
    display: none;
  }
  .navbar.lf button {
    border: none;
    background-color: transparent;
    background: url(/content/dam/owh/back.svg) calc(100% - 0.5rem) 50% / auto
      1rem no-repeat;
    margin: unset;
  }
  .navbar.lf button:hover,
  .navbar.lf button:active {
    background: url(/content/dam/owh/back.svg) calc(100% - 0.5rem) 50% / auto
      1rem no-repeat;
  }
  .navbar.lf button span {
    display: none;
  }
  .navbar .content.document-nav {
    color: #333333;
    margin: unset;
    margin-top: 2px;
  }
  .documentDetailsPanel {
    margin: 22px 11.72% 11.72% 11.72%;
    width: 76.56%;
    min-height: 421px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .docType {
    /*margin: unset !important;*/
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 10.2% !important;
    /*margin-left: 26.02px !important;*/
  }
  .docType .guideFieldError,
  .nationality .guideFieldError {
    display: none;
  }
  .nationality .guideFieldError {
    padding: unset;
    font-size: 11px;
    font-family: TheSansB7Bold;
  }
  .docType label,
  .nationality label {
    margin-bottom: 7px;
    font-size: 16px;
    font-family: TheSansB7Bold;
    color: #333333;
    /*text-align: center;*/
  }
  .docType .dropDownList select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 14px;
    color: #333333;
    padding-top: 0.5rem;
  }
  .nationality {
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 6% !important;
  }
  .nationality input::placeholder {
    color: #333333;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    font-style: italic;
    opacity: 0.35;
  }
  .nationality input[type="text"] {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 14px;
  }
  .nationality select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    background: url(/content/dam/owh/down.svg) calc(100% - 1rem) 50% / auto
      0.8rem no-repeat;
    font-family: TheSansPlain;
    font-size: 14px;
    color: #333333;
    padding-top: 0.5rem;
  }
  .nationality select:hover {
    background: url(/content/dam/owh/down.svg) calc(100% - 1rem) 50% / auto
      0.8rem no-repeat;
  }
  .personalPartTwoNext .guideFieldError {
    display: none;
  }
  .personalPartTwoNext button {
    width: 36.21%;
    margin: unset;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 16px;
    padding: 16px 12px;
    border: none;
    margin-top: 40px;
    margin-left: 31.8%;
    margin-bottom: 10%;
  }
  /* align elements  1) type 2) HKID 3)Passport 4)nationality 5) chinaid 6)exitentry 7)macauid*/
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextdraw___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_4250128___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidedropdownlist___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_1001856___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_1907876___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_1819118___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidedropdownlist_12___guide-item {
    width: 37.87%;
    margin-left: 31.1%;
  }
  .document-type-text {
    font-size: 16px;
    color: #333333;
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 6.65% !important;
  }
  .document-type-text p {
    margin: unset;
    font-family: TheSansPlain;
    margin-bottom: 1.5%;
    margin-left: 31.1%;
  }
  .document-type-text p:nth-child(1) {
    margin-bottom: 1%;
  }
  .document-type-text p b {
    font-family: TheSansB7Bold;
  }
  /*
    ==============================================================================
    ===================== Content Page 7 (Review & Confirm) ======================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel1392199234944-navbar_review_confir___guide-item {
    /* Navbar Progress */
    width: 6%;
    float: right;
    margin-right: 11.5%;
    margin-top: 4%;
  }
  #guideContainer-rootPanel-panel1392199234944-progress_bar___guide-item {
    /* Navbar Progress Border */
    width: 66.6%;
    margin-left: 11.5%;
    margin-top: 4.8%;
  }
  .review-progress-bar .guideFieldError {
    display: none;
  }
  .navbar-review .guideFieldError {
    display: none;
  }
  .navbar .content.review-nav {
    width: 100%;
    color: #333333;
    margin: unset;
    margin-top: 2px;
    text-align: center;
  }
  .review-panel {
    width: 76.56%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 22.4pt 11.72% 11.72% 11.72%;
  }
  div#guideContainer-rootPanel-panel1392199234944-panel-guidebutton_45777934___guide-item {
    /* Review Personal Details Edit Btn */
    float: right;
    width: 32px;
    margin-right: 11.5%;
    margin-top: 3%;
  }
  div#guideContainer-rootPanel-panel1392199234944-panel-guidebutton_70490560___guide-item {
    /* Review Document Details Edit Btn */
    width: 32px;
    float: right;
    margin-right: 12.5%;
  }
  .personal-details-label,
  .document-details-label {
    padding: unset !important;
    margin-left: 20.2%;
  }
  .personal-details-label p,
  .document-details-label p {
    margin: unset;
    margin-top: 18px;
    font-family: TheSansB7Bold;
    font-size: 14px;
    color: #c31a16;
  }
  .personal-details-label p {
    margin-top: 25.5px;
  }
  .review-eng-name,
  .review-chinese-name,
  .review-dob,
  .review-gender,
  .review-document-type,
  .review-email,
  .review-nationality {
    padding: unset !important;
  }
  .review-eng-name p,
  .review-chinese-name p,
  .review-dob p,
  .review-gender p,
  .review-document-type p,
  .review-email p,
  .review-nationality p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    color: #333333;
  }
  .review-document-type p {
    margin-top: unset;
  }
  .review-chinese-name p {
    margin-top: 15% !important;
  }
  .review-eng-name p b,
  .review-chinese-name p b,
  .review-dob p b,
  .review-gender p b,
  .review-document-type p b,
  .review-email p b,
  .review-nationality p b {
    font-family: TheSansB7Bold;
  }
  .review-eng-name p {
    margin-top: 8% !important;
  }
  .review-gender p {
    margin-top: 3% !important;
  }
  .review-dob,
  .review-email {
    margin-top: 5% !important;
  }
  /* Document Type Parent Div */
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_118194___guide-item {
    width: 36.1%;
    margin-left: 7.24%;
    margin-right: 5.2%;
  }
  .reviewNext .guideFieldError {
    display: none;
  }
  .reviewNext button {
    margin: unset;
    border: none;
    color: #ffffff;
    width: 36.21%;
    padding: 16px 24.5px 12px 24.5px;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 16px;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    margin-top: 30px;
    margin-left: 31.8%;
    margin-bottom: 10.2%;
  }
  .personal-details-edit-btn .guideFieldError,
  .document-details-edit-btn .guideFieldError {
    display: none;
  }
  .personal-details-review-inner-panel,
  .document-details-review-inner-panel {
    display: inline;
  }
  /* Personal Details Label Parent Div, Document Details Label Parent Div, Contact Us Label Parent Div */
  div#guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidetextdraw___guide-item,
  div#guideContainer-rootPanel-panel1392199234944-panel-panel-guidetextdraw_131552___guide-item,
  div#guideContainer-rootPanel-panel1392199234944-panel-panel_4138050-guidetextdraw_640192___guide-item {
    width: 50%;
  }
  /* Personal Details Edit Btn Parent Div, Document Details Edit Btn Parent Div, Contact Us Edit Btn Parent Div */
  div#guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidebutton_45777934___guide-item,
  div#guideContainer-rootPanel-panel1392199234944-panel-panel-guidebutton_70490560___guide-item,
  div#guideContainer-rootPanel-panel1392199234944-panel-panel_4138050-guidebutton_60632634___guide-item {
    width: 36.1%;
    float: right;
    text-align: right;
  }
  .personal-details-edit-btn button {
    margin: unset;
    margin-right: 20.2%;
    border: none;
    border-radius: 0px;
    padding: unset;
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
    height: 32px;
    width: 32px;
    float: right;
    background-position: right top;
  }
  .document-details-edit-btn button {
    margin: unset;
    border: none;
    padding: unset;
    border-radius: 0px;
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
    height: 32px;
    width: 32px;
    float: right;
    background-position: right top;
  }
  /* 1) engname 2) chinesename 3)dateofbirth 4)sex 5)email 6)hkid 7)passport 8)nationality 9) chinaid 10)exitentry 11)macauid */
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_182908___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1906598122___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1027826276___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1891470698___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1885092807___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_186149398___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1241508732___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1374884537___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_285700350___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_45257719___guide-item {
    width: 36.1%;
    margin-left: 7.24%;
    margin-right: 5.2%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1885092807___guide-item {
    /* Email div */
    width: calc(100% - 56.1%);
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1906598122___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1374884537___guide-item {
    /* 2) chinese name, 8) nationality */
    width: 22.2%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidetextdraw_182908___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-panel-guidetextdraw_118194___guide-item {
    width: 36.1%;
    margin-left: 7.24%;
    margin-right: 5.2%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guideseparator___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guideseparator_1367831651___guide-item {
    /* Separator 1,2*/
    width: 80%;
    margin-left: 7.24%;
    margin-top: 2.25%;
    margin-bottom: 2.25%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guideseparator_1367831651___guide-item {
    /* Separator 2 */
    margin-top: 1.5%;
  }
  .separator1,
  .separator2 {
    margin-left: unset;
  }
  /*
    ==============================================================================
    ==================== Content Page 8 (Thank You Page) =========================
    ==============================================================================
    ==============================================================================
  */
  .thank-you-title {
    padding: unset !important;
  }
  .thank-you-title p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 22px;
    color: #333333;
    margin-top: 3%;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
  }
  .thankyou-panel {
    margin-left: 11.72%;
    margin-right: 11.72%;
    margin-top: 4.3%;
    width: 76.56%;
    /* height: 350px; */
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .thank-you-separator-1 {
    width: 79.5%;
    margin-left: 10.4%;
  }
  .envelop-success-img {
    line-height: 0px;
  }
  .envelop-success-img img {
    margin: unset;
    width: 5.86%;
    /*margin-left: 132px;
        margin-top: 14.73px;*/
    text-align: center;
    align-items: center;
    align-content: center;
    margin-left: 47.07%;
    margin-top: 4.2%;
    margin-bottom: 2.2%;
  }
  .thank-you-label,
  .submitdt-label,
  .contact-reminder-label-1,
  .contact-reminder-label-2 {
    padding: unset !important;
  }
  .thank-you-label p,
  .submitdt-label p,
  .contact-reminder-label-1 p,
  .contact-reminder-label-2 p {
    margin: unset !important;
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    color: #333333;
    /*margin-left: 26px !important;
        margin-right: 25px;
        width: 284px;*/
    text-align: center;
  }
  .thank-you-label p {
    font-family: TheSansB7Bold;
    font-size: 18px;
    /*width: 255px;
        margin-top: 14px !important;*/
    text-align: center;
  }
  .submitdt-label p {
    margin-top: 9px !important;
  }
  #guideContainer-rootPanel-panel_1282762863-panel-guideseparator___guide-item {
    /* Review Separator */
    margin-top: 2%;
  }
  .contact-reminder-label-1 p {
    margin-top: 20px !important;
  }
  .contact-reminder-label-2 p {
    margin-top: 8px !important;
  }
  .promotionBanner {
    width: 76.56%;
    margin-left: 11.7%;
    margin-top: 2.6%;
    margin-bottom: 11.5%;
  }
  .promotionBanner img {
    width: 100%;
    max-width: 100%;
    /* height: 19.5vh; */
    border-radius: 10px;
    margin: unset;
  }
  .wizard-nav-next {
    display: none;
  }
  .wizard-nav-prev {
    display: none;
  }
}
/*
   ## Device = Tablet
   ## Orientation = Portrait
*/

@media (min-width: 768px) and (max-width: 1281px) and (orientation: portrait) {
  .afHeader {
    height: 70px;
  }
  .instructionInnerPanel,
  .title2 p {
    width: 60%;
  }
  .tc-panel,
  .not-fill-reminder-panel {
    margin-top: unset;
    height: auto;
  }
  .tc-btn button,
  .not-fill-reminder-btn button {
    width: 72.2%;
    margin-left: 13.9%;
  }
  .sms-otp select,
  .otpInstruction {
    margin-left: unset;
  }
  .sms-otp-2 input {
    width: 9.65%;
  }
  .sms-otp-2 button {
    width: 52.21%;
  }
  .emailAddress input[type="email"],
  .gender-radio .guideRadioButtonGroupItems,
  .emailAddress .guideFieldError {
    margin-left: unset;
  }
  .gender-radio.guideRadioButtonItem:not(:nth-child(1)) {
    margin-left: unset !important;
  }
  .gender-radio {
    margin-top: 12px !important;
  }
  /* Personal Details: Gender */
  #guideContainer-rootPanel-panel_1347555018-panel-guideradiobutton___guide-item,
  #guideContainer-rootPanel-panel_1347555018-panel-ocbc_radiobutton___guide-item {
    width: calc(100% - 52%);
    margin-left: 3.8%;
  }
  /* Personald Details: Next button */
  .confirmPersonalNext button:not(.af-icon-button) {
    width: 50.25%;
  }
  /* Review: Chinese Name Parent Div, English Name Parent Div*/
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1906598122___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1374884537___guide-item {
    width: 20%;
  }
  /* Review: Sex Parent Div */
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1891470698___guide-item {
    margin-bottom: 1%;
  }
  .thank-you-label p,
  .submitdt-label p,
  .contact-reminder-label-1 p,
  .contact-reminder-label-2 p {
    width: 100%;
  }
  .no-ie-inner-panel {
    width: 77.08%;
    height: 500px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 56px;
    margin-bottom: 150px;
  }
  .no-ie-notify-img img {
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    text-align: center;
    margin-top: 15.89%;
  }
}
/*
  ##Device = Desktop
  ##Screen = min 1281
*/

@media (min-width: 1281px) {
  html {
    background-color: white;
  }
  sup {
    /* For Subscript */
    vertical-align: top;
  }
  /* ===== Top Bar (Layout: Wizard) ==== */
  .afWizardPanel {
    padding: unset;
    padding: 0;
    min-height: calc(100vh - 62.5px);
  }
  .col-sm-10 {
    width: 100%;
  }
  /* Header Logo*/
  .afHeader {
    margin: unset;
    width: 100%;
    padding-left: 11.73%;
    border-top-width: 8px;
    border-bottom-width: 0px;
    border-color: rgb(236, 34, 37);
    height: 108px;
  }
  .guideHeader {
    width: 100%;
  }
  .guideimage .logoImage img {
    width: 323px;
    height: 90px;
    margin-top: unset;
  }
  /* Hide Header */
  .guideheader.aem-GridColumn {
    display: none;
  }
  .col-md-12.clearfix {
    display: none;
  }
  .guideWizardLayout {
    padding: unset;
  }
  /* Footer */
  .afFooter {
    margin-top: 20px;
    background: #f5f5f5;
    position: fixed;
    bottom: 0;
    z-index: 10;
  }
  .afFooter p {
    margin: 0px;
    width: 100%;
    font-size: 12px !important;
    text-align: left;
    padding: 15px 27.5px 12.5px 27.5px;
    font-family: TheSansPlain;
    line-height: normal;
    color: rgb(51, 51, 51);
  }
  .footerText {
    padding: unset !important;
  }
  /* For all disabled button */
  .guidebutton [data-disabled="true"] button:not(.af-icon-button) {
    opacity: 0.5;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
  }
  input {
    color: #333333;
  }
  /* For all buttons with hover or focus action */
  button:not(.af-icon-button):hover,
  button:not(.af-icon-button):focus {
    background: #ec2225;
  }
  /* For all guideFieldError */
  .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
    background: unset;
  }
  /* Hide datepicker icon
    .datepicker-calendar-icon {
        display: none;
    }*/
  /* Progress Bar */
  .border {
    margin-top: 2%;
    height: 4px;
    border: 1px solid #ccc !important;
    border-radius: 20px;
    background-color: rgb(224, 224, 224);
    width: 90%;
    margin-left: 5%;
  }
  .innerBorder {
    color: #000 !important;
    background-color: rgb(98, 98, 98) !important;
    height: 1vh;
    width: 33.33%;
    border-radius: 20px;
    margin-top: -1px;
  }
  /*
    ==============================================================================
    ============================== No IE Page  ===================================
    ==============================================================================
    ==============================================================================
    */
  .no-ie-inner-panel {
    width: 77.08%;
    height: 54.7vh;
    min-height: 500px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 150px;
  }
  .no-ie-notify-img {
    text-align: center;
  }
  .no-ie-notify-img img {
    margin: 0;
    margin-top: 0px;
    text-align: center;
    margin-top: 7.89%;
  }
  .no-ie-title1 {
    margin-top: 2%;
  }
  .no-ie-title1 p {
    text-align: center;
    font-size: 22px;
    font-family: TheSansPlainB8ExtraBold;
    color: rgb(0, 0, 0);
    margin: 0;
  }
  .no-ie-title2 {
    text-align: center;
    font-size: 18px;
    font-family: TheSansPlainB5Plain;
  }
  .no-ie-title1 p {
    text-align: center;
    font-size: 22px;
    font-family: TheSansPlainB8ExtraBold;
    color: rgb(0, 0, 0);
  }
  .browser-op {
    width: auto !important;
    margin-left: 46.6% !important;
    margin-bottom: 10% !important;
  }
  /*
    ==============================================================================
    ====================== Content Page 1 (Cookies Overlay) ======================
    ==============================================================================
    ==============================================================================
    */
  #overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .cookies-panel {
    background-color: #ec2225;
    position: relative;
  }
  .close {
    position: absolute;
    right: 2%;
    top: 10%;
    width: 14px;
    height: 14px;
    opacity: 1;
  }
  .close:before,
  .close:after {
    position: absolute;
    /* left: 15px; */
    content: " ";
    height: 1.5rem;
    width: 2px;
    background-color: #ffffff;
  }
  .close:before {
    transform: rotate(45deg);
  }
  .close:after {
    transform: rotate(-45deg);
  }
  .cookies-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 14px;
    letter-spacing: 0px;
    color: #ffffff;
  }
  .cookies-panel .cookie-stat {
    margin: unset;
    padding-top: 10%;
    margin-left: 20px;
    width: 85%;
  }
  .cookies-panel .accept-close {
    margin: unset;
    padding-top: 8px;
    padding-bottom: 5%;
    margin-left: 20px;
  }
  /*
    ==============================================================================
    ============ Content Page 1 (T&C Overlay & Leave Reminder Overlay) ===========
    ==============================================================================
    ==============================================================================
  */
  #overlay-tc,
  #overlay-not-fill-reminder,
  #sms-invalid-reminder {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    /* Black background with opacity */
    z-index: 99;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .tc-panel,
  .not-fill-reminder-panel {
    width: 65%;
    height: 70%;
    background-color: #ffffff;
    border-radius: 10px;
    overflow-x: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .not-fill-reminder-panel {
    width: 40%;
    height: auto;
    margin: 0 auto;
  }
  .not-fill-reminder-panel img {
    margin: 0 auto;
    display: block;
    margin-top: 72px;
  }
  .tc-panel h2,
  .not-fill-reminder-panel h2 {
    font-family: TheSansB7Bold;
    font-size: 24px;
    font-weight: 100;
    color: rgb(206, 29, 25);
    margin-left: 5%;
    margin-top: 3%;
    width: 90%;
  }
  .not-fill-reminder-panel h2 {
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 22px;
  }
  .tc-panel p,
  .tc-panel ul,
  .not-fill-reminder-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #333333;
    margin-left: 5%;
    margin-top: 2%;
    width: 85%;
  }
  .not-fill-reminder-panel p {
    margin: 0 auto;
    margin-top: 2%;
    text-align: center;
    color: rgb(51, 51, 51);
  }
  .tc-close,
  .not-fill-reminder-close {
    float: right;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    opacity: 1;
    margin-top: 2.5%;
    margin-right: 5%;
  }
  .not-fill-reminder-close {
    width: 8%;
    text-align: right;
    margin-right: unset;
    padding-right: 5%;
  }
  .tc-close:before,
  .tc-close:after,
  .not-fill-reminder-close:before,
  .not-fill-reminder-close:after {
    position: absolute;
    margin-left: 1%;
    content: " ";
    height: 25px;
    width: 2.5px;
    background-color: #333333;
  }
  .tc-close:before,
  .not-fill-reminder-close:before {
    transform: rotate(45deg);
  }
  .tc-close:after,
  .not-fill-reminder-close:after {
    transform: rotate(-45deg);
  }
  .tc-panel p,
  .tc-panel ul,
  .not-fill-reminder-panel p {
    font-family: TheSansPlainB5Plain;
    font-size: 18px;
    letter-spacing: 0px;
    color: #333333;
  }
  .tc-panel p,
  .tc-panel ul {
    margin-top: unset !important;
    margin-bottom: unset !important;
  }
  .tc-btn button,
  .not-fill-reminder-btn button {
    margin: unset;
    margin-left: 33.33%;
    margin-top: 3%;
    margin-bottom: 3%;
    border: none;
    font-size: 18px;
    font-family: TheSansPlainB8ExtraBold;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    color: #ffffff;
    width: 33.33%;
    height: 60px;
    border-radius: 30px;
    display: block;
  }
  .not-fill-reminder-btn button {
    display: block;
    margin: 0 auto;
    margin-top: 6%;
    margin-bottom: 8%;
    width: 60%;
  }
  .not-fill-reminder-cancel {
    margin-bottom: 10% !important;
  }
  /*
    ==============================================================================
    ====================== Content Page 1 (Welcome Page) =========================
    ==============================================================================
    ==============================================================================
  */
  /* First Page Parent Div */
  .panel1591773923022.panel {
    background: linear-gradient(
        rgba(255, 255, 255, 0.5),
        rgba(255, 255, 255, 0.3)
      ),
      url(/content/dam/owh/PreAO-Marble-Desktop.jpg) no-repeat;
    background-size: cover;
    min-height: calc(100vh - 62.5px);
  }
  #guideContainer-rootPanel-panel1591773923022___guide-item-nav,
  #guideContainer-rootPanel___guide-item-nav-container {
    display: none;
  }
  .languageSelector .guideFieldError {
    display: none;
  }
  .languageSelector {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
  }
  .languageSelector select {
    border: none;
    font-size: 20px;
    font-family: TheSansPlain;
    color: rgb(51, 51, 51);
    padding: unset;
    margin-right: 11.4%;
    margin-top: 32px;
    width: 80px;
    float: right;
    background: url(/content/dam/owh/down.svg) calc(100% - 0.3rem) 50% / auto
      1rem no-repeat;
    background-size: 15px 10px;
  }
  .languageSelector select:hover {
    background: url(/content/dam/owh/down.svg) calc(100% - 0.3rem) 50% / auto
      1rem no-repeat;
    background-size: 15px 10px;
  }
  .title1,
  .title2 {
    margin-left: 11.73%;
  }
  .title1,
  .title2,
  .title4 {
    padding: unset !important;
  }
  .title1 p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 60px;
    color: #000000;
    margin-top: 32px;
    line-height: normal;
  }
  .title2 p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    font-size: 30px;
    color: #000000;
    width: 45%;
  }
  .instructionInnerPanel {
    width: 33.31%;
    margin-left: 11.46%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-top: 2.28%;
    margin-bottom: 10.2%;
    /* margin-bottom: 20px; */
    opacity: 90%;
  }
  .guideCheckBoxGroup.iAgree {
    /* Be reminded that there are 2 iAgree Class due to AEM behavior */
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 5% !important;
    width: 74.69%;
  }
  .guideCheckBoxGroup.iAgree .guideFieldError {
    display: none;
  }
  #guideContainer-rootPanel-panel1591773923022-panel-guidecheckbox___guide-item {
    margin-left: 9%;
    margin-right: 0px;
  }
  .iAgree .guideWidgetLabel.right {
    width: 93%;
    float: right;
    line-height: normal;
  }
  .iAgree .guideWidgetLabel.right label {
    margin-left: 0px;
    line-height: normal;
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    color: #333333;
    margin-right: 0px;
  }
  .startformbtn .guideFieldError {
    display: none;
  }
  .startformbtn .guideFieldButtonWidget {
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: 9%;
    width: 74.69%;
  }
  .startformbtn .guideFieldButtonWidget button {
    margin: unset;
    border: none;
    border-radius: 60px;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    color: white;
    font-size: 16px;
    font-family: TheSansPlainB8ExtraBold;
    padding: 17px 32px 17px 32px;
    width: 100%;
    height: 54px;
  }
  .startformbtn {
    width: 100%;
  }
  .outerPromo {
    display: inline-block;
    margin-left: 11.73%;
    width: 33.47%;
    height: 96px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .innerPromo.mobileicon img {
    width: 51px;
    height: 51px;
    float: left;
    margin-top: 23px;
    margin-left: 26px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .innerPromo.textField {
    width: 212px;
    float: left;
    margin-left: 17.72px;
  }
  .innerPromo.textField p {
    margin: unset;
    margin-top: 21.5px;
    font-size: 12px;
    font-family: TheSansPlain;
    line-height: 15px;
    color: #333333;
  }
  .innerPromo.textField h2 {
    margin: unset;
    font-size: 16px;
    font-family: TheSansB7Bold;
    margin-top: 1.5px;
    color: #333333;
  }
  #guideContainer-rootPanel-panel1591773923022-panel-guidedropdownlist_15___guide-item {
    width: 74.69%;
    margin-left: 9%;
  }
  .docType .guideFieldError {
    font-size: 16px;
    font-family: TheSansB7Bold;
    padding: unset;
  }
  /*
    ==============================================================================
    ====================== Content Page 2 (OTP Enter Page) =======================
    ==============================================================================
    ==============================================================================
  */
  .pre-otp-title {
    padding: unset !important;
    width: 100%;
    margin-top: 3%;
    text-align: center;
  }
  .pre-otp-title p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 26px;
    color: #333333;
    text-align: center;
  }
  .otpSection {
    width: 77.08%;
    height: 54.7vh;
    margin-left: 11.46%;
    margin-right: 11.46%;
    margin-bottom: 7%;
    margin-top: 3.7%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .pre-otp-mobile-instruction p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    width: 80%;
    font-size: 18px;
    margin-left: 10%;
    margin-top: 5%;
    text-align: center;
    color: #333333;
  }
  .pre-otp-mobile-instruction,
  .otplabel {
    padding: unset !important;
  }
  .otplabel p {
    margin: unset;
    font-family: TheSansB7Bold;
    font-size: 16px;
    color: #333333;
    text-align: left;
    margin-left: 28.5%;
    margin-top: 51px;
  }
  .sms-otp {
    text-align: center;
  }
  .sms-otp select {
    margin-top: 1.1%;
    height: 50px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-size: 18px;
    font-family: TheSansPlainB5Plain;
    width: 10.8%;
    background: url(/content/dam/owh/down.svg) calc(100% - 0.5rem) 50% / auto
        1rem no-repeat,
      rgba(255, 255, 255, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    color: #333333;
  }
  .sms-otp input {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-size: 18px;
    font-family: TheSansPlainB5Plain;
    width: 31.52%;
    height: 50px;
    margin-left: 5px;
  }
  .sms-otp button {
    width: 32.43%;
    border: none;
    border-radius: 30px;
    margin-top: 60px;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    color: rgb(255, 255, 255);
    height: 54px;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 18px;
  }
  .sms-otp .guideFieldError {
    display: none;
    margin: unset !important;
    margin-left: unset;
    margin-left: 28.5% !important;
    text-align: left;
    font-size: 16px !important;
  }
  #mobilenum_country,
  #mobilenum_number {
    padding-left: 1.9%;
    padding-right: 1.9%;
  }
  /*
    ==============================================================================
    ======================= Content Page 3 (OTP Main Page) =======================
    ==============================================================================
    ==============================================================================
  */
  .nav-bar-mobile-verification button:hover {
    background: url(/content/dam/owh/back.svg) calc(100% - 0.5rem) 50% / auto
      1rem no-repeat !important;
  }
  .nav-bar-mobile-verification {
    margin-top: 3%;
  }
  .nav-bar-mobile-verification .navbar.lf {
    width: 60px;
    float: left;
    margin-left: 11.24%;
  }
  .navbar .content.mobile-ver-nav {
    width: 100%;
    text-align: center;
    font-size: 26px;
  }
  .navbar-mobile-verify {
    margin-top: 26pt;
  }
  .navbar-mobile-verify .guideFieldError {
    display: none;
  }
  .otpHeader p {
    /* Title: Mobile Verification (JRC) */
    margin: unset;
    margin-top: 38px;
    margin-left: 20px;
    width: 335px;
    height: 44px;
    text-align: center;
    letter-spacing: 0px;
    color: #333333;
    font-size: 20px;
    font-family: TheSansPlainB8ExtraBold;
  }
  .otpOuterPanel {
    /* OTP Outer Panel */
    width: 77.08%;
    height: 54.7vh;
    margin-left: 11.46%;
    margin-right: 11.46%;
    margin-bottom: 13.5vh;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-top: 3.7%;
  }
  .guide-1591670446000 .otpouterpanel .guideGridFluidLayout {
    margin: unset;
    margin-top: 24px;
    height: 58px;
  }
  .otpInstruction {
    /* Label: Please enter the OTP ... */
    padding: unset !important;
    width: 100%;
    height: 40px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
  }
  .otpInstruction p {
    font-family: TheSansPlainB5Plain;
    font-size: 18px;
    margin-top: 70px;
  }
  #guideContainer-rootPanel-panel_2029123994-panel_632751285-guidetextdraw_115481___guide-item {
    /* resent label parent div */
    margin-top: 25px;
  }
  .sms-otp-2 {
    margin-top: 24px;
    text-align: center;
  }
  .sms-otp-2 label span {
    color: #333333;
    font-family: TheSansPlainB5Plain;
    font-size: 18px;
  }
  .sms-otp-2 input {
    height: 84px;
    width: 4.5%;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlainB5Plain;
    text-align: center;
    margin-left: 2.54%;
  }
  .sms-otp-2 input:not(#code1) {
    margin-left: 14.5px;
  }
  .sms-otp-2 .guideFieldWidget {
    text-align: center;
    margin-top: 25px !important;
  }
  .sms-otp-2 .guideFieldWidget label {
    margin: unset;
    font-family: TheSansB7Bold, Arial;
    font-size: 16px;
    text-align: center;
    color: rgb(51, 51, 51);
  }
  .sms-otp-2 button {
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    width: 32.43%;
    height: 54px;
    margin: unset;
    margin-top: 47px;
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    font-family: TheSansPlainB8ExtraBold;
  }
  /*
    ==============================================================================
    ==================== Content Page 4 (Personal Details) =======================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel_1347555018-navbar_personal_deta___guide-item {
    /* Parent Div of Navbar Progress */
    width: 10%;
    float: right;
    margin-right: 20vh;
    margin-top: 1.4%;
  }
  #guideContainer-rootPanel-panel_1347555018-progress_bar___guide-item {
    /* Parent Div of Navbar Border */
    width: 70%;
    float: left;
  }
  .border {
    width: 77.08%;
    margin-left: 20%;
    float: right;
    height: 1vh;
  }
  .navbar-personal-details .guideFieldError {
    display: none;
  }
  .navbar .left-side {
    display: inline-block;
    width: 25%;
    float: left;
  }
  .navbar .right-side {
    display: inline-block;
    width: 25%;
    float: right;
  }
  .navbar-personal-details .navbar button {
    display: none;
  }
  .navbarPersonal .guideFieldError {
    display: none;
  }
  .navbar.lf {
    width: 100%;
  }
  .navbar.lf:hover {
    background-color: transparent;
  }
  .navbar .content {
    font-family: TheSansPlainB8ExtraBold;
    font-size: 20px;
    font-weight: 100;
    color: rgb(0, 0, 0);
    margin: unset;
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .navbar .right-side {
    font-size: 16px;
    font-family: TheSansPlainB5Plain;
    color: #333333;
    margin: unset;
    width: 100%;
    text-align: left;
  }
  .personalDetailsPanel {
    /* Inner Panel */
    width: 77.08%;
    height: 100%;
    margin-left: 11.46%;
    margin-right: 11.46%;
    margin-top: 3%;
    margin-bottom: 10%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .engNameLabel,
  .chineseNameLabel,
  .dob {
    margin: unset !important;
    padding: unset !important;
  }
  .chinese-last-name ::placeholder,
  .chinese-first-name ::placeholder {
    opacity: 0.6;
    font-style: italic;
    font-weight: normal;
    font-family: TheSansPlainB5Plain;
    color: #b9b9b9;
  }
  .engNameLabel p,
  .chineseNameLabel p {
    margin: unset;
    font-size: 18px;
    font-family: TheSansB7Bold;
    color: #333333;
    margin-top: 9.7vh;
    margin-left: 16.67%;
  }
  .dob label {
    margin: unset;
    font-size: 18px;
    font-family: TheSansB7Bold;
    color: #333333;
  }
  .engLastName,
  .engFirstMiddleName {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    width: 100% !important;
  }
  .engLastName .textField input[type="text"],
  .engFirstMiddleName .textField input[type="text"],
  .dob .guideFieldWidget.dateTimeEdit input {
    border: 1px solid #b9b9b9 !important;
    border-radius: 3px !important;
    font-size: 16px;
    font-family: TheSansPlainB5Plain;
    -webkit-appearance: none;
    display: inline-block;
    height: 50px !important;
  }
  .engFirstMiddleName {
    float: left;
  }
  .engFirstMiddleName .guideFieldError,
  .engLastName .guideFieldError,
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError,
  .dob .guideFieldError {
    padding: unset;
    font-size: 16px;
    font-family: TheSansB7Bold;
  }
  .dob {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
  }
  .engLastName .guideFieldError,
  .engFirstMiddleName .guideFieldError,
  .dob .guideFieldError {
    display: block !important;
    /* Specifically for Desktop */
    visibility: visible !important;
    /* Specifically for Desktop */
    height: 22.6px !important;
    /* Specifically for Desktop */
  }
  .guideFieldError[style*="display: block"] ~ .guideFieldWidget input {
    border-color: rgb(235, 60, 54) !important;
  }
  .chineseNameLabel p {
    margin-top: 1.5%;
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidetextbox___guide-item {
    width: 31.52% !important;
    margin-left: 16.67%;
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidetextbox_1436444___guide-item {
    width: 31.52% !important;
    margin-left: 3%;
    margin-right: 16.67%;
  }
  .chinesenamePanel div#guideContainer-rootPanel-panel_1347555018-panel-panel_859608440-guidetextbox_6228288___guide-item/* Chinese Last Name Parent Div */ {
    width: 31.52% !important;
    margin-left: 16.67%;
  }
  .chinesenamePanel div#guideContainer-rootPanel-panel_1347555018-panel-panel_859608440-guidetextbox_2081661___guide-item/* Chinese First Name Parent Div */ {
    width: 31.52% !important;
    margin-left: 3%;
    margin-right: 16.67%;
  }
  .chinese-last-name {
    float: left;
  }
  .chinese-last-name,
  .chinese-first-name {
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    display: inline-block;
    width: 100% !important;
  }
  .chinese-last-name .guideFieldError,
  .chinese-first-name .guideFieldError {
    display: block !important;
    /* Specifically for Desktop */
    visibility: visible !important;
    /* Specifically for Desktop */
    height: 22.6px !important;
    /* Specifically for Desktop */
  }
  .chinese-last-name .guideFieldWidget input[type="text"],
  .chinese-first-name .guideFieldWidget input[type="text"] {
    border: 1px solid #b9b9b9;
    border-radius: 3px !important;
    font-size: 16px;
    font-family: NotoSansTCLight;
    height: 50px;
  }
  .chinese-first-name .guideFieldWidget input[type="text"] {
    /*margin-left: 8.98px;*/
  }
  #guideContainer-rootPanel-panel_1347555018-panel-guidecheckbox___guide-item {
    width: 31.52% !important;
    margin-left: 3%;
    margin-right: 16.67%;
    margin-top: 2%;
    margin-bottom: 1%;
  }
  .afCheckBoxItem .guideWidgetLabel label {
    margin-left: 0;
    margin-right: 0;
  }
  .gender-radio .guideFieldError {
    display: block !important;
    /* Specifically for Desktop */
    visibility: visible !important;
    /* Specifically for Desktop */
    height: 22.6px !important;
    /* Specifically for Desktop */
  }
  .gender-radio {
    padding: unset !important;
    border-left-width: 0px !important;
    /* background-color: white; */
    margin: unset !important;
    margin-top: 22px !important;
  }
  .gender-radio .guideFieldLabel.top label {
    margin: unset !important;
  }
  .gender-radio label {
    font-size: 18px;
    font-family: TheSansB7Bold;
    color: #333333 !important;
    margin-right: unset !important;
  }
  .gender-radio .guideWidgetLabel label {
    font-family: TheSansPlainB5Plain;
  }
  .gender-radio.guideRadioButtonItem {
    margin: unset !important;
  }
  .gender-radio .guideRadioButtonGroupItems::before,
  .gender-radio .guideRadioButtonGroupItems::after {
    display: none;
  }
  .gender-radio .guideRadioButtonGroupItems {
    display: grid !important;
    grid-template-columns: auto auto auto;
    grid-column-gap: 19.2px;
    width: 85% !important;
  }
  .gender-radio input[type="radio"] {
    margin: unset;
  }
  /* date of birth and gender align in one line*/
  #guideContainer-rootPanel-panel_1347555018-panel-guidedatepicker___guide-item {
    width: 31.52%;
    margin-left: 16.67%;
    margin-top: 2%;
  }
  /* Gender */
  #guideContainer-rootPanel-panel_1347555018-panel-guideradiobutton___guide-item,
  #guideContainer-rootPanel-panel_1347555018-panel-ocbc_radiobutton___guide-item {
    width: calc(100% - 52%);
    margin-left: 3%;
    margin-top: 1%;
    margin-bottom: 1.5%;
  }
  /*email*/
  #guideContainer-rootPanel-panel_1347555018-panel-guideemail___guide-item {
    width: 31.52%;
    margin-left: 16.67%;
  }
  .confirmPersonalNext {
    margin-top: 6.7vh;
    margin-left: 26.81px;
    margin-bottom: 11.2vh;
    text-align: center;
  }
  .confirmPersonalNext .guideFieldError {
    display: none;
  }
  .confirmPersonalNext button:not(.af-icon-button) {
    /* Next Button */
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    border: none;
    width: 32.43%;
    height: 6.5vh;
    border-radius: 60px;
  }
  .confirmPersonalNext button .iconButton-label {
    /* Next Button Label */
    font-size: 18px;
    font-family: TheSansPlainB8ExtraBold;
    color: #ffffff;
  }
  #guideContainer-rootPanel-panel_1347555018-guidefooter___guide-item
    .afFooter {
    /* Personal Details Footer */
    margin: unset;
    margin-top: 44px;
  }
  .emailAddress {
    padding: unset !important;
    margin: unset !important;
    border-left-width: 0px !important;
    margin-top: 2% !important;
  }
  .emailAddress label {
    margin: unset;
    font-size: 18px;
    font-family: TheSansB7Bold;
    color: #333333;
    margin-bottom: 2px;
  }
  .emailAddress .guideFieldError {
    display: none;
  }
  .emailAddress .guideFieldError {
    padding: unset;
    font-size: 16px;
    font-family: TheSansB7Bold;
  }
  .emailAddress input[type="email"] {
    font-size: 16px;
    font-family: TheSansPlainB5Plain;
    height: 50px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
  }
  /*
    ==============================================================================
    ==================== Content Page 5 (Document Details) =======================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel_1223929704-progress_bar___guide-item {
    /* Navbar Progress Border Parent Div */
    width: 70%;
    float: left;
    margin-top: 1.4%;
  }
  #guideContainer-rootPanel-panel_1223929704-navbar_document_type___guide-item {
    /* Navbar Progress Parent Div */
    width: 10%;
    float: right;
    margin-right: 20vh;
    margin-top: 1.4%;
  }
  .navbar-document {
    margin-top: 13pt;
  }
  .navbar-document .guideFieldError {
    display: none;
  }
  .document-details-progress-bar .guideFieldError {
    display: none;
  }
  .navbar.lf button {
    border: none;
    background-color: transparent;
    background: url(/content/dam/owh/back.svg) calc(100% - 0.5rem) 50% / auto
      1rem no-repeat;
    margin: unset;
  }
  .navbar.lf button span {
    display: none;
  }
  .navbar .content.document-nav {
    color: #333333;
    margin: unset;
    margin-top: 2px;
  }
  .documentDetailsPanel {
    margin-left: 11.46%;
    margin-right: 11.46%;
    margin-top: 40px;
    margin-bottom: 13vh;
    width: 77.08%;
    min-height: 421px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
  }
  .docType {
    /*margin: unset !important;*/
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 12% !important;
    /*margin-left: 26.02px !important;*/
  }
  .docType .guideFieldError,
  .nationality .guideFieldError {
    display: none;
  }
  .nationality .guideFieldError {
    padding: unset;
    font-size: 11px;
    font-family: TheSansB7Bold;
  }
  .docType label,
  .nationality label {
    margin-bottom: 7px;
    font-size: 18px;
    font-family: TheSansB7Bold;
    color: #333333;
    /*text-align: center;*/
  }
  .docType .dropDownList {
    /*width: 90%;*/
    /* border: 1px solid #B9B9B9; */
    /* border-radius: 3px; */
  }
  .docType .dropDownList select {
    height: 14.2%;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 16px;
    color: #333333;
    padding-top: 0.5rem;
  }
  .nationality {
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 6.6% !important;
  }
  .nationality input::placeholder {
    color: #333333;
    font-size: 14px;
    font-family: TheSansPlainB5Plain;
    font-style: italic;
    opacity: 0.35;
  }
  .nationality input[type="text"] {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    font-family: TheSansPlain;
    font-size: 14px;
  }
  .nationality select {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    height: 50px;
    font-family: TheSansPlain;
    font-size: 16px;
    color: #333333;
    padding-top: 0.5rem;
    background: url(/content/dam/owh/down.svg) calc(100% - 1rem) 50% / auto
      0.8rem no-repeat;
  }
  .nationality select:hover {
    background: url(/content/dam/owh/down.svg) calc(100% - 1rem) 50% / auto
      0.8rem no-repeat;
  }
  .personalPartTwoNext .guideFieldError {
    display: none;
  }
  .personalPartTwoNext button {
    width: 36.21%;
    margin: unset;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    background: -moz-linear-gradient(#e0211e, #b91813) !important;
    /* FF3.6+ */
    background: -webkit-gradient(#e0211e, #b91813) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#e0211e, #b91813) !important;
    /* Safari 5.1 + */
    background: -o-linear-gradient(#e0211e, #b91813) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(#e0211e, #b91813) !important;
    /* IE10+ */
    color: #ffffff;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 18px;
    padding: 17px 32px 17px 32px;
    border: none;
    margin-top: 40px;
    margin-left: 33.8%;
    margin-bottom: 10%;
    height: 54px;
    border-radius: 30px;
  }
  /* align elements  1)type 2) HKID 3)Passport 4)nationality 5) chinaid 6)exitentry 7)macauid*/
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextdraw___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_4250128___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidedropdownlist___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_1001856___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_1907876___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextbox_1819118___guide-item,
  #guideContainer-rootPanel-panel_1223929704-panel-guidedropdownlist_12___guide-item {
    margin-left: 33.8%;
    width: 31.52%;
  }
  /*doc type*/
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextdraw___guide-item {
    margin-top: 4%;
  }
  #guideContainer-rootPanel-panel_1223929704-panel-guidetextdraw___guide-item {
    /*margin-left: 8.2%;*/
    margin-left: 34.23%;
    width: 31.52%;
  }
  .document-type-text {
    font-size: 18px;
    color: #333333;
    margin: unset !important;
    padding: unset !important;
    border-left-width: 0px !important;
    margin-top: 5% !important;
    margin-left: 33.8% !important;
  }
  .document-type-text p {
    margin: unset;
    font-family: TheSansPlain;
    margin-top: 1%;
  }
  .document-type-text p b {
    font-family: TheSansB7Bold;
  }
  /*
    ==============================================================================
    ===================== Content Page 7 (Review & Confirm) ======================
    ==============================================================================
    ==============================================================================
  */
  #guideContainer-rootPanel-panel1392199234944-navbar_review_confir___guide-item {
    /* Parent Div of Navbar Progress */
    width: 10%;
    margin-right: 20vh !important;
    float: right;
  }
  #guideContainer-rootPanel-panel1392199234944-progress_bar___guide-item {
    /* Parent Div of Navbar Border */
    width: 70%;
    float: left;
  }
  .navbar-review {
    margin-top: 6vh;
  }
  .navbar-review .guideFieldError {
    display: none;
  }
  .review-progress-bar .border {
    margin-top: 6.6vh;
  }
  .navbar .content.review-nav {
    width: 100%;
    color: #333333;
    margin: unset;
    margin-top: 2px;
    text-align: center;
  }
  .review-panel {
    width: 77.08%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 22.4pt 11.46% 13vh 11.46%;
  }
  .personal-details-label,
  .document-details-label {
    padding: unset !important;
    margin-left: 33.2%;
  }
  .personal-details-label p,
  .document-details-label p {
    margin: unset;
    margin-top: 18px;
    font-family: TheSansB7Bold;
    font-size: 14px;
    color: #c31a16;
  }
  .personal-details-label p {
    margin-top: 25.5px;
  }
  .review-eng-name,
  .review-chinese-name,
  .review-dob,
  .review-gender,
  .review-document-type,
  .review-email,
  .review-nationality {
    padding: unset !important;
    /*width: 36.10%;*/
  }
  .review-eng-name p,
  .review-chinese-name p,
  .review-dob p,
  .review-gender p,
  .review-document-type p,
  .review-email p,
  .review-nationality p {
    margin: unset;
    font-family: TheSansPlainB5Plain;
    font-size: 18px;
    color: #333333;
    margin-top: 3.4%;
  }
  .review-eng-name p,
  .review-chinese-name p,
  .review-document-type p {
    margin-top: 15%;
  }
  .review-document-type p {
    margin-top: 6%;
  }
  .review-nationality p {
    margin-top: 8%;
  }
  .review-chinese-name p {
    margin-top: 20%;
  }
  .review-eng-name p b,
  .review-chinese-name p b,
  .review-dob p b,
  .review-gender p b,
  .review-document-type p b,
  .review-email p b,
  .review-nationality p b {
    font-family: TheSansB7Bold;
  }
  .reviewNext .guideFieldError {
    display: none;
  }
  .reviewNext button {
    margin: unset;
    border: none;
    color: #ffffff;
    width: 36.21%;
    padding: 17px 32px 17px 32px;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 18px;
    background: linear-gradient(rgb(224, 33, 30), rgb(185, 24, 19)) !important;
    margin-top: 8.8vh;
    margin-left: 31.8%;
    margin-bottom: 10%;
    height: 54px;
    border-radius: 30px;
  }
  .personal-details-edit-btn .guideFieldError,
  .document-details-edit-btn .guideFieldError {
    display: none;
  }
  .personal-details-review-inner-panel,
  .document-details-review-inner-panel {
    display: inline;
  }
  div#guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidetextdraw___guide-item/* Personal Details Label Parent Div */
    ,
    div#guideContainer-rootPanel-panel1392199234944-panel-panel-guidetextdraw_131552___guide-item/* Document Details Label Parent Div */
    ,
    div#guideContainer-rootPanel-panel1392199234944-panel-panel_4138050-guidetextdraw_640192___guide-item/* Contact Us Label Parent Div */ {
    width: 50%;
  }
  div#guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidebutton_45777934___guide-item/* Personal Details Edit Btn Div */
    ,
    div#guideContainer-rootPanel-panel1392199234944-panel-panel-guidebutton_70490560___guide-item/* Document Details Edit Btn Div */
    ,
    div#guideContainer-rootPanel-panel1392199234944-panel-panel_4138050-guidebutton_60632634___guide-item/* Contact Us Edit Btn Div */ {
    width: 36.1%;
    float: right;
    margin-top: 12px;
    text-align: right;
  }
  div#guideContainer-rootPanel-panel1392199234944-panel-guidebutton_45777934___guide-item,
  div#guideContainer-rootPanel-panel1392199234944-panel-guidebutton_70490560___guide-item {
    /* Personal Details Edit Btn Div, Deocument Details Edit Btn Div */
    float: right;
    width: 35px;
    margin-right: 11.3%;
    margin-top: 4%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guidebutton_70490560___guide-item {
    /* Document Details Edit Btn Div */
    margin-top: 1.5% !important;
  }
  .personal-details-edit-btn button {
    margin: unset;
    border: none;
    border-radius: 0px;
    padding: unset;
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
    height: 32px;
    width: 32px;
    float: right;
    background-position: right top;
  }
  .document-details-edit-btn button {
    margin: unset;
    border: none;
    padding: unset;
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
    height: 32px;
    width: 32px;
    float: right;
  }
  .personal-details-edit-btn button:hover,
  .document-details-edit-btn button:hover {
    background: url(/content/dam/owh/edit-icon.svg) 50% / auto 1.8rem no-repeat !important;
  }
  /* 1) englishname 2) chinesename 3)dateofbirth 4)sex 5)email 6)hkid 7)passport 8)nationality 9) chinaid 10)exitentry 11)macauid */
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_182908___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1906598122___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1027826276___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1891470698___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1885092807___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_186149398___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1241508732___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1374884537___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_285700350___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_45257719___guide-item {
    width: 28.37%;
    margin-left: 16.7%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidetextdraw_182908___guide-item,
  #guideContainer-rootPanel-panel1392199234944-panel-panel-guidetextdraw_118194___guide-item {
    width: 28.37%;
    margin-left: 16.7%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1906598122___guide-item {
    /* 2) chinese name */
    width: 20%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_118194___guide-item {
    /* Document Type Div */
    width: 28.37%;
    margin-left: 16.7%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-guidetextdraw_1374884537___guide-item {
    /* Nationality Div */
    width: 20%;
  }
  #guideContainer-rootPanel-panel1392199234944-panel-panel_482849206-guidetextdraw_182908___guide-item {
    margin-top: 1%;
  }
  /*
    ==============================================================================
    ====================== Content Page 8 (Thank You Page) =======================
    ==============================================================================
    ==============================================================================
  */
  .thank-you-title {
    padding: unset !important;
  }
  .thank-you-title p {
    margin: unset;
    font-family: TheSansPlainB8ExtraBold;
    font-size: 26px;
    color: #333333;
    margin-top: 5.7vh;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
  }
  .thankyou-panel {
    margin-left: 11.46%;
    margin-right: 11.46%;
    margin-top: 16px;
    width: 77.08%;
    /* height: 31.8%; */
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .envelop-success-img {
    line-height: 0px;
  }
  .envelop-success-img img {
    margin-bottom: 2%;
    width: 4.68%;
    text-align: center;
    align-items: center;
    align-content: center;
    margin-left: 47.66%;
    margin-top: 43px;
    margin-right: 0;
  }
  .thank-you-label,
  .submitdt-label,
  .contact-reminder-label-1,
  .contact-reminder-label-2 {
    padding: unset !important;
  }
  .thank-you-label p,
  .submitdt-label p,
  .contact-reminder-label-1 p,
  .contact-reminder-label-2 p {
    margin: unset !important;
    font-family: TheSansPlainB5Plain;
    font-size: 16px;
    color: #333333;
    text-align: center;
  }
  .thank-you-label p {
    font-family: TheSansB7Bold;
    font-size: 16px;
    text-align: center;
  }
  .submitdt-label p {
    margin-top: 9px !important;
  }
  .contact-reminder-label-2 p {
    margin-top: 20px !important;
    margin-bottom: 9.25vh !important;
  }
  .promotionBanner {
    width: 77.08%;
    margin-left: 11.46%;
  }
  .promotionBanner img {
    margin-left: unset;
    margin-right: unset;
    margin-bottom: 10%;
    width: 100%;
    max-width: 100%;
    /* height: 20.7vh; */
    border-radius: 10px;
  }
  .thank-you-separator-1 {
    width: 66.67%;
    margin-left: 16.67%;
    margin-top: 34px;
    margin-bottom: 34px;
  }
  .separator1 {
    margin-top: 30.4px;
  }
  .separator1,
  .separator2 {
    width: 66.8%;
    margin-left: 16.7%;
  }
  .separator2 {
    margin-top: 2%;
  }
  .wizard-nav-next {
    display: none;
  }
  .wizard-nav-prev {
    display: none;
  }
}
/*
  ##Device = Desktop
  ##Screen = min 1281
  ##Handle Exceptional Case
*/

@media (min-width: 1281px) and (max-height: 650px) {
  .otpSection {
    height: 90vh;
  }
}

.terms-condition .guideFieldError,
.cookies-overlay .guideFieldError,
.IntegrationPopup .guideFieldError,
.ShareButton .guideFieldError
{
  display: none;
}



.thankyoupage-ref-label-1 p{
  text-align: center;
  margin: 0px;
  font-size: 12px;
  color: #333333;
  padding-top: 12px;s
    /*
  display: none;
    */
}

.thankyoupage-ref-label-2 p{
  text-align: center;
  margin: 0px;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
    /*
  display: none;
    */
}