@font-face{
    font-family: CourierWeb;
    src:url(../../../../fonts/CourierPrime-Regular.woff2) format("woff2"),
    url(../../../../fonts/CourierPrime-Regular.woff) format("woff");
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url(../../../../fonts/Merriweather-Regular.woff2) format('woff2'),
        url(../../../../fonts/Merriweather-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../../../fonts/NotoSans-Regular.woff2) format('woff2'),
        url(../../../../fonts/NotoSans-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




.vcard-public .img-card-holder .logo-holder img{height: auto !important;}
.vcard-public .card-info-holder .info .card-num {user-select: auto !important;}
body{overflow-y: hidden;}

.vcard-public {padding: 58px 29px;}
.vcard-public .card-info-holder .info .card-num {font-family: 'CourierWeb',Arial,Helvetica Neue; font-size: 18px;font-weight: 400;line-height: 23px;display: inline-block;margin: 0px 0 36px; padding: 0;}  
.vcard-public .gen-block .title {font-family: 'Noto Sans',Arial,Helvetica Neue;font-size: 14px;line-height: 18.4px;font-weight: 400;text-transform: uppercase;padding-bottom: 15px;}
.vcard-public .gen-block .value span{font-family: 'CourierWeb',Arial,Helvetica Neue;font-size: 18px;line-height: 18.4px;font-weight: 400;}
.vcard-public .img-card-holder{border-radius: 20px;max-width:493px;padding:  40px 27px 74px 23px;background-repeat: no-repeat;background-position-y: bottom;background-position-x: right;}
.vcard-public .gen-block .value{display: inline-block;font-family: 'Noto Sans',Arial,Helvetica Neue;font-size: 16px;line-height: 18.4px;font-weight: 700;}
.vcard-public .img-card-holder .logo-holder.logo-holder-inner{margin: 0 0 0;}
.vcard-public .img-card-holder .logo-holder img{display: none;}  
.vcard-public .card-info-holder .footer .card_img-holder {padding-top: 0px;}
.vcard-public .gen-block.cvv, .vcard-public .gen-block.expiry {width: 31%;}
.vcard-public .card-info-holder .footer .card_img-holder img {position: relative; top: 55px;}
#main .inner-vcard{font-family: 'Noto Sans',Arial,Helvetica Neue;}
.vcard-public .anchor-copy {padding: 5px;}
.vcard-public .anchor-copy:focus, .vcard-public .anchor-copy:hover{background: #108286; border-radius: 20px;}

legend{margin: 0;}
#page_container{padding: 0;}
.virtual-form-view div#otpContainer{padding: 0;}
.inner-vcard .header .subHeading {color: #021315; font-size: 20px;font-weight: 400; font-family: 'Merriweather',Arial,Helvetica Neue; padding: 30px 24px;border-bottom: 0.5px solid #D3D4D5; margin: 0;line-height: 1.1;}
.virtual-form-view .otp_widget-form .header .label{font-family: 'Noto Sans',Arial,Helvetica Neue;    font-size: 16px;    font-weight: 400;   color: #4E5A5B; padding: 19px 24px 29px 24px;line-height: 1.375;}
.card-steps-holder .input-step:nth-child(3){margin: 0;}
.otp_widget-form .otp_widget-wrapper.right-panel {padding: 0 24px !important;}
.virtual-form-view .otp_widget-form .input-step .step-holder input[type=text], .virtual-form-view .wrong-code .otp_widget-form .input-step .step-holder input.form-control{border-color:#DADBDD !important}
.virtual-form-view .otp_widget-form .input-step .step-holder * {font-weight: 500; font-size: 32px; color: #021315;}
.field-holder{min-height: auto;padding-bottom: 47px;padding-top: 12px;}
.vcard-public .form .btns {display: flex !important;flex-direction: row-reverse !important;margin: 0; border-top: 0.5px solid #D3D4D5;padding: 20px 0;left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);/*! min-width: 297px; */width: calc(100%+48px);bottom: auto;margin-left: 0px;width: calc(100% + 48px);max-width: 100% !important;padding-left: 24px;padding-right: 24px;}
.btn:not(.dropdown-toggle).btn-default{padding: 11px 24px 8px 24px; border-radius: 4px;     background-color: #085D6A !important; border-color: #085D6A !important; color: #fff;  font-weight: 400; font-size: 16px;max-width: 89px;min-width: auto;}
.btn.btn-light{color: #085D6A !important;  font-weight: 400; font-size: 16px;    max-width: 99px;}
.form .btn + .btn {margin: 0;}
.formBtns{  max-width: calc(100% - 47px) !important;}
.card-steps-holder .input-step{padding: 0 6px !important;}
.form .btn {padding-left: 14px;}
.wrong-code .error-text{color: #B90B02; margin: 0 4px 0 !important; font-size: 14px; font-weight: 400;padding: 18px 0 0;}
.btn.mob-btns {font-family: 'Noto Sans',Arial,Helvetica Neue;}
.section-loader .svg-holder svg circle {  fill: #085D6A !important;}
.card-steps-holder{ width: calc( 100% + 12px); }
.vcard-public .card-info-holder .info .card-num a.anchor-copy{ top: 13px;    left: 12px;}

.vcard-public .card-info-holder .info .card-num .cardNo:before {    content: 'CARD NUMBER';    display: block;    font-family: 'Noto Sans';    font-size: 14px;    line-height: 1;    margin: 0 0 14px;  letter-spacing: 0;}
.vcard-public .card-info-holder .info .card-num .unmasked-data{ letter-spacing: 0;}

@media only screen and (max-width:480px){
    .vcard-public .img-card-holder {  padding-bottom: 30px;  padding-top: 30px;}
    .vcard-public .gen-block {  margin-bottom: 0;}
    .vcard-public .card-info-holder .footer .card_img-holder img {  bottom: ;  top: auto;}
    .vcard-public .card-info-holder .footer {  position: relative;  top: 15px;}
    .vcard-public .card-info-holder .info .card-num {  margin-bottom: 14px !important;}
    .vcard-public .card-info-holder .info .card-num .cardNo::before { margin-bottom: 9px; }.vcard-public .gen-block .title{  padding-bottom:9px !important;}
    .vcard-public .card-info-holder .info .card-num .unmasked-data ,.vcard-public .gen-block .value span{  font-size: 14px !important;}
    .vcard-public .card-info-holder .footer .card_img-holder {  max-width: 60px !important;}
    .vcard-public .gen-block.cvv{padding-left:15px;}
}