.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th {
    border: 1px solid #dee2e6 !important;
}
/*.main-navbar{*/
/*    background:#0b0e11;*/
/*    padding:10px 20px;*/
/*}*/

/*.mobile-footer{*/
/*    display:none;*/
/*}*/
/*@media (max-width:768px){*/

/*    .associate-header{*/
/*        display:none !important;*/
/*    }*/
/*    .footer-section{*/
/*    display:none !important;*/
/*}*/

/*    .resimg{*/
/*        height: 50px;*/
/*  width: 127px;*/
/*    }*/
 
/*    .mobile-footer{*/
/*        display:flex;*/
/*        position:fixed;*/
/*        bottom:0;*/
/*        left:0;*/
/*        width:100%;*/
/*        height:60px;*/
/*        background:#0b0f1a;*/
/*        justify-content:space-around;*/
/*        align-items:center;*/
/*        box-shadow:0 -2px 8px rgba(0,0,0,.15);*/
/*        z-index:9999;*/
/*    }*/

/*    .mobile-footer a{*/
/*        text-align:center;*/
/*        font-size:12px;*/
/*        color:#555;*/
/*        text-decoration:none;*/
/*    }*/

/*    .mobile-footer i{*/
/*        font-size:18px;*/
/*        color:#a2a2a2;*/
/*        display:block;*/
/*    }*/

    /*body{*/
    /*    padding-bottom:70px;*/
    /*}*/
/*}*/

