body{margin:0;padding:0;font-family:sans-serif;-webkit-user-select:none;user-select:none}.wrapper{margin-right:auto;font-size:90%;margin-left:auto}hr.new1{border-bottom:1px solid #1b1a1a}.saveAndExit{position:absolute;border:1px solid #000;background-color:#fff;text-align:center;color:#000;display:inline-block;cursor:pointer;width:8em;height:3.2em;margin-left:21%}@media only screen and (min-width:2000px){.saveAndExit{position:absolute;width:8em;height:3em;margin-left:19em}}@media only screen and (max-width:1600px){.saveAndExit{position:absolute;width:8em;height:3em;margin-left:44%}}@media only screen and (max-width:1500px){.saveAndExit{position:absolute;width:8em;height:3em;margin-left:38%}}@media only screen and (max-width:1200px){.saveAndExit{position:absolute;width:8em;height:3.2em;margin-left:48%}}@media only screen and (max-width:900px){.saveAndExit{position:absolute;width:8em;height:3.3em;margin-left:36%}}@media only screen and (max-width:599px){.saveAndExit{position:relative;width:100%;height:3em;margin-left:.01em}}.CustomCreditCardInput{width:100%;clear:both}@media screen and (min-width:300px){.CustomCreditCardInput{width:12.45em}}@media screen and (min-width:600px){.CustomCreditCardInput{width:12.45em}}.pb-ProgressIndicator__labelWrapper,svg#hsbc-logo path,svg#hsbc-logo polygon[fill="#000000"]{display:none!important}.bg-gray{background-color:#f8f9fa}.bg-gray>h2{padding:30px;text-align:center;margin:-32px 0 0}label[for="personalDetails.dateofbirth-date-day-field"],label[for="personalDetails.dateofbirth-date-month-field"],label[for="personalDetails.dateofbirth-date-year-field"],label[for="supplementaryCard.suppDateofbirth-date-day-field"],label[for="supplementaryCard.suppDateofbirth-date-month-field"],label[for="supplementaryCard.suppDateofbirth-date-year-field"]{display:none}.clsScrollDiv{width:100%;height:150px;overflow-y:scroll;border:1px solid #767676;padding:0 15px;text-align:justify}#field-card-statement-card-delivery .pb-Grid__Row,#field-more-abt-myself-gender .pb-Grid__Row,#field-supplementary-card-supp-gender .pb-Grid__Row,.pb-YesNoRadio__YesNoRadio{display:block!important}input[id="employment.companyName-field"]{text-transform:uppercase}.pb-DateInput__day,.pb-DateInput__month,.pb-DateInput__year{max-width:7.3rem!important}.pb-DateInput__day>input,.pb-DateInput__month>input,.pb-DateInput__year>input{text-align:center!important}.pb-Button__Button{padding:12px 42px 10px!important}.imgPreview{text-align:center;margin:.1em;height:5em;width:5em;border:1px solid grey}.imgPreview img{width:100%;height:100%}input[type=file]{display:none}.custom-file-upload{border:1px solid #000;text-align:center;width:100%;height:100%;display:inline-block;padding:6px 12px;margin-left:.1em;cursor:pointer}.custom-file-upload:hover{background-color:#bdbdbd}.disabled{opacity:.65;cursor:not-allowed;border:1px solid #000;text-align:center;width:100%;height:100%;display:inline-block;padding:6px 12px;margin-left:.1em;cursor:pointer;pointer-events:none}table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}td,th{border:1px solid #fff;text-align:left;padding:8px}@media screen and (min-width:300px){.captureHide{display:none!important;width:46px;height:60px}}@media screen and (min-width:600px){.expandButton{width:35vw}}.m-signature-pad{font-size:10px;position:inherit}.m-signature-pad--body{left:20px;right:20px;top:20px;bottom:60px;border:1px solid #f4f4f4}.m-signature-pad--body canvas{left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 5px rgba(0,0,0,.02)}.m-signature-pad--footer{position:absolute;width:300px;left:20px;right:20px;bottom:20px;height:40px}.m-signature-pad--footer .description{color:#c3c3c3;text-align:center;font-size:1.2em;margin-top:1.8em}.m-signature-pad--footer .button{position:absolute;bottom:0}.m-signature-pad--footer .button.clear{border-radius:0;cursor:pointer;display:inline-block;padding:12px 16px 10px;line-height:1.5;overflow:hidden;width:25%;touch-action:manipulation;text-align:center;text-decoration:none;-webkit-backface-visibility:hidden;transition:background-color 50ms cubic-bezier(.645,.045,.355,1);left:1%;top:-2%}.m-signature-pad--footer .button.save{left:10%}@media screen and (max-width:1024px){.m-signature-pad{top:0;left:0;right:0;bottom:0;width:auto;height:auto;min-width:250px;min-height:140px;margin:5%}#github{display:none}}@media screen and (min-device-width:768px) and (max-device-width:1024px){.m-signature-pad{margin:10%}}@media screen and (max-height:320px){.m-signature-pad--body{left:0;right:0;top:0;bottom:32px}.m-signature-pad--footer{left:20px;right:20px;bottom:4px;height:28px}.m-signature-pad--footer .description{font-size:1em;margin-top:1em}}.styles_paddingTop2__33smZ{@mixin spacing padding-top, 2, 2, 2}.styles_marginBottom4__2A3YZ{@mixin spacing margin-bottom, 4, 4, 4}.styles_paddingBottom2__-KoX2{@mixin spacing padding-bottom, 2, 2, 2}.styles_paddingLeft3__3zXXJ{@mixin spacing padding-left, 3, 3, 3}.styles_paddingRight3__i7zWW{@mixin spacing padding-right, 3, 3, 3}.styles_banner__1Lg4H{background-color:#4d6474;color:#fff;line-height:1.2;text-align:center;padding:.5em .5em .9em;margin:.1em 0 1em}.styles_spinnerContainer__2nyaz{display:inline-block;text-align:center}.cards-input{position:relative;width:240px;background-size:cover}.cards-input img{position:absolute;top:5px;right:5px;left:11.2em;display:block;border-radius:0}.KeyPad-key{display:block;background:none;border:none;padding:0;font-family:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}.KeyPad-key:active{box-shadow:inset 0 0 80px 0 red}.KeyPad{box-shadow:0 0 20px 0 #aaa}@media screen and (min-width:300px){.KeyPad{margin-left:-1.5em;display:none}}@media screen and (min-width:599px){.KeyPad{margin-left:-1.5em;display:none}}@media screen and (min-width:900px){.KeyPad{margin-left:-4.5em;display:block}}.KeyPad .input-keys{width:180px;height:240px;display:flex}.KeyPad .digit-keys{background:#fff;display:flex;flex-direction:row;flex-wrap:wrap}.KeyPad-key{width:60px;height:60px;border:1px solid #eee;text-align:center;line-height:60px}.KeyPad{line-height:60px;width:180px;height:240px}.KeyPad .digit-keys .KeyPad-key{font-size:2em}.cellStyleDigit{border:1px solid #eee;box-shadow:0 2px 2px #ccc;width:60px;height:60px;margin:5px;text-align:center}@media screen and (min-width:300px){.cellStyleDigit{width:46px;height:60px}}@media screen and (min-width:599px){.cellStyleDigit{width:46px;height:60px}}@media screen and (min-width:900px){.cellStyleDigit{width:60px;height:60px}}#num1,#num2,#num3,#num4,#num5,#num6{text-align:center;border:0 solid #fff;height:60px;font-size:var(--fontsize3)}.cellMargin{margin-bottom:30px;margin-left:95px}.otpCell{margin-bottom:60px}.otpCell,.otpField{text-align:center;font-size:large}.otpField{height:30px}.otpFieldFeedback{font-size:medium;color:#a8000b;color:var(--scarlet)}.otpResndCell{height:60px;text-align:left;font-size:medium}.loading_underlay__cvGQw{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;overflow-x:hidden;overflow-y:auto;background-color:#fff}.loading_dialog__1URzg{top:0;width:100%;outline:0;margin-top:calc(var(--unit6)*2)}.loading_dialogContent__2VERL{background:#fff;flex-direction:column}.loading_fade__aeRt9{transition:opacity .2s cubic-bezier(.645,.045,.355,1);opacity:0}.loading_fade--entered__1OMib{opacity:1}.loading_logo__oe_6O{height:32px;margin-bottom:var(--unit5)}.loading_children__24qJx{margin-bottom:var(--unit6)}.loading_icon__uGz9w{animation:loading_spin__1XciN 1.2s linear infinite;margin-bottom:var(--unit3)}@keyframes loading_spin__1XciN{to{transform:rotate(1turn)}}.loading_Page__1j4t6,.loading_wrapper__2nqMn{display:flex;flex-direction:column}.loading_wrapper__2nqMn{min-height:100vh}.loading_main__1CLe1{flex:1 0 auto;padding-bottom:calc(var(--unit8) - var(--unit6))}.main{margin-left:50px;margin-right:50px}.bold_font_12{font-weight:700}.bold_font_12,.font_12{font-size:12px;text-align:justify}.subHeading{font-weight:700;font-size:14px}.checkStyle{height:20px;width:20px}.floatLeft{float:left}.cellStyle{display:inline-block;margin:75px 20px;border:1px solid #eee;box-shadow:0 2px 2px #ccc;padding:30px;cursor:pointer;width:250px;height:200px}.cellStyle:active,.cellStyle:hover{background-color:var(--silver)}.a_link,.a_link:active,.a_link:hover,.a_link:visited{color:inherit;text-decoration:none}.userSytle{font-family:"Times New Roman",Times,serif;font-size:1.5em;font-weight:700;cursor:unset;-webkit-user-select:none;user-select:none}:root{--unitScale:100px;--fontsize2:0.875rem;--fontsize3:1rem;--fontsize4:calc(1.125rem + var(--unitScale)*2/100);--fontsize5:calc(1.5rem + var(--unitScale)*4/100);--fontsize6:calc(2rem + var(--unitScale)*6/100);--lineHeight4:calc(1.5rem + var(--unitScale)*4/100);--lineHeight5:calc(2.125rem + var(--unitScale)*4/100);--lineHeight6:calc(2.5rem + var(--unitScale)*8/100);--grid-viewport-width:99.9vw;--grid-max-width:1280px;--grid-gutter:16px;--grid-gutter-medium:16px;--grid-gutter-large:24px;--grid-padding:16px;--grid-padding-medium:16px;--grid-padding-large:24px;--black:#000;--white:#fff;--charcoal:#252525;--pewter:#767676;--scarlet:#a8000b;--burgundy:#83000a;--gold:#fb3;--jade:#00847f;--slate:#3e505d;--shale:#51616d;--sapphire:#305a85;--blue:#36a1ff;--scarlet-wash:#f9f2f3;--gold-wash:#fff8ea;--jade-wash:#e5f2f2;--sapphire-wash:#ebeff4;--pearl:#f3f3f3}.telephone-input_TelephoneInput__1iBzX{display:flex;justify-content:flex-start;flex-direction:row;border:0;padding:0;margin-left:0;margin-right:0}.telephone-input_Select-container__Evrah,.telephone-input_Select__3Itfo{min-width:73px;width:4.5625rem}.telephone-input_Select-container__Evrah{background-color:var(--white);cursor:pointer;padding:1px;position:relative;margin-right:16px}.telephone-input_Select__3Itfo,.telephone-input_Value__2fUeD{padding-left:.5em;height:100%}.telephone-input_Value__2fUeD{background-color:var(--white);cursor:inherit;line-height:1.2;pointer-events:none;position:relative;overflow:hidden;white-space:nowrap;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;box-shadow:0 0 0 1px var(--pewter)}.telephone-input_Value--invalid__2A-Xw{color:var(--scarlet);box-shadow:0 0 0 2px var(--scarlet)}.telephone-input_Select__3Itfo{appearance:none;border:1px solid transparent;background:transparent;border-radius:0;display:block;outline:none;position:absolute;left:0;right:0;top:0;bottom:0;line-height:1.2;text-indent:-9999px;padding-right:var(--unit2);cursor:pointer}.telephone-input_Select__3Itfo::-ms-expand{display:none}.telephone-input_Select__3Itfo:hover+.telephone-input_Value__2fUeD{box-shadow:0 0 0 1px var(--charcoal)}.telephone-input_Select__3Itfo:active+.telephone-input_Value__2fUeD,.telephone-input_Select__3Itfo:focus+.telephone-input_Value__2fUeD{box-shadow:0 0 0 2px var(--blue) inset}.telephone-input_Icon__1GYFR{position:absolute;top:0;right:.5em;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100%}.telephone-input_Telephone__1bb6L{width:12.5em}.telephone-input_fullWidth__m1aDU{width:100%}.telephone-input_visuallyHidden__19nMQ{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.bar{position:relative;width:100%;height:4px;overflow:hidden;background-color:var(--silver)}.indicator{position:absolute;display:inline-block;width:100%;height:100%;top:0;left:0;transition:transform .2s cubic-bezier(.645,.045,.355,1);background-color:var(--red)}.labelWrapper{margin-bottom:2px}.stageTitle,.stepLabel{font-weight:700}.progressWrapper{position:relative;padding-top:var(--unit1)}.counter{list-style:none;padding:0;z-index:10;width:calc(100% - 26px);margin:0 0 0 15px;position:absolute;top:0}.counter__item{display:inline-block;flex-grow:1;position:absolute;color:#fff;font-weight:700}.counter__itemWrapper{display:inline-block;border-radius:50%;border:8px solid #fff}.counter__inner{display:flex;justify-content:center;align-items:center;height:26px;width:26px;border-radius:50%;border:2px solid transparent}