/* ccart debit democreditch32 */
.enrollment-container:after,
.enrollment-container:before { display: none; }
.hero-block { z-index: 15; }

.ccart .enrollment-container .enrollment-tabs .nav { padding: 6px; border: #C7E2FF solid 1px; border-radius: 38px; margin: 0 15px; gap: 5px; display: flex; }
.ccart .enrollment-container .enrollment-tabs .nav > .nav-item .nav-link { border-radius: 38px !important; background: none; padding: 9px 15px; color: #081A66; }
.ccart .enrollment-container .enrollment-tabs .nav > .nav-item .nav-link:where(:hover, :focus, :active) { background: #c7e2ff; }
.ccart .enrollment-container .enrollment-tabs .nav > .nav-item .nav-link.active { background: #1434CB; color: #fff; }
.ccart .enrollment-container .enrollment-tabs .nav-link .text { color: inherit; }
/* custom trigger btn */
.ccart .enrollment-container .enrollment-tabs .btn-custom-trigger { padding: 12px 52px 12px 24px; min-width: 174px; text-align: left; position: relative; background: #1434CB; border-radius: 38px; border-color: #1434CB; }
.ccart .enrollment-container .enrollment-tabs .btn-custom-trigger [class*="icon-"] { font-size: 48%; position: absolute; right: 24px; top: 50%; transform: translate(0, -50%); }
.ccart .enrollment-container .enrollment-tabs .btn-custom-trigger:where(:hover, :focus, [aria-expanded="true"]) { background: var(--ch32-brand); }
.ccart .enrollment-container .enrollment-tabs .btn-custom-trigger .trigger-text { overflow: hidden; max-width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; }

/*Single Card*/
.ccart .hz-img.vr-slider{padding: 0 0 21px;}
@media screen and (min-width: 768px) {
	.ccart .enrollment-container .enrollment-tabs .btn-custom-trigger { display: none; }
	.ccart .enrollment-container .enrollment-tabs .nav { position: static !important; transform: none !important; display: flex !important; }
}
/* custom trigger btn \*/
[data-pagetype="public-page"].ccart #footer .footer-holder { border-top: #E5F3FF solid 1px; }

/* card program slider */
.ccart .enrollment-container-holder .content-holder .content-header h1 { font-size: 4rem; line-height: 1.0625; font-weight: 500; margin: 0 0 8px; color: transparent; -webkit-background-clip: text; background-image: linear-gradient(90deg, #081A66 39%, #F97C00 58.66%); background-size: 200% auto; animation: gradientAnimation 3s ease-in-out reverse, solidColorTransition 0.5s ease 3s forwards; }
.ccart .enrollment-container-holder .content-holder .content-header p { margin: 0 0 45px; font-size: 1.285714285714286em; line-height: 1.555555555555556; color: #081A66; font-weight: 400; }
@keyframes gradientAnimation {
	0% { background-position: -100%; }
	100% { background-position: 100%; }
}
@keyframes solidColorTransition {
	0% { color: transparent; }
	100% { color: #081A66; background-image: transparent; }
}
.ccart .ccw-slides .slider-container { margin: 0; padding: 0; left: auto; overflow: visible; }
.ccart .ccw-slides .slider-btns { position: absolute; left: -84px; right: -84px; top: 50%; height: 1px; margin: 0; width: auto; display: flex; align-items: center; justify-content: space-between; z-index: 5; }
.ccart .ccw-slides .slider-btns:after { display: none; }
.ccart .choosecard .slick-arrow[class*="slick-"] { font-size: 0; line-height: 0; }
.ccart .choosecard .slick-arrow,
.ccart .ccw-slides .slider-btns a { width: 60px; height: 60px; border: #E5F3FF solid 1px; color: #000823; background: #fff; box-shadow: 0px 8px 28px 0px rgba(153, 198, 255, 0.1); border-radius: 100%; display: flex; align-items: center; justify-content: center; padding: 3px; font-size: 1.5rem; line-height: 1; }
.ccart .choosecard .slick-arrow[class*="slick-"]:hover,
.ccart .choosecard .slick-arrow[class*="slick-"]:focus,
.ccart .ccw-slides .slider-btns a:hover,
.ccart .ccw-slides .slider-btns a:focus { color: #F97C00; }
.ccart .ccw-slides .slider-btns a .text { position: absolute; top: -9999rem; left: -9999rem; }
.ccart .choosecard .slick-prev::before,
.ccart .ccw-slides .slider-btns a .ico.icon-keyboard_arrow_left:before { content: "\ea98"; color: inherit; }
.ccart .choosecard .slick-next::before,
.ccart .ccw-slides .slider-btns a .ico.icon-keyboard_arrow_right:before { content: "\ea99"; color: inherit; }
.ccart .ccw-slides .slider-btns .ico[class*="icon-"] { top: 2px; left: auto; font-size: 100%; }
.ccart .hz-img.vr-slider .btns button.btn.btn-orange:not(:disabled):not(.disabled),
.ccart .enrollment-container-holder .slider-content button.btn.btn-orange:not(:disabled):not(.disabled) { font-weight: 600; font-size: 1.142857142857143em; line-height: 1.21; color: #081A66 !important; background: none; border-width: 0; padding: 0; width: auto !important; position: relative; margin: 0 20px 0 0; }
.ccart .hz-img.vr-slider .btns button.btn.btn-orange:not(:disabled):not(.disabled):where(:hover, :focus, :active),
.ccart .enrollment-container-holder .slider-content button.btn.btn-orange:not(:disabled):not(.disabled):where(:hover, :focus, :active) { text-decoration: underline !important; outline: none !important; color: #081A66 !important; }
.ccart .hz-img.vr-slider .btns button.btn.btn-orange:after, 
.ccart .enrollment-container-holder .slider-content button.btn.btn-orange:after { color: #1434CB; background-image: url('../../../../cstatic/5ed08a44-7baf-4513-9f91-01eef36edda6/card-prg-btn-arrow-credit.svg'); position: absolute; left: 100%; top: 5px; content: ''; background-repeat: no-repeat; background-position: 50% 50%; width: 10px; height: 10px; margin: 0 0 0 5px; }
.ccart .ccw-slides .slider-item .slider-content .btn-holder { margin: 20px 0 0; justify-content: flex-start; align-items: center; }
.ccart .ccw-slides .slider-item .slider-content .btn-holder a { position: relative; margin: 0 0 0 10px; font-size: 0.8571428571428571em; line-height: 1.21; color: #6B7080; font-weight: 500; padding: 0; }
.ccart .ccw-slides .slider-item .slider-content .btn-holder a:last-child:before { left: -10px; top: 6px; position: absolute; content: ''; width: 4px; height: 4px; border-radius: 100%; background: #C7E2FF; display: block; }
.ccart .ccw-slides .slider-item .slider-content .btn-holder.btn-holder-2 { justify-content: flex-start; align-items: center; }
.ccart .ccw-slides .slider-item .slider-content .btn-holder.btn-holder-2 .checkbox-holder { margin: 0 10px 0 0; }
.ccart .ccw-slides .slider-item .slider-content .btn-holder.btn-holder-2 .checkbox-holder,
.ccart .ccw-slides .slider-item .slider-content .btn-holder.btn-holder-2 .currency__calc { flex: none; max-width: none; }
.ccart .ccw-slides .slider-item .slider-content .checkbox-holder label { padding: 0; font-size: 0.8571428571428571em; line-height: 1.21; color: #6B7080; font-weight: 500; }
.ccart .ccw-slides [class*="icheckbox"] { border-width: 1px; border-color: #D6D7DC; font-size: 0.5em; width: 2.571428571428571em; height: 2.571428571428571em; }
.ccart .ccw-slides [class*="icheckbox"].checked { border-color: #1434CB; background: #1434CB; }
.ccart [class*="icheckbox"] [type="checkbox"].form-control { height: 100%; }
.ccart .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn { background: #fff; color: #0D227F; border-color: #0D227F; }
.ccart .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn:where(:hover, :focus, :active) { background: #0D227F; color: #fff; }
.ccart .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn .icon-cross.ico { color: inherit; }
.ccart .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn { background: #0D227F; }
.ccart .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .badge { background: #F97C00; width: 26px; height: 26px; padding: 0 3px; display: flex; align-items: center; justify-content: center; }
.ccart .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .badge-text { font-size: 16px; line-height: 20px; }
.ccart .choosecard .table-choosecard .services-card .delete-btn { left: auto; top: -20px; width: 40px; height: 40px; margin: 0 0 0 -20px; right: 0; bottom: auto; }
.ccart .choosecard .table-choosecard td.btn-holders .btn { display: inline-flex; align-items: center; }
.ccart .choosecard .table-choosecard td.btn-holders .btn:after { content: ''; background-image: url('../../../../cstatic/5ed08a44-7baf-4513-9f91-01eef36edda6/card-prg-btn-arrow-credit.svg'); background-repeat: no-repeat; background-position: 50% 50%; width: 10px; height: 10px; margin: 0 0 0 5px; }

.ccart .card-comparison-container .dialog-close { width: 30px; height: 30px; background: #EFEFF1; color: #6B7080; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 100%; font-size: 0.65rem; }
.ccart .card-comparison-container .dialog-close:hover,
.ccart .card-comparison-container .dialog-close:focus,
.ccart .card-comparison-container .dialog-close:active { background: var(--ch32-brand); color: #fff; }
.ccart .choosecard .slick-arrow.slick-prev { left: -72px; }
.ccart .choosecard .slick-arrow.slick-next { right: -72px; }
.table-choosecard tr[data-heading-cell="heading"] { background: #F4FAFF; }
.ccart .choosecard .table-first .heading-row + .normal-row .normal-cell,
.ccart .choosecard .table-with-card .empty-row + .normal-row .normal-cell,
.ccart .choosecard .table-choosecard th,
.ccart .choosecard .table-choosecard td,
.ccart .choosecard .table-with-card .normal-cell { border-color: #E5F3FF; }
.ccart .choosecard .table-choosecard .card-desc { color: #0D227F; padding-top: 12px; padding-bottom: 24px; }
/* 5:15 */
.ccart .choosecard .table-choosecard .services-card { padding: 24px 24px 16px; }
.ccart .service-card-holder { box-shadow: none; }
.ccart .service-card-holder img { background: #f1f1f1; border-radius: 5px; min-height: 100px; }
/* 5:15 \*/
.ccart .choosecard .table-choosecard.table-first .group-heading h3 { color: #1B223A; font-weight: 600; }
.ccart .choosecard .table-choosecard.table-first tr[data-heading-cell="heading"] ~ tr.normal-row th.normal-cell { color: #0D227F; font-size: 1.142857142857143em; line-height: 1.5; font-weight: 400; }
.ccart .choosecard:after { content: ''; display: block; clear: both; }
.ccart .choosecard:after { content: ''; display: block; clear: both; }
.ccart .choosecard .slick-list { margin: 0 -1px 0 0; padding: 0 1px 0 0; right: auto; }
@media screen and (max-width: 1365px) {
	.ccart .choosecard { margin: 0 0 10px; }
	.ccart .choosecard .slick-arrow,
	.ccart .ccw-slides .slider-btns a,
	.ccart .choosecard .slick-arrow[class*="slick-"] { width: 60px; height: 60px; }
	.ccart .choosecard .slick-arrow,
	.ccart .ccw-slides .slider-btns a,
	.ccart .choosecard .slick-arrow[class*="slick-"]:before { font-size: 18px; }
	.ccart .choosecard .slick-arrow.slick-prev { left: -25px; }
	.ccart .choosecard .slick-arrow.slick-next { right: -25px; }
	.ccart .ccw-slides .slider-btns { left: 0; right: 0; }
	.ccart .choosecard .table-choosecard .services-card img { width: auto;}
}
.ccart .enrollment-container-holder .content-holder .first-container::before { background: none; }
.ccart .ui-dialog #cardPackDetailDialog .ui-dialog-content { padding: 0; }
.ccart .ui-dialog #cardPackDetailDialog { overflow: visible !important; }
.ccart .terms-dialog.ui-dialog.ui-widget #cardPackDetailDialog .dialog-close { top: 14px; right: 0; align-items: center; justify-content: center; position: sticky; display: flex;  width: 30px; height: 30px; margin: -60px -20px 30px auto; z-index: 10;background: #EFEFF1; border-radius: 100%; color: #6B7080;}
.ccart .terms-dialog.ui-dialog.ui-widget #cardPackDetailDialog .dialog-close:where(:hover, :focus){ color: #021464}
.ccart .terms-dialog.ui-dialog.ui-widget #cardPackDetailDialog .dialog-close span::before{ font-size: 11px; line-height: 1.5;}
@media screen and (min-width: 768px) {
	.ccart .ui-dialog #cardPackDetailDialog .row { align-items: flex-start; }
	.ccart .ui-dialog #cardPackDetailDialog .row > [class*="col-"]:first-child { max-width: 100%; flex: 0 0 100%;  text-align: center; margin: 0 0 35px; }
    .ccart .ui-dialog #cardPackDetailDialog .row > [class*="col-"]:first-child img{ max-width: 200px;}
    .ccart .ui-dialog #cardPackDetailDialog .row > [class*="col-"]:last-child{max-width: 100%; flex: 0 0 100%;}
}
/* card program slider \*/
/* card pach design dialog */
.ccart [aria-describedby="cardEnrollmentDialog"] { min-width: 992px !important; }
.ccart [aria-describedby="cardEnrollmentDialog"] .ui-dialog-content { padding: 40px 64px; }
.ccart .card-selection-holder .card-selection { display: flex; flex-wrap: wrap; --cardPackWidth: 33.3333333333333%; position: relative; }
.ccart .card-selection-holder .card-item { margin: 0; padding: 24px; flex: var(--cardPackWidth); max-width: var(--cardPackWidth); border-radius: 16px; }
.ccart .card-selection-holder .card-item:hover {border: 1px solid transparent; background-color: #E5F3FF;}
.ccart .card-selection-holder .card-item.selected { background: #E5F3FF; border-color: #E5F3FF; box-shadow: 0px 8px 28px 0px #99C6FF1A; }
.ccart .card-selection-holder .card-item .img-holder { width: auto; margin: 0 0 16px; }
.ccart [aria-describedby="cardEnrollmentDialog"] .title { padding: 0 40px; text-align: center; margin: 0 0 16px; color: #081A66; font-size: 2em; line-height: 1.071428571428571; font-weight: 500; }
.ccart [aria-describedby="cardEnrollmentDialog"].ui-dialog .scroll-holder,
.ccart .ui-dialog.ui-widget-content  #card-enrollment-dialog.tnc-dialog-holder .slimScrollDiv { max-height: calc(100vh - 112px) !important; }
.ccart .ui-dialog.ui-widget-content  #card-enrollment-dialog .card-enrollment-btns { padding: 16px 0 0; }
.ccart .ui-dialog.ui-widget-content  #card-enrollment-dialog .card-selection-holder .card-item .card-title { margin: 0; font-size: 1.142857142857143em; line-height: 1.5; color: #1B223A; font-weight: 600; display: block; }
.ccart [aria-describedby="cardEnrollmentDialog"] .dismiss-selection-btn { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 10px; background: #EFEFF1; }
.ccart [aria-describedby="cardEnrollmentDialog"] .dismiss-selection-btn:where(:hover, :focus) { background: var(--ch32-brand); color: #fff; }
@media screen and (max-width: 1022px) {
	.ccart [aria-describedby="cardEnrollmentDialog"] { min-width: inherit !important; width: auto !important; left: 15px !important; right: 15px; }
	.ccart [aria-describedby="cardEnrollmentDialog"] .ui-dialog-content { padding: 40px; }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
	.ccart [aria-describedby="cardEnrollmentDialog"].ui-dialog.ui-widget-content { max-width: none !important; width: auto !important; }
	.ccart [aria-describedby="cardEnrollmentDialog"] .ui-dialog-content { padding: 32px 15px; }
	.ccart .ui-dialog.ui-widget-content #card-enrollment-dialog .card-enrollment-btns { margin: 0; display: flex; justify-content: space-between; align-items: center; }
	.ccart .ui-dialog.ui-widget-content #card-enrollment-dialog .card-enrollment-btns:after { display: none; }
	.ccart .ui-dialog.ui-widget-content #card-enrollment-dialog .card-enrollment-btns .btn { margin: 0 !important; width: auto; }
}
@media screen and (max-width: 640px) and (min-width: 375px) {
	.ccart .card-selection-holder .card-selection { --cardPackWidth: 50%; }
}
@media screen and (max-width: 540px) and (min-width: 375px) {
	.ccart .card-selection-holder .card-selection { --cardPackWidth: 100%; }
}
/* card pach design dialog \*/

/* prepaid-card-features */
.prepaid-card-features { padding: 10px 0 160px; }
.prepaid-card-features .container { max-width: 1524px; }
.prepaid-card-features .holder { background: #1434CB; border-radius: 24px; padding: 120px 30px; }
.prepaid-card-features .inner-holder { max-width: 1140px; margin: 0 auto; }
.prepaid-card-features .row { margin-left: -12px; margin-right: -12px; }
.prepaid-card-features .row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }
.prepaid-card-features .feature-box { position: relative; background: #E5F3FF; color: #081A66; padding: 24px; min-height: 260px; border-radius: 16px; display: flex; justify-content: space-around; flex-direction: column; }
.prepaid-card-features .box { display: flex; flex-direction: column; justify-content: space-between; min-height: 212px; position: relative; z-index: 2; }
.prepaid-card-features .multi-wallets { background: #0D227F; color: #fff ; }
.prepaid-card-features .worldwide { background: #fff; color: #081A66; }
.prepaid-card-features .free-membership { background: #F97C00; color: #fff; }
.prepaid-card-features .heading { font-size: 1.428571428571429em; line-height: 1.5; font-weight: 600; margin: 0 0 15px; }
.prepaid-card-features p { font-size: 1.142857142857143em; line-height: 1.25; margin: 0; }
.prepaid-card-features .img { position: absolute; bottom: 0; right: 0; pointer-events: none; }
.prepaid-card-features .img img { max-width: 100%; height: auto; display: block; }
.prepaid-card-features .multi-wallets .img { bottom: 60px; right: 15px; }
.prepaid-card-features .worldwide .img { bottom: 0; right: 0; }
.prepaid-card-features .free-membership .img { bottom: auto; top: 6px; right: 0; }

/* debit-prepaid-benefits */
.debit-prepaid-benefits { margin: 0 0 166px; }
.debit-prepaid-benefits .holder { max-width: 1136px; margin: 0 auto; display: flex; --colWidth: 48.98678414096916%; }
.debit-prepaid-benefits .benefits-box { margin: 0; flex: 0 0 var(--colWidth); max-width: var(--colWidth); }
.debit-prepaid-benefits .textbox { margin: 0; }
.debit-prepaid-benefits .heading { font-size: 3.428571428571429em; line-height: 1.166666666666667; margin: 0 0 60px; font-weight: 500; }
.debit-prepaid-benefits .heading [class*="string-"] { color: transparent; display: block; -webkit-background-clip: text; background-size: 200% auto; transition: color 0.5s ease-in-out; }
.debit-prepaid-benefits .string-1, 
.debit-prepaid-benefits .string-2 { background-image: linear-gradient(90deg, #081A66 23%, #F97C00 40.66%); }
.debit-prepaid-benefits .holder.section-active .heading [class*="string-"] { animation: gradientSlide 3s ease-in-out forwards, colorChange 0.5s ease 3s forwards; }
@keyframes gradientSlide {
	0% { background-position: 100%; }
	100% { background-position: -100%; }
}
@keyframes colorChange {
	0% { color: transparent; }
	100% { color: #081A66; background-image: transparent; }
}

.debit-prepaid-benefits .list-benefits { margin: 0; }
.debit-prepaid-benefits .list-benefits .li { position: relative; padding: 0 0 0 32px; font-size: 2.285714285714286em; line-height: 1.2103125; color: #041145; }
.debit-prepaid-benefits .list-benefits .li + .li { margin: 40px 0 0; }
.debit-prepaid-benefits .title:before,
.debit-prepaid-benefits .list-benefits .li:before { left: 0; top: 0; bottom: 0; width: 1px; border-radius: 1px; background: #C7E2FF; position: absolute; content: ''; }
.debit-prepaid-benefits .title { display: block; position: relative; margin: 0; }
.debit-prepaid-benefits .title:before { left: -32px; background: #C7E2FF; }
.debit-prepaid-benefits .slick-slide.slick-active .title:before { background: #1434CB; }
.debit-prepaid-benefits .list-benefits p { margin: 16px 0 0; font-size: 0.5625em; line-height: 1.333333333333333; color: #1B223A; }
.debit-prepaid-benefits .images-holder { margin: 0 0 0 auto; flex: 0 0 var(--colWidth); max-width: var(--colWidth); }
.debit-prepaid-benefits .images-subholder { max-width: 393px; margin: 0 auto; position: relative; }
.debit-prepaid-benefits .images-holder img { max-width: 100%; height: auto; display: block; }
.debit-prepaid-benefits .images-holder .main-img { margin: 0 auto; }
.debit-prepaid-benefits .images-holder .sub-img { position: absolute; }
.debit-prepaid-benefits .images-holder .img1 { top: 116px; left: -81px; }
.debit-prepaid-benefits .images-holder .img2 { bottom: 30px; right: -80px; }

.debit-prepaid-benefits .slick-slider .slick-track { width: 100% !important; }
.debit-prepaid-benefits .slick-slider .li { position: relative !important; opacity: 1 !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; }
.debit-prepaid-benefits .slick-slider .slick-active .title { color: #1434CB; }
.debit-prepaid-benefits .slick-slider .slick-arrow { display: none !important; }

#termsAndConditionsDialog #tncdialog { padding: 0; }
#termsAndConditionsDialog .modalAction { margin: 20px 0 0; }

.ccart .slick-slider .card-selection-holder .card-selection { --cardPackWidth: 100%; }

/* calculator */
.ccart .currency-cal-container .currency-cal-holder { width: auto; bottom: 66px; left: 11.1%; right: 11.1%; padding: 80px 60px; border-radius: 24px; }
.ccart .currency-cal-container .currency-cal-frame .title { font-size: 2em; line-height: 1.142857142857143; margin: 0 0 40px; }
.ccart .currency-cal-container .currency_field .converted-amount-label { min-height: 18px; }
/* .ccart .currency-cal-container .currency_field .flag-holder,
.ccart .currency-cal-container .currency_field .converted-amount-label,
.ccart .currency-cal-container .currency-form-holder .field-holder .label,
.ccart .currency-cal-container .currency-form-holder .amount-holder .label { position: absolute; top: -9999px; left: -9999px; } */
.ccart .currency-cal-container .close-cal-btn{ right: 60px; top: 90px; font-size: 14px;}
.ccart .field-holder .single-border .label.top-auto{margin-bottom: 8px !important; transform: none;}
.ccart .currency-cal-container .currency-form-holder .chosen-container .chosen-single { padding: 15px 40px 15px 15px; }
.ccart .currency-cal-frame .single-border{border: solid 1px #505668 !important; border-radius: 16px; padding: 13px 24px;position: relative;}
.ccart .currency-cal-container .currency-form-holder label{ color: #868997; min-height: 24px !important; margin-bottom: 8px; transform: none;}
.ccart .calc1-chosen .chosen-container-single .chosen-single{ min-height: 28px;}
.ccart .currency-cal-container .currency-form-holder .chosen-container .chosen-single,
.ccart .currency-cal-container .currency_field .input-group input.form-control { font-size: 20px; line-height: 24px; border: none; padding-top: 0; padding-bottom: 0 !important;height: 28px; }
.ccart .currency-cal-container .currency-form-holder .chosen-container .chosen-single:where(:focus, :hover, :active),
.ccart .currency-cal-container .currency_field .input-group input.form-control:where(:focus) { border-color: #fff !important; }
.ccart .currency-cal-container .currency_field .input-group .currency_sign-label { height: auto; font-size: 20px; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 0 10px 0 0; }
.ccart .currency-cal-container .currency_field .input-group .input-group-prepend { top: 0; bottom: 0; }
.ccart .currency-cal-container .currency_field,
.ccart .currency-cal-container .currency-form-holder .field-holder { margin: 0 !important; }
.ccart .currency-cal-container .currency-form-holder .btn-holder .btn { font-size: 20px; line-height: 1.4; margin: 0; height: 52px; padding: 12px 30px; border-radius: 53px; min-width: 191px; display: inline-flex; align-items: center; gap: 8px; justify-content: center; }
.ccart .currency-cal-container .row { align-items: center; }
.ccart .benefits-box .slick-slide:hover, .ccart .slick-slide:focus{ outline: none;}
.ccart .choosecard .table-choosecard th, .ccart .choosecard .table-choosecard td, .choosecard .table-choosecard .group-heading{padding: 8px 24px;}
.ccart .choosecard table { border-collapse: collapse;}
.ccart .choosecard .table-fixed { position: relative; top: -1px;}
.ccart .choosecard .table-fixed tr:first-child th { border-width: 0 1px 0 0;}
.ccart .choosecard .slick-slide { border: none; position: relative;}
.ccart .choosecard .slick-slide:after { width: 100%; height: 100%; content: ""; border-radius: 8px; border: 1px solid transparent; pointer-events: none; position: absolute; top: 0; left: 0; z-index: 2;}
.ccart .choosecard .slick-slide:hover:after,
.ccart .choosecard .slick-slide:focus:after { border-color: #3F71FF;}
.ccart .choosecard .add-card-slide .add-card-frame{ border: 1px solid #F97C00;}
.ccart .choosecard .add-card-slide .add-card-frame a span.icon-add{ color: #F97C00;}
.ccart .ccw-slides .slider-container .title-holder .title{ color: #081A66;}
.ccart .currency-cal-container .currency-dropdown .flag-holder{ left: auto;}
.ccart .choosecard .add-card-slide .add-card-frame a:hover .text, .ccart .choosecard .add-card-slide .add-card-frame a .text{ color: #1B223A;}
.ccart .ui-dialog.ui-widget-content.terms-dialog .slimScrollDiv{ border: none;}
.ccart .ui-dialog .ui-dialog-content.generic-dialog .btns.terms-cond-buttons{ text-align: left;}
.ccart .terms-dialog.ui-dialog.ui-widget .dialog-close{ background: #EFEFF1; border-radius: 100%; color: #6B7080; width: 30px; height: 30px;top: 16px; right: 16px;}
.ccart .terms-dialog.ui-dialog.ui-widget #enrollmentTandC .dialog-close .icon-cross{ position: relative; top: 5px; left: 9px; font-size: 11px;}
.ccart .terms-dialog.ui-dialog .ui-dialog-content.generic-dialog .title{ text-align: left !important;}
.ccart .choosecard .table-choosecard th,
.ccart .choosecard .table-choosecard td { border-width: 0 1px 1px 0;}
.ccart .choosecard .table-choosecard .services-card { border-width: 1px 1px 0 0;}
.ccart .choosecard .table-choosecard .btn-row .btn-holders, 
.ccart .choosecard .table-choosecard tr.empty-row:nth-last-child(2) td{ border-width: 0;}
.ccart .choosecard .add-card-slide { border: 1px solid #E5F3FF; border-left: none;}
.ccart .choosecard .slick-track{display: flex;}
.ccart .choosecard .slick-track .slick-slide{ height: auto;}
@media screen and (max-width: 1199px) {
	.ccart .currency-cal-container .currency-cal-holder { left: 15px; right: 15px; bottom: 15px; }
	.ccart .currency-cal-container .currency-cal-holder { padding: 40px; }
    .ccart .currency-cal-container .close-cal-btn{top: 50px;}
	/* .currency-cal-container .currency-form-holder .chosen-container .chosen-single,
	.ccart .currency-cal-container .currency_field .input-group input.form-control { padding-top: 13px !important; padding-right: 14px !important; padding-bottom: 13px !important;  } */
}
@media screen and (max-width: 991px) {
	.ccart .currency-cal-container .currency-cal-holder { padding-bottom: 25px; }
	.ccart .currency-cal-container .row > [class*="col-"] { margin: 0 0 15px; }
    .ccart .hz-img.vr-slider { padding: 0 0 59px;  }
}
@media screen and (max-width: 767px) {
	.ccart .currency-cal-container .currency-cal-holder { padding: 30px; left: 0; right: 0; bottom: 0; border-radius: 24px 24px 0 0; }
	.ccart .currency-cal-container .currency-cal-frame .title { font-size: 1.6em; }
    .ccart .hz-img.vr-slider { padding: 0 0 18px;  }
    .ccart .currency-cal-container .close-cal-btn { right: 30px; top: 38px;}
    .ccart .single-border .form-control{ border: none; color: #fff; height: inherit; }
    .ccart .single-border .form-control:where(:focus){ background-color: transparent;}
    .ccart .single-border select.form-control{padding: 0 !important;}
	.ccart .ui-dialog .ui-dialog-content.generic-dialog .btns.terms-cond-buttons .btn-orange{ width: auto;}
}
@media screen and (max-width: 480px) {
	.ccart .ui-dialog .ui-dialog-content.generic-dialog .btns.terms-cond-buttons .btn-orange {width: 100%;}
	.ccart .ui-dialog.ui-widget-content #card-enrollment-dialog .card-enrollment-btns{ gap: 20px;}
}
@media screen and (max-width: 374px) {
	.ccart .card-selection-holder .card-selection{--cardPackWidth: 100%;}
}
/* calculator \*/

@media screen and (max-width: 1199px) {
	.prepaid-card-features .inner-holder { padding: 80px; }
	/* New */
	body.ccart .hero-block #header .navbar { margin: 0; }
	body.ccart .hero-block .frame { padding: 0 0 30px; }
	/* New \*/
}

@media screen and (max-width: 991px) {
	.prepaid-card-features .inner-holder { padding: 80px 0; }
	.prepaid-card-features .row > [class*="col-"] { margin: 0 0 24px; }
	.debit-prepaid-benefits .holder { --colWidth: calc(40% - 24px); }
	.debit-prepaid-benefits .benefits-box { flex: 0 0 60%; max-width: 60%; }

	.debit-prepaid-benefits .holder { --colWidth: 100%; flex-direction: column; }
	.debit-prepaid-benefits .textbox { max-width: 476px; margin: 0 auto; }
	.debit-prepaid-benefits .benefits-box { flex: 0 0 100%; max-width: 100%; order: 2; margin: 0 auto; }
	.debit-prepaid-benefits .images-holder { order: 1; max-width: 100%; flex: 0 0 100%; margin: 0 auto; }

	.debit-prepaid-benefits .images-subholder { max-width: 393px; margin: 0 0 68px; }
	.debit-prepaid-benefits .images-holder .img1 { max-width: 128px; }
	.debit-prepaid-benefits .images-holder .img2 { max-width: 259px; }
	.prepaid-card-features .holder { padding: 80px; }
	.prepaid-card-features .inner-holder { padding: 0; }
	.ccart .enrollment-container-holder { margin: 0; }
	.prepaid-card-features { padding: 19px 0 80px; }
	.debit-prepaid-benefits { margin: 0 0 120px; }
}

@media screen and (max-width: 767px) {
	.ccart .hero-block .frame { padding: 0; }
	.ccart .enrollment-container .enrollment-tabs { display: flex; position: relative; width: 174px; margin: 0 auto 40px; }
	.ccart .enrollment-container .enrollment-tabs .nav { margin: 0; border-radius: 8px; padding: 8px 0; gap: 0; width: 100%; }
	.ccart .enrollment-container .enrollment-tabs .nav:not(.show) { display: none; }
	.ccart .enrollment-container .enrollment-tabs .nav.show { display: flex; }
	.ccart .enrollment-container .enrollment-tabs .nav > .nav-item { margin: 0; }
	.ccart .enrollment-container .enrollment-tabs .nav > .nav-item:not(:last-of-type):not(:only-of-type) .nav-link,
	.ccart .enrollment-container .enrollment-tabs .nav > .nav-item .nav-link { border-radius: 0 !important; padding: 12px 24px; text-align: left; justify-content: flex-start !important; font-size: 16px; line-height: 1.25; }
	.ccart .enrollment-container .enrollment-tabs .nav > .nav-item .nav-link:where(:hover, :focus, :active) { background: #F4FAFF; }

	.ccart .enrollment-container-holder .content-holder .content-header h1 { font-size: 2.285714285714286em; line-height: 1.1875; margin: 0 0 16px; }
	.ccart .enrollment-container-holder .content-holder .content-header p { font-size: 1em; line-height: 1.428571428571429; margin: 0 0 8px; } 

	.prepaid-card-features .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
	.prepaid-card-features .feature-box { min-height: inherit; overflow: hidden; }
	.prepaid-card-features .box { min-height: 114px; }

	.debit-prepaid-benefits .heading { font-size: 2.285714285714286em; line-height: 1.1875; }
	.debit-prepaid-benefits .images-subholder { max-width: 213px; }
	.debit-prepaid-benefits .images-holder .img1 { max-width: 80px; left: -65px; top: 52px; }
	.debit-prepaid-benefits .images-holder .img2 { max-width: 161px; right: -65px; bottom: -1px; }
	.debit-prepaid-benefits .slick-slider .li { font-size: 1.714285714285714em; line-height: 1.166666666666667; }
	.debit-prepaid-benefits .list-benefits p { font-size: 0.4375em; line-height: 1.428571428571429; }
	.debit-prepaid-benefits .textbox { max-width: 343px; margin: 0 auto; }
	.debit-prepaid-benefits .heading { margin: 0 32px 48px; }
	.ccart .ccw-slides .slider-btns { position: static; width: 136px; margin: -15px auto 0; height: auto; }
	.ccart .ccw-slides .slider-btns a { width: 60px; height: 60px; font-size: 1.5rem; }
	.prepaid-card-features { padding: 10px 0 68px; }
	.prepaid-card-features .holder { padding: 24px 16px; }
	.prepaid-card-features .inner-holder { padding: 0; }
	.debit-prepaid-benefits { margin: 0 0 48px; }
	.debit-prepaid-benefits .list-benefits p { font-size: 0.5833333333333333em; line-height: 1.428571428571429; }
	.prepaid-card-features .row { margin-bottom: -24px; }
    .ccart .ccw-slides .single-card-holder .inner-container{ max-width: 306px;}
}