:root{
      --green:#0f6b44;
      --green-dark:#0a5435;
      --green-soft:#eaf7ef;
      --red:#c51d26;
      --red-dark:#a9161e;
      --red-soft:#fff1f1;
      --gold:#cfa13e;
      --gold-soft:#fff8e8;
      --navy:#1c2533;
      --muted:#5c6a77;
      --line:#dfe7ea;
      --bg:#f5f7f8;
      --card:#ffffff;
      --shadow:0 16px 42px rgba(15,35,52,.08);
      --shadow-soft:0 10px 24px rgba(15,35,52,.06);
      --radius-xl:28px;
      --radius-lg:22px;
      --radius-md:16px;
      --radius-sm:12px;
      --container:1180px;
      --trans:.35s ease;
    }
    
    .mt-0 { margin-top: 0 !important; }
    .mt-1 { margin-top: .25rem !important; }
    .mt-2 { margin-top: .5rem !important; }
    .mt-3 { margin-top: 1rem !important; }
    .mt-4 { margin-top: 1.5rem !important; }
    .mt-5 { margin-top: 3rem !important; }
    
    .pt-0 { padding-top: 0 !important; }
    .pt-1 { padding-top: .25rem !important; }
    .pt-2 { padding-top: .5rem !important; }
    .pt-3 { padding-top: 1rem !important; }
    .pt-4 { padding-top: 1.5rem !important; }
    .pt-5 { padding-top: 3rem !important; }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Hind Siliguri",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--navy);
      background:
        radial-gradient(circle at top right, rgba(197,29,38,.08), transparent 20%),
        radial-gradient(circle at top left, rgba(15,107,68,.08), transparent 24%),
        linear-gradient(180deg,#f7f9fa 0%,#f3f6f7 100%);
      overflow-x:hidden;
    }

    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    button,input,textarea,select{font:inherit}

    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .section{padding:76px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.92rem;font-weight:700;color:var(--green);background:var(--green-soft);padding:8px 14px;border-radius:999px;margin-bottom:12px}
    .eyebrow i{color:var(--gold)}
    .section-title{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.18}
    .section-text{margin:12px 0 0;color:var(--muted);max-width:760px;line-height:1.7}
    .view-all{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;box-shadow:var(--shadow-soft);transition:var(--trans)}
    .view-all:hover{transform:translateY(-2px);border-color:rgba(15,107,68,.25);color:var(--green)}

    .site-top{
      position:relative;
      background:linear-gradient(90deg,var(--green-dark),var(--green),var(--red));
      color:#fff;
      font-size:.95rem;
      overflow:hidden;
    }
    .site-top::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 30%,rgba(255,255,255,.08) 65%,transparent);
      pointer-events:none;
    }
    .top-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;position:relative;z-index:1}
    .top-left,.top-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    .top-left span,.top-right a{display:inline-flex;align-items:center;gap:8px}
    .top-right a{opacity:.96;transition:var(--trans)}
    .top-right a:hover{opacity:1;transform:translateY(-1px)}

    header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(15,35,52,.08);
      box-shadow:0 8px 24px rgba(15,35,52,.05);
    }
    .nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}
    .brand{display:flex;align-items:center;gap:14px;min-width:0}
    .brand-mark{
      width:58px;height:58px;border-radius:18px;
      background:linear-gradient(145deg,var(--green),var(--red));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px rgba(197,29,38,.16);
      position:relative;overflow:hidden;flex:0 0 auto;
    }
    .brand-mark::before,.brand-mark::after{content:"";position:absolute;border-radius:999px}
    .brand-mark::before{width:62px;height:18px;background:#fff;left:-2px;top:20px;opacity:.96}
    .brand-mark::after{width:22px;height:22px;border:4px solid var(--green-dark);background:#fff;right:8px;top:18px}
    .brand-text{min-width:0}
    .brand-text h1,.brand-text p{margin:0}
    .brand-text h1{font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .brand-text p{color:var(--muted);font-size:.95rem}

    .nav-menu{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
    .nav-menu a{
      padding:11px 14px;border-radius:12px;font-weight:700;color:#314151;position:relative;transition:var(--trans)
    }
    .nav-menu a:hover,.nav-menu a.active{color:var(--green);background:var(--green-soft)}

    .nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:13px 18px;border-radius:14px;border:1px solid transparent;
      font-weight:700;transition:var(--trans);cursor:pointer;white-space:nowrap
    }
    .btn i{font-size:.95rem}
    .btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;box-shadow:0 12px 26px rgba(197,29,38,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(197,29,38,.28)}
    .btn-secondary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 12px 26px rgba(15,107,68,.18)}
    .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,107,68,.24)}
    .btn-outline{background:#fff;color:var(--navy);border-color:var(--line)}
    .btn-outline:hover{border-color:rgba(15,107,68,.28);color:var(--green);transform:translateY(-2px)}
    .btn-soft{background:var(--green-soft);color:var(--green)}
    .btn-soft:hover{transform:translateY(-2px)}
    .btn-emergency{background:linear-gradient(135deg,#ff4444,#d81922);color:#fff;box-shadow:0 12px 24px rgba(217,25,34,.22)}
    .btn-emergency:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(217,25,34,.28)}

    .menu-toggle{display:none;width:48px;height:48px;border:none;border-radius:14px;background:var(--green-soft);color:var(--green);cursor:pointer;font-size:1.2rem}

    .hero{padding:30px 0 24px}
    .hero-slider{position:relative;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.65)}
    .slides{
      position:relative;
      height:max-content;
      min-height:unset;
    }
    
    .slide{
      display:none;
      position:relative;
      opacity:0;
      pointer-events:none;
      transition:opacity .8s ease;
      background:
        linear-gradient(110deg, rgba(15,107,68,.96) 0%, rgba(10,84,53,.95) 36%, rgba(197,29,38,.90) 100%),
        radial-gradient(circle at 82% 22%, rgba(255,255,255,.14), transparent 22%),
        radial-gradient(circle at 90% 78%, rgba(255,255,255,.10), transparent 18%);
      color:#fff;
    }
    
    .slide.active{
      display:block;
      opacity:1;
      pointer-events:auto;
    }
    .slide::before,
    .slide::after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
    .slide::before{width:340px;height:340px;background:rgba(255,255,255,.07);right:-80px;top:-70px}
    .slide::after{width:280px;height:280px;background:rgba(255,255,255,.05);left:-80px;bottom:-90px}
    .slide-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:54px}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:999px;font-weight:700;backdrop-filter:blur(10px)}
    .slide h2{margin:16px 0 10px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.02em}
    .slide p{margin:0;color:rgba(255,255,255,.92);font-size:1.06rem;line-height:1.8;max-width:690px}
    .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
    .hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
    .point{
      background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);
      padding:16px;border-radius:18px
    }
    .point i{font-size:1.2rem;color:#ffe28c;margin-bottom:10px}
    .point strong{display:block;font-size:1.05rem;margin-bottom:5px}
    .point span{color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.65}

    .chair-card{
      background:rgba(255,255,255,.11);
      border:1px solid rgba(255,255,255,.18);
      border-radius:28px;
      padding:18px;
      box-shadow:0 18px 42px rgba(7,19,30,.18);
      backdrop-filter:blur(12px)
    }
    .chair-media{
      width:250px;height:250px;margin:0 auto 20px;border-radius:50%;position:relative;
      background:linear-gradient(180deg,#fff 0%,#f5f8fb 100%);
      box-shadow:inset 0 0 0 10px rgba(255,255,255,.22),0 18px 40px rgba(7,19,30,.18);
      background-size: contain !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
    }
    .chair-media::before{
      content:"";position:absolute;inset:-10px;border-radius:50%;border:4px solid rgba(255,255,255,.26);
      border-top-color:#ffe28c;border-right-color:#f6a6a9;animation:spin 12s linear infinite
    }
    .chair-media::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;color:rgba(28,37,51,.25)}
    .chair-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);padding:8px 14px;border-radius:999px;font-weight:700;color:#fff}
    .chair-name{margin:14px 0 6px;font-size:1.55rem}
    .chair-role{margin:0 0 14px;color:rgba(255,255,255,.88)}
    .chair-desc{margin:0;color:rgba(255,255,255,.92);line-height:1.8}

    .slider-controls{position:absolute;right:28px;bottom:26px;display:flex;align-items:center;gap:12px;z-index:2}
    .slider-btn,.dot{
      border:none;cursor:pointer;transition:var(--trans)
    }
    .slider-btn{
      width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px)
    }
    .slider-btn:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
    .dots{display:flex;align-items:center;gap:8px}
    .dot{width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.35)}
    .dot.active{width:28px;background:#fff}

    .quick-strip{margin-top:24px}
    .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .quick-card{
      background:rgba(255,255,255,.9);border:1px solid rgba(15,35,52,.07);border-radius:24px;padding:22px;box-shadow:var(--shadow-soft);
      display:flex;gap:16px;align-items:flex-start;transition:var(--trans)
    }
    .quick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .quick-icon{
      width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;
      background:linear-gradient(135deg,var(--green-soft),#fff);color:var(--green);font-size:1.25rem
    }
    .quick-card:nth-child(2) .quick-icon,.quick-card:nth-child(4) .quick-icon{background:linear-gradient(135deg,var(--red-soft),#fff);color:var(--red)}
    .quick-card h3{margin:0 0 8px;font-size:1.08rem}
    .quick-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.98rem}

    .message-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}
    .message-card,.member-zone{
      background:var(--card);border:1px solid rgba(15,35,52,.06);border-radius:28px;box-shadow:var(--shadow);padding:30px;position:relative;overflow:hidden
    }
    .message-card::before,.member-zone::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--green),var(--gold),var(--red))}
    .message-card blockquote{margin:0;font-size:1.08rem;line-height:1.9;color:#334155}
    .quote-mark{font-size:2.5rem;color:rgba(197,29,38,.18);line-height:1;margin-bottom:10px}
    .message-meta{display:flex;align-items:center;gap:16px;margin-top:22px;padding-top:20px;border-top:1px dashed var(--line)}
    .mini-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#fff);display:grid;place-items:center;color:var(--green);font-size:1.4rem;box-shadow:inset 0 0 0 1px rgba(15,107,68,.08)}
    .message-meta strong{display:block;font-size:1.08rem}
    .message-meta span{color:var(--muted)}

    .member-zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
    .member-box{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafb);border:1px solid var(--line)}
    .member-box h4{margin:0 0 8px;font-size:1.03rem}
    .member-box p{margin:0;color:var(--muted);line-height:1.65;font-size:.95rem}
    .member-zone-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

    .org-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
    .org-card{
      background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid rgba(15,35,52,.06);border-radius:24px;padding:28px 18px;text-align:center;
      box-shadow:var(--shadow-soft);transition:var(--trans);position:relative;overflow:hidden
    }
    .org-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--green),var(--red))}
    .org-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .org-logo{width:82px;height:82px;border-radius:24px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green-soft),var(--red-soft));box-shadow:inset 0 0 0 1px rgba(15,35,52,.05)}
    .org-logo i{font-size:2rem;background:linear-gradient(135deg,var(--green),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
    .org-card h3{margin:0 0 8px;font-size:1.15rem}
    .org-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}

    .leaders-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .leader-card{
      background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid rgba(15,35,52,.06);border-radius:26px;box-shadow:var(--shadow-soft);
      overflow:hidden;transition:var(--trans)
    }
    .leader-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .leader-top{padding:28px 24px 18px;background:linear-gradient(180deg,rgba(15,107,68,.07),rgba(255,255,255,0))}
    .leader-avatar{background-size: contain !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;width:102px;height:102px;border-radius:50%;margin:0 auto 18px;position:relative;background:linear-gradient(180deg,#fff,#f4f7fa);box-shadow:inset 0 0 0 8px rgba(15,107,68,.08),0 18px 30px rgba(15,35,52,.09)}
    .leader-avatar::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid transparent;border-top-color:rgba(15,107,68,.34);border-right-color:rgba(197,29,38,.28)}
    .leader-avatar::after{content:"\f007";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;inset:0;display:grid;place-items:center;font-size:2.2rem;color:rgba(28,37,51,.22)}
    .leader-card h3{margin:0;text-align:center;font-size:1.18rem}
    .leader-role{text-align:center;color:var(--red);font-weight:700;margin-top:6px}
    .leader-body{padding:0 24px 24px}
    .leader-body p{margin:14px 0 0;color:var(--muted);line-height:1.72;text-align:center}
    .leader-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
    .action-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:var(--bg);font-size:.92rem;font-weight:700;color:#415164}
    .action-pill i{color:var(--green)}

    .activity-band{
      background:linear-gradient(120deg,#ffffff 0%,#fbfcfd 100%);
      border:1px solid rgba(15,35,52,.06);border-radius:30px;box-shadow:var(--shadow);padding:26px
    }
    .activity-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
    .activity-highlight{
      background:linear-gradient(135deg,var(--green-dark),var(--green));
      color:#fff;border-radius:26px;padding:30px;position:relative;overflow:hidden;min-height:100%
    }
    .activity-highlight::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);right:-80px;bottom:-70px}
    .activity-highlight span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:700}
    .activity-highlight h3{margin:16px 0 10px;font-size:1.6rem;line-height:1.28}
    .activity-highlight p{margin:0;color:rgba(255,255,255,.92);line-height:1.8}
    .activity-list{display:grid;gap:16px}
    .activity-item{display:flex;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line)}
    .activity-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font-size:1.2rem;flex:0 0 auto}
    .activity-item:nth-child(even) .activity-icon{background:var(--green-soft);color:var(--green)}
    .activity-item h4{margin:0 0 6px;font-size:1.05rem}
    .activity-item p{margin:0;color:var(--muted);line-height:1.68}
    .activity-item small{display:block;color:var(--red);font-weight:700;margin-top:8px}

    .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .service-card{
      background:linear-gradient(180deg,#fff,#fbfcfd);padding:24px;border-radius:24px;border:1px solid rgba(15,35,52,.06);box-shadow:var(--shadow-soft);transition:var(--trans)
    }
    .service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .service-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;font-size:1.35rem;background:linear-gradient(135deg,var(--green-soft),#fff);color:var(--green)}
    .service-card:nth-child(2n) .service-icon{background:linear-gradient(135deg,var(--red-soft),#fff);color:var(--red)}
    .service-card:nth-child(3n) .service-icon{background:linear-gradient(135deg,var(--gold-soft),#fff);color:var(--gold)}
    .service-card h3{margin:0 0 8px;font-size:1.12rem}
    .service-card p{margin:0;color:var(--muted);line-height:1.72}
    .service-card a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;color:var(--green)}

    .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .news-card{
      background:#fff;border-radius:26px;border:1px solid rgba(15,35,52,.06);overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--trans)
    }
    .news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .news-cover{
      height:210px;position:relative; 
      background:
        linear-gradient(135deg,rgba(15,107,68,.92),rgba(197,29,38,.86)),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,.22), transparent 22%);
        background-size: cover;
    }
    .news-cover::after{content:"\f1ea";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;color:rgba(255,255,255,.30)}
    .news-body{padding:22px}
    .news-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin-bottom:10px}
    .news-meta span{display:inline-flex;align-items:center;gap:8px}
    .news-body h3{margin:0 0 10px;font-size:1.18rem;line-height:1.48}
    .news-body p{margin:0;color:var(--muted);line-height:1.75}
    .news-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;color:var(--red)}

    .complaint-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}
    .help-panel,.form-panel{background:#fff;border:1px solid rgba(15,35,52,.06);border-radius:28px;box-shadow:var(--shadow);padding:30px}
    .help-list{display:grid;gap:14px;margin-top:20px}
    .help-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;background:#f8fafb;border:1px solid var(--line)}
    .help-item strong{display:block;font-size:1rem}
    .help-item span{display:block;color:var(--muted);font-size:.94rem;margin-top:4px}
    .help-item a{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700}
    .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .field{display:grid;gap:8px}
    .field.full{grid-column:1/-1}
    label{font-weight:700;font-size:.96rem}
    input,select,textarea{
      width:100%;padding:14px 16px;border-radius:14px;border:1px solid #d8e1e4;background:#fcfdfd;color:var(--navy);outline:none;transition:var(--trans)
    }
    input:focus,select:focus,textarea:focus{border-color:rgba(15,107,68,.42);box-shadow:0 0 0 4px rgba(15,107,68,.10)}
    textarea{min-height:146px;resize:vertical}

    .contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .contact-card{
      background:#fff;border:1px solid rgba(15,35,52,.06);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft);transition:var(--trans)
    }
    .contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .contact-card .service-icon{margin-bottom:14px}
    .contact-card h3{margin:0 0 8px;font-size:1.1rem}
    .contact-card p{margin:0;color:var(--muted);line-height:1.72}
    .contact-card a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;color:var(--green)}

    .faq-list{display:grid;gap:16px}
    .faq-item{background:#fff;border:1px solid rgba(15,35,52,.06);border-radius:22px;box-shadow:var(--shadow-soft);overflow:hidden}
    .faq-question{
      width:100%;text-align:left;background:none;border:none;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-weight:800;color:var(--navy)
    }
    .faq-question i{transition:transform .3s ease;color:var(--green)}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 24px;color:var(--muted);line-height:1.8}
    .faq-item.active .faq-answer{max-height:220px;padding:0 24px 22px}
    .faq-item.active .faq-question i{transform:rotate(180deg)}

    footer{
      background:linear-gradient(180deg,#12202b 0%,#0d161e 100%);
      color:#d7dee6;margin-top:24px;position:relative;overflow:hidden
    }
    footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--green),var(--gold),var(--red))}
    .footer-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr 1fr;gap:24px;padding:64px 0 28px}
    .footer-brand p,.footer-links a,.footer-contact a{color:#b8c3ce}
    .footer-brand p{line-height:1.8;margin:16px 0 0}
    .footer-title{margin:0 0 16px;font-size:1.08rem;color:#fff}
    .footer-links,.footer-contact{display:grid;gap:12px}
    .footer-links a,.footer-contact a{display:inline-flex;align-items:center;gap:10px;transition:var(--trans)}
    .footer-links a:hover,.footer-contact a:hover{color:#fff;transform:translateX(4px)}
    .footer-cta{background:rgba(255,255,255,.05);padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}
    .footer-cta h3{margin:0 0 10px;color:#fff}
    .footer-cta p{margin:0;color:#b8c3ce;line-height:1.8}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
    .footer-bottom p{margin:0;color:#9fb0bf}
    .disclaimer{font-size:.92rem;color:#9fb0bf}

    .floating-help{
      position:fixed;right:18px;bottom:18px;z-index:1100;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;
      border-radius:999px;background:linear-gradient(135deg,#ff3f47,#d3151e);color:#fff;box-shadow:0 18px 40px rgba(211,21,30,.32);font-weight:800;animation:pulse 2.2s infinite
    }
    .floating-help i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}

    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
    .reveal.in-view{opacity:1;transform:none}

    @keyframes pulse{
      0%{box-shadow:0 0 0 0 rgba(211,21,30,.35),0 18px 40px rgba(211,21,30,.32)}
      70%{box-shadow:0 0 0 18px rgba(211,21,30,0),0 18px 40px rgba(211,21,30,.32)}
      100%{box-shadow:0 0 0 0 rgba(211,21,30,0),0 18px 40px rgba(211,21,30,.32)}
    }
    @keyframes spin{to{transform:rotate(360deg)}}
    @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

    @media (max-width:1200px){
      .org-grid{grid-template-columns:repeat(3,1fr)}
      .leaders-grid,.news-grid,.services-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}
      .quick-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:992px){
      .menu-toggle{display:grid;place-items:center}
      .nav-menu,.nav-actions{display:none}
      .nav-menu.open,.nav-actions.open{
        display:flex;position:absolute;left:-20px;right:-14px;background:#fff;border:1px solid rgba(15,35,52,.08);box-shadow:var(--shadow);border-radius:0px;padding:18px;flex-wrap:wrap
      }
      .nav-menu.open{top:84px;gap:8px;flex-direction:column;align-items:stretch}
      .nav-menu.open a{text-align:left}
      .nav-actions.open{top:calc(84px + 238px);gap:10px;justify-content:flex-start}
      .nav-wrap{position:relative}
      .slide-grid,.message-wrap,.activity-grid,.complaint-wrap{grid-template-columns:1fr}
      .slide-grid{padding:12px 8px 10px;}
      .chair-media{width:210px;height:210px}
      .hero-points{grid-template-columns:1fr}
      .top-wrap{justify-content:center;text-align:center}
      .section{padding:64px 0}
    }
    @media (max-width:768px){
      .container{width:min(var(--container),calc(100% - 22px))}
      .quick-grid,.org-grid,.leaders-grid,.services-grid,.news-grid,.contact-grid,.footer-grid,.member-zone-grid,.form-grid{grid-template-columns:1fr}
      .slides{
        min-height:unset;
        height:max-content;
      }
      .slide h2{font-size:2rem}
      .slider-controls{right:18px;left:18px;justify-content:space-between}
      .section-head{flex-direction:column;align-items:flex-start}
      .brand-text p{display:none}
      .top-left,.top-right{justify-content:center}
      .floating-help span{display:none}
      .floating-help{padding:12px}
      .quick-card,.message-card,.member-zone,.help-panel,.form-panel,.activity-band{padding:22px}
    }
    
    
    
    .member-dropdown {
  position: relative;
}

.member-toggle {
  border: 0;
  cursor: pointer;
}

.dropdown-icon {
  font-size: 12px;
  transition: transform 0.25s ease;
}

.member-dropdown.open .dropdown-icon {
  transform: rotate(180deg);
}

.member-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 235px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.25s ease;
  z-index: 9999;
}

.member-dropdown.open .member-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.member-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border-radius: 13px;
  color: #1f2937;
  text-decoration: none;
  font-weight: 700;
  transition: 0.2s ease;
}

.member-menu a:hover {
  background: #eaf7f0;
  color: #0f6b45;
}

/* Mobile dropdown fix */
@media (max-width: 768px) {
  .nav-actions.open {
    display: block;
  }

  .member-dropdown {
    width: 100%;
  }

  .member-toggle {
    width: 100%;
    justify-content: center;
  }

  .member-menu {
    position: static;
    width: 100%;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
    box-shadow: none;
    border-radius: 16px;
  }

  .member-dropdown.open .member-menu {
    display: block;
  }
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

/* lg breakpoint: 992px and up */
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-flex {
    display: flex !important;
  }
}