.margin{
    margin-top:8%;
}
.assets{
    background: #111827;
}
.assetscard{
    color:black;
}
.assetsimg{
    background: #1a2333;
  border: 3px solid #56565b;
  color: white;

}
.assetsimg p{
    margin-top: 5px; 
    color:#fff;

}
.boxtredone {
  background:linear-gradient(90deg,rgba(0,168,112,.2),rgba(25,32,43,0));
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.boxtredtwo {
  background:linear-gradient(90deg,rgba(247,72,92,.2),rgba(25,32,43,0));
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
@media (max-width: 768px) {
  .margin{
    margin-top:10%;
}
}
@media (max-width: 500px) {
  .margin{
    margin-top:24%;
}
.pf-avatar-initial{
    margin-top:8px;
}
}
@media (max-width: 300px) {
  .margin{
    margin-top:28%;
}
}
.tradingbox{
    background: linear-gradient(180deg, #0b1220, #05080f);
    border:2px solid #101621;
     box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
/*.boxtredone{*/
/*    border:2px solid grey;*/
/*}*/
.heading{
  
    font-size:30px;
    color:white;
}
/*====================================*/
/* General styling */
.content-inner {
    /*padding: 20px;*/
}

.header {
    display: flex;
    align-items: center;
}

.header h5 {
    font-size: 18px;
    text-align:center;
}

.port_slide {
    margin-top: 20px;
}


#tbox-binance {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
}

.item {
    flex: 1 1 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #21262f;
  border: 2px solid #363b42;
  padding: 14px;
  flex-direction: column;
}
.item p{
    font-weight: 700;
  font-size: 14px;
}

.item a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item img {
    width: 50px; 
    height: 50px;
    margin-bottom: 10px;
}

.item span {
    font-size: 14px;
    color: #333;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .header h5 {
        font-size: 16px;
    }

    #tbox-binance {
        flex-direction: column;
        align-items: center;
    }

    .item {
        width: 80%; 
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .item img {
        width: 40px; 
        height: 40px;
    }

    .item span {
        font-size: 12px;
    }
}



/*=========================================*/
/*.orderbox{*/
/*    float: left;*/
/*}*/
/*.convert{*/
/*    float: left;*/
/*}*/
/* Base styling */
/* ===== MAIN CARD HEADER ===== */
.col-sm-8 {
    background: linear-gradient(180deg, #0b1220, #05080f);
    border-radius: 14px;
    padding: 15px;
    color: #fff;
    float:left;
}

/* ===== PRICE BAR ===== */
/*#price {*/
/*    font-size: 22px;*/
/*    font-weight: 700;*/
/*    color: #ffffff;*/
/*    margin-bottom: 5px;*/
/*}*/

/*#convert_price {*/
/*    font-size: 14px;*/
/*    color: #b3b3b3;*/
/*}*/

/* ===== TOP INFO GRID ===== */
/*.orderbox,*/
/*#countdown,*/
/*#period,*/
/*#date,*/
/*#reachcountdown {*/
/*    font-size: 14px;*/
/*    color: #fff;*/
/*}*/

/* ===== INFO CARD STYLE ===== */
/*.orderbox {*/
/*    background: rgba(255,255,255,0.05);*/
/*    border-radius: 12px;*/
/*    padding: 12px;*/
/*    margin-top: 12px;*/
/*}*/

/* ===== COUNTDOWN / PERIOD BOXES ===== */
/*#countdown,*/
/*#period {*/
/*    background: rgba(255,255,255,0.08);*/
/*    padding: 10px;*/
/*    border-radius: 10px;*/
/*    margin-top: 6px;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*}*/

/* ===== DATE & DEADLINE ===== */
/*#date,*/
/*#reachcountdown {*/
/*    margin-top: 4px;*/
/*    font-size: 13px;*/
/*    color: #f5c542;*/
/*}*/

/* ===== SELECT DROPDOWN ===== */
.form-select {
    background: #0f172a;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 6px;
  width: 138px;
  float: left;
  font-size:10px;
}

.form-select option {
    background: #0f172a;
    color: #fff;
}

/* ===== HEADER ICON BAR ===== */
/*.header h5 {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    color: #fff;*/
/*}*/

/*.header i {*/
/*    font-size: 20px;*/
/*    color: #fff;*/
/*}*/

/* ===== TOAST ===== */
/*#toast {*/
/*    font-size: 14px;*/
/*    padding: 8px 12px;*/
/*}*/

/* ===== MOBILE RESPONSIVE ===== */
/*@media (max-width: 768px) {*/
/*    #price {*/
/*        font-size: 20px;*/
/*    }*/

/*    .orderbox {*/
/*        padding: 10px;*/
/*    }*/

/*    #countdown,*/
/*    #period {*/
/*        font-size: 13px;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .col-sm-8 {*/
/*        padding: 12px;*/
/*    }*/

/*    #price {*/
/*        font-size: 18px;*/
/*    }*/

/*    #convert_price {*/
/*        font-size: 12px;*/
/*    }*/
/*}*/




/* =========================
   ASSET PAGE
========================= */

.asset-page {
  padding: 20px;
  background: #0b1220;
  color: #fff;
  font-family: Arial, sans-serif;
}

/* SUMMARY */
.asset-summary {
  background: #f6b861;
  /*border-radius: 12px;*/
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  border-bottom: 1px solid;
}

.asset-label {
  font-size: 14px;
}

.asset-total {
  font-size: 32px;
  margin: 5px 0;
}

.asset-pnl {
  font-size: 13px;
}

.asset-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.asset-btn {
  background: rgba(255,255,255,0.2);
  border: 1px solid #fff;
  color: #fff;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
}

/* ACCOUNT INFO */
.asset-account {
  background: #f6b861;
  /*margin-top: 15px;*/
  padding: 15px;
  /*border-radius: 10px;*/
  color: #000;
}

/* GRID */
.asset-grid {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.asset-box {
  background: #111a2c;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

.asset-box h6 {
  font-size: 14px;
  margin-bottom: 8px;
  color: #bbb;
}

.asset-box p {
  font-size: 18px;
  font-weight: bold;
}


.asset-box.wide {
  grid-column: span 2;
}

/* BOTTOM ACTIONS */
.asset-bottom-actions {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 40px;
}

.asset-icon {
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.asset-icon img {
  width: 50px;
  margin-bottom: 5px;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 992px) {
  .asset-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .asset-box.wide {
    grid-column: span 2;
  }
}

@media (max-width: 600px) {
  .asset-summary {
    flex-direction: column;
  }

  .asset-actions {
    justify-content: flex-start;
  }

  .asset-grid {
    grid-template-columns: 1fr;
  }

  .asset-box.wide {
    grid-column: span 1;
  }

  .asset-bottom-actions {
    gap: 20px;
  }
}


.none{
    text-decoration: none;
  color: #111a2c;
}



.tbodyclass{
    color:white !important;
}






/* =========================
   Confirm Trade Modal (bidPopup)
========================= */

#bidPopup .popup-modal{
  background:#2a2f36;
  color:#fff;
  border-radius:8px;
  overflow:hidden;
}

/* header */
#bidPopup .popup-header{
  padding:14px 18px;
  font-size:16px;
  font-weight:600;
  background:#2a2f36;
  border-bottom:1px solid #3a4048;
  color:#fff;
}

/* body */
#bidPopup .popup-body{
  padding:18px;
  background:#2a2f36;
}

/* warning text */
#bidPopup .warning-text{
  font-size:13px;
  color:#cfd3dc;   /* red hata diya */
}

/* footer */
#bidPopup .modal-footer{
  border-top:1px solid #3a4048;
  padding:14px 18px;
  background:#2a2f36;
}

/* Cancel button */
#bidPopup .btn-secondary{
  background:#3a4048;
  border:none;
  color:#fff;
}

