/* BD IT HOME category packages v7 — purposely scoped; no theme-wide selectors. */
.bdh-pkg-v7 .bdh-package-page-head .bdh-kicker{letter-spacing:.09em}
.bdh-pkg-v7 .bdh-package-circle-head h2{font-weight:850}
.bdh-pkg-v7 .bdh-package-portal-card{border-radius:24px!important;padding:24px!important}
.bdh-pkg-v7 .bdh-package-portal-card .bdh-package-badge{background:#fbe8f0;color:#8c1c4c}
.bdh-pkg-v7 .bdh-pkg-yearly-feature{background:linear-gradient(152deg,#48132f 0%,#4f1739 54%,#24142e 100%)!important;border:1px solid #d6a77a!important;box-shadow:0 24px 52px rgba(76,16,51,.25)!important;color:#fff;min-height:480px;position:relative;isolation:isolate}
.bdh-pkg-v7 .bdh-pkg-yearly-feature:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,rgba(255,179,217,.18),transparent 70%);pointer-events:none;z-index:-1}
.bdh-pkg-v7 .bdh-pkg-yearly-feature h3{color:#fff!important;font-size:29px!important}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-package-card-sub{color:#e8c9dc!important}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-price strong{color:#fff!important;font-size:39px!important}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-price del{color:#dbb2ca!important}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-package-badge{background:rgba(250,220,153,.13)!important;color:#f9d89e!important;border:1px solid rgba(244,200,117,.27)}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-package-card-index{background:rgba(255,255,255,.09);color:#fcd18c;border:1px solid rgba(255,210,146,.36)}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-package-features,.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-package-features li{color:#fff!important}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-package-features i{color:#ff76b0!important}
.bdh-pkg-v7 .bdh-pkg-yearly-feature .bdh-btn-primary{background:linear-gradient(125deg,#f00670,#c81a73)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(222,2,94,.26)}
.bdh-pkg-yearly-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-3px 0 17px}
.bdh-pkg-yearly-metrics>div{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:12px 9px;text-align:center}
.bdh-pkg-yearly-metrics strong{display:block;color:#ffda9e;font-size:23px;line-height:1.3;font-weight:900}
.bdh-pkg-yearly-metrics small{display:block;color:#ecc7da;font-size:11px;line-height:1.5;margin-top:3px}
.bdh-pkg-v7 .bdh-package-tier-grid{align-items:stretch}
.bdh-pkg-v7 .bdh-package-features{gap:11px}
.bdh-pkg-v7 .bdh-package-portal-card .bdh-btn{font-weight:750}
.bdh-pkg-policy{max-width:1218px;margin:22px auto 0;padding:15px 19px;display:flex;align-items:flex-start;gap:12px;border:1px solid #e9c5d3;border-radius:14px;background:#fff6f9;color:#623047}
.bdh-pkg-policy i{font-size:19px;color:#ad2b67;flex:none}
.bdh-pkg-policy p{margin:0;font-size:13px;line-height:1.75;color:inherit}
.bdh-pkg-private{display:inline-flex;align-items:center;gap:7px;color:#ab2464;font-size:.91em;font-weight:750}
.bdh-pkg-dash{color:#f5e9f0;padding:4px 0 28px}
.bdh-pkg-dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border:1px solid rgba(245,123,173,.23);border-radius:20px;background:linear-gradient(123deg,#41102a,#6b1a46)}
.bdh-pkg-dash-head span{display:block;letter-spacing:.11em;color:#fac3d8;font-size:11px;font-weight:800}
.bdh-pkg-dash-head h2{margin:5px 0 4px!important;color:#fff!important;font-size:24px}
.bdh-pkg-dash-head p{margin:0;color:#dfb8c9}
.bdh-pkg-dash-head .bdh-btn{white-space:nowrap}
.bdh-pkg-dash-empty,.bdh-pkg-legacy{background:rgba(248,217,236,.1);border:1px solid rgba(255,173,205,.16);padding:15px 17px;border-radius:14px;margin:18px 0;color:#fff;line-height:1.65}
.bdh-pkg-dash-empty a{color:#ff8cbe}
.bdh-pkg-wallet{padding:22px;margin:18px 0;border:1px solid rgba(245,123,173,.2);border-radius:19px;background:linear-gradient(145deg,#351025,#3b1129 70%,#311026);box-shadow:0 8px 26px rgba(0,0,0,.08)}
.bdh-pkg-wallet-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.bdh-pkg-wallet-head>div>span{display:block;font-size:12px;color:#e4b9ca}
.bdh-pkg-wallet-head strong{display:block;font-size:21px;color:#fff;margin-top:3px}
.bdh-pkg-wallet-head em{font-style:normal;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px;font-size:11px;color:#efc9da;white-space:nowrap}
.bdh-pkg-wallet-head em.is-active{background:#114b38;color:#b9f9d7;border-color:#206a4a}
.bdh-pkg-wallet-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0}
.bdh-pkg-wallet-numbers>div{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.055)}
.bdh-pkg-wallet-numbers small{display:block;color:#e3bbce;margin-bottom:4px;font-size:11px}
.bdh-pkg-wallet-numbers strong{display:block;color:#fff;font-size:21px;overflow-wrap:anywhere}
.bdh-pkg-wallet-progress{height:9px;background:#4a2441;border-radius:999px;overflow:hidden}
.bdh-pkg-wallet-progress>span{display:block;height:100%;background:linear-gradient(90deg,#ee1a7c,#ffa1c8);border-radius:999px}
.bdh-pkg-wallet p{margin:11px 0 0;font-size:12px;line-height:1.7;color:#efcadb}
.bdh-pkg-wallet p strong{color:#fff}
.bdh-pkg-usage-title{color:#fff!important;font-size:20px;margin:28px 0 12px}
.bdh-pkg-usage-wrap{max-width:100%;overflow-x:auto;border:1px solid rgba(245,123,173,.22);border-radius:14px}
.bdh-pkg-usage{width:100%;border-collapse:collapse;min-width:520px;color:#f6edf3}
.bdh-pkg-usage th,.bdh-pkg-usage td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}
.bdh-pkg-usage th{color:#ffc0db;background:#3d1631;font-size:12px;font-weight:700}
.bdh-pkg-usage td{font-size:12px;background:#351225}
.bdh-pkg-usage a{color:#ff96c5;text-decoration:underline}
/* Admin styles never touch theme front-end layout. */
.bdh-pkg-admin{max-width:1380px}
.bdh-pkg-admin-group{padding:20px;margin:25px 0;border-radius:14px;background:#fff;border:1px solid #e6d9e1;box-shadow:0 8px 24px rgba(51,20,40,.04)}
.bdh-pkg-admin-group h2{color:#742650;border-bottom:1px solid #eee4e9;margin:0 0 14px;padding-bottom:12px}
.bdh-pkg-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bdh-pkg-admin-panel{border-radius:12px;background:#fff8fb;border:1px solid #f0e3e9;padding:14px}
.bdh-pkg-admin-panel h3{margin:0 0 10px;font-size:15px;color:#6b2450}
.bdh-pkg-admin-panel label{display:flex;gap:9px;align-items:flex-start;margin:9px 0;line-height:1.4;cursor:pointer;font-size:13px}
.bdh-pkg-admin-panel input{margin:1px 0 0}
@media(max-width:1100px){.bdh-pkg-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .bdh-pkg-v7 .bdh-package-portal-card{min-height:0!important}
  .bdh-pkg-v7 .bdh-pkg-yearly-feature{min-height:0!important}
  .bdh-pkg-v7 .bdh-package-portal-card h3{font-size:25px!important}
  .bdh-pkg-dash-head{padding:20px;align-items:stretch;flex-direction:column}
  .bdh-pkg-dash-head h2{font-size:21px}
  .bdh-pkg-dash-head .bdh-btn{width:100%;justify-content:center}
  .bdh-pkg-wallet{padding:15px}
  .bdh-pkg-wallet-numbers{gap:6px}
  .bdh-pkg-wallet-numbers>div{padding:9px}
  .bdh-pkg-wallet-numbers strong{font-size:16px}
  .bdh-pkg-policy{margin-top:15px}
  .bdh-pkg-admin-grid{grid-template-columns:1fr}
}
/* Premium showcase inspired by the supplied landing-page layout, recoloured for BD IT HOME. */
.bdh-pkg-v7 .bdh-pkg-premium-showcase{margin-top:26px;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;padding:34px;border-radius:25px;color:#fff;background:linear-gradient(115deg,#7f1c4c 0%,#4a1637 53%,#24102b 100%);box-shadow:0 18px 42px rgba(90,17,54,.17)}
.bdh-pkg-v7 .bdh-pkg-premium-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 30%,rgba(255,255,255,.10),transparent 30%),radial-gradient(circle at 85% 75%,rgba(247,112,183,.15),transparent 35%);pointer-events:none;z-index:-1}
.bdh-pkg-v7 .bdh-pkg-premium-eyebrow{display:inline-flex;gap:7px;align-items:center;padding:7px 12px;border:1px solid rgba(255,205,151,.34);border-radius:50px;background:rgba(255,225,180,.1);color:#ffdda2;font-size:11px;font-weight:800;letter-spacing:.04em}
.bdh-pkg-v7 .bdh-pkg-premium-copy h3{font-size:clamp(23px,3vw,34px);line-height:1.43;color:#fff;margin:14px 0 8px;font-weight:850}
.bdh-pkg-v7 .bdh-pkg-premium-copy p{color:#efd2df;line-height:1.8;font-size:13px;max-width:620px}
.bdh-pkg-v7 .bdh-pkg-premium-stats{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}
.bdh-pkg-v7 .bdh-pkg-premium-stats>div{min-width:120px;padding:12px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:12px}
.bdh-pkg-v7 .bdh-pkg-premium-stats b{font-weight:850;font-size:24px;color:#fff;display:block}
.bdh-pkg-v7 .bdh-pkg-premium-stats span{color:#f2cfe0;font-size:11px}
.bdh-pkg-v7 .bdh-pkg-premium-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.bdh-pkg-v7 .bdh-pkg-premium-actions .bdh-btn{background:#e80073;border:0;color:#fff;font-weight:750}
.bdh-pkg-v7 .bdh-pkg-premium-actions small{color:#dbb1c3;display:flex;gap:6px;align-items:center}
.bdh-pkg-v7 .bdh-pkg-premium-visual{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:23px;border:1px solid rgba(255,205,151,.35);border-radius:21px;background:linear-gradient(155deg,#301525,#1f1224);box-shadow:0 15px 33px rgba(0,0,0,.12)}
.bdh-pkg-v7 .bdh-pkg-premium-visual-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,209,146,.1);color:#ffd68d;font-size:25px}
.bdh-pkg-v7 .bdh-pkg-premium-visual small{font-size:12px;color:#dfbfcf}
.bdh-pkg-v7 .bdh-pkg-premium-visual>strong{font-size:clamp(35px,4vw,50px);line-height:1.2;color:#fff;margin-bottom:3px}
.bdh-pkg-v7 .bdh-pkg-premium-visual>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#f5e6ee}
.bdh-pkg-v7 .bdh-pkg-premium-visual>div i{color:#ff7aac}
@media(max-width:767px){.bdh-pkg-v7 .bdh-pkg-premium-showcase{grid-template-columns:1fr;padding:22px;gap:20px}.bdh-pkg-v7 .bdh-pkg-premium-stats>div{min-width:0;flex:1}.bdh-pkg-v7 .bdh-pkg-premium-stats b{font-size:19px}.bdh-pkg-v7 .bdh-pkg-premium-actions .bdh-btn{width:100%}}
/* Keep all three socioeconomic choices visible as compact mobile tabs. */
@media(max-width:767px){
  .bdh-pkg-v7 .bdh-circle-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border-radius:15px}
  .bdh-pkg-v7 .bdh-circle-tab{justify-content:center;text-align:center;padding:12px 3px;border-radius:11px;min-width:0}
  .bdh-pkg-v7 .bdh-circle-tab strong{font-size:12px;line-height:1.5;white-space:nowrap}
}

/* v8: Keep premium-stat values and captions on separate lines in the live theme.
   Scope this to the three premium statistics; no other package styles change. */
.bdh-pkg-v7 .bdh-pkg-premium-stats > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  row-gap: 6px !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 80px !important;
  padding: 12px 16px !important;
  line-height: normal !important;
}
.bdh-pkg-v7 .bdh-pkg-premium-stats > div > b {
  display: block !important;
  flex: 0 0 auto !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}
.bdh-pkg-v7 .bdh-pkg-premium-stats > div > span {
  display: block !important;
  flex: 0 0 auto !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  .bdh-pkg-v7 .bdh-pkg-premium-stats > div {
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 11px 12px !important;
  }
  .bdh-pkg-v7 .bdh-pkg-premium-stats > div > b {
    font-size: 19px !important;
  }
}

/* v9: Three visible, finger-friendly socioeconomic category tabs on phones.
   The theme's base tab is horizontal (icon + text), which squeezes Bengali
   words into narrow columns. Stack tab contents without changing the tabs,
   their labels, or the existing category switching logic. */
@media (max-width: 767px) {
  .bdh-pkg-v7 .bdh-circle-switch {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px auto 26px !important;
    padding: 7px !important;
    border-radius: 17px !important;
    box-sizing: border-box !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 152px !important;
    padding: 12px 5px !important;
    text-align: center !important;
    border-radius: 13px !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    font-size: 17px !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab > span:not(.bdh-circle-tab-icon) {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 5px !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab strong {
    display: block !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.025em !important;
    white-space: nowrap !important;
    word-break: normal !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none !important;
    text-wrap: balance;
    opacity: 1 !important;
    color: #69505c !important;
    -webkit-text-fill-color: #69505c !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab.is-active small {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  .bdh-pkg-v7 .bdh-circle-tab {
    touch-action: manipulation;
  }
  .bdh-pkg-v7 .bdh-circle-tab:focus-visible {
    outline: 3px solid #dc2877 !important;
    outline-offset: 3px !important;
  }
}

/* v30: Package Wallet typography spacing on mobile, including SolaimanLipi.
   This affects only the user dashboard wallet and never changes balances or package logic. */
@media screen and (max-width:767px) {
  .bdh-pkg-dash,
  .bdh-pkg-dash * {
    box-sizing: border-box;
  }
  .bdh-pkg-dash-head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 19px;
    padding: 20px 17px;
    height: auto;
  }
  .bdh-pkg-dash-head > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
  }
  .bdh-pkg-dash-head > div > span {
    display: block;
    position: static;
    font-size: 11px;
    line-height: 1.65 !important;
    letter-spacing: .055em;
    margin: 0;
    min-height: 0;
  }
  .bdh-pkg-dash-head h2 {
    display: block;
    position: static;
    margin: 0 !important;
    padding: 0;
    font-size: clamp(20px, 5.8vw, 25px) !important;
    font-weight: 800;
    line-height: 1.72 !important;
    letter-spacing: 0;
    text-wrap: pretty;
    overflow-wrap: break-word;
    min-width: 0;
    height: auto;
  }
  .bdh-pkg-dash-head p {
    display: block;
    position: static;
    margin: 0 !important;
    font-size: 13px;
    line-height: 1.85 !important;
    overflow-wrap: break-word;
    height: auto;
  }
  .bdh-pkg-dash-head .bdh-btn {
    width: 100%;
    min-height: 49px;
    height: auto;
    white-space: normal;
    text-align: center;
    line-height: 1.65 !important;
  }
  .bdh-pkg-wallet {
    padding: 17px 15px;
    height: auto;
  }
  .bdh-pkg-wallet-head {
    display: flex;
    gap: 9px;
    align-items: flex-start;
  }
  .bdh-pkg-wallet-head > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
  }
  .bdh-pkg-wallet-head > div > span {
    display: block;
    position: static;
    margin: 0;
    font-size: 12px;
    line-height: 1.7 !important;
    height: auto;
    overflow-wrap: anywhere;
  }
  .bdh-pkg-wallet-head strong {
    display: block;
    position: static;
    margin: 0;
    font-size: clamp(18px, 5vw, 22px);
    line-height: 1.6 !important;
    font-weight: 800;
    height: auto;
    overflow-wrap: anywhere;
  }
  .bdh-pkg-wallet-head em {
    flex: 0 0 auto;
    line-height: 1.65 !important;
    text-align: center;
    padding: 6px 10px;
    font-size: 11px;
    height: auto;
  }
  .bdh-pkg-wallet-numbers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    margin: 22px 0 17px;
  }
  .bdh-pkg-wallet-numbers > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 78px;
    height: auto;
    padding: 10px 5px;
    text-align: center;
  }
  .bdh-pkg-wallet-numbers small {
    display: block;
    flex: 0 0 auto;
    position: static;
    margin: 0 !important;
    padding: 0;
    font-size: 11px;
    line-height: 1.7 !important;
    white-space: normal;
    overflow-wrap: break-word;
    height: auto;
  }
  .bdh-pkg-wallet-numbers strong {
    display: block;
    flex: 0 0 auto;
    position: static;
    margin: 0 !important;
    padding: 0;
    font-size: 17px;
    line-height: 1.6 !important;
    white-space: normal;
    overflow-wrap: anywhere;
    height: auto;
  }
  .bdh-pkg-wallet > p {
    display: block;
    margin: 13px 0 0 !important;
    font-size: 12px;
    line-height: 1.85 !important;
    overflow-wrap: anywhere;
    height: auto;
  }
  .bdh-pkg-usage-title {
    display: block;
    margin: 26px 0 14px !important;
    font-size: 20px !important;
    line-height: 1.7 !important;
    overflow-wrap: break-word;
    height: auto;
  }
  .bdh-pkg-usage th,
  .bdh-pkg-usage td {
    padding: 12px 14px;
    line-height: 1.75 !important;
    vertical-align: middle;
    height: auto;
  }
  .bdh-pkg-dash-empty,
  .bdh-pkg-legacy {
    line-height: 1.8 !important;
  }
}

@media screen and (max-width:359px) {
  .bdh-pkg-dash-head h2 { font-size: 19px !important; }
  .bdh-pkg-wallet-numbers { gap: 5px; }
  .bdh-pkg-wallet-numbers > div { padding: 9px 3px; }
  .bdh-pkg-wallet-numbers strong { font-size: 15px; }
  .bdh-pkg-wallet-head em { padding: 5px 7px; }
}

/* v30: Turn the unlock-history table into readable two-column cards on phones. */
@media screen and (max-width:600px) {
  .bdh-pkg-dash .bdh-pkg-usage-wrap {
    overflow: visible;
    border: 0;
    border-radius: 0;
  }
  .bdh-pkg-dash .bdh-pkg-usage {
    display: block;
    min-width: 0;
    width: 100%;
  }
  .bdh-pkg-dash .bdh-pkg-usage thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .bdh-pkg-dash .bdh-pkg-usage tbody {
    display: flex;
    flex-direction: column;
    gap: 11px;
  }
  .bdh-pkg-dash .bdh-pkg-usage tbody tr {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px 10px;
    padding: 14px;
    border: 1px solid rgba(245,123,173,.22);
    border-radius: 13px;
    background: #351225;
  }
  .bdh-pkg-dash .bdh-pkg-usage td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 1.7 !important;
    overflow-wrap: anywhere;
  }
  .bdh-pkg-dash .bdh-pkg-usage td::before {
    display: block;
    color: #efb6d1;
    font-weight: 700;
    font-size: 11px;
    line-height: 1.7 !important;
  }
  .bdh-pkg-dash .bdh-pkg-usage td:nth-child(1)::before { content: 'বায়োডাটা'; }
  .bdh-pkg-dash .bdh-pkg-usage td:nth-child(2)::before { content: 'খরচ'; }
  .bdh-pkg-dash .bdh-pkg-usage td:nth-child(3)::before { content: 'তারিখ'; }
  .bdh-pkg-dash .bdh-pkg-usage td:nth-child(4)::before { content: 'অবস্থা'; }
}