:root{
      --brand:#0d5c4a;
      --brand-dark:#073f34;
      --brand-soft:#edf7f3;
      --accent:#c8a45c;
      --ink:#17221f;
      --muted:#6f7d78;
      --line:#e3eae7;
      --surface:#f7faf8;
      --white:#ffffff;
      --shadow:0 18px 50px rgba(13,92,74,.10);
    }

    html{scroll-behavior:smooth;}
    body{
      font-family: "Noto Sans Bengali","Hind Siliguri","Segoe UI",Arial,sans-serif;
      color:var(--ink);
      background:#fff;
    }
    a{text-decoration:none;}
    .text-brand{color:var(--brand)!important;}
    .bg-brand{background:var(--brand)!important;}
    .section-pad{padding:88px 0;}
    .section-soft{background:var(--surface);}
    .section-label{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      color:var(--brand);
      font-weight:700;
      font-size:.83rem;
      text-transform:uppercase;
      letter-spacing:.06em;
      margin-bottom:.75rem;
    }
    .section-label::before{
      content:"";
      width:26px;height:2px;border-radius:2px;background:var(--accent);
    }
    .section-title{
      font-size:clamp(2rem,4vw,3.15rem);
      font-weight:800;
      line-height:1.15;
      letter-spacing:-.03em;
    }
    .section-copy{color:var(--muted);font-size:1.04rem;max-width:690px;}

    /* top quote */
    .top-quote{background:#185b4d;color:#fff;text-align:center;font-size:.94rem;font-weight:600;letter-spacing:.02em;padding:.48rem 1rem;}
    .site-logo{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #e8edf4;box-shadow:0 4px 14px rgba(7,45,38,.12);flex:0 0 auto;}

    /* topbar */
    .topbar{
      background:var(--brand-dark);
      color:rgba(255,255,255,.82);
      font-size:.84rem;
    }
    .topbar a{color:rgba(255,255,255,.82);}
    .topbar a:hover{color:#fff;}

    /* navbar */
    .navbar{
      background:rgba(255,255,255,.96)!important;
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(227,234,231,.9);
    }
    .brand-mark{
      width:46px;height:46px;border-radius:13px;
      display:grid;place-items:center;
      background:linear-gradient(145deg,var(--brand),var(--brand-dark));
      color:#fff;font-weight:800;letter-spacing:.03em;
      box-shadow:0 8px 20px rgba(13,92,74,.20);
      flex:0 0 auto;
    }
    .brand-copy strong{display:block;font-size:1rem;line-height:1.15;}
    .brand-copy small{display:block;color:var(--muted);font-size:.7rem;margin-top:.15rem;}
    .navbar .nav-link{
      color:#3b4844;
      font-size:.91rem;
      font-weight:600;
      padding:.7rem .78rem!important;
      border-radius:.65rem;
    }
    .navbar .nav-link:hover,
    .navbar .nav-link.active{
      background:var(--brand-soft);
      color:var(--brand);
    }

    /* buttons */
    .btn-brand{
      background:var(--brand);
      color:#fff;
      border:1px solid var(--brand);
      border-radius:.85rem;
      font-weight:700;
      padding:.78rem 1.15rem;
    }
    .btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;}
    .btn-soft{
      background:#fff;
      color:var(--brand);
      border:1px solid rgba(13,92,74,.22);
      border-radius:.85rem;
      font-weight:700;
      padding:.78rem 1.15rem;
    }
    .btn-soft:hover{background:var(--brand-soft);color:var(--brand);border-color:rgba(13,92,74,.28);}

    /* hero */
    .hero{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 85% 18%, rgba(200,164,92,.16), transparent 23%),
        radial-gradient(circle at 10% 90%, rgba(13,92,74,.10), transparent 30%),
        linear-gradient(120deg,#f9fcfb 0%,#fff 56%,#eff7f4 100%);
      padding:18px 0 34px;
    }
    .hero::after{
      content:"";
      position:absolute;
      right:-100px;top:40px;
      width:360px;height:360px;border-radius:50%;
      border:74px solid rgba(13,92,74,.035);
      pointer-events:none;
    }
    .hero-badge{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.48rem .8rem;
      border-radius:999px;
      background:var(--brand-soft);
      color:var(--brand);
      font-size:.8rem;
      font-weight:700;
      margin-bottom:1.25rem;
    }
    .hero h1{
      font-size:clamp(2.7rem,6vw,5.15rem);
      line-height:1.02;
      letter-spacing:-.055em;
      font-weight:850;
      max-width:820px;
    }
    .hero .lead{
      color:var(--muted);
      max-width:650px;
      font-size:1.08rem;
      line-height:1.8;
    }

    .hero-visual{
      min-height:470px;
      border-radius:2rem;
      background:linear-gradient(145deg,var(--brand),var(--brand-dark));
      color:#fff;
      position:relative;
      overflow:hidden;
      box-shadow:var(--shadow);
      padding:2.2rem;
    }
    .hero-visual::before{
      content:"";
      position:absolute;right:-70px;top:-70px;width:250px;height:250px;border-radius:50%;
      background:rgba(255,255,255,.07);
    }
    .hero-visual::after{
      content:"";
      position:absolute;left:-55px;bottom:-70px;width:190px;height:190px;border-radius:50%;
      background:rgba(255,255,255,.05);
    }
    .building-box{
      position:relative;z-index:2;
      width:78px;height:78px;border-radius:20px;
      display:grid;place-items:center;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.14);
      margin-bottom:6.5rem;
    }
    .hero-card-title{font-size:1.9rem;font-weight:800;line-height:1.2;max-width:430px;position:relative;z-index:2;}
    .hero-card-copy{color:rgba(255,255,255,.74);max-width:420px;position:relative;z-index:2;}
    .floating-card{
      position:absolute;
      right:20px;bottom:-28px;
      background:#fff;border-radius:1.1rem;
      width:min(260px,78%);
      box-shadow:var(--shadow);
      padding:1rem 1.1rem;
      z-index:3;
    }

    /* notice */
    .notice-strip{border-bottom:1px solid var(--line);background:#fff;}
    .notice-row{min-height:72px;}
    .notice-label{color:var(--brand);font-weight:800;font-size:.88rem;}
    .notice-text{color:#33413d;font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    /* cards */
    .stat-card,.info-card,.member-card,.report-item{
      border:1px solid var(--line);
      border-radius:1.15rem;
      background:#fff;
    }
    .stat-card{
      position:relative;overflow:hidden;padding:1.6rem 1.4rem;height:100%;
      transition:.25s ease;background:linear-gradient(145deg,#ffffff 0%,#f5faf7 100%);
      box-shadow:0 10px 30px rgba(13,92,74,.06);
    }
    .stat-card::after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(13,92,74,.055);}
    .stat-card:hover{transform:translateY(-5px);border-color:rgba(13,92,74,.22);box-shadow:0 18px 42px rgba(13,92,74,.11);}
    .stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:1rem;position:relative;z-index:1;}
    .stat-card strong{position:relative;z-index:1;display:block;color:var(--brand);font-size:2.25rem;line-height:1;font-weight:850;margin-bottom:.55rem;letter-spacing:-.04em;}
    .stat-label{position:relative;z-index:1;color:var(--muted);font-size:.88rem;font-weight:600;}

    /* about */
    .about-visual{
      min-height:460px;
      border-radius:1.8rem;
      padding:2rem;
      color:#fff;
      background:
        radial-gradient(circle at 80% 20%, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(145deg,var(--brand),var(--brand-dark));
      position:relative;
      overflow:hidden;
    }
    .about-icon{
      width:90px;height:90px;border-radius:1.4rem;
      display:grid;place-items:center;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.12);
      margin-bottom:7.5rem;
    }
    .about-visual h3{font-weight:800;font-size:1.8rem;max-width:430px;}
    .about-visual p{color:rgba(255,255,255,.72);max-width:430px;}
    .check-item{display:flex;gap:.65rem;align-items:flex-start;font-weight:600;color:#2d3935;}
    .check-dot{
      width:24px;height:24px;border-radius:50%;
      display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:.75rem;flex:0 0 auto;
    }

    /* committee */
    .member-card{padding:1rem;transition:.2s ease;height:100%;}
    .member-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(13,92,74,.09);}
    .avatar-placeholder{
      aspect-ratio:1/1.05;
      border-radius:1rem;
      background:linear-gradient(145deg,#e9f3ef,#d9e9e3);
      display:grid;place-items:center;color:var(--brand);
      margin-bottom:1rem;
    }
    .member-card h3{font-size:1.08rem;font-weight:800;margin-bottom:.25rem;}
    .member-card p{margin:0;color:var(--brand);font-size:.87rem;font-weight:700;}

    /* activities */
    .activity-card{
      position:relative;overflow:hidden;
      min-height:290px;border-radius:1.35rem;
      padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;
      color:#fff;
      background:
        linear-gradient(180deg,rgba(11,64,53,.05) 0%,rgba(7,63,52,.92) 100%),
        linear-gradient(135deg,#cfdfda,#9fc2b6);
    }
    .activity-card.featured{min-height:590px;}
    .activity-date{
      position:absolute;left:1.3rem;top:1.3rem;
      background:rgba(255,255,255,.95);color:var(--brand);
      padding:.42rem .68rem;border-radius:.6rem;font-size:.75rem;font-weight:800;
    }
    .activity-card h3{font-size:1.35rem;font-weight:800;}
    .activity-card p{color:rgba(255,255,255,.74);margin-bottom:0;}

    /* reports */
    .report-item{padding:1rem 1.05rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
    .report-icon{
      width:48px;height:48px;border-radius:.8rem;
      display:grid;place-items:center;
      background:#fff0ec;color:#b34d35;font-size:.72rem;font-weight:800;flex:0 0 auto;
    }
    .report-item h4{font-size:1rem;font-weight:800;margin:0 0 .15rem;}
    .report-meta{font-size:.78rem;color:var(--muted);}
    .report-download{color:var(--brand);font-weight:700;font-size:.84rem;white-space:nowrap;}

    /* gallery */
    .gallery-box{
      min-height:230px;border-radius:1.25rem;overflow:hidden;position:relative;
      background:linear-gradient(145deg,#dceae6,#afcfc5);
      display:flex;align-items:end;padding:1.1rem;
    }
    .gallery-box.tall{min-height:475px;}
    .gallery-box::before{
      content:"";
      position:absolute;inset:0;
      background:
        radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),transparent 25%),
        linear-gradient(180deg,transparent 45%,rgba(7,63,52,.82) 100%);
    }
    .gallery-box span{position:relative;color:#fff;font-weight:700;}

    /* CTA */
    .cta-box{
      background:
        radial-gradient(circle at 90% 10%,rgba(200,164,92,.25),transparent 24%),
        linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#fff;border-radius:1.8rem;padding:3rem;
    }
    .cta-box h2{font-weight:800;font-size:clamp(1.9rem,4vw,3rem);}
    .cta-box p{color:rgba(255,255,255,.73);max-width:680px;}


    /* hero slider */
    .hero-slider{
      border-radius:2rem;
      overflow:hidden;
      box-shadow:var(--shadow);
      background:#0b463a;
    }
    .hero-slide{
      min-height:390px;
      position:relative;
      display:flex;
      align-items:flex-end;
      color:#fff;
      background-size:cover;
      background-position:center;
    }
    .hero-slide::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(5,39,32,.86) 0%,rgba(5,39,32,.62) 48%,rgba(5,39,32,.20) 100%);
    }
    .hero-slide-content{
      position:relative;
      z-index:2;
      max-width:680px;
      padding:2.35rem 3.7rem 2.85rem;
    }
    .hero-slide-content h1{
      color:#fff;
      max-width:760px;
    }
    .hero-slide-content p{
      color:rgba(255,255,255,.82);
      max-width:650px;
      font-size:1.06rem;
      line-height:1.8;
    }
    .hero-slider .carousel-indicators{
      justify-content:flex-start;
      margin-left:2.7rem;
      margin-right:2.7rem;
      margin-bottom:1.35rem;
    }
    .hero-slider .carousel-indicators [data-bs-target]{
      width:28px;height:4px;border:0;border-radius:99px;
    }
    .hero-slider .carousel-control-prev,
    .hero-slider .carousel-control-next{
      width:8%;
    }

    /* prayer times */
    .prayer-card{
      border-radius:2rem;
      background:linear-gradient(145deg,var(--brand),var(--brand-dark));
      color:#fff;
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
    }
    .prayer-card::after{
      content:"";
      position:absolute;
      right:-60px;top:-60px;
      width:190px;height:190px;border-radius:50%;
      background:rgba(255,255,255,.06);
    }
    .prayer-head{
      padding:1.25rem 1.25rem .85rem;
      border-bottom:1px solid rgba(255,255,255,.11);
      position:relative;
      z-index:2;
    }
    .prayer-head small{color:rgba(255,255,255,.68);}
    .prayer-head h3{font-weight:800;font-size:1.2rem;margin:.25rem 0 .2rem;}
    .prayer-date{font-size:.83rem;color:rgba(255,255,255,.7);}
    .prayer-list{
      padding:.55rem 1.25rem .75rem;
      position:relative;z-index:2;
    }
    .prayer-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      padding:.48rem 0;
      border-bottom:1px solid rgba(255,255,255,.09);
    }
    .prayer-row:last-child{border-bottom:0;}
    .prayer-row span:first-child{color:rgba(255,255,255,.82);font-weight:600;}
    .prayer-time{font-weight:800;letter-spacing:.02em;}
    .prayer-note{
      background:rgba(255,255,255,.08);
      padding:.6rem 1.25rem;
      font-size:.75rem;
      color:rgba(255,255,255,.67);
      position:relative;z-index:2;
    }

    /* scrolling notice ticker */
    .ticker-shell{
      overflow:hidden;
      min-width:0;
      flex:1;
      position:relative;
    }
    .ticker-track{
      display:flex;
      width:max-content;
      animation:tickerMove 28s linear infinite;
      will-change:transform;
    }
    .ticker-track:hover{animation-play-state:paused;}
    .ticker-item{
      display:inline-flex;
      align-items:center;
      white-space:nowrap;
      padding-right:3rem;
      color:#33413d;
      font-size:.93rem;
    }
    .ticker-item:hover{color:var(--brand);}
    .ticker-item:focus{outline:2px solid rgba(13,92,74,.2);outline-offset:2px;border-radius:.3rem;}
    .ticker-dot{
      width:5px;height:5px;border-radius:50%;
      background:var(--accent);
      margin-right:.65rem;
      flex:0 0 auto;
    }
    @keyframes tickerMove{
      from{transform:translateX(0);}
      to{transform:translateX(-50%);}
    }

    /* counter */
    .counter-number{font-variant-numeric:tabular-nums;}

    @media (prefers-reduced-motion:reduce){
      .ticker-track{animation:none;transform:none;}
    }


    /* viewport counter section */
    #communityStats{scroll-margin-top:110px;}

    /* executive committee horizontal showcase */
    .committee-shell{position:relative;}
    .committee-track{
      display:flex;
      gap:1rem;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      scroll-behavior:smooth;
      padding:.4rem .1rem 1rem;
      scrollbar-width:thin;
      scrollbar-color:rgba(13,92,74,.25) transparent;
    }
    .committee-track::-webkit-scrollbar{height:7px;}
    .committee-track::-webkit-scrollbar-thumb{background:rgba(13,92,74,.25);border-radius:20px;}
    .committee-track::-webkit-scrollbar-track{background:transparent;}
    .committee-person{
      flex:0 0 270px;
      scroll-snap-align:start;
      border:1px solid var(--line);
      border-radius:1.3rem;
      background:#fff;
      overflow:hidden;
      transition:.25s ease;
      box-shadow:0 10px 28px rgba(13,92,74,.055);
    }
    .committee-person:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(13,92,74,.11);}
    .committee-person.president{
      flex-basis:390px;
      background:linear-gradient(145deg,#fff 0%,#f0f8f5 100%);
      border-color:rgba(13,92,74,.22);
    }
    .committee-photo{
      height:215px;
      display:grid;
      place-items:center;
      background:linear-gradient(145deg,#e7f2ee,#cfe3dc);
      color:var(--brand);
      position:relative;
    }
    .committee-person.president .committee-photo{height:260px;}
    .committee-badge{
      position:absolute;top:1rem;left:1rem;
      padding:.4rem .65rem;border-radius:999px;
      background:var(--brand);color:#fff;
      font-size:.73rem;font-weight:800;
      box-shadow:0 8px 20px rgba(13,92,74,.18);
    }
    .committee-body{padding:1.15rem 1.2rem 1.3rem;}
    .committee-body h3{font-size:1.08rem;font-weight:800;margin-bottom:.25rem;}
    .committee-person.president .committee-body h3{font-size:1.32rem;}
    .committee-role{color:#000000;font-size:.86rem;font-weight:600;margin-bottom:.65rem;}
    .committee-meta{color:var(--muted);font-size:.82rem;margin:0;}
    .committee-controls{display:flex;gap:.55rem;}
    .scroll-btn{
      width:42px;height:42px;border-radius:50%;
      border:1px solid var(--line);background:#fff;color:var(--brand);
      display:grid;place-items:center;
      transition:.2s ease;
    }
    .scroll-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);}

    /* clickable activity cards */
    .activity-link{display:block;color:inherit;height:100%;}
    .activity-link:hover{color:inherit;}
    .activity-link .activity-card{transition:.25s ease;}
    .activity-link:hover .activity-card{transform:translateY(-5px);box-shadow:0 18px 42px rgba(7,63,52,.14);}

    /* reports scrolling panel */
    .reports-scroll-card{
      border:1px solid var(--line);
      border-radius:1.3rem;
      background:#fff;
      overflow:hidden;
      box-shadow:0 12px 34px rgba(13,92,74,.055);
    }
    .reports-scroll-head{
      padding:1rem 1.15rem;
      border-bottom:1px solid var(--line);
      display:flex;align-items:center;justify-content:space-between;gap:1rem;
      background:#fbfdfc;
    }
    .reports-scroll-head strong{font-size:.93rem;}
    .reports-scroll-body{
      max-height:520px;
      overflow-y:auto;
      padding:.8rem;
      scrollbar-width:thin;
      scrollbar-color:rgba(13,92,74,.28) transparent;
    }
    .reports-scroll-body::-webkit-scrollbar{width:7px;}
    .reports-scroll-body::-webkit-scrollbar-thumb{background:rgba(13,92,74,.28);border-radius:20px;}
    .report-item{margin-bottom:.7rem;}
    .report-item:last-child{margin-bottom:0;}
    .report-item:hover{border-color:rgba(13,92,74,.25);background:#fbfdfc;}
    .report-item-link{color:inherit;}
    .report-item-link:hover{color:inherit;}

    /* gallery albums + lightbox */
    .gallery-link{display:block;color:inherit;height:100%;}
    .gallery-link:hover{color:inherit;}
    .gallery-box{
      transition:.25s ease;
      background-size:cover!important;
      background-position:center!important;
      cursor:pointer;
    }
    .gallery-link:hover .gallery-box{transform:translateY(-4px);box-shadow:0 16px 38px rgba(7,63,52,.14);}
    .gallery-box .album-meta{
      position:relative;z-index:2;
      display:flex;justify-content:space-between;align-items:end;gap:1rem;
      width:100%;
    }
    .gallery-box .album-meta small{display:block;color:rgba(255,255,255,.75);margin-top:.2rem;font-weight:500;}
    .album-count{
      flex:0 0 auto;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.22);
      border-radius:999px;padding:.35rem .55rem;font-size:.72rem;
    }
    .gallery-modal .modal-content{background:#081f1a;border:0;border-radius:1.25rem;overflow:hidden;}
    .gallery-modal .modal-header{border-bottom:1px solid rgba(255,255,255,.10);color:#fff;}
    .gallery-modal .btn-close{filter:invert(1);}
    .gallery-modal .carousel-item img{
      width:100%;height:min(68vh,620px);object-fit:cover;background:#102f28;
    }
    .gallery-modal .carousel-caption{
      left:0;right:0;bottom:0;text-align:left;
      padding:2.8rem 1.5rem 1.1rem;
      background:linear-gradient(transparent,rgba(3,24,20,.88));
    }

    @media(max-width:767.98px){
      .committee-person{flex-basis:235px;}
      .committee-person.president{flex-basis:300px;}
      .committee-photo{height:185px;}
      .committee-person.president .committee-photo{height:220px;}
      .reports-scroll-body{max-height:480px;}
    }


    /* v4 visual refinements */
    .about-visual{
      background:
        linear-gradient(145deg,rgba(6,55,45,.88),rgba(7,63,52,.72)),
        url('../images/photo-52313cc5bfe6.jpg') center/cover no-repeat !important;
    }

    .committee-photo{
      background-size:cover!important;
      background-position:center top!important;
    }
    .committee-photo::after{
      content:"";
      position:absolute;inset:0;
      background:linear-gradient(180deg,transparent 48%,rgba(5,45,37,.16) 100%);
      pointer-events:none;
    }
    .committee-photo svg{display:none;}

    .activity-card{
      background-size:cover!important;
      background-position:center!important;
    }
    .activity-card::after{
      content:"";
      position:absolute;inset:0;
      background:linear-gradient(180deg,rgba(4,38,31,.06) 15%,rgba(4,38,31,.88) 100%);
      z-index:0;
      pointer-events:none;
    }
    .activity-card > *{position:relative;z-index:1;}

    .reports-premium{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 8% 10%,rgba(200,164,92,.12),transparent 24%),
        linear-gradient(180deg,#fbfdfc 0%,#f2f8f5 100%);
    }
    .reports-premium::before{
      content:"";
      position:absolute;right:-90px;top:-90px;
      width:260px;height:260px;border-radius:50%;
      border:55px solid rgba(13,92,74,.035);
    }
    .reports-intro-card{
      border:1px solid rgba(13,92,74,.12);
      border-radius:1.6rem;
      background:linear-gradient(145deg,var(--brand),var(--brand-dark));
      color:#fff;
      padding:2rem;
      box-shadow:0 20px 48px rgba(13,92,74,.12);
      position:relative;
      overflow:hidden;
    }
    .reports-intro-card::after{
      content:"";
      position:absolute;right:-55px;bottom:-65px;
      width:180px;height:180px;border-radius:50%;
      background:rgba(255,255,255,.06);
    }
    .reports-intro-card .section-label{color:#fff;}
    .reports-intro-card .section-title{color:#fff;}
    .reports-intro-card p{color:rgba(255,255,255,.75);}
    .report-feature-grid{
      display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.5rem 0;
    }
    .report-feature{
      padding:.85rem;border-radius:.9rem;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
      font-size:.82rem;color:rgba(255,255,255,.84);
    }
    .reports-scroll-card{
      box-shadow:0 18px 46px rgba(13,92,74,.09);
      border-color:rgba(13,92,74,.13);
    }
    .reports-scroll-head{
      padding:1.15rem 1.25rem;
      background:linear-gradient(90deg,#fff,#f6faf8);
    }
    .report-item{
      border-radius:1rem;
      padding:1rem;
      transition:.2s ease;
    }
    .report-item:hover{
      transform:translateX(3px);
      background:var(--brand-soft);
    }
    .report-type{
      display:inline-block;
      margin-top:.25rem;
      padding:.18rem .45rem;
      border-radius:999px;
      background:#eef5f2;
      color:var(--brand);
      font-size:.68rem;
      font-weight:800;
    }

    .live-time{
      display:inline-flex;align-items:center;gap:.4rem;
      margin-top:.35rem;
      font-weight:800;
      color:#fff;
      font-variant-numeric:tabular-nums;
    }
    .live-dot{
      width:7px;height:7px;border-radius:50%;
      background:#8ee6b8;
      box-shadow:0 0 0 4px rgba(142,230,184,.12);
    }

    @media(max-width:575.98px){
      .report-feature-grid{grid-template-columns:1fr;}
    }


    /* Requested correction pack */
    .live-time{display:flex;align-items:center;gap:.45rem;margin-top:.35rem;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
    .live-dot{width:7px;height:7px;border-radius:50%;background:#91e6b9;box-shadow:0 0 0 4px rgba(145,230,185,.13)}

    .about-visual{
      background:
        linear-gradient(145deg,rgba(5,48,40,.90),rgba(7,63,52,.68)),
        url('../images/photo-6bbfc0b7de07.jpg') center/cover no-repeat !important;
      box-shadow:0 22px 55px rgba(7,63,52,.16);
    }

    .committee-photo{background-size:cover!important;background-position:center top!important;position:relative}
    .committee-photo svg{display:none}
    .committee-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,37,31,.22));pointer-events:none}

    .activity-card{background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}
    .activity-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,38,31,.08),rgba(4,38,31,.90));z-index:0}
    .activity-card>*{position:relative;z-index:1}

    .reports-premium{
      position:relative;overflow:hidden;
      background:linear-gradient(180deg,#f8fcfa 0%,#eef6f2 100%);
    }
    .reports-intro-card{
      height:100%;padding:2rem;border-radius:1.5rem;color:#fff;
      background:linear-gradient(145deg,#0d5c4a,#073f34);
      box-shadow:0 20px 50px rgba(13,92,74,.14);position:relative;overflow:hidden;
    }
    .reports-intro-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-80px;background:rgba(255,255,255,.06)}
    .reports-intro-card .section-label,.reports-intro-card .section-title{color:#fff}
    .reports-intro-card p{color:rgba(255,255,255,.76)}
    .report-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0}
    .report-feature{padding:.8rem;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.07);border-radius:.85rem;font-size:.8rem}
    .reports-scroll-card{box-shadow:0 18px 48px rgba(13,92,74,.09);border-color:rgba(13,92,74,.12)}
    .report-item{border-radius:1rem;transition:.2s ease}
    .report-item:hover{background:#edf7f3;transform:translateX(3px)}
    .report-type{display:inline-block;margin-top:.25rem;padding:.18rem .45rem;border-radius:999px;background:#edf7f3;color:#0d5c4a;font-size:.68rem;font-weight:800}
    @media(max-width:575.98px){.report-feature-grid{grid-template-columns:1fr}}


    /* v6 activity image visibility */
    .activity-card{
      min-height:270px;
      background-size:cover!important;
      background-position:center!important;
      color:#fff;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      border:0!important;
    }
    .activity-card.featured{min-height:430px;}
    .activity-card h3,.activity-card p{color:#fff!important;}
    .activity-card:after{
      background:linear-gradient(180deg,rgba(4,38,31,.02) 20%,rgba(4,38,31,.92) 100%)!important;
    }

    /* Reports section remains clean; image belongs only to intro card */
    .reports-premium{
      background:linear-gradient(180deg,#f8fcfa 0%,#eef6f2 100%)!important;
    }
/* Complaint + Support */
    .support-hub{
      position:relative;
      overflow:hidden;
      background:linear-gradient(145deg,#073f34,#0d5c4a);
      border-radius:1.8rem;
      box-shadow:0 24px 60px rgba(7,63,52,.16);
    }
    .support-hub:before{
      content:"";position:absolute;inset:0;
      background:radial-gradient(circle at 12% 15%,rgba(200,164,92,.18),transparent 26%);
      pointer-events:none;
    }
    .support-side{padding:2.2rem;color:#fff;position:relative;z-index:1;}
    .support-side p{color:rgba(255,255,255,.72);}
    .support-points{display:grid;gap:.8rem;margin-top:1.6rem;}
    .support-point{
      display:flex;gap:.8rem;align-items:flex-start;
      padding:.9rem;border-radius:1rem;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.09);
    }
    .support-point-icon{
      width:35px;height:35px;flex:0 0 35px;border-radius:10px;
      display:grid;place-items:center;background:rgba(255,255,255,.11);
    }
    .support-form-wrap{
      margin:.8rem;background:#fff;border-radius:1.35rem;padding:1.6rem;
      position:relative;z-index:1;
    }
    .support-tabs{
      display:flex;padding:.35rem;border-radius:.9rem;background:#f0f5f3;
      margin-bottom:1.4rem;
    }
    .support-tab{
      flex:1;border:0;background:transparent;padding:.75rem 1rem;
      border-radius:.7rem;font-weight:800;color:#68756f;transition:.2s ease;
    }
    .support-tab.active{background:#fff;color:var(--brand);box-shadow:0 5px 18px rgba(7,63,52,.08);}
    .support-panel{display:none;}
    .support-panel.active{display:block;}
    .support-form-wrap .form-control,.support-form-wrap .form-select{
      border-radius:.8rem;border-color:#dce6e2;padding:.78rem .9rem;background:#fbfdfc;
    }
    .support-form-wrap .form-control:focus,.support-form-wrap .form-select:focus{
      border-color:rgba(13,92,74,.45);box-shadow:0 0 0 .2rem rgba(13,92,74,.08);background:#fff;
    }
    .form-label-mini{font-size:.76rem;font-weight:800;color:#63716b;margin-bottom:.35rem;}

    /* Big footer */
    .footer-main{
      position:relative;
      background:linear-gradient(145deg,#062f27 0%,#041e19 100%);
      padding:70px 0 36px!important;
      overflow:hidden;
    }
    .footer-main:before{
      content:"";position:absolute;right:-120px;top:-150px;
      width:430px;height:430px;border-radius:50%;
      border:85px solid rgba(255,255,255,.025);
    }
    .footer-brand-text{max-width:390px;color:rgba(255,255,255,.65);line-height:1.8;}
    .footer-title{font-size:.86rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:1.15rem;}
    .footer-links{display:grid;gap:.65rem;}
    .footer-links a{color:rgba(255,255,255,.64);transition:.2s ease;}
    .footer-links a:hover{color:#fff;transform:translateX(3px);}
    .footer-contact-item{display:flex;gap:.75rem;margin-bottom:.9rem;color:rgba(255,255,255,.67);font-size:.88rem;}
    .footer-contact-icon{
      width:34px;height:34px;flex:0 0 34px;border-radius:9px;
      display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;
    }
    .footer-social{display:flex;gap:.55rem;margin-top:1.3rem;}
    .footer-social a{
      width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
      color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);
    }
    .footer-social a:hover{background:var(--brand);border-color:rgba(255,255,255,.16);}
    .footer-bottom{
      background:#031612!important;
      border-top:1px solid rgba(255,255,255,.06)!important;
      padding:1rem 0!important;
    }
    .footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
    .footer-bottom-links{display:flex;gap:1.2rem;flex-wrap:wrap;}
    .footer-bottom-links a{color:rgba(255,255,255,.52);font-size:.78rem;}
    @media(max-width:991.98px){
      .support-side{padding:1.6rem;}
      .support-form-wrap{margin:.6rem;}
      .activity-card.featured{min-height:340px;}
    }


    /* v8 Recent Activities redesign */
    .activities-premium{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 95% 5%,rgba(13,92,74,.075),transparent 24%),
        linear-gradient(180deg,#fff 0%,#f6faf8 100%);
    }
    .activity-magazine{
      display:grid;
      grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
      gap:1rem;
    }
    .activity-feature{
      position:relative;
      min-height:555px;
      border-radius:1.6rem;
      overflow:hidden;
      color:#fff;
      box-shadow:0 18px 48px rgba(7,63,52,.13);
      isolation:isolate;
    }
    .activity-feature>img{
      position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
      transition:transform .55s ease;
    }
    .activity-feature:hover>img{transform:scale(1.035);}
    .activity-feature-overlay{
      position:absolute;inset:0;
      background:linear-gradient(180deg,rgba(3,30,25,.10) 18%,rgba(3,30,25,.94) 100%);
    }
    .activity-feature-top{
      position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;
      display:flex;align-items:center;justify-content:space-between;z-index:2;
    }
    .activity-category{
      display:inline-flex;align-items:center;
      padding:.42rem .7rem;border-radius:999px;
      background:rgba(255,255,255,.92);color:var(--brand);
      font-size:.7rem;font-weight:850;letter-spacing:.025em;
      box-shadow:0 5px 18px rgba(0,0,0,.08);
    }
    .activity-arrow{
      width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
      background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);
      backdrop-filter:blur(7px);font-size:1.15rem;
    }
    .activity-feature-content{
      position:absolute;z-index:2;left:1.55rem;right:1.55rem;bottom:1.55rem;
      display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:end;
    }
    .activity-feature-content h3{
      color:#fff;font-size:clamp(1.45rem,2.5vw,2.15rem);font-weight:850;
      max-width:650px;margin:0 0 .65rem;line-height:1.25;
    }
    .activity-feature-content p{color:rgba(255,255,255,.72);max-width:670px;margin:0 0 .85rem;}
    .activity-date-modern{
      min-width:78px;padding:.8rem .7rem;border-radius:1rem;
      background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(8px);text-align:center;
    }
    .activity-date-modern strong{display:block;font-size:1.7rem;line-height:1;color:#fff;}
    .activity-date-modern span{display:block;font-size:.63rem;line-height:1.25;margin-top:.35rem;color:rgba(255,255,255,.7);font-weight:800;}
    .activity-read{font-size:.8rem;font-weight:800;color:#fff;}
    .activity-read b{margin-left:.25rem;}

    .activity-side-stack{display:grid;grid-template-rows:1fr 1fr;gap:1rem;}
    .activity-mini{
      display:grid;grid-template-columns:42% 58%;
      overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;
      background:#fff;color:inherit;
      box-shadow:0 10px 30px rgba(7,63,52,.055);
      transition:.25s ease;
    }
    .activity-mini:hover{color:inherit;transform:translateY(-4px);box-shadow:0 18px 42px rgba(7,63,52,.11);}
    .activity-mini-img{position:relative;min-height:230px;overflow:hidden;}
    .activity-mini-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
    .activity-mini:hover img{transform:scale(1.04);}
    .activity-mini-img .activity-category{position:absolute;top:.8rem;left:.8rem;}
    .activity-mini-body{padding:1.25rem;display:flex;flex-direction:column;justify-content:center;}
    .activity-mini-date{font-size:.7rem;font-weight:850;color:var(--gold);letter-spacing:.055em;margin-bottom:.55rem;}
    .activity-mini h3{font-size:1.05rem;font-weight:850;line-height:1.35;margin-bottom:.55rem;color:#162620;}
    .activity-mini p{font-size:.82rem;color:var(--muted);line-height:1.55;margin-bottom:.75rem;}
    .activity-mini .activity-read{color:var(--brand);margin-top:auto;}

    .activity-bottom-bar{
      display:flex;justify-content:space-between;align-items:center;gap:1rem;
      padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:1rem;background:#fff;
      font-size:.8rem;color:var(--muted);
    }
    .activity-bottom-bar>div{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
    .activity-bottom-bar strong{color:#263b34;}
    .activity-bottom-bar a{font-weight:800;color:var(--brand);white-space:nowrap;}
    .activity-pulse{
      width:8px;height:8px;border-radius:50%;background:var(--brand);
      box-shadow:0 0 0 5px rgba(13,92,74,.10);
    }

    @media(max-width:991.98px){
      .activity-magazine{grid-template-columns:1fr;}
      .activity-feature{min-height:480px;}
      .activity-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
      .activity-mini{grid-template-columns:1fr;}
      .activity-mini-img{min-height:210px;}
    }
    @media(max-width:767.98px){
      .activity-feature{min-height:500px;}
      .activity-feature-content{grid-template-columns:1fr;gap:.8rem;}
      .activity-date-modern{width:72px;}
      .activity-side-stack{grid-template-columns:1fr;}
      .activity-mini{grid-template-columns:42% 58%;}
      .activity-bottom-bar{align-items:flex-start;flex-direction:column;}
    }
    @media(max-width:575.98px){
      .activity-feature{min-height:520px;}
      .activity-feature-content{left:1.1rem;right:1.1rem;bottom:1.15rem;}
      .activity-mini{grid-template-columns:1fr;}
      .activity-mini-img{min-height:220px;}
    }


    /* v9 screenshot-inspired activity layout */
    .activity-showcase-section{background:#f7faf8;}
    .activity-showcase-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1.35rem;
      min-height:590px;
    }
    .activity-showcase-side{display:grid;grid-template-rows:1fr 1fr;gap:1.35rem;}
    .activity-showcase-card{
      position:relative;
      display:block;
      overflow:hidden;
      min-height:0;
      border-radius:1.35rem;
      background-position:center;
      background-size:cover;
      background-repeat:no-repeat;
      color:#fff!important;
      isolation:isolate;
      box-shadow:0 12px 34px rgba(7,63,52,.08);
      transition:transform .3s ease,box-shadow .3s ease;
    }
    .activity-showcase-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(7,63,52,.15);}
    .activity-card-shade{
      position:absolute;inset:0;z-index:0;
      background:linear-gradient(180deg,rgba(5,48,40,.03) 25%,rgba(5,48,40,.88) 100%);
      transition:background .3s ease;
    }
    .activity-showcase-card:hover .activity-card-shade{
      background:linear-gradient(180deg,rgba(5,48,40,.01) 18%,rgba(5,48,40,.93) 100%);
    }
    .activity-date-pill{
      position:absolute;z-index:2;top:1.25rem;left:1.25rem;
      padding:.52rem .72rem;border-radius:.65rem;background:rgba(255,255,255,.94);
      color:#075846;font-size:.7rem;font-weight:900;letter-spacing:.02em;
    }
    .activity-showcase-content{
      position:absolute;z-index:2;left:1.45rem;right:1.45rem;bottom:1.35rem;
    }
    .activity-showcase-content h3{color:#fff;margin:0 0 .45rem;font-size:1.35rem;font-weight:850;line-height:1.35;}
    .activity-showcase-main .activity-showcase-content h3{font-size:1.55rem;}
    .activity-showcase-content p{margin:0;color:rgba(255,255,255,.74);font-size:.86rem;line-height:1.55;}

    /* Reports: image belongs ONLY to the left "স্বচ্ছতা..." block */
    .reports-premium{background:linear-gradient(180deg,#f8fcfa 0%,#eef6f2 100%)!important;}
    .reports-intro-card{
      background:
        linear-gradient(145deg,rgba(4,42,35,.92),rgba(13,92,74,.76)),
        url('../images/photo-13ca051ec479.jpg') center/cover no-repeat!important;
      border:1px solid rgba(255,255,255,.10);
    }

    /* Complaint & Support: same image + dark-green overlay treatment */
    .support-hub{
      background:
        linear-gradient(145deg,rgba(4,42,35,.94),rgba(13,92,74,.79)),
        url('../images/photo-5026d3b74f36.jpg') center/cover no-repeat!important;
    }
    .support-hub:before{
      background:
        radial-gradient(circle at 12% 15%,rgba(200,164,92,.18),transparent 27%),
        linear-gradient(90deg,rgba(3,35,29,.16),transparent 62%)!important;
    }

    @media(max-width:991.98px){
      .activity-showcase-grid{grid-template-columns:1fr;min-height:auto;}
      .activity-showcase-main{min-height:470px;}
      .activity-showcase-side{grid-template-columns:1fr 1fr;grid-template-rows:none;}
      .activity-showcase-side .activity-showcase-card{min-height:300px;}
    }
    @media(max-width:767.98px){
      .activity-showcase-main{min-height:420px;}
      .activity-showcase-side{grid-template-columns:1fr;}
      .activity-showcase-side .activity-showcase-card{min-height:300px;}
    }

    /* footer */
    footer{background:#082d26;color:rgba(255,255,255,.68);}
    footer h5{color:#fff;font-size:1rem;font-weight:800;}
    footer a{color:rgba(255,255,255,.68);}
    footer a:hover{color:#fff;}
    .footer-divider{border-color:rgba(255,255,255,.09)!important;}

    @media (max-width:991.98px){
      .hero{padding-top:12px;}
      .hero-visual{min-height:400px;margin-top:1rem;}
      .activity-card.featured{min-height:420px;}
      .topbar{display:none;}
    }
    @media (max-width:767.98px){
      .section-pad{padding:66px 0;}
      .hero-slide{min-height:390px;}
      .hero-slide-content{padding:2rem 1.35rem 3.5rem;}
      .hero-slider .carousel-indicators{margin-left:1.35rem;margin-right:1.35rem;}
      .prayer-card{border-radius:1.5rem;}
      .hero{padding:10px 0 32px;}
      .hero h1{font-size:clamp(2.5rem,13vw,4rem);}
      .hero-visual{min-height:350px;padding:1.6rem;}
      .building-box{margin-bottom:4.5rem;}
      .about-visual{min-height:360px;}
      .about-icon{margin-bottom:4rem;}
      .floating-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:-18px;}
      .notice-text{white-space:normal;}
      .cta-box{padding:2rem 1.4rem;}
    }
  
    /* v12 — Recent Activities horizontal showcase */
    .activity-showcase-grid{
      display:flex!important;
      gap:1.15rem!important;
      min-height:0!important;
      overflow-x:auto!important;
      scroll-snap-type:x mandatory;
      scroll-behavior:smooth;
      padding:.35rem .15rem 1rem;
      scrollbar-width:none;
    }
    .activity-showcase-grid::-webkit-scrollbar{display:none;}
    .activity-showcase-side{display:contents!important;}
    .activity-showcase-card{
      flex:0 0 300px!important;
      min-height:390px!important;
      border-radius:1.35rem!important;
      scroll-snap-align:start;
      box-shadow:0 14px 36px rgba(7,63,52,.10)!important;
    }
    .activity-showcase-main{
      flex:0 0 min(560px,72vw)!important;
      min-height:390px!important;
    }
    .activity-showcase-content h3{font-size:1.18rem!important;}
    .activity-showcase-main .activity-showcase-content h3{font-size:1.55rem!important;}
    .activity-carousel-shell{position:relative;}
    .activity-carousel-controls{
      display:flex;gap:.55rem;justify-content:flex-end;margin-bottom:1rem;
    }
    .activity-scroll-btn{
      width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
      background:#fff;color:var(--brand);display:grid;place-items:center;
      font-size:1.2rem;font-weight:800;box-shadow:0 8px 22px rgba(7,63,52,.08);
      transition:.2s ease;
    }
    .activity-scroll-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
    .activities-view-all{display:flex;justify-content:center;margin-top:1.2rem;}
    @media(max-width:767.98px){
      .activity-showcase-main{flex-basis:82vw!important;min-height:380px!important;}
      .activity-showcase-card{flex-basis:76vw!important;min-height:350px!important;}
    }
  
  /* v15: refined hero slider typography */
  .hero-slide-content h1{
    font-size:clamp(2rem,4.2vw,3.65rem)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
  }
  .hero-slide-content p{
    font-size:.96rem!important;
    line-height:1.65!important;
  }
  @media(max-width:767.98px){
    .hero-slide-content h1{font-size:clamp(1.8rem,8vw,2.75rem)!important;}
    .hero-slide-content p{font-size:.9rem!important;}
  }


  /* v16 — exact hero/prayer height sync */
  @media (min-width:768px){
    .hero-slider,
    .hero-slider .carousel-inner,
    .hero-slider .carousel-item,
    .hero-slide{
      height:var(--hero-prayer-height, auto)!important;
      min-height:0!important;
    }
    .hero-slide-content{
      padding-top:2.5rem!important;
      padding-bottom:2.5rem!important;
    }
    .hero-slide-content h1{
      font-size:3rem!important;
      line-height:1.4!important;
    }
  }


/* Center slide content and add the contact photograph */
.hero-slide{align-items:center}
.hero-slide-content{padding-top:2.5rem;padding-bottom:2.5rem}
#complaint-cta .cta-box{background:linear-gradient(100deg,rgba(4,46,37,.92),rgba(4,46,37,.58)),url('../images/photo-ed0295d3197c.jpg') center 52%/cover}
@media(max-width:767.98px){.hero-slide-content{padding-top:2.5rem;padding-bottom:2.5rem}}