/* Submit button (yellow like follow-up) */
#bidPopup .btn-danger{
  background:#f3c262 !important;
  border:none;
  color:#000;
  font-weight:600;
}

/* hover effect */
#bidPopup .btn-danger:hover{
  background:#e6b852;
}

/* mobile */
@media(max-width:768px){
  #bidPopup .popup-body{
    padding:14px;
  }
}



#MYRecord {
  background: #0e1320;
  padding: 15px;
  color: #cfd3dc;
  font-size: 13px;
}

.trade-header,
.trade-row {
  display: grid;
  grid-template-columns: 
    1.5fr 1fr 1fr 1.2fr 1fr 0.8fr 2fr 1fr 1fr 0.8fr 1fr;
  align-items: center;
  gap: 10px;
  padding: 12px 10px;
}

.trade-header {
  font-weight: 600;
  color: #8b90a0;
  border-bottom: 1px solid #1f2636;
}

.trade-row {
  border-bottom: 1px solid #1f2636;
}

.trade-row:hover {
  background: #151b2d;
}

.status.open {
  color: #2ecc71;
}

.direction.put {
  color: #ff4d4f;
  font-weight: 600;
}

.profit {
  color: #2ecc71;
  font-weight: 600;
}

.asset-box .font{
    font-size:12px;
}

.asset-box .text{
    font-size:15px;
    color:gold;
}






/*================================================================================*/

