:root{--g:#006a4e;--r:#d4202b;--g2:color-mix(in srgb,var(--g) 72%,#000);--gl:color-mix(in srgb,var(--g) 9%,#fff);--bs-body-font-family:'Noto Serif Bengali',serif}
html,body{overflow-x:hidden}
body{font-family:'Noto Serif Bengali',serif;background:#f4f6f5;color:#1f2a27;font-size:16px;line-height:1.75}
h1,h2,h3,h4,h5,h6{line-height:1.45}
a,a:hover,a:focus,a:active{text-decoration:none}
a{color:var(--g)}a:hover{color:var(--g2)}
img{max-width:100%}
.min-w-0{min-width:0}
.btn,.form-control,.form-select,.input-group-text{font-family:inherit}

.topbar{background:var(--g2);color:#e9f3ef;font-size:14px;padding:6px 0}
.topbar a{color:#fff;margin-left:16px}
.site-header{background:#fff;padding:14px 0;border-bottom:4px solid var(--r)}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand .logo{height:78px;width:auto;flex-shrink:0}
.brand h1{font-size:27px;color:var(--g);margin:0;font-weight:700;line-height:1.3}
.brand .tag{color:#5b6b66;font-size:15px;line-height:1.5}

.donate-cta{display:inline-flex;align-items:center;gap:12px;background:var(--r);color:#fff;border-radius:14px;padding:7px 22px 7px 7px;box-shadow:0 6px 16px color-mix(in srgb,var(--r) 30%,transparent);transition:.2s}
.donate-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--r) 40%,transparent)}
.donate-cta .ic{width:44px;height:44px;border-radius:10px;background:#fff;color:var(--r);display:flex;align-items:center;justify-content:center;font-size:21px}
.donate-cta .ic i,.float-donate i{display:inline-block;animation:beat 1.8s ease-in-out infinite}
.donate-cta .tx{display:flex;flex-direction:column;line-height:1.3;text-align:left}
.donate-cta b{font-size:19px}.donate-cta small{font-size:12px;opacity:.88}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}

.gw-strip{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:380px}
.gw-img{max-width:100%;object-fit:contain;background:#fff;border:1px solid #e3e8e6;border-radius:8px;padding:3px 6px}
.gw-tile{display:inline-flex;align-items:center;gap:6px;height:var(--h);padding:0 max(8px,calc(var(--h)*.32));background:var(--c);color:#fff;border-radius:max(6px,calc(var(--h)*.22));font-size:max(12px,calc(var(--h)*.36));white-space:nowrap;line-height:1;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.gw-tile i{font-size:max(12px,calc(var(--h)*.45))}
.gw-tile b{font-weight:600}

.mainnav{background:var(--g);position:sticky;top:0;z-index:1020;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.mainnav .nav-link{color:#fff!important;font-weight:600;padding:13px 14px!important}
.mainnav .nav-link:hover,.mainnav .nav-link.active{background:var(--g2)}
.mainnav .nav-donate{background:var(--r)}
.mainnav .dropdown-menu{border-radius:0;border-top:3px solid var(--r)}

.btn-gov{background:var(--g);color:#fff;border:0}.btn-gov:hover{background:var(--g2);color:#fff}
.btn-donate{background:var(--r);color:#fff;font-weight:700;border:0;box-shadow:0 4px 12px color-mix(in srgb,var(--r) 28%,transparent)}
.btn-donate:hover{background:color-mix(in srgb,var(--r) 82%,#000);color:#fff}

.notice-bar{display:flex;align-items:stretch;background:#fff;border:1px solid #dfe5e3;border-radius:8px;margin:16px 0;overflow:hidden}
.notice-bar .lbl{background:var(--r);color:#fff;padding:8px 16px;white-space:nowrap;font-weight:600;display:flex;align-items:center;gap:6px}
.notice-bar .all{align-items:center;padding:0 14px;border-left:1px solid #dfe5e3;white-space:nowrap;font-size:14px;font-weight:600}
.ticker{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.ticker-track{display:inline-flex;white-space:nowrap;will-change:transform}
.ticker-track.run{animation:tk 30s linear infinite}
.ticker:hover .ticker-track,.ticker.paused .ticker-track{animation-play-state:paused}
.ticker-item{padding:8px 36px 8px 0;color:#1f2a27}
.ticker-item i{color:var(--r);font-size:12px}
.ticker-item:hover{color:var(--g)}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track.run{animation:none}.ticker{overflow-x:auto}}

.hero .carousel-item img{height:440px;object-fit:cover;filter:brightness(.6)}
.hero .carousel-caption{left:0;right:0;bottom:20%;text-align:left}
.hero h2{font-size:38px;font-weight:700}
.hero-fallback{background:var(--g);color:#fff}

.box{background:#fff;border:1px solid #dfe5e3;border-top:3px solid var(--g);margin-bottom:22px;border-radius:4px}
.box-title{background:var(--gl);padding:11px 16px;font-weight:700;color:var(--g);border-bottom:1px solid #dfe5e3;margin:0;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.box-title a{font-size:14px;font-weight:600}
.box-body{padding:16px}
.content img{max-width:100%;height:auto}
.content a{color:var(--g);font-weight:600}
.stat{background:#fff;border:1px solid #dfe5e3;border-radius:10px;padding:20px;text-align:center;height:100%}
.stat i{font-size:34px;color:var(--g)}
.stat .num{font-size:28px;font-weight:700}
.card-x{border:1px solid #dfe5e3;border-radius:10px;overflow:hidden;background:#fff;height:100%;transition:.2s}
.card-x:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.card-x img.cover{width:100%;height:190px;object-fit:cover}
.progress{height:10px}.progress-bar{background:var(--g)}
.member-card{text-align:center}
.member-card img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid var(--gl);outline:2px solid var(--g)}
.gallery-grid a{display:block;overflow:hidden;border-radius:8px;position:relative;background:#000}
.gallery-grid img,.gallery-grid video{width:100%;height:200px;object-fit:cover;transition:.3s;display:block}
.gallery-grid a:hover img{transform:scale(1.06)}
.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.side-links a{display:flex;gap:8px;padding:10px 14px;border-bottom:1px dashed #d5dcd9;color:#1f2a27}
.side-links a:hover{background:var(--gl);color:var(--g)}
.page-head{background:var(--g);color:#fff;padding:24px 0;margin-bottom:24px}
.page-head h2{margin:0;font-weight:700;font-size:26px}
.page-head .breadcrumb a{color:#dcefe8}.page-head .breadcrumb-item.active{color:#fff}.page-head .breadcrumb-item+.breadcrumb-item::before{color:#bfe0d4}

.step{font-weight:700;color:var(--g);display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:18px}
.step span,.num-dot{width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.num-dot{width:26px;height:26px;font-size:14px;background:var(--c,var(--g));margin-right:4px}
.amt-btn{display:block;text-align:center;cursor:pointer;border:2px solid #dfe5e3;background:#fff;border-radius:10px;padding:10px 0;font-weight:700}
.btn-check:checked+.amt-btn{border-color:var(--g);background:var(--gl);color:var(--g)}
.gw-option{border:2px solid #dfe5e3;border-radius:14px;padding:16px 8px;text-align:center;cursor:pointer;background:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.15s}
.gw-option:hover{border-color:color-mix(in srgb,var(--g) 50%,#fff)}
.btn-check:checked+.gw-option{border-color:var(--g);background:var(--gl);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 22%,transparent)}
.gw-option small{color:#6b7a75;font-size:12px}

.btn-pay{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:14px;padding:15px 20px;font-size:19px;font-weight:700;color:#fff;background:var(--c,var(--g));box-shadow:0 8px 22px color-mix(in srgb,var(--c,var(--g)) 35%,transparent);transition:.15s;font-family:inherit}
.btn-pay:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.btn-pay:active{transform:translateY(0)}
.btn-pay:disabled{opacity:.6;transform:none}
.pay-steps{display:flex;max-width:560px;margin:0 auto}
.ps{flex:1;text-align:center;position:relative;color:#8a9893;font-size:14px}
.ps span{display:flex;width:36px;height:36px;margin:0 auto 6px;border-radius:50%;background:#e3e8e6;color:#6b7a75;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:1}
.ps:not(:first-child)::before{content:'';position:absolute;top:17px;right:50%;width:100%;height:3px;background:#e3e8e6}
.ps.done span,.ps.active span{background:var(--g);color:#fff}
.ps.done::before,.ps.active::before{background:var(--g)!important}
.ps.active,.ps.done{color:var(--g);font-weight:700}
.pay-card{background:#fff;border:1px solid #dfe5e3;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.07)}
.pay-card-head{background:var(--c);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:14px}
.logo-box{background:#fff;border-radius:12px;padding:6px;display:flex;align-items:center;min-height:54px;flex-shrink:0}
.logo-box .gw-img{border:0;padding:0}
.pay-card-body{padding:22px}
.copy-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px dashed color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 6%,#fff);border-radius:12px;padding:12px 14px;height:100%}
.copy-tile small{color:#6b7a75;font-size:13px}
.copy-tile .val{font-size:20px;font-weight:700;color:#1f2a27;word-break:break-all;line-height:1.4}
.copy-tile.big .val{font-size:30px;letter-spacing:1px}
.copy-tile .small-val{font-size:15px}
.btn-copy{border:1.5px solid var(--c);color:var(--c);background:#fff;border-radius:9px;padding:6px 12px;font-size:13px;font-weight:600;white-space:nowrap;font-family:inherit;transition:.15s}
.btn-copy:hover,.btn-copy.ok{background:var(--c);color:#fff}
.pay-howto{background:#f7f9f8;border-radius:12px;padding:14px 16px}
.pay-howto ol{margin:0;padding:0;list-style:none;counter-reset:s}
.pay-howto li{counter-increment:s;position:relative;padding:4px 0 4px 36px}
.pay-howto li::before{content:counter(s,bengali);position:absolute;left:0;top:5px;width:25px;height:25px;border-radius:50%;background:var(--c);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}
.gw-switch{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid #dfe5e3;border-radius:12px;padding:10px 12px;text-align:left;font-family:inherit;transition:.15s}
.gw-switch:hover{border-color:var(--g);background:var(--gl)}

.float-donate{position:fixed;right:18px;bottom:18px;z-index:1030;display:inline-flex;align-items:center;gap:8px;background:var(--r);color:#fff;font-weight:700;border-radius:50px;padding:12px 24px;box-shadow:0 8px 22px rgba(0,0,0,.25);transition:.2s}
.float-donate:hover{color:#fff;transform:translateY(-2px)}
.cta{background:var(--g2);color:#fff;padding:40px 0;margin-top:20px}
footer{background:#14211d;color:#b9c6c1;padding:40px 0 0}
footer h6{color:#fff;font-weight:700;margin-bottom:14px}
footer a{color:#dce7e3}footer a:hover{color:#fff}
footer .bottom{background:#0d1714;padding:12px 0;margin-top:30px;font-size:14px}
.social a{display:inline-flex;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);align-items:center;justify-content:center;margin-right:6px}
.id-card{width:340px;max-width:100%;border-radius:14px;overflow:hidden;border:1px solid #ccd;background:#fff;font-size:14px}
.id-card .top{background:var(--g);color:#fff;padding:12px;text-align:center}
.id-card .ph{width:96px;height:112px;object-fit:cover;border:3px solid var(--g);border-radius:6px}
.id-card .bot{background:var(--r);height:8px}

@media(max-width:991px){
  .mainnav .navbar-collapse{padding-bottom:8px}
  .mainnav .navbar-collapse .nav-link{border-top:1px solid rgba(255,255,255,.12)}
}
@media(max-width:767px){
  body{font-size:15px;padding-bottom:72px}
  .container{padding-left:14px;padding-right:14px}
  .topbar{font-size:13px}.topbar a{margin-left:12px}
  .site-header{padding:10px 0}
  .brand{gap:10px}.brand .logo{height:50px}.brand h1{font-size:17px}.brand .tag{font-size:12px}
  .notice-bar{margin:10px 0}.notice-bar .lbl{padding:8px 12px}
  .hero .carousel-item img{height:240px}.hero h2{font-size:20px}.hero .carousel-caption{bottom:12%}.hero .carousel-caption p{display:none}
  .page-head{padding:16px 0;margin-bottom:16px}.page-head h2{font-size:20px}
  .box-body{padding:12px}.box-title{font-size:16px;padding:10px 12px}
  .stat{padding:14px 8px}.stat i{font-size:26px}.stat .num{font-size:20px}
  .card-x img.cover{height:170px}
  .gallery-grid img,.gallery-grid video{height:140px}
  .member-card img{width:90px;height:90px}
  .step{font-size:16px}
  .pay-card-head{flex-wrap:wrap;padding:14px}.pay-card-head .ms-auto{width:100%;text-align:left!important;margin-left:0!important;padding-top:6px;border-top:1px solid rgba(255,255,255,.25)}
  .pay-card-body{padding:16px}
  .copy-tile.big .val{font-size:22px}.copy-tile .val{font-size:17px}
  .btn-pay{font-size:17px;padding:14px}
  .ps{font-size:12px}
  .cta{padding:28px 0;text-align:center}.cta .d-flex{justify-content:center!important}
  .float-donate{left:50%;right:auto;transform:translateX(-50%);bottom:12px;padding:11px 26px}
  .float-donate:hover{transform:translateX(-50%)}
  .table{font-size:14px}
}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.topbar,.site-header,.mainnav,footer,.float-donate,.notice-bar{display:none!important}body{background:#fff;padding:0}}