:root {
      --primary: #0F172A;
      --brand: #2563EB;
      --brand-hover: #1D4ED8;
      --brand-light: #EFF6FF;
      --success: #16A34A;
      --success-light: #DCFCE7;
      --warning: #D97706;
      --light-bg: #F8FAFC;
      --border: #E2E8F0;
      --radius-md: 16px;
      --radius-lg: 24px;
      --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.05);
      --shadow-lg: 0 20px 25px -5px rgba(0,0,0,0.08);
    }
.bg_about{background-color:#f8fafc;}
/***********************************************************/
.bg-primary-subtle {
  color:var(--coral) !important;
  background-color:var(--coral-light) !important;
  border: 1px solid var(--coral);padding: 0.45rem .5rem !important;
}
.gallery-hero
{
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  padding: 4rem 0 4.5rem;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
/***********************************************************/
.nav-pills-custom .nav-link {
color:#64748B;font-weight:700;
border:1px solid var(--border);
border-radius:12px;padding:12px 16px;
background:#FFF;transition:all 0.2s ease;}
.nav-pills-custom .nav-link.active{background:var(--brand);color:#FFF;border-color:var(--brand);}


.donation-card {
  background: #FFFFFF;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
  padding: 28px;
}.trust-card {
  background: #FFFFFF;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}.bank-box {
  background: #FFFDF5;
  border: 1px dashed var(--warning);
  border-radius: var(--radius-md);
  padding: 20px;
}
.btn-pay-now {
  background: var(--coral);
  color: #FFFFFF;
  border: none;
  border-radius: 30px;
  font-weight: 700;
  padding: 14px;
  font-size: 1.1rem;
  transition: all 0.2s ease;
}
.w-100 {
  width: 100% !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.btn-pay-now:hover {
  background: var(--coral-hover);
  color: #FFFFFF;
}.donor-feed-item {
  font-size: 13px;
  border-left: 3px solid #2564EE;
  padding-left: 10px;
}
.tax-calc-box {
  background: #F0FDF4;
  border: 1px dashed var(--success);
  border-radius: 14px;
  padding: 14px 18px;
}.bank-detail-item {
  background: #F8FAFC;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 14px;
}
textarea{resize:none;}