.pf-avatar-wrapper {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pf-avatar-initial {
    font-size: 55px;
    color: white;
    font-weight: 700;
    margin-top: 24px;
}
  
.wallet-page {
  padding: 20px;
  /*background: #0b1220;*/
  color: #fff;
  font-family: "Segoe UI", sans-serif;
}

.wallet-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  /*background: linear-gradient(135deg, #550f9b, #5e2151);*/
  background: linear-gradient(to right, #09282c, #203c40);
  padding: 25px;
  /*border-radius: 12px;*/
  flex-wrap: wrap;
}

.wallet-label {
  font-size: 14px;
  opacity: 0.9;
}

.wallet-amount {
  font-size: 32px;
  margin: 5px 0;
}

.wallet-pnl {
  font-size: 14px;
}


.wallet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wallet-btn {
  padding: 8px 18px;
  border: 1px solid #fff;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  transition: 0.3s;
}

.wallet-btn:hover {
  background: #fff;
  color: #000;
}


.wallet-account {
  /*margin-top: 20px;*/
  padding: 15px 20px;
  background:linear-gradient(to right, #09282c, #203c40);
  /*background:linear-gradient(135deg, #550f9b, #5e2151);*/
  /*border-radius: 10px;*/
}

.wallet-account p {
  margin: 0;
  font-size: 15px;
}

.wallet-arrow {
  float: right;
}

.wallet-account small {
  display: block;
  opacity: 0.8;
  margin-top: 5px;
}


.wallet-grid {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.wallet-card {
  background:linear-gradient(135deg, #550f9b, #5e2151);
  /*background: #0f1a2d;*/
  padding: 20px;
  border-radius: 12px;
  transition: 0.3s;
      text-align:center;
}

.wallet-card:hover {
  transform: translateY(-4px);
}

.wallet-card h6 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #aaa;
}

.wallet-card p {
  font-size: 18px;
  font-weight: 600;
}

.wallet-card-wide {
  grid-column: span 2;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .wallet-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .wallet-summary {
    flex-direction: column;
    text-align: center;
  }

  .wallet-actions {
    justify-content: center;
  }

  .wallet-grid {
    grid-template-columns: 1fr;
  }

  .wallet-card-wide {
    grid-column: span 1;
  }
}




/*deposite page*/

.deposit-wrapper {
  background: #0b0f1a;
  min-height: 100vh;
  padding: 20px 0;
  color: #fff;
}

.deposit-container {
  max-width: 900px;
  margin: auto;
  padding: 0 15px;
}

/* HEADER */
.deposit-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.deposit-back,
.deposit-history {
  color: #fff;
  font-size: 18px;
}

.deposit-balance {
  font-weight: 600;
}

/* CARD */
.deposit-card {
  background: #121826;
  padding: 20px;
  border-radius: 10px;
}

/* ALERTS */
.deposit-alert {
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 14px;
}

.deposit-alert.success { background: #0f5132; }
.deposit-alert.error   { background: #842029; }
.deposit-alert.pending { background: #664d03; }

/* FORM */
.deposit-form {
  margin-top: 15px;
}

.deposit-field {
  margin-bottom: 15px;
}

.deposit-field label {
  display: block;
  margin-bottom: 6px;
}

.deposit-field input,
.deposit-field select {
  width: 100%;
  padding: 10px;
  background: #1b2235;
  border: none;
  border-radius: 6px;
  color: #fff;
}

.deposit-btn {
  width: 100%;
  background: #00c087;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 10px;
}

.deposit-note {
  margin-top: 10px;
  font-size: 13px;
  color: #aaa;
  text-align: center;
}

/* HISTORY */
.deposit-history-card {
  background: #121826;
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
}

.deposit-history-title {
  margin-bottom: 15px;
}

.deposit-table-head,
.deposit-table-row {
  display: grid;
  grid-template-columns: 40px 1.5fr 1fr 1fr 1fr;
  padding: 10px;
  border-bottom: 1px solid #1f2a44;
}

.deposit-table-head {
  font-weight: bold;
  background: #1b2235;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .deposit-table-head {
    display: none;
  }

  .deposit-table-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}



/*==========================================================================================================================================*/
body {
  background: #0b1220;
  font-family: 'Segoe UI', sans-serif;
}

.deposit-page {
  min-height: 100vh;
}

.dark-input,
.dark-input input,
.form-select {
  background: #131b2e;
  border: 1px solid #1f2a44;
  color: #fff;
}

.form-select option {
  background: #131b2e;
}

.qr-box {
  /*background: #131b2e;*/
  border-radius: 10px;
  padding: 20px;
}

.notice-box {
  background: #111827;
  background:linear-gradient(to right, #09282c, #203c40);
  /*border-left: 4px solid #fbbf24;*/
  border: 1px solid rgba(255,255,255,0.08);
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 13px;
}

.notice-box h6 {
  color: #fbbf24;
}

.table-dark {
  background: #0f172a;
}
.tit-head{
    font-weight:700;
    border: none;
}

@media (max-width: 768px) {
  h3 {
    font-size: 20px;
  }
}

/*==========================================================================================================================================*/
.currency{
    font:size:10px;
}

.qr{
    
}

.deposit-page {
  background: #0b0f1a;
  min-height: 100vh;
}

.currency {
  color: #cbd5e1;
  margin-bottom: 10px;
}

.label-text {
  color: #9ca3af;
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

.dark-input select,
.dark-input input {
  background: #111827;
  border: 1px solid #1f2933;
  color: #fff;
}

.qr-box {
  background: #0f172a;
  padding: 25px;
  border-radius: 12px;
  border: 1px solid #1f2937;
}

.qr-img {
  max-width: 180px;
}

.btn-warning {
  background: #facc15;
  border: none;
  color: #000;
}

.btn-warning:hover {
  background: #eab308;
}



.currency-text {
  color: #cbd5e1;
  font-size: 14px;
  margin-bottom: 8px;
}

.dark-select {
  background: #0f172a;
  border: 1px solid #1e293b;
  color: #fff;
}

.qr-wrapper {
  width: 180px;
}

.qr-img {
  width: 100%;
  background: #fff;
  padding: 6px;
  border-radius: 6px;
}

.btn-save-qr {
  background: #1f2937;
  color: #fff;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 6px;
  border: none;
}

.btn-save-qr:hover {
  background: #374151;
}

.chain-label {
  color: #9ca3af;
  font-size: 13px;
  margin-bottom: 6px;
}

.btn-chain {
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 6px;
  background: #1ec778;
  color: #fff;
  border: 1px solid #1f2937;
}

.btn-chain.active {
  background: #1ec778;
  color: #000;
  /*border-color: #facc15;*/
}



.bal{
    font-size:10px;
}
.fonttext{
    font-size:13px;
}


/*==================================home page associate start===============================*/
.fontp{
   font-size: 10px;
  color: #8c8c8c;
  padding: 2px;
  margin: 5px;
}
.fontback{
    background:#0b0f1a;
}
/*==================================home page associate end===============================*/

.box1{
    background: #3e3a3a42;
  font-size: 12px;
  border: 1px solid #80808030;
  /*color: orange;*/
}

.box1 i{
     /*background: #fff;*/
}


.quick{
    background:#fbb11b;
    padding:3px;
}
.quick h5{
   font-size:12px;
   
}
.quick p{
   font-size:10px;
    color:white;
}





/**/

.fontback{
    background:#0b0f1a;
    color:#fff;
}


.tv-ticker{
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
}


.action-row{
    padding:10px 5px;
}

/*.action-box{*/
/*    background:#111827;*/
/*    border-radius:12px;*/
/*    text-align:center;*/
/*    padding:14px 5px;*/
/*    box-shadow:0 0 10px rgba(0,0,0,0.4);*/
/*    transition:0.3s;*/
/*}*/
.action-box{
    background:#111827;
    border-radius:12px;
    text-align:center;
    padding:14px 5px;
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    transition:0.3s;
    /*position:relative;*/
    display: flex;
  align-items: center;
  justify-content: space-between;
}
/*.box1 i{*/
/*   position: absolute;*/
/*  top: 7px;*/
/*  left: 27px;*/
/*}*/
.action-box p{
    margin:0;
    font-size:17px;
}
.box-icon{
   height: 44px;
  width: 44px;
  border-radius: 50%;
  background: #212836;
}

.action-box i{
    /*font-size:20px;*/
    font-size:21px;
    /*color:#facc15;*/
    color:#47d692;
    margin-bottom:6px;
    margin-top: 12px;
}

.action-box:hover{
    background:#1f2933;
    transform:translateY(-2px);
}
.dis-card{
    border: 1px solid rgba(255,255,255,0.08)
}
.bullet{
 border: 2px solid #47d692;
  height: 8px;
  min-height: 8px;
  width: 8px;
  min-width: 8px;
  border-radius: 50%;
  margin-top: 6px;
}
.list-design{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 5px;
}
.list-ds{
   list-style: none;
}


.quick-buy{
    /*background:linear-gradient(135deg,#ff8a00,#ff5f00);*/
    /*background:linear-gradient(135deg,#401599,#8c55fd);*/
    background:#47d692;
    border-radius:16px;
    /*margin:12px 10px;*/
    padding:14px 10px;
    color:#fff;
}

.quick-buy h5{
    font-size:16px;
    margin-bottom:2px;
    font-weight:600;
    color:black;
}

.quick-buy p{
    font-size:12px;
    margin:0;
    opacity:0.9;
    color:black;
}


@media(max-width:576px){
    .action-box i{
        font-size:18px;
        top: -8px;
       left: 27px;
    }
    .action-box p{
        font-size:11px;
    }
    .action-box{
        flex-direction:column;
        gap:10px;
    }
}



.count{
    border: 1px solid #80808070;
  padding: 7px;
  color: green;
}
/* Desktop */
@media (min-width: 768px) {
    .count {
        font-size: 20px;
        font-weight: bold;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .card.l_evnt {
        margin-bottom: 10px;
    }

    .count {
        font-size: 18px;
        margin-top: 5px;
    }
}

marquee {
  font-weight: 600;
  font-size: 1rem;
}


#countdown {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


@media (min-width: 768px) {
  .card {
    border-radius: 8px;
  }
}

.bg-shad{
    background: linear-gradient(180deg, #0b1220, #05080f);
}
.bg-head{
    background:black;
}
.table-striped > tbody > tr:nth-of-type(2n+1) > *{
    color:white !important;
}
.dis{
    margin-top: 20px;
  margin-bottom: 20px;
}
.invt{
    display:flex;
    align-items:center;
}
.invt-sec{
    padding:20px;
    padding-left: 26px;
}
.cpy-invt{
    margin-top: -19px;
  margin-left: 10px;
}
.bnk-head{
    padding: 22px;
}
.bnk-body{
    padding-top: 35px;
  padding-bottom: 40px;
}
.bnk-wal{
    padding-bottom: 22px;
    font-size: 18px;
}
.suprt-space{
    padding-top: 35px;
  padding-bottom: 9px;
}
.table > :not(caption) > * > *{
    color:white;
}

.bord-botm{
    border-bottom: 1px solid gray;
}
.detail-head{
    color:white;
    display: flex;
    align-items:center;
    justify-content:space-around;
}
@media (min-width:900px){
    .bord-botm{
        border-bottom: 0px solid black;
    }
}
.carousel-item {
    height: 400px; 
}

.carousel-item img{
    height: 100%;
    object-fit: cover; 
}
@media (max-width:900px){
   .carousel-item {
    height: 200px; 
 }

 
}

@media (min-width:900px){
.carousel-item img{
    height: 100%;
    object-fit: fill; 
}
 
}
@media (min-width:992px){

 .detail-head{
     display:none;
 }
 
}
.icon-more{
    text-decoration: none;
  color: white;
}
.icon-more:hover{
    text-decoration: none !important;
  color: white;
}

.about-h1{
    text-align:left;
}
.heading2{
    font-size: 30px;
    font-weight:700;
}

/*profile section*/
.pf-profile-card {
  border-radius: 16px;
  border: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

.pf-profile-card:hover {
  transform: translateY(-5px);
}

.pf-avatar-wrapper {
  margin-top: 10px;
}

.pf-avatar {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid #1ec778;
}

/* Text */
.pf-name {
  margin-top: 15px;
  font-weight: 600;
}

.pf-role {
  color: #6c757d;
  margin-bottom: 4px;
}

.pf-location {
  font-size: 14px;
  color: #9aa0a6;
}

.pf-btn {
  min-width: 120px;
  border-radius: 25px;
  padding: 8px 20px;
}

@media (max-width: 576px) {
  .pf-avatar {
    width: 110px;
    height: 110px;
  }

  .pf-name {
    font-size: 18px;
  }

  .pf-btn {
    width: 100%;
  }
}



/* Card */
.sc-social-card {
  border: none;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.sc-social-link {
  text-decoration: none;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: transform 0.25s ease;
  cursor:pointer;
}



.sc-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
}

.sc-apple {
  background: linear-gradient(135deg, #a855f7, #6366f1);
}

.sc-youtube {
  background: #ff0000;
}

.sc-spotify {
  background: #1db954;
}

.sc-web {
  background: #0d6efd;
}

.sc-label {
  font-size: 14px;
  font-weight: 500;
  color:white;
}

@media (max-width: 576px) {
  .sc-label {
    font-size: 13px;
  }
  .cpy-link{
      display:none;
  }
}


.setting-box{
    background:#111827;
    border-radius:12px;
    text-align:start;
    padding:14px 5px;
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    transition:0.3s;
    display: flex;
  align-items: center;
}
.setting-box i{
    font-size:20px;
    color:#1ec778;
}
.setting-box h5{
    margin-left:10px;
    margin-top: 3px;
    font-size: 16px;
}

@media (max-width:991px){
    .pf-card{
        display:none;
    }
}


.team-crd{
    display:flex;
    align-items:center;
    justify-content:space-around;
}


.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th {
    border: 1px solid #dee2e6 !important;
}
.page-link{
    /*background: #facc15 !important;*/
  color: black !important;
  border: none !important;
}
.paginate_button {
    cursor:pointer;
    border: 1px solid black;
}
.dataTables_wrapper .pagination {
    justify-content: center;
}

.dataTables_wrapper .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.dataTables_wrapper .page-link {
    color: #007bff;
}
.dr-val{
    display:flex;
    align-items:center;
    justify-content:space-around;
    border: 3px solid #454545d1;
  padding: 12px 0px;
  margin-bottom: 15px;
}
.val{
    color:#facc15;
}
.invt-links-grp{
    display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.trade-btn{
    background:linear-gradient(90deg,#00ffc2,#42ff00);
    font-weight: 700;
}
.pg-bet{
    background:#3b3d45;
    width:25%;
}
@media (max-width: 576px) {
  .pg-bet{
    width:75%;
}
}
.paginate_button .active{
    border: 3px solid black;
    background: #ffe375 !important;
}



.wallet-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding-bottom: 30px;
}

.wallet-box {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px;
  background: linear-gradient(to right, #09282c, #203c40);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.wallet-box:hover {
  transform: translateY(-5px);
}

.wallet-icon {
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.wallet-info h6 {
  margin: 0;
  font-size: 14px;
  color: #555;
}

.wallet-info p {
  margin: 4px 0;
  font-size: 18px;
  font-weight: bold;
  color: #111;
}

.wallet-info span {
  font-size: 13px;
  color: #888;
}




/* ===== Base (Mobile First) ===== */
.wallet-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  padding: 10px;
}

.wallet-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  background: linear-gradient(to right, #09282c, #203c40);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.wallet-icon {
  width: 45px;
  height: 45px;
  min-width: 45px;
  background: #1ec778;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.wallet-info h6 {
  margin: 0;
  font-size: 13px;
  color: #fff;
}

.wallet-info p {
  margin: 4px 0 2px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.wallet-info span {
  font-size: 12px;
  color: #fff;
}

/* ===== Small Devices (>= 480px) ===== */
@media (min-width: 480px) {
  .wallet-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ===== Tablets (>= 768px) ===== */
@media (min-width: 768px) {
  .wallet-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .wallet-box {
    padding: 18px;
  }

  .wallet-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .wallet-info p {
    font-size: 18px;
  }
}

/* ===== Laptops & Desktop (>= 1024px) ===== */
@media (min-width: 1024px) {
  .wallet-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }

  .wallet-box:hover {
    transform: translateY(-6px);
    transition: 0.3s ease;
  }
}

/* ===== Large Screens (>= 1400px) ===== */
@media (min-width: 1400px) {
  .wallet-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}

.wallet-box.fund-box {
    justify-content: space-around;
}
.wallet-box.direct-box {
    justify-content: space-around;
}
.wallet-box.trade-box1 {
    justify-content: space-around;
}
.wallet-box.match-box {
    justify-content: space-around;
}
.wallet-box.reward-box {
    justify-content: space-around;
}


@media (max-width: 500px) {
.pf-avatar-initial{
    margin-top:8px;
}
}



/*testing the card ui*/
 .inc-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background: #000;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-bottom: 15px;
  border: 1px solid #79c677;
  
}
.text-green{
    color:rgb(0, 255, 137) !important;
}

/* LEFT */
.inc-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rank-badge {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffc107;
  color: #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inc-title {
  font-weight: 600;
}

.inc-range {
  font-size: 13px;
  color: #666;
}

/* ACTIONS */
.inc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.inc-actions button {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 6px;
  white-space: nowrap;
  color:white;
}

/* BUTTON STYLES */
.btn-outline {
  border: 1px solid #ccc;
  background: transparent;
}
.btn-status {
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
}

.btn-status.success {
  background: #28a745;
  color: #fff;
  border: none;
}
.btn-status.pending {
  background: #dc3545;
  color: #fff;
}

/* 🔹 TABLET */
@media (max-width: 768px) {
  .inc-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .inc-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

/* 🔹 MOBILE */
@media (max-width: 480px) {
  .inc-actions button {
    flex: 1 1 48%;
    text-align: center;
  }

  .btn-status {
    flex: 1 1 100%;
  }
}