html{}
body{font-weight: 400;color:#090909;font-size: 14px;}
input {outline: 0;}
textarea{font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{margin: 0;}
ul{padding: 0;list-style: none;}
a, a:hover, a:focus{text-decoration: none;}
.fw-600{font-weight: 600;display: inline-block;}
.text-right{text-align: right;}
.tab-content>.active{display: block !important;}
/* payment option css */
.payment-opiton-modal{overflow-x:hidden;}
.payment-opiton-modal .modal-lg{margin: 2rem auto;top:0 !important;}
.payment-opiton-modal .modal-header{display:block !important;}
.payment-option-modal .modal-content .modal-body{margin-top:0 !important;position:relative;padding:15px !important;}
.full{width: 100%;display: inline-block;position: relative;}
.section-heading{font-size: 26px;font-weight: 700;position: relative;display: inline-block;color:#090909 !important}
/* .section-heading:before{content: '';position: absolute;left: 0;top: 100%;width: 25%;height: 5px;background: var(--pc)}
.section-heading:after{content: '';position: absolute;right: 0px;top: 100%;width: 70%;height: 5px;background: var(--pc)} */
.payment-option-wrapper{width:100%;display: flex; flex-wrap: wrap;/* margin: 45px auto; padding: 30px;box-shadow: 0 0 5px 4px rgba(240, 240, 240, 0.3)*/}


.tab-wrapper{width: 100%;display: flex;flex-wrap: wrap;margin-top:10px;}
.payment-tabs{width: 200px;display: inline-block;}
.payment-tabs ul, .payment-tabs ul li{width: 100% !important;float: left;border:0;display:inline-block !important}
.payment-tabs ul li.tab-item, .payment-tabs .nav-tabs li{width:100% !important}
.payment-tabs ul li:not(.active) .payment-option-itme{display: inline-block;width: 100%; padding: 10px;font-size: 14px;background:#fff; border: 1px solid;border-right:0;border-bottom:0;border-radius: 0; color: #090909;cursor: pointer;}
/* .payment-tabs ul li .payment-option-itme:hover{background:var(--plc)} */
.payment-tabs ul li:last-child{border-bottom: 1px solid;}
.payment-tabs .nav-tabs li.active a, .payment-tabs .nav-tabs li a.active{background-color:var(--tc) !important;color:#fff !important;margin: 0 !important;border:0 !important;}

.payment-option-wrapper .payment-option{width: calc(100% - 200px);padding:0 !important;}
.payment-option-wrapper .payment-option .flex-item{border-right:1px solid rgba(233, 233, 233, 0.6); padding:30px; border:1px solid var(--sc);width: 100%;position:relative}
.title{font-weight: 700;color:#007ed7;margin-bottom: 15px;display: inline-block;}
.payment-option-wrapper .payment-option .flex-item .payment-icon{width: 100%;gap:8px; display: flex;flex-wrap: wrap;align-items: center; margin: 20px 0;}
.payment-option-wrapper .payment-option .flex-item .payment-icon h3{margin:0 !important}
.payment-option-wrapper .payment-option .flex-item .payment-icon.lg{margin-top: 0;}
.payment-option-wrapper .payment-option .flex-item .payment-icon img{width: 100%; max-width: 50px;  display: inline-block;}
.payment-option-wrapper .payment-option .flex-item .payment-icon.lg img{max-width:70px;margin-top: 0;border:0;}
.payment-option-wrapper .payment-option .flex-item .payment-icon.lg img.payment_AFS{max-width:50px;}
.payment-option-wrapper .payment-option .flex-item .payment-icon.lg img.payment_Airwallex{max-width:140px;margin-top: 0;border:0;}
.payment-option-wrapper .payment-option .flex-item .pay-now-btn {display: inline-block;width:auto;/*border:2px solid var(--pc);border-radius:6px;*/ padding: 3px;}
.payment-option-wrapper .payment-option .flex-item .pay-now-btn .btn{display: inline-block;padding:10px 30px;border-radius: 4px; color:#fff;background: var(--pc);cursor: pointer; margin:0;}

.payment-method-icon{min-width: 120px; padding: 5px 10px;text-align: center;border: 1px solid rgb(229 229 229 / 50%);box-shadow: 0px 0px 0px 1px rgb(142 140 140 / 20%);border-radius: 10px; ;}
.payment-method-icon img{border-radius: 3px;max-height: 31px;object-fit: contain;}
.payment-method-icon p{margin: 0px;font-size: 12px;}
.blink-bg-warning{background:rgb(255 239 192) !important;}
.blink-text{animation: blink 1.5s linear infinite;}
@keyframes blink{
	0%{opacity: 0;}
	25%{opacity: 0.25;}
	50%{opacity: .50;}
	75%{opacity: .75;}
	100%{opacity: 1;}
}
.payment-form{width: 100%;display: inline-block;margin-top: 20px;}
.payment-form form{width: 100%;display: inline-block;}
.payment-form form > .bmd-form-group{display:none !important}
.payment-form  ul li{width: 100%;display: flex;margin-bottom: 15px;flex-wrap: wrap;} 
.payment-form  ul li .bmd-form-group{width:calc(100% - 200px)}
.payment-form  ul li label{display:flex; padding-right: 20px;width: 200px;}
.payment-form  ul li .upload-btn-wrapper{display:flex;flex-wrap:wrap;flex:1;}
.payment-form  ul li input:not([type="file"]), .payment-form ul li textarea{resize: none;background:#fff; font-size: 15px; float: left; width:calc(100% - 200px);padding: 8px 12px; max-width: 100%;border:1px solid #e3e3e3;border-radius: 4px;}
.payment-form  ul li input::placeholder{line-height:24px !important; }
.payment-form  ul li .file-btn{position: relative;display: inline-block;width: auto;margin-bottom: 10px;}
.payment-form  ul li .file-btn input[type="file"]{display: inline-block; width: 200px;height: 36px;position: relative;z-index: 1;opacity: 0;cursor: pointer;margin-right: 10px;}
.payment-form  ul li .file-btn .btn{display: inline-block;padding: 9px 12px;background:var(--pc);color:#fff;position: absolute;left: 0;top:0; width: 100%;max-width: 200px;text-align: center;margin:0; }
.custom-btn{display: inline-block;width: auto;background:#fff;padding:0; padding-right: 10px;margin-bottom: 10px;border:none !important;min-width:inherit}
.custom-btn div{cursor: pointer;}
.custom-btn div a{display:inline-block;padding:4px;background:var(--pc);border-radius:4px}
.custom-btn div i{padding: 8px;background: #fff;color:var(--pc);width: 30px;border-radius: 4px;text-align: center;}
.custom-btn div span{display: inline-block;padding: 0 10px 0 5px;color: #fff;}
.custom-btn div > .tooltip{background:#fff !important}
.ref-no-modal .form{padding: 20px 0;}
.ref-no-modal button:hover, .ref-no-modal button:focus{color:#fff;outline: none}
.smoov {width:auto !important;background:var(--tc);color:#fff;padding: 4px 8px;text-align: center;border-radius: 4px; box-shadow:1px 1px 2px 3px rgb(81 23 165 / 15%);cursor:pointer;}
.alt-payment{font-size: 11px;color: #fff!important;position: absolute; bottom: 4px;right: 0px;background: var(--pc);padding: 0px 5px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transform:scale(1);-webkit-transform:scale(1);}
.alt-payment:hover{right: 5px;transform:scale(1.1);-webkit-transform:scale(1.1); transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out}
.modal-error{position:absolute;width:70%;right:0;text-align:right}
.checkbox-lg{width:17px;height:17px;position:relative;top:2.5px;}


.card-payment ul li{width: 100%;display: flex;margin-bottom: 15px;flex-wrap: wrap;} 
.card-payment ul li .bmd-form-group{width:calc(100% - 200px)}
.card-payment ul li label{display:flex; padding-right: 20px;width: 200px;color:#090909}
.card-payment ul li .upload-btn-wrapper{display:flex;flex-wrap:wrap;flex:1;}
.card-payment ul li input:not([type="file"]), .card-payment ul li textarea{resize: none;background:#fff; font-size: 15px; float: left; flex:1;padding: 8px 12px; width: 100%;border:1px solid #e3e3e3;border-radius: 4px;}
.card-payment ul li input::placeholder{line-height:24px !important; }
.card-payment ul li .file-btn{position: relative;display: inline-block;width: auto;margin-bottom: 10px;}
.card-payment ul li .file-btn input[type="file"]{display: inline-block; width: 200px;height: 36px;position: relative;z-index: 1;opacity: 0;cursor: pointer;margin-right: 10px;}
.card-payment ul li .file-btn .btn{display: inline-block;padding: 9px 12px;background:var(--pc);color:#fff;position: absolute;left: 0;width: 100%;/* max-width: 200px; */text-align: center;margin:0; }
.card-payment ul li .card-end-date-rapper, .card-payment ul li .card-field{flex:1;position:relative}
.card-payment ul li .card-end-date-rapper select{border:1px solid #e3e3e3;border-radius: 4px;padding: 8px 12px;color: #5d5d5d;font-size: 16px;}
.cvv-number{max-width:55px !important;}
.card-payment ul li .pay-now-btn{border:none !important}
.card-payment ul li .pay-now-btn .pay-now{display: inline-block;padding: 10px 30px;border-radius: 4px;color: #fff;background: var(--pc);cursor: pointer;margin: 0;box-shadow:1px 1px 2px 3px rgb(81 23 165 / 15%);text-transform: capitalize !important;}
.card-error{color:red;font-size:14px;font-weight:600;margin-bottom:5px;width:100%;text-align:right;display:none}
.card-payment ul li .card-field .card_icon{position: absolute;right: 8px;top: 8px;}
.card-payment ul li .card-field .status{display:none;margin: 5px 0 0 0;float: left;padding:5px}
.card .card_icon,  .card .status_icon {
  /* For a more robust cross-browser implementation, see http://bit.ly/aqZnl3 */
  display: inline-block;vertical-align: bottom;height: 23px;width: 27px;}

/* --- Card Icon --- */
.card .card_icon { background: transparent url('../images/credit_card_sprites.png') no-repeat 30px 0; }

/* Need to support IE6? These four rules won't work, so rewrite 'em. */
.card .card_icon.visa { background-position: 0 0 !important; }
.card .card_icon.mastercard { background-position: -30px 0 !important; }
.card .card_icon.amex { background-position: -60px 0 !important; }
.card .card_icon.discover { background-position: -90px 0 !important; }

/* --- Card Status --- */
.card .status_icon { background: transparent url('../images/status_sprites.png') no-repeat 33px 0; }
.card .invalid:not(.form-control) {color: #AD3333;background: #f8e7e7;}
.card .valid:not(.form-control) {color: #33AD33;background: #e7f8e7;}
.card .invalid .status_icon { background-position: 3px 0 !important; }
.card .valid .status_icon { background-position: -27px 0 !important; }

.paymentUnderProcessOverlay{width: 100%;height: 100vh;position: fixed;left:0;top:0;background: rgba(0, 0, 0, 0.9);display: flex;justify-content: center;align-items: center;z-index: 99999999;}

/* medai css start here  */
@media(max-width: 992px){
	.payment-tabs, .payment-option-wrapper .payment-option{width: 100%;}
	.payment-tabs ul li{width: auto;}
	.payment-tabs ul li .payment-option-itme{height: 41px;border-right:1px solid var(--sc) !important}
	.payment-tabs ul li:last-child .payment-option-itme{border-right:1px solid var(--sc) !important;}
	.payment-tabs ul li:last-child .payment-option-itme{border-bottom:0;}
	.payment-form ul li input:not([type="file"]), .payment-form ul li textarea, .payment-form ul li label{width: 100% !important;}
}
@media(max-width: 768px){
	.payment-form form ul li label, .payment-form form ul li input:not([type="file"]), .payment-form form ul li textarea{width:100%;}
	.payment-option-wrapper, .payment-option-wrapper .payment-option .flex-item{padding: 10px;}
	.modal-error{position:relative;width:100%;right:0;text-align:center}
	.card-payment ul li{display:inline-block}
	.card-error{text-align:left}
	.payment-option-wrapper{padding: 0px;}
	.payment-method-icon{min-width: 75px;padding: 5px !important;}
	.payment-option-wrapper .payment-option .flex-item .payment-icon img{max-width: 35px;}

}
@media(max-width:550px){
	.payment-option-wrapper .payment-option .flex-item .payment-icon{max-height: 156px;overflow-y: auto; justify-content: center;}
	.hide-on-mobile{display: none !important;opacity: 0 !important;}

}
@media(max-width: 480px){
	#payment-opiton-modal .modal-lg{width: 98% !important;}
	.section-heading{font-size: 20px;}
	.payment-option strong{word-break: break-all;}
	.payment-option h3{font-size: 18px;line-height: 22px;}
	.payment-tab-mobile-view{text-align: center !important;font-size: 22px !important; height: auto !important;}

} 


/* ============================================================
   Payment Gateway Options Modal — redesigned (#paymentOptionsModal)
   Self-contained, theme-aware (uses --pc / --sc), mobile responsive
   ============================================================ */
.pg-modal-v2{overflow-x:hidden;overflow-y:auto;}
.pg-modal-v2 *{box-sizing:border-box;}
.pg-modal-v2 .pg-dialog{max-width:1180px;width:96%;margin:1.75rem auto;}
.pg-modal-v2 .pg-content{position:relative;border:0;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.25);background:#fff;}

/* top gradient bar */
.pg-modal-v2 .pg-topbar{height:56px;background:linear-gradient(90deg, var(--pc) 0%, var(--sc, #3311bb) 100%);}
.pg-modal-v2 .pg-close{position:absolute;top:12px;right:16px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:10px;background:#fff;color:var(--pc);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:transform .15s ease, background .15s ease;}
.pg-modal-v2 .pg-close:hover{transform:scale(1.06);background:#f3f4f6;}

/* layout: sidebar + main */
.pg-modal-v2 .pg-layout{display:flex;flex-wrap:nowrap;align-items:stretch;}
.pg-modal-v2 .pg-sidebar{flex:0 0 300px;max-width:300px;padding:22px 20px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;}
.pg-modal-v2 .pg-main{flex:1 1 auto;min-width:0;padding:0px 30px;}

/* sidebar tabs */
.pg-modal-v2 .pg-tablist{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:12px;}
.pg-modal-v2 .pg-tab-item{width:100%;}
.pg-modal-v2 .pg-tab{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #e8ebf2;border-radius:12px;background:#fff;color:#1f2542;cursor:pointer;transition:all .18s ease;}
.pg-modal-v2 .pg-tab:hover{border-color:var(--pc);box-shadow:0 4px 14px rgba(15,23,42,.08);}
.pg-modal-v2 .pg-tab .pg-tab-num{font-size:15px;font-weight:800;color:var(--pc);min-width:22px;transition:color .18s ease;}
.pg-modal-v2 .pg-tab .pg-tab-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#f4f6fb;overflow:hidden;flex:0 0 auto;}
.pg-modal-v2 .pg-tab .pg-tab-ico img{max-width:26px;max-height:26px;object-fit:contain;}
.pg-modal-v2 .pg-tab .pg-tab-text{font-size:14px;font-weight:700;line-height:1.25;}
.pg-modal-v2 .pg-tab.active{background:var(--pc);border-color:transparent;color:#fff;box-shadow:var(pgc);}
.pg-modal-v2 .pg-tab.active .pg-tab-num{color:#fff;}
.pg-modal-v2 .pg-tab.active .pg-tab-ico{background:rgba(255,255,255,.9);}
.pg-modal-v2 .pg-tab.active::after{content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid var(--pc);}

/* trust card */
.pg-modal-v2 .pg-trust{margin-top:26px;padding:16px 16px;border:1px solid #eef1f6;border-radius:12px;background:#fbfcfe;}
.pg-modal-v2 .pg-trust-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#111827;margin-bottom:10px;}
.pg-modal-v2 .pg-trust-head svg{color:var(--pc);}
.pg-modal-v2 .pg-trust-list{list-style:none;margin:0;padding:0;}
.pg-modal-v2 .pg-trust-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;padding:4px 0;}
.pg-modal-v2 .pg-tick{flex:0 0 auto;}

/* main heading */
.pg-modal-v2 .pg-title{font-size:26px;line-height:1.2;font-weight:800;color:#141b34;margin:0 0 6px;letter-spacing: 0;}
.pg-modal-v2 .pg-subtitle{font-size:14px;color:#7a8194;margin:0 0 20px;}

/* gateway banner */
.pg-modal-v2 .pg-gateway-banner{display:flex;align-items:center;background:#f5f7fb;border:1px solid #eef1f6;border-radius:12px;padding:18px 24px;margin-bottom:22px;}
.pg-modal-v2 .pg-gateway-banner img{max-height:30px;max-width:220px;object-fit:contain;}
.pg-modal-v2 .pg-gateway-banner img.payment_AFS{max-height:50px;}
.pg-modal-v2 .pg-gateway-banner img.payment_Airwallex{max-height:20px;}

/* method cards grid */
.pg-modal-v2 .pg-methods{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:14px;margin:0 0 8px;}
.pg-modal-v2 .pg-methods a{display:block;text-decoration:none;color:inherit;}
.pg-modal-v2 .payment-method-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;height:100%;padding:16px 10px;text-align:center;background:#fff;border:1px solid #e8ebf2;border-radius:12px;box-shadow:none;cursor:pointer;transition:all .18s ease;}
.pg-modal-v2 .payment-method-icon:hover{border-color:var(--pc);box-shadow:0 8px 20px rgba(15,23,42,.1);transform:translateY(-2px);}
.pg-modal-v2 .payment-method-icon img{max-height:34px;max-width:56px;object-fit:contain;border-radius:0;}
.pg-modal-v2 .payment-method-icon p{margin:0;font-size:13px;font-weight:700;color:#1f2542;line-height:1.3;}

/* convera / offline note */
.pg-modal-v2 .pg-convera,.pg-modal-v2 .pg-offline-note{font-size:13px;color:#4b5563;margin-bottom:18px;}
.pg-modal-v2 .pg-convera h3{font-size:16px;color:#141b34;}
.pg-modal-v2 .pg-convera h4{font-size:14px;color:var(--pc);}

/* actions / pay now */
.pg-modal-v2 .pg-actions{display:flex;justify-content:flex-end;margin-top:26px;}
.pg-modal-v2 .pg-paynow{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:12px;background:var(--pc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(37,56,235,.3);transition:transform .15s ease, box-shadow .15s ease;}
.pg-modal-v2 .pg-paynow:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,56,235,.4);}
.pg-modal-v2 .pg-paynow .pg-paynow-text{color:#fff;}
/* The footer + its Pay Now button are mobile-only (see mobile media query). */
.pg-modal-v2 .pg-footer{display:none;}

/* keep offline payment form fields readable in new layout */
.pg-modal-v2 .payment-form ul{list-style:none;margin:0;padding:0;}
.pg-modal-v2 .choose_payment_title_on_mobile{display: none;}

/* ---------- responsive ---------- */
@media (max-width:991px){
	.pg-modal-v2 .pg-sidebar{flex-basis:250px;max-width:250px;}
	.pg-modal-v2 .pg-main{padding:0 22px;}
	.pg-modal-v2 .pg-title{font-size:22px;}
}
@media (max-width:767px){
	.choose_payment_title_on_desktop{display:none}
	.pg-modal-v2 .choose_payment_title_on_mobile{display:block}
	.pg-modal-v2 .pg-dialog{width:98%;margin:1rem auto;}
	.pg-modal-v2 .pg-layout{flex-direction:column;}
	.pg-modal-v2 .pg-sidebar{flex-basis:auto;max-width:none;width:100%;border-right:0;border-bottom:1px solid #eef1f6;}
	.pg-modal-v2 .pg-tablist{flex-direction:row;gap:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
	.pg-modal-v2 .pg-tab-item{flex:0 0 auto;}
	.pg-modal-v2 .pg-tab{min-width:210px;justify-content: center;}
	.pg-modal-v2 .pg-tab.active::after{display:none;}
	.pg-modal-v2 .pg-trust{margin-top:16px;display: none;}
	.pg-modal-v2 .pg-methods{grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));}
	.pg-modal-v2 .pg-main{padding:0px 16px;}
	/* Mobile: fixed header + footer, only the body scrolls. Achieved by making
	   the modal content a bounded-height flex column where the body is the only
	   flex-growing, overflow-scrolling region. */
	.pg-modal-v2{overflow:hidden;}
	.pg-modal-v2 .pg-dialog{margin:1rem auto 0;}
	.pg-modal-v2 .pg-content{display:flex;flex-direction:column;overflow:hidden;margin-top:0 !important;border-top-left-radius:20px;border-top-right-radius:20px;max-height:calc(100vh - 1.5rem);max-height:calc(100dvh - 1.5rem);}
	.pg-modal-v2 .modal-header{flex:0 0 auto;border-top-left-radius:20px;border-top-right-radius:20px;}
	.pg-modal-v2 .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	/* Hide the in-panel (desktop) Pay Now; the footer holds the mobile Pay Now. */
	.pg-modal-v2 .pg-actions{display:none;}
	.pg-modal-v2 .modal-footer.pg-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:12px 14px;margin:0;background:#fff;border-top:1px solid #eef1f6;box-shadow:0 -4px 16px rgba(15,23,42,.08);}
	.pg-modal-v2 .modal-footer.pg-footer > *{margin:0;}
	.pg-modal-v2 .pg-pay-mobile{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border:0;border-radius:12px;background:linear-gradient(90deg, var(--pc) 0%, var(--sc, #3311bb) 100%);color:#fff;font-size:16px;font-weight:700;box-shadow:0 10px 24px rgba(37,56,235,.3);cursor:pointer;}
	.pg-modal-v2 .pg-pay-mobile .pg-paynow-text{color:#fff;}
	.pg-modal-v2 .pg-gateway-banner{justify-content:center}
}
@media (max-width:480px){
	.pg-modal-v2 .pg-main{padding:0px 16px;}
	.pg-modal-v2 .pg-title{font-size:19px;}
	.pg-modal-v2 .pg-gateway-banner{padding:14px 16px;}
	.pg-modal-v2 .pg-methods{grid-template-columns:repeat(2, 1fr);gap:10px;}
	.pg-modal-v2 .pg-actions{justify-content:stretch;}
	.pg-modal-v2 .pg-paynow{width:100%;justify-content:center;}
	.pg-modal-v2 .payment-form ul li label,
	.pg-modal-v2 .payment-form ul li input:not([type="file"]),
	.pg-modal-v2 .payment-form ul li textarea{width:100% !important;}
}