/* NetPay global customer theme v4.4.89. Scoped to body.netpay-theme. */
body.netpay-theme{
  --np-green:var(--netpay-primary,#00963f);
  --np-green-dark:var(--netpay-primary-dark,#007e34);
  --np-blue:var(--netpay-secondary,#1268e8);
  --np-bg:var(--netpay-background,#f4f7fb);
  --np-card:var(--netpay-card,#fff);
  --np-text:var(--netpay-text,#172033);
  --np-border:#dce3ec;
  --np-muted:#667085;
  background:var(--np-bg)!important;
  color:var(--np-text);
  min-height:100vh;
}
body.netpay-theme #main,
body.netpay-theme .main{background:transparent!important;min-height:420px}
body.netpay-theme .section-gap{padding-top:28px;padding-bottom:38px}
body.netpay-theme .section-breadcrumb{background:linear-gradient(90deg,color-mix(in srgb,var(--np-green) 8%,#fff),#fff);border-bottom:1px solid var(--np-border);padding:12px 0}
body.netpay-theme .breadcrumb{font-size:12px;color:var(--np-muted)}
body.netpay-theme .breadcrumb a{color:var(--np-green);font-weight:700}
body.netpay-theme a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}
body.netpay-theme .description,
body.netpay-theme .form-m1,
body.netpay-theme .card,
body.netpay-theme .card-cart-like,
body.netpay-theme .recharge-cat-card,
body.netpay-theme .tabs-m1,
body.netpay-theme .table-responsive,
body.netpay-theme .alert-custom,
body.netpay-theme .article-item,
body.netpay-theme .box-payment,
body.netpay-theme .wallet-item,
body.netpay-theme .profile-box{
  background:var(--np-card)!important;
  border:1px solid var(--np-border)!important;
  border-radius:12px!important;
  box-shadow:0 8px 28px rgba(22,37,66,.075)!important;
}
body.netpay-theme .description{padding:16px 18px}
body.netpay-theme .description .title,
body.netpay-theme .card-title,
body.netpay-theme .heading-title,
body.netpay-theme h1,
body.netpay-theme h2,
body.netpay-theme h3{color:var(--np-text)}
body.netpay-theme .description .title{font-weight:800;border-left:4px solid var(--np-green);padding-left:10px;text-transform:none!important}
body.netpay-theme .form-control,
body.netpay-theme .custom-select,
body.netpay-theme .select2-selection,
body.netpay-theme textarea,
body.netpay-theme input[type=text],
body.netpay-theme input[type=number],
body.netpay-theme input[type=password],
body.netpay-theme input[type=email],
body.netpay-theme input[type=tel]{
  border:1px solid #cfd8e3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--np-text)!important;
  min-height:42px;
  box-shadow:none!important;
}
body.netpay-theme .form-control:focus,
body.netpay-theme .custom-select:focus,
body.netpay-theme input:focus,
body.netpay-theme textarea:focus{
  border-color:var(--np-green)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--np-green) 17%,transparent)!important;
}
body.netpay-theme label,body.netpay-theme .col-form-label{color:#344054;font-weight:700}
body.netpay-theme .btn{border-radius:8px;font-weight:700;box-shadow:none}
body.netpay-theme .btn-primary,
body.netpay-theme .btn-theme_secondary,
body.netpay-theme .button-theme.btn-primary,
body.netpay-theme button[type=submit].btn-primary{
  background:var(--np-green)!important;
  border-color:var(--np-green)!important;
  color:#fff!important;
}
body.netpay-theme .btn-primary:hover,
body.netpay-theme .btn-theme_secondary:hover{filter:brightness(.92);transform:translateY(-1px)}
body.netpay-theme .btn-info{background:var(--np-blue)!important;border-color:var(--np-blue)!important;color:#fff!important}
body.netpay-theme .btn-outline-primary{border-color:var(--np-green)!important;color:var(--np-green)!important}
body.netpay-theme .btn-outline-primary:hover{background:var(--np-green)!important;color:#fff!important}
body.netpay-theme .table{background:var(--np-card);color:var(--np-text);margin-bottom:0}
body.netpay-theme .table thead th{background:color-mix(in srgb,var(--np-green) 9%,#fff)!important;color:color-mix(in srgb,var(--np-green) 75%,#000)!important;border-color:#d7e1eb!important;font-weight:800;white-space:nowrap}
body.netpay-theme .table td{border-color:#e2e8f0!important;vertical-align:middle}
body.netpay-theme .table-striped tbody tr:nth-of-type(odd){background:#f8fafc}
body.netpay-theme .table-hover tbody tr:hover{background:color-mix(in srgb,var(--np-green) 5%,#fff)}
body.netpay-theme .badge-primary,body.netpay-theme .bg-theme{background:var(--np-green)!important;color:#fff!important}
body.netpay-theme .nav-tabs{border-bottom:1px solid var(--np-border)}
body.netpay-theme .nav-tabs .nav-link{border:0;border-bottom:3px solid transparent;color:#667085;font-weight:700}
body.netpay-theme .nav-tabs .nav-link.active{border-bottom-color:var(--np-green);color:var(--np-green);background:transparent}
body.netpay-theme .modal-content{border:0;border-radius:14px;box-shadow:0 20px 70px rgba(16,24,40,.24)}
body.netpay-theme .modal-header{background:color-mix(in srgb,var(--np-green) 8%,#fff);border-bottom-color:var(--np-border)}
body.netpay-theme .pagination .page-link{color:var(--np-green);border-color:var(--np-border)}
body.netpay-theme .pagination .page-item.active .page-link{background:var(--np-green);border-color:var(--np-green)}
body.netpay-theme .section-banner .swiper-slide{background:linear-gradient(135deg,var(--np-green),color-mix(in srgb,var(--np-green) 58%,var(--np-blue)))!important}
body.netpay-theme .section-banner_title,body.netpay-theme .section-banner_desc{color:#fff!important}
body.netpay-theme .card-product,
body.netpay-theme .brand-item,
body.netpay-theme .price-item,
body.netpay-theme .recharge-item{
  border-color:var(--np-border)!important;
  background:var(--np-card)!important;
}
body.netpay-theme .card-product:hover,
body.netpay-theme .brand-item:hover,
body.netpay-theme .price-item:hover,
body.netpay-theme .recharge-item:hover{border-color:var(--np-green)!important;box-shadow:0 10px 26px rgba(16,24,40,.11)!important}
body.netpay-theme .brand-item.active,
body.netpay-theme .price-item.active{background:var(--np-green)!important;border-color:var(--np-green)!important;color:#fff!important}
body.netpay-theme .alert-info{background:color-mix(in srgb,var(--np-blue) 10%,#fff);border-color:color-mix(in srgb,var(--np-blue) 28%,#fff);color:#174a8b}
body.netpay-theme .alert-success{background:color-mix(in srgb,var(--np-green) 10%,#fff);border-color:color-mix(in srgb,var(--np-green) 28%,#fff);color:#0b6b35}
body.netpay-theme .np-search-hidden{display:none!important}

/* Generic empty/service unavailable state used instead of a raw 404 in NetPay. */
body.netpay-theme .np-empty-state{max-width:720px;margin:34px auto 70px;background:var(--np-card);border:1px solid var(--np-border);border-radius:16px;padding:44px 28px;text-align:center;box-shadow:0 12px 38px rgba(16,24,40,.09)}
body.netpay-theme .np-empty-icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:color-mix(in srgb,var(--np-green) 11%,#fff);color:var(--np-green);font-size:31px}
body.netpay-theme .np-empty-state h1{font-size:25px;font-weight:800;margin-bottom:9px}
body.netpay-theme .np-empty-state p{color:var(--np-muted);margin-bottom:20px}

@media(max-width:767px){
  body.netpay-theme{padding-bottom:60px}
  body.netpay-theme .section-gap{padding-top:18px;padding-bottom:28px}
  body.netpay-theme .description,body.netpay-theme .form-m1,body.netpay-theme .card{border-radius:10px!important}
  body.netpay-theme .table-responsive{overflow-x:auto;border-radius:10px!important}
  body.netpay-theme .np-empty-state{margin:18px 12px 78px;padding:34px 18px}
  body.netpay-theme .np-empty-state h1{font-size:21px}
}


/* v4.4.90: mobile viewport/background hardening for the global NetPay theme. */
html.netpay-html{
  min-height:100%;
  overflow-x:hidden;
  background:#fff!important;
}
html.netpay-html body.netpay-theme{
  min-height:100vh;
  min-height:100svh;
  overflow-x:hidden!important;
  background:#fff!important;
}
/* Màu nền tùy chỉnh chỉ phủ khu vực nội dung, không tạo khoảng màu dài sau footer. */
body.netpay-theme #main,
body.netpay-theme main,
body.netpay-theme .main{
  background:var(--np-bg)!important;
}
body.netpay-theme .np-footer,
body.netpay-theme .np-partner-zone{
  position:relative;
  z-index:2;
}
@media(max-width:767px){
  html.netpay-html body.netpay-theme{
    padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))!important;
  }
  body.netpay-theme #main,
  body.netpay-theme main,
  body.netpay-theme .main{
    min-height:0!important;
  }
}

/* v4.4.91: add comfortable background/padding around the "Gửi thẻ cào" form. */
body.netpay-theme .form-m1:has(#NapTheAuto){
  padding:22px 20px 28px!important;
  margin-bottom:26px!important;
  overflow:visible!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) #createRow{
  padding:4px 2px 12px;
}
body.netpay-theme .form-m1:has(#NapTheAuto) > .text-center.mt-2{
  margin-top:8px!important;
  padding:12px 6px 4px;
}
body.netpay-theme .form-m1:has(#NapTheAuto) #NapTheAuto{
  min-height:46px;
  padding-left:28px;
  padding-right:28px;
}

@media(max-width:767px){
  body.netpay-theme .form-m1:has(#NapTheAuto){
    padding:18px 14px 26px!important;
    margin:0 0 24px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) #createRow{
    padding:2px 0 12px;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) > .text-center.mt-2{
    padding:13px 0 3px;
    margin-top:5px!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) #NapTheAuto{
    width:100%;
    max-width:360px;
    min-height:48px;
    margin:0 auto;
  }
}

/* v4.4.92: unify the send-card form and fee table into one roomy white panel. */
body.netpay-theme .form-m1:has(#NapTheAuto){
  margin-bottom:0!important;
  padding:28px 26px 32px!important;
  border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  box-shadow:0 10px 30px rgba(22,37,66,.075)!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) #createRow{
  padding:8px 4px 16px!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) .row-item{
  row-gap:14px;
}
body.netpay-theme .form-m1:has(#NapTheAuto) > .text-center.mt-2{
  margin-top:12px!important;
  padding:16px 8px 2px!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap{
  margin-top:0!important;
  margin-bottom:36px!important;
  padding:0 26px 32px!important;
  background:var(--np-card)!important;
  border:1px solid var(--np-border)!important;
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  box-shadow:0 14px 30px rgba(22,37,66,.075)!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .description{
  margin:0!important;
  padding:26px 0 18px!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid #e7edf4!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .description .sub-title{
  margin:0!important;
  padding:0!important;
  font-size:18px;
  line-height:1.45;
  font-weight:800;
  color:var(--np-text)!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 20px!important;
  padding:2px 0 16px!important;
  border-bottom:1px solid #e7edf4!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs .nav-item{
  margin:0!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs .nav-link{
  margin:0!important;
  padding:10px 16px!important;
  border:1px solid #d9e2ec!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#475467!important;
  line-height:1.25;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs .nav-link.active{
  border-color:var(--np-green)!important;
  background:color-mix(in srgb,var(--np-green) 10%,#fff)!important;
  color:var(--np-green)!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 .section-tab_content,
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 .tab-content{
  padding:0!important;
  background:transparent!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 .table-responsive{
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 .table-responsive .table-responsive{
  border:1px solid #e1e8f0!important;
  background:#fff!important;
  overflow:auto;
}

@media(max-width:767px){
  body.netpay-theme .form-m1:has(#NapTheAuto){
    margin:0!important;
    padding:22px 15px 28px!important;
    border-radius:14px 14px 0 0!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) #createRow{
    padding:5px 1px 15px!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) > .text-center.mt-2{
    margin-top:10px!important;
    padding:15px 0 1px!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap{
    margin:0 0 28px!important;
    padding:0 15px 24px!important;
    border-radius:0 0 14px 14px!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .description{
    padding:23px 0 17px!important;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .description .sub-title{
    font-size:16px;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs{
    flex-wrap:nowrap;
    gap:8px;
    margin-bottom:17px!important;
    padding:2px 0 14px!important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs::-webkit-scrollbar{
    display:none;
  }
  body.netpay-theme .form-m1:has(#NapTheAuto) + .section-gap > .tabs-m1 > .nav-tabs .nav-link{
    padding:9px 13px!important;
    white-space:nowrap;
  }
}


/* v4.4.93: one roomy white surface for the exchange form and fee table. */
body.netpay-theme .netpay-exchange-surface{
  background:var(--np-card)!important;
  border:1px solid var(--np-border)!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(22,37,66,.08)!important;
  padding:30px!important;
  margin:0 0 38px!important;
  overflow:hidden;
}

/* Keep the title/notice, send-card form and fee area inside one white background. */
body.netpay-theme .netpay-exchange-surface > .description,
body.netpay-theme .netpay-exchange-surface > .form-m1,
body.netpay-theme .netpay-exchange-surface > .section-gap{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.netpay-theme .netpay-exchange-surface > .description{
  margin:0 0 26px!important;
  padding:4px 2px 22px!important;
  border-bottom:1px solid #e7edf4!important;
}
body.netpay-theme .netpay-exchange-surface > .form-m1:has(#NapTheAuto){
  margin:0 0 30px!important;
  padding:22px!important;
  background:#f8fafc!important;
  border:1px solid #e1e8f0!important;
  border-radius:14px!important;
}
body.netpay-theme .netpay-exchange-surface > .form-m1:has(#NapTheAuto) #createRow{
  padding:4px 0 16px!important;
}
body.netpay-theme .netpay-exchange-surface > .form-m1:has(#NapTheAuto) .row-item{
  row-gap:16px!important;
}
body.netpay-theme .netpay-exchange-surface > .form-m1:has(#NapTheAuto) > .text-center.mt-2{
  margin-top:12px!important;
  padding:14px 0 0!important;
}
body.netpay-theme .netpay-exchange-surface > .section-gap{
  margin:0!important;
  padding:0!important;
}
body.netpay-theme .netpay-exchange-surface > .section-gap > .description{
  margin:0 0 22px!important;
  padding:24px 2px 18px!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid #e7edf4!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-surface > .section-gap > .description .sub-title{
  margin:0!important;
  padding:0!important;
  font-size:19px!important;
  line-height:1.45!important;
  font-weight:800!important;
  color:var(--np-text)!important;
}
body.netpay-theme .netpay-exchange-surface > .section-gap > .tabs-m1{
  margin:0!important;
  padding:22px!important;
  background:#f8fafc!important;
  border:1px solid #e1e8f0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-surface > .section-gap > .tabs-m1 > .nav-tabs{
  gap:10px!important;
  margin:0 0 22px!important;
  padding:0 0 18px!important;
}
body.netpay-theme .netpay-exchange-surface > .section-gap > .tabs-m1 .table-responsive{
  margin:0!important;
}

@media(max-width:767px){
  body.netpay-theme .netpay-exchange-surface{
    margin:0 0 28px!important;
    padding:18px 14px 22px!important;
    border-radius:14px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .description{
    margin-bottom:20px!important;
    padding:2px 2px 18px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .form-m1:has(#NapTheAuto){
    margin-bottom:24px!important;
    padding:16px 12px 20px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .section-gap > .description{
    margin-bottom:16px!important;
    padding:21px 2px 15px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .section-gap > .description .sub-title{
    font-size:17px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .section-gap > .tabs-m1{
    padding:14px 10px 16px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .section-gap > .tabs-m1 > .nav-tabs{
    margin-bottom:16px!important;
    padding-bottom:14px!important;
  }
}

/* v4.4.94: force roomy exchange layout with explicit classes and cache-busted stylesheet. */
body.netpay-theme .netpay-exchange-surface{
  box-sizing:border-box!important;
  width:100%!important;
  padding:34px!important;
  background:#fff!important;
  border:1px solid #dce3ec!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(22,37,66,.08)!important;
  overflow:visible!important;
}
body.netpay-theme .netpay-exchange-surface .netpay-exchange-intro,
body.netpay-theme .netpay-exchange-surface .netpay-exchange-form,
body.netpay-theme .netpay-exchange-surface .netpay-exchange-fees,
body.netpay-theme .netpay-exchange-surface .netpay-exchange-fees-title,
body.netpay-theme .netpay-exchange-surface .netpay-exchange-fees-body{
  box-sizing:border-box!important;
}
body.netpay-theme .netpay-exchange-surface > .netpay-exchange-intro{
  margin:0!important;
  padding:8px 10px 28px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #e5ebf2!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-surface > .netpay-exchange-form{
  margin:28px 0 0!important;
  padding:28px 24px 30px!important;
  background:#f7f9fc!important;
  border:1px solid #dde5ee!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-form #createRow{
  padding:0 0 18px!important;
}
body.netpay-theme .netpay-exchange-form .row-item{
  margin-left:-9px!important;
  margin-right:-9px!important;
  row-gap:18px!important;
}
body.netpay-theme .netpay-exchange-form .row-item > [class*="col-"]{
  padding-left:9px!important;
  padding-right:9px!important;
}
body.netpay-theme .netpay-exchange-form > .text-center.mt-2{
  margin-top:14px!important;
  padding:16px 0 0!important;
}
body.netpay-theme .netpay-exchange-form #NapTheAuto{
  min-width:190px;
  min-height:46px;
  padding-left:26px!important;
  padding-right:26px!important;
}
body.netpay-theme .netpay-exchange-surface > .netpay-exchange-fees{
  margin:34px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-fees > .netpay-exchange-fees-title{
  margin:0!important;
  padding:26px 10px 20px!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid #e5ebf2!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-fees-title .sub-title{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:19px!important;
  line-height:1.45!important;
  font-weight:800!important;
  color:var(--np-text)!important;
  background:transparent!important;
}
body.netpay-theme .netpay-exchange-fees > .netpay-exchange-fees-body{
  margin:0!important;
  padding:24px!important;
  background:#f7f9fc!important;
  border:1px solid #dde5ee!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.netpay-theme .netpay-exchange-fees-body > .nav-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 24px!important;
  padding:0 0 18px!important;
}
body.netpay-theme .netpay-exchange-fees-body > .nav-tabs .nav-link{
  padding:10px 14px!important;
}
body.netpay-theme .netpay-exchange-fees-body .tab-content,
body.netpay-theme .netpay-exchange-fees-body .table-responsive{
  margin:0!important;
  background:transparent!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

@media(max-width:767px){
  body.netpay-theme .netpay-exchange-surface{
    padding:20px 14px 24px!important;
    border-radius:14px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .netpay-exchange-intro{
    padding:4px 4px 22px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .netpay-exchange-form{
    margin-top:22px!important;
    padding:20px 14px 24px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .netpay-exchange-form .row-item{
    margin-left:-6px!important;
    margin-right:-6px!important;
    row-gap:14px!important;
  }
  body.netpay-theme .netpay-exchange-form .row-item > [class*="col-"]{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  body.netpay-theme .netpay-exchange-form #NapTheAuto{
    width:100%!important;
    max-width:360px!important;
  }
  body.netpay-theme .netpay-exchange-surface > .netpay-exchange-fees{
    margin-top:26px!important;
  }
  body.netpay-theme .netpay-exchange-fees > .netpay-exchange-fees-title{
    padding:22px 4px 16px!important;
  }
  body.netpay-theme .netpay-exchange-fees-title .sub-title{
    font-size:17px!important;
  }
  body.netpay-theme .netpay-exchange-fees > .netpay-exchange-fees-body{
    padding:16px 10px 18px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .netpay-exchange-fees-body > .nav-tabs{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:8px!important;
    margin-bottom:18px!important;
    padding-bottom:14px!important;
  }
  body.netpay-theme .netpay-exchange-fees-body > .nav-tabs::-webkit-scrollbar{display:none}
  body.netpay-theme .netpay-exchange-fees-body > .nav-tabs .nav-link{
    white-space:nowrap!important;
    padding:9px 12px!important;
  }
}

/* v4.5.10: global inner spacing for NetPay customer surfaces.
   Keep every rule scoped to body.netpay-theme so the Default theme is untouched. */
body.netpay-theme .form-m1,
body.netpay-theme .tabs-m1,
body.netpay-theme .alert-custom,
body.netpay-theme .box-payment,
body.netpay-theme .wallet-item,
body.netpay-theme .profile-box,
body.netpay-theme .article-item,
body.netpay-theme .recharge-cat-card,
body.netpay-theme .card-cart-like{
  box-sizing:border-box!important;
}

/* Standalone forms previously had a card background but no inner padding. */
body.netpay-theme .form-m1{
  padding:24px 22px 26px!important;
  margin-bottom:24px!important;
  overflow:visible!important;
}
body.netpay-theme .form-m1 > :first-child,
body.netpay-theme .form-m1 > form > :first-child{
  margin-top:0!important;
}
body.netpay-theme .form-m1 > :last-child,
body.netpay-theme .form-m1 > form > :last-child{
  margin-bottom:0!important;
}
body.netpay-theme .form-m1 .form-group{
  margin-bottom:16px;
}
body.netpay-theme .form-m1 label,
body.netpay-theme .form-m1 .col-form-label{
  line-height:1.45;
}
body.netpay-theme .form-m1 .form-text,
body.netpay-theme .form-m1 small,
body.netpay-theme .form-m1 .text-small{
  display:block;
  margin-top:6px;
  line-height:1.45;
}
body.netpay-theme .form-m1 > .text-center,
body.netpay-theme .form-m1 > form > .text-center{
  padding-top:10px;
}

/* Do not create a second card inside an existing Bootstrap card body. */
body.netpay-theme .card-body > .form-m1{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Generic tab panels need breathing room around tabs, filters and tables. */
body.netpay-theme .tabs-m1{
  padding:22px!important;
  margin-bottom:24px!important;
}
body.netpay-theme .tabs-m1 > .nav-tabs{
  margin-bottom:18px!important;
}
body.netpay-theme .tabs-m1 > .tab-content,
body.netpay-theme .tabs-m1 > .section-tab_content{
  padding-top:2px!important;
}

/* Alerts and simple content cards must not touch their text or actions. */
body.netpay-theme .alert-custom{
  padding:16px 18px!important;
  line-height:1.55;
}
body.netpay-theme :is(.box-payment,.wallet-item,.profile-box,.article-item,.recharge-cat-card,.card-cart-like):not(:has(> .card-body)){
  padding:20px!important;
}

/* Form rows and action areas on account/wallet pages. */
body.netpay-theme .form-m1 .row15 + .row15,
body.netpay-theme .form-m1 .row10 + .row10,
body.netpay-theme .form-m1 .row5 + .row5{
  margin-top:1px;
}
body.netpay-theme .form-m1 .btn + a,
body.netpay-theme .form-m1 .btn + button,
body.netpay-theme .form-m1 button + a{
  margin-left:12px;
}

/* Keep tables crisp: padding belongs to the surrounding panel, not each wrapper. */
body.netpay-theme .tabs-m1 .table-responsive,
body.netpay-theme .form-m1 .table-responsive{
  box-shadow:none!important;
}

@media(max-width:767px){
  body.netpay-theme .form-m1{
    padding:19px 14px 22px!important;
    margin-bottom:20px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .tabs-m1{
    padding:16px 12px 18px!important;
    margin-bottom:20px!important;
    border-radius:12px!important;
  }
  body.netpay-theme .tabs-m1 > .nav-tabs{
    margin-bottom:14px!important;
  }
  body.netpay-theme .alert-custom{
    padding:14px 15px!important;
  }
  body.netpay-theme :is(.box-payment,.wallet-item,.profile-box,.article-item,.recharge-cat-card,.card-cart-like):not(:has(> .card-body)){
    padding:15px!important;
  }
  body.netpay-theme .form-m1 .btn + a,
  body.netpay-theme .form-m1 .btn + button,
  body.netpay-theme .form-m1 button + a{
    display:inline-block;
    margin-top:10px;
    margin-left:8px;
  }
}