@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&display=swap";
.vcard-public#main-section{display:flex;height:100vh;flex-direction:column}
.vcard-public #page_container.inner-vcard.virtual-form-view{padding:25px;display:flex;height:100%;flex-direction:column;justify-content:center}
.inner-vcard.virtual-form-view .header .subHeading{font-weight:700;font-size:14px;line-height:18px;color:#20443C;word-spacing:0;letter-spacing:.27px;padding-right:40px}
.inner-vcard.virtual-form-view .otp_widget-form .header .label{font-weight:500;font-size:10px;line-height:18px;letter-spacing:.233333px;color:#444;margin:0 0 24px}
.inner-vcard.virtual-form-view .otp_widget-form .input-step .step-holder input[type="text"]{background:#FAFBFC;border-radius:6px;border:0;width:32px;height:32px!important;font-size:14px!important;padding:0;font-weight:600;color:#222!important;line-height:32px;font-family:'Plus Jakarta Sans',sans-serif!important;letter-spacing:normal}
.virtual-form-view .card-steps-holder .input-step:nth-child(3){margin-right:0}
.virtual-form-view .card-steps-holder{margin-left:0}
.virtual-form-view .card-steps-holder .input-step{flex:none;padding:0!important;width:40px}
.virtual-form-view .form .btn.mob-btns{font-weight:700;font-size:12px;line-height:14px}
.virtual-form-view .form .btn.mob-btns.resendCod{font-weight:500;font-size:10px;line-height:13px;text-align:center;letter-spacing:.233333px;margin:4px auto 0}
#main .vir-card-msg.not-available{text-align:left}
#main .vir-card-msg.not-available section{padding:215px 22px 30px}
#main .vir-card-msg.not-available section h1{font-weight:700;font-size:14px;line-height:18px;letter-spacing:.266667px;margin:0 0 10px}
#main .vir-card-msg.not-available section p{font-weight:500;font-size:12px;line-height:18px;letter-spacing:.233333px;padding-right:35px}
.vcard-public.virtual-form-view-con #otpContainer .alert{padding:14px 40px 14px 43px;margin:-146px 0 30px!important}
.vcard-public.virtual-form-view-con #otpContainer .alert:before{left:15px;top:20px}
.inner-vcard.virtual-form-view .wrong-code .error-text{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:8px;font-weight:600;line-height:10px;margin:14px 4px 0!important;color:#D74120}
.virtual-form-view-con.vcard-public .form .btns{bottom:26px;text-align:center}
.virtual-form-view-con.vcard-public .form .btns .btn{max-width:154px;margin:0 auto;display:inline-block;width:100%}
.veritcal-card-holder .vc-network-logo{position: absolute;right: 13px;top: 20px;}
@media screen and (max-width:992px) and (orientation:landscape) {
#page_container .formBtns{min-width:320px!important}
}

/*Custom Card*/
#cardNumberSpanId {max-width:58px; display: block;}
#cardNumberSpanId span {display: block;}
.veritcal-card-holder .vc-masked-e-cvv {display: block !important;}
.veritcal-card-holder .vc-masked-card-wrap {font-size: 18px !important; letter-spacing: 2px !important; margin-bottom: 0 !important;}
.veritcal-card-holder {width: 212px !important; padding: 9px 11px 20px 15px !important;}
.veritcal-card-holder .vc-card-info {display: block !important; padding: 0 !important;}
.veritcal-card-holder .vc-network-logo, .veritcal-card-holder .vc-holder-client-logo > img, .veritcal-card-holder .vc-card-info .vc-expiry>strong, .veritcal-card-holder .vc-card-info .vc-cvv>strong {display: none;}
.veritcal-card-holder .vc-card-info .vc-expiry {padding: 5px 0 0 31px;}
.veritcal-card-holder .vc-card-info .vc-cvv {padding: 1px 0 0 31px;}
.veritcal-card-holder .vc-card-name {margin: 7px 0 0 -3px !important; line-height: 1.2;padding: 0 60px 0 0;max-height: 27px;overflow: hidden;word-break: break-all;text-transform: uppercase;}