.static-label img{width:12px!important;height:12px!important;margin:-2px 0 0 3px}
.section-loader{background:#fff}
.vcard-public{background:#fff;padding:75px 10px 10px;border-radius:4px;position:relative;margin:0 0 60px}
.vcard-public header{text-align:center}
.vcard-public header h2{font-size:2em;line-height:1.035714285714286;color:#000;letter-spacing: -0.84px;text-transform: uppercase; font-weight: 500;margin-bottom: 16px;}
.vcard-public header p{font-size:1.285714285714286em;color:#020101;margin:0 -60px 30px -60px;font-weight: 400;line-height: normal;letter-spacing: -0.36px;}
.vcard-public .inner-vcard{max-width:330px;margin:0 auto;z-index:2;position:relative}
.vcard-public .btns .btn:first-child{margin-right:15px}
.vcard-public .otp_widget-form .left-panel{border-right:0}
.vcard-public .otp_widget-form .right-panel.d-none{padding:0!important}
.vcard-public .img-card-holder{margin:0 auto 30px;border-radius:8px;position:relative;padding:21px 19px 18px;background-size:cover!important}
.vcard-public .img-card-holder:before{left:50%;z-index:-1;content:"";bottom:26px;position:absolute;margin:0 0 0 -250px;width:500px;height:100px;opacity:.7; background: none;}
.single-border .form-control{ padding: 0;}
.vcard-public .img-card-holder>*{z-index:2;position:relative}
.vcard-public .img-card-holder .logo-holder{width:173px;margin:0 0 17px}
.vcard-public .img-card-holder .logo-holder.logo-holder-inner{margin:0 0 8px}
.vcard-public .img-card-holder .logo-holder img{display:block;max-width:100%}
.vcard-public .img-card-holder .logo-holder svg{display:block;max-width:100%;height:auto}
.vcard-public .img-card-holder .fields-holder{border-radius:4px;background-color:rgba(0,0,0,.1);border:2px solid rgba(255,255,255,.1)}
.vcard-public .card-info-holder .dot{margin:0;opacity:60%;height:8px;width:8px;background:#e0e0e0;border-radius:100%;display:inline-block;vertical-align:middle}
.vcard-public .card-info-holder .slash{font-size:.92857em;line-height:1.46154}
.vcard-public .card-info-holder .info .card-num{color:#fff;font-size:1.14286em;line-height:1.5;letter-spacing:.9px}
.vcard-public .card-info-holder .program{font-size:.85714em;line-height:1.5;color:#fff;font-weight:400;margin-top:7px}
.vcard-public .card-info-holder .footer{width:100%;height:1%;display:table-footer-group}
.vcard-public .card-info-holder .footer .name{font-size:.85714em;line-height:1.5;color:#fff;font-weight:400; font-family: var(--nimbusSans);letter-spacing: -0.24px;}
.vcard-public .card-info-holder .footer .card_img-holder{margin-top:2px;max-width:60px}
.vcard-public .card-info-holder .footer .card_img-holder .svg-converter{display:block;max-width:100%;width:100%;height:auto;margin:0 auto}
.vcard-public #virtualCardDetailsId .img-card-holder{ margin:0 auto 71px;}
.vcard-public .available-credit, .vcard-public .card-history li, .vcard-public .history-box{border-color:#F3F3F3 !important; background: #F3F3F3;}
.slider-checkbox [class*="icheckbox"]::before {border-color: #D8D8D8;}
/*Wallet button*/
.vcard-detail-btn-holder{ display: flex; flex-direction: column;align-items: center; padding-top: 8px;}
.vcard-detail-btn-holder .wallet-btn{ background: #020101; color: #fff;border: none; padding: 9px 20px; text-decoration: none; display: flex; align-items: center; gap: 8px; max-width: 358px; min-width: 358px; min-height: 48px; justify-content: center; margin-bottom: 16px; border-radius: 6px;}
.vcard-detail-btn-holder .wallet-btn .wallet-img{ width: 37px;}
.vcard-detail-btn-holder .wallet-btn .g-wallet-img{ width: 28px;}
.vcard-detail-btn-holder .wallet-btn span{ font-size: 16px; font-weight: 400;line-height: 9px; }
.vcard-detail-btn-holder .wallet-btn:hover{ background: #1A1A1A;}
.vcard-detail-btn-holder .cuser-btn{background: #D31145; color: #fff;border: none; font-family: var(--nimbusSansCon);padding: 14px; justify-content: center; align-items: center;text-decoration: none;display: flex; gap: 16px;font-size: 24px; font-weight: 500; line-height: 22px; letter-spacing: -0.48px;text-transform: uppercase; max-width: 251px; min-width: 251px; min-height: 48px;}
.vcard-detail-btn-holder .cuser-btn .icon-qr-arrow-right{ font-size: 19px;}
.vcard-detail-btn-holder .cuser-btn:hover{background: #AF0E39;}
.vcard-detail-btn-holder .btn-wallet{ background: none; padding: 0 !important; margin: 0 0 15px;}
.vcard-detail-btn-holder .btn-wallet.btn-apple-wallet{ margin: 0 0 14px;}
[data-pagetype="public-page"] .vcard-public #profileValidationNext{ padding: 13px 20px; min-width: 130px; max-width: 130px;font-size: 26px; font-weight: 500; line-height: 22px; letter-spacing: -0.52px; font-family: var(--nimbusSansCon);text-transform: uppercase;display: flex; gap: 20px; align-items: center; justify-content: center;}
[data-pagetype="public-page"] .vcard-public #profileValidationNext .icon-qr-arrow-right{ font-size: 19px; line-height: 23px; position: relative; top: 1px;}
@media (max-width:479px){
.vcard-public .card-info-holder .footer .program{font-size:.85714em;line-height:1.25}
.vcard-public .card-info-holder .footer .img-holder{max-width:40px}
}
.vcard-public .gen-block{display:inline-block;color:#fff;margin:0 0 10px}
.vcard-public .gen-block.cvv,.vcard-public .gen-block.expiry{width:40%}
.vcard-public .gen-block .title{display:block;font-size:.78571em;line-height:1.81818;letter-spacing:.88px; font-family: var(--nimbusSans);letter-spacing: -0.24px;}
.vcard-public .gen-block .value{display:block;font-size:.92857em;line-height:1.46154;font-weight:500;letter-spacing:.9px}
.vcard-public .gen-block.expiry .dot:not(:last-child){margin:0 4px 0 0}
.vcard-public .gen-block.cvv .dot:not(:last-child){margin:0 4px 0 0}
.vcard-public .gen-block .slash{margin:0 3px 0 1px}
.vcard-public .masked-data.expiryDate .dot{margin:0!important}
.vcard-public .masked-data.expiryDate .slash{margin:0 0 0 1px!important}
.vcard-public .masked-data.cvv .dot{margin:0!important}
.vcard-public .verification-form{padding:0 15%}
.vcard-public .verification-form .heading{font-size:1em;line-height:1.5;color:#222;margin:0 0 30px}
.vcard-public .verification-form .vis-verif-head{font-size:1em;line-height:1.14286;color:#222;margin:0 0 15px}
.vcard-public .secret-question-form .form-holder{max-width:23rem;margin:0 auto}
.vcard-public .max-chars{font-size:.85714em;line-height:1.5;letter-spacing:.2px;color:#aaa;margin-top:7px;display:block}
.vcard-public .mask-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-55px auto 30px;padding:0 10px;max-width:208px}
.vcard-public .mask-checkbox .label{margin:0;color:#020101;font-size:1.142857142857143em;line-height:normal;font-family: var(--nimbusSans);letter-spacing: -0.32px;}
.vcard-public .mask-checkbox .icheckbox_minimal-grey{margin:0}
.vcard-public .print-section{max-width:45rem;margin:0 auto}
.vcard-public .print-section .btn{min-width:144px}
.vcard-public .pin-details-holder{margin:0 0 20px;padding:22px 30px 30px}
.vcard-public .pin-details-holder .pin-counter{margin:0;-webkit-box-shadow:none;box-shadow:none}
.vcard-public .pin-details-holder .heading{font-size:1.28571em;line-height:1.5;color:#222;margin:0 0 5px}
.vcard-public .pin-details-holder .desc{font-size:.85714em;line-height:1.5;color:#bebebe;margin:0 0 25px;max-width:100%!important}
.vcard-public .print-box{height:100%;padding:50px;display:block;text-align:center}
.vcard-public .print-box .img-holder{margin:0 0 30px}
.vcard-public .print-box .heading{font-size:1.14286em;line-height:1.5;color:#222;margin:0 0 15px;font-weight:500;display:block}
.vcard-public .print-box .desc{font-size:.92857em;line-height:1.46154;color:#777;margin:0 0 30px;font-weight:300;display:block}
.vcard-public .print-box .closure{font-size:.92857em;line-height:1.46154;color:#444;letter-spacing:.2px;margin:0;display:block}
.vcard-public .print-box .btn{margin-bottom:50px;display:inline-block}
.vcard-public .print-box .adobe{font-weight:500;color:#e6252f}
.vcard-public .print-box .go-paperless{font-weight:500;color:#10432e}
.vcard-public .history-box{border:solid 1px #dfe6ee;padding:20px;border-radius:5px;height:60px}
.vcard-public .create-account{padding:30px 0 0 30px}
.vcard-public .create-account.box-style{-webkit-box-shadow:none!important;box-shadow:none!important}
.vcard-public .create-account:hover{cursor:pointer;background-color:#f6f6f6}
.vcard-public .create-account .heading{font-size:1.28571em;line-height:1.5;color:#222;margin:0 0 5px}
.vcard-public .create-account .info{font-size:.85714em;line-height:1.5;color:#bebebe;margin:0 0 30px}
.vcard-public .create-account .box-left{float:left}
.vcard-public .create-account .box-right{float:right}
.vcard-public .h-box-spacer,.vcard-public .p-box-spacer{margin-bottom:20px}
.vcard-public .box-style{border:1px solid #d8dde4;border-radius:4px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.vcard-public #otpContainer .alert{margin:0 0 30px!important}
.vcard-public .form .btns{margin:15px 0 0}
.vcard-public .form .btns::after{display:block;clear:both;content:""}
.vcard-public .form .btns .btn:only-child{width:100%}
.vcard-public .counter.time-inside svg{width:50%!important}
.vcard-public .pin-counter .pin-number{width:80%}
.vcard-public .pin-counter .pin-timer{width:20%}
.vcard-public .reload-link-inside{padding:15px 5px;display:inline-block;vertical-align:middle}
.vcard-public .reload-link-inside .text{display:inline-block;font-size:.92857em;line-height:1.38462;color:#444;margin:0 0 10px}
.vcard-public .reload-link-inside .link{font-size:.92857em;line-height:1.46154;font-weight:500;display:block}
.vcard-public .reload-link-inside .ico{margin-right:5px;font-size:14px;position:relative;top:2px}
.vcard-public .otp_widget-form{margin:0}
.manage-pin .pin-counter .num{font-family:inherit!important}

@media only print{
   
body,html{height:95%;overflow-x:visible;overflow-y:visible}
body *{color:#000!important}
body .vcard-public .print-card #virtualCardDetailsId *{color:#fff!important}
@page{size:auto;margin:0 auto;padding:0}
.noPrint{display:none!important} 
.footer-public .footer-holder .container .footer-info .footer-frame .list-logos.partners.partners-logos.nav.float-right {  text-align: right !important; padding-left: 150px !important;margin-top:20px !important; }
.footer-public .footer-holder .container .footer-info .footer-frame .list-logos{margin: 0!important;padding:0!important;float:right!important;}
.footer-public .footer-holder .container .footer-info .footer-frame .list-logos li{text-align: right !important}
.footer-public .footer-holder .container .footer-info .footer-frame .float-left {float: left !important;}
.footer-public .footer-holder .container .footer-info .footer-frame .float-right {float: right !important;}
.vcard-public .img-card-holder,
.vcard-public .veritcal-card-holder{border:1px solid #000}
.vcard-public .print-card .img-card-holder{border-width:0px}
.cma-logo-svg svg *{fill:#000}
.vcard-public .available-credit, .vcard-public .card-history li, .vcard-public .history-box{border-color:#000 !important}
.vcard-public .card-info-holder .dot {border:1px solid #000}
.header-public .navbar .float-left a > img {filter: brightness(0)}
.header-public .navbar .float-left a svg * {fill:#000}
.vcard-public .img-card-holder .logo-holder img,
.vcard-public .veritcal-card-holder .vc-holder-client-logo > img {filter: brightness(0)}
.vcard-public .img-card-holder .logo-holder svg *,
.vcard-public .veritcal-card-holder .vc-holder-client-logo svg *{fill:#000}
.vcard-public .print-card #virtualCardDetailsId{background:url(../../../../cstatic/5539abc9-1efd-4c30-953b-272243ac6b0e/ppsArcticVirtualBg.svg) no-repeat 50% 75%; border-radius: 8px;background-size: cover;}
.vcard-public .img-card-holder,
.vcard-public .veritcal-card-holder{background:none}
.vcard-public .img-card-holder:before,
.vcard-public .veritcal-card-holder:before{background:none}
.vcard-page .footer-nav,.vcard-page #navbarSupportedContent,.vcard-page button.nav-opener{display:none!important}
body[data-pagetype="public-page"] #wrapper.vcard-page #main > .container{max-width:100%;padding:0}
body[data-pagetype="public-page"] #wrapper.vcard-page .vcard-public{border-radius:0}
.vcard-public .veritcal-card-holder .vc-card-info .card-num .unmasked-data.cardNo,
.vcard-public .veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-expiry strong,
.vcard-public .veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-expiry .masked-circles .value span,
.vcard-public .veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-cvv strong,
.vcard-public .veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-cvv .masked-circles .value span,
.vcard-public .veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-card-name strong{ color:#000 !important;}
}
@media (max-width:992px){
.vcard-public{padding:20px 15px}
.h-box-spacer,.p-box-spacer{margin-bottom:0!important}
.h-box-spacer>*,.p-box-spacer>*{margin:0 0 20px}
.vcard-detail-btn-holder{ padding-top: 20px;}
}
@media (max-width:768px){
.vcard-public .pin-counter .pin-number,.vcard-public .pin-counter .pin-timer{width:100%}
}
@media (max-width:767px){
.vcard-public .available-credit, 
.vcard-public .card-history .amount{ margin: 0;}
.vcard-public ul.card-history, 
.vcard-public .card-history li + li { margin: 16px 0 0; }
.vcard-public .h-box-spacer > *, .vcard-public .p-box-spacer > * { margin: 0 0 16px; }
.vcard-public .print-section .h-box-spacer{margin-top: 11px;} 
}
@media (max-width:694px){
.vcard-public .create-account{position:relative;padding:30px}
.vcard-public .create-account .box-left{float:none;position:relative;z-index:3}
.vcard-public .create-account .box-right{float:none;position:absolute;bottom:0;right:0;z-index:2}
}
@media (max-width:580px){
.vcard-public .create-account .box-right{display:none}
.vcard-public header p{margin:0 0 30px}
.vcard-public .box-style,.vcard-public .create-account,.vcard-public .print-box{padding:20px 15px}
/* .vcard-detail-btn-holder .wallet-btn, .vcard-detail-btn-holder .cuser-btn{ max-width: 100%; width: 100%; min-width: 100%;} */
[data-pagetype="public-page"] .vcard-public #profileValidationNext{ max-width: 100%; min-width: 100%;}
}
@media (max-width:360px){
.vcard-public .reload-link-inside{position:relative;left:-4px}
}
.veritcal-card-holder{ background: #D31145 !important;}
.veritcal-card-holder .masked-circles .dot{ background: rgba(255,255,255,0.6);}
.veritcal-card-holder {width: 208px;margin: 0 auto 30px;height: 331px;padding: 20px 18px;position: relative;-webkit-box-shadow: none;box-shadow: none;border-radius: 10px;}	
.veritcal-card-holder:before {left: 50%;z-index: -1;content: "";bottom: 26px;position: absolute;margin: 0 0 0 -250px;width: 500px;height: 100px;opacity: .3; display: none;}	
.veritcal-card-holder .vc-holder-client-logo{display: flex;width: 100%;}	
.vc-network-logo {position: absolute;bottom: 20px;width: calc( 100% - 44px);text-align: right;left: 22px;}	
.veritcal-card-holder .vc-card-info{float: left;width: 100%;}
.veritcal-card-holder .vc-card-info	.vc-masked-card-wrap{ display: flex; width: 100%; white-space: nowrap; margin-bottom: 20px;}
.veritcal-card-holder .vc-card-info .vc-masked-card-wrap .masked-circles{display:inline-block;vertical-align:middle;margin:0;}	
.veritcal-card-holder .vc-card-info .masked-circles .dot{height: 6px;width: 6px;opacity: 0.61;border-radius: 100%;display: inline-block;vertical-align: middle;margin:0;}	
.veritcal-card-holder .vc-card-info .masked-circles .dot:not(:last-child) {margin: 0;}	
.veritcal-card-holder .vc-card-info .vc-masked-card-wrap .masked-circles:not(:last-child){margin: 0 4px 0 0;}	
.veritcal-card-holder .vc-card-info .vc-masked-e-cvv{float:left;margin:-3px 0 0;width:100%;}	
.veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-expiry{padding:0 0 0 2px;float:left;width:55%;}	
.veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-cvv{float:left;width:45%;}	
.vc-masked-e-cvv strong {font-size: 12px;letter-spacing: 0.08px;line-height: 17px;font-weight:normal;text-shadow: 0 2px 4px rgba(0,0,0,0.15);opacity:1;display: block;}	
.vc-masked-e-cvv .vc-card-name strong {font-size:13px;font-weight:500;}	
.veritcal-card-holder .masked-circles .slash{text-shadow: 0 2px 4px rgba(0,0,0,0.15);font-size: 13px;font-weight: 500;letter-spacing: 0.72px;line-height: 19px;opacity:1;	}	
.veritcal-card-holder .vc-card-info .masked-circles .no{color: #FFFFFF;text-shadow: 0 2px 4px rgba(0,0,0,0.15);font-size: 12px;font-weight: 500;letter-spacing: 0.72px;line-height: 19px;opacity:0.95;}	
.veritcal-card-holder .vc-card-info .vc-masked-e-cvv .vc-card-name{margin:20px 0 0;float:left;width:100%;}	
.vc-network-logo > img {width: auto;display: block;float: right;}	
.vc-holder-client-logo > img {width: auto;}	
.vc-masked-e-cvv .masked-circles{color: #ccc;padding:2px 0 0;}	
.veritcal-card-holder .card-num{font-size: 13px;line-height: 17px;word-spacing: 0px;font-weight: 500;margin: 0 0 22px;display:block;}	
.veritcal-card-detail-wrap .veritcal-card-holder .masked-data{letter-spacing: 1.1px;}	
.veritcal-card-detail-wrap .veritcal-card-holder{margin: 0 auto 80px;}	
.veritcal-card-holder .expiryDate, .vc-masked-e-cvv strong .unmasked-data.cvv{font-size: 13px;line-height: 19px;font-weight: 500;letter-spacing: 1.1px;}	
.veritcal-card-holder .masked-circles .unmasked-data{letter-spacing: 1.8px;}
.veritcal-card-detail-wrap .veritcal-card-holder .masked-data.expiryDate, .veritcal-card-detail-wrap .veritcal-card-holder .unmasked-data.expiryDate{letter-spacing: 1.1px;}
/*======== Virtual Card - public page - Add barcde and CRN ================*/
.virtualCard-barcode {margin-bottom:10px;}
.virtualCard-barcode .barCodeimg { width: 100%;height: 42px;}
.virtualCard-client-id {padding: 0 10px;}
.virtualCard-client-id p {font-weight: normal;font-size: 12px;color: #444444;text-align: right;letter-spacing: 0.2px;margin-bottom: 30px;}
.virtualCard-client-id p span {text-transform: capitalize;float: left;}
/*======== Virtual Card - public page - Add barcde and CRN ================*/

/** Public wrapper img **/
body[data-pagetype=public-page] #wrapper:before,
body[data-pagetype=public-page] #wrapper:after {
    width: 388px;
    height: 406px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
	clear:both;
}
body[data-pagetype=public-page] #wrapper:after{
	   left:auto;
	  right:0;
}
