/* ==========================================================================
   Kerala Congress (M) — main stylesheet
   ========================================================================== */

:root{
  --c-red: #DE0000;
  --c-red-dark: #9c0d24;
  --c-red-darker: #6e0819;
  --c-green: #2f7d43;
  --c-dark: #1b120f;
  --c-dark-2: #0f0908;
  --c-cream: #F7F1E7;
  --c-grey: #F1EFEC;
  --c-border: #e7e2d8;
  --c-text: #1c1c1c;
  --c-text-muted: #6a6a6a;
  --c-white: #ffffff;

  --font-head: "Poppins", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;

  --header-h: 78px;
  --topbar-h: 40px;
  --container-w: 1280px;
}

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  font-family: var(--font-body);
  color: var(--c-text);
  background: var(--c-white);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img{ max-width:100%; display:block; }
ul{ list-style:none; }
a{ text-decoration:none; color:inherit; transition:.25s ease; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; }
h1,h2,h3,h4,h5,h6{ font-family: var(--font-head); font-weight:600; line-height:1.2; }

.container{
  max-width: var(--container-w);
  margin:0 auto;
  padding: 0 50px;
  @media (max-width: 767px){
  padding: 0 20px;
  }
}

.sr-only{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.eyebrow{
 display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #DE0000;
  margin-bottom: 0px;
  position: relative;
  padding-left: 36px;
  &::after{
	position: absolute;
	width: 26px;
	background: #DE0000;
	content: "";
	height: 2px;
	left: 0;
	top: 8px;
  }
}
.eyebrow.light{ color:#ffb4b4; }
.center{ text-align:center; }

.section-desc{
color: #645C58;
  max-width: 640px;
  font-size: 19px;
  margin-top: 10px;
  font-weight: 400;
  @media (max-width: 767px){
  font-size: 15px;
  }
}

/* ---- buttons ---- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 13px 26px;
  border-radius: 999px;
  font-size: 14.5px;
  font-weight:600;
  white-space:nowrap;
  transition:.25s ease;
    @media (max-width: 767px){
  padding: 8px 16px;
  font-size: 13px;
    gap:5px;
    }
}
.btn-primary{
  background: #DE0000;
  color:#fff;
  border: 1px solid var(--c-red);
}
.btn-primary:hover{ background: var(--c-red-dark); color:#fff; }

.btn-outline{
  background: transparent;
  color:#fff;
  border: 1px solid #FFFFFF57
}
.btn-outline:hover{ background: rgba(255,255,255,.12); color:#fff; }

.btn-dark-outline{
  background: transparent;
  color: var(--c-text);
  border: 1px solid #cfcac0;
}
.btn-dark-outline:hover{ border-color: var(--c-red); color: var(--c-red); }

.btn-light{
background: #FFFFFF24;
  border: 1px solid #FFFFFF57;
  color: #fff;
  font-weight: 400; padding: 10px 26px;
    @media (max-width: 767px){
background: #FFFFFF24;
  border: 1px solid #FFFFFF57;
  color: #fff;
  font-weight: 400;
  padding: 4px 16px;
  font-size: 13px;
  display: block;
    }
}
.btn-light:hover{ background: var(--c-red); color:#fff; border-color:var(--c-red); }

/* ==========================================================================
   Top utility bar
   ========================================================================== */
.topbar{
background: #A50000;

}
.topbar-inner{
height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0px;
}
.topbar-left, .topbar-right{
  display:flex;
  align-items:center;
  gap: 18px;
}
.topbar-left a, .topbar-right a{
display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}
.topbar-left a:hover, .topbar-right a:hover{ opacity:1;  }
.topbar svg{ width:14px; height:14px; flex-shrink:0; }
.topbar-donate{ font-weight:700; }

/* ==========================================================================
   Main header
   ========================================================================== */
.site-header{
  background:#fff;
  border-bottom: 1px solid var(--c-border);

  position: relative;
  z-index: 500;
  padding: 6px 0px;
}
.site-header.is-fixed{
  position: fixed;
  top:0; left:0; right:0;
  box-shadow: 0 4px 18px rgba(0,0,0,.08);
  animation: headerDrop .3s ease;
}
@keyframes headerDrop{
  from{ transform: translateY(-100%); }
  to{ transform: translateY(0); }
}
body.header-fixed-active{ padding-top: var(--header-h); }

.header-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 24px;
}

.brand{ display:flex; align-items:center; gap:10px; flex-shrink:0;

img{
  @media (max-width: 767px){
width: 230px;
  }
}
}
.brand-logo{
  width:40px; height:40px;
  border-radius:50%;
  background: var(--c-green);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.brand-logo svg{ width:22px; height:22px; }
.brand-text strong{
  display:block;
  font-family: var(--font-head);
  font-weight:700;
  font-size: 19px;
  color: var(--c-red);
  letter-spacing: -.01em;
}
.brand-text strong .bracket{ color: var(--c-dark); }
.brand-text small{
  display:block;
  font-size: 10.5px;
  color: var(--c-text-muted);
  font-weight:500;
  letter-spacing:.02em;
}

.main-nav ul{
  display:flex;
  align-items:center;
  gap: 28px;
}
.main-nav a{
font-size: 13.5px;
  font-weight: 600;
  color: #000;
  padding: 4px 0;
  position: relative;
}
.main-nav a::after{
  content:"";
  position:absolute;
  left:0; bottom:-4px;
  width:0; height:2px;
  background: #DE0000;
  transition: width .25s ease;
}
.main-nav a:hover{ color: var(--c-red); }
.main-nav a:hover::after{ width:100%; }
.main-nav a.active{ color: #DE0000;
  font-weight: 600;}
.main-nav a.active::after{ width:100%; }

.header-actions{
  display:flex;
  align-items:center;
  gap: 14px;
  flex-shrink:0;
}
.lang-toggle{
display: flex;

  border-radius: 4px;
  overflow: hidden;
}
.lang-toggle button{
  padding: 6px 13px;
  font-size:12.5px;
  font-weight:600;
  color: var(--c-text-muted);
}
.lang-toggle button.active{
  background: var(--c-red);
  color:#fff;
}
.search-btn{
  width:38px; height:38px;
  border-radius:8px;
  background: var(--c-red);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.search-btn svg{ width:17px; height:17px; }
.search-btn:hover{ background: var(--c-red-dark); }

.hamburger{
  display:none;
  width:38px; height:38px;
  border-radius:8px;
  border:1px solid var(--c-border);
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex-shrink:0;
}
.hamburger span{
  width:18px; height:2px;
  background: var(--c-text);
  border-radius:1px;
  transition:.25s ease;
}

/* ==========================================================================
   Offcanvas mobile menu
   ========================================================================== */
.offcanvas-overlay{
  position:fixed; inset:0;
  background: rgba(15,9,8,.55);
  z-index: 900;
  opacity:0; visibility:hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
.offcanvas-overlay.is-open{ opacity:1; visibility:visible; }

.offcanvas-menu{
  position:fixed;
  top:0; right:0;
  width: min(84vw, 340px);
  height:100%;
  background:#fff;
  z-index: 950;
  transform: translateX(100%);
  transition: transform .35s ease;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.offcanvas-menu.is-open{ transform: translateX(0); }

.offcanvas-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 20px;
  border-bottom:1px solid var(--c-border);
  flex-shrink:0;
}
.offcanvas-head .brand-text strong{ font-size:16px; }
#closeOffcanvas{
  font-size: 26px;
  line-height:1;
  color: var(--c-text-muted);
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
}
#closeOffcanvas:hover{ color: var(--c-red); }

.offcanvas-menu ul{ padding: 10px 20px; flex:1 1 auto; overflow-y:auto; }
.offcanvas-menu ul li a{
  display:block;
  padding: 14px 0;
  font-size:16px;
  font-weight:500;
  border-bottom:1px solid var(--c-border);
  color: var(--c-text);
}
.offcanvas-menu ul li a.active, .offcanvas-menu ul li a:hover{ color: var(--c-red); }

.offcanvas-lang{
  display:flex;
  gap:10px;
  padding: 16px 20px;
  flex-shrink:0;
  border-top:1px solid var(--c-border);
}
.offcanvas-lang button{
  flex:1;
  padding:10px;
  border-radius:8px;
  border:1px solid var(--c-border);
  font-weight:600;
  font-size:13px;
  color: var(--c-text-muted);
}
.offcanvas-lang button.active{ background:var(--c-red); color:#fff; border-color:var(--c-red); }

.offcanvas-menu .btn{ margin: 4px 20px 20px; justify-content:center; }

body.offcanvas-open{ overflow:hidden; }

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{
  position:relative;

  color:#fff;
  overflow:hidden;

  background:url(../img/banner-bg.jpg) center / cover no-repeat;
    background-attachment:fixed;
    @media (max-width: 767px){
background-size: cover;
    background-attachment:scroll;
    }
    .hero-badges{
      margin-bottom: 30px!important;
      gap:8px!important;
    }
    .hero-badges span{
      background: var(--color-white-10, #FFFFFF1A)!important;
      color: #fff;

    }
    .btn-outline{
      background: var(--color-white-10, #FFFFFF1A) !important;
    color: #fff;
    }
    
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  z-index:1;
  background: linear-gradient(180deg, rgba(15,9,8,.25) 0%, rgba(15,9,8,.58) 55%, rgba(15,9,8,.92) 100%);
  pointer-events:none;
}
.hero .eyebrow.on-dark{
  color: #817874;
position: relative;
&::before{
	background: #817874;
}
}
.hero-inner{
  position:relative;
  z-index:2;
  padding: 130px 0px 70px;
 

}
.hero h1{
  font-size: 80px;
  font-weight:700;
  letter-spacing:-.01em;
  margin-bottom: 23px;
  @media (max-width: 992px){
  margin-bottom: 15px;
    font-size: 40px;
  }
    @media (max-width: 992px){
  margin-bottom: 15px;
    font-size: 30px;
  }
}
.hero-desc{
font-size: 19px;
  color: #F3EFE8;
  max-width: 649px;
  margin-bottom: 22px;
  font-weight: 400;
    @media (max-width: 992px){
  margin-bottom: 15px;
  font-size: 15px;
    }
}
.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom: 0px;
}
.hero-badges span{
font-size: 12px;
  font-weight: 600;
  padding: 5px 13px;
  border-radius: 999px;
  background: #EAE8E7;
  border-top: 1px solid var(--color-white-22, #FFFFFF38);
  color: #4D4642;
}
.hero-badges span.accent{
  background: #FBEAEA;
border: 1px solid #FFCEC5;
  color: #A50000;
}
.hero-buttons{ display:flex;  gap:12px; }

/* ==========================================================================
   Leadership
   ========================================================================== */
.leadership{ padding: 80px 0; background: var(--ink, #120B0A);
   @media (max-width: 1199px){
padding: 40px 0 ;
   }
 }
.leadership h2{ font-size: 44px; margin-bottom: 40px; color: #fff; 
@media (max-width: 1199px){
font-size: 40px;
margin-bottom: 15px;
}
@media (max-width: 767px){
font-size: 30px;
margin-bottom: 20px;
}
}

.leaders-grid{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}
.leader-card{ text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
.leader-photo{
width: 101px;
  aspect-ratio: 1/1;
  border-radius:50%;
  overflow:hidden;
  margin-bottom:14px;
  border: 3px solid var(--c-cream);
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.leader-photo img, .leader-photo .img-fallback{
  width:100%; height:100%;
  object-fit:cover;
}
.leader-photo .img-fallback{
  display:flex; align-items:center; justify-content:center;
  font-family: var(--font-head);
  font-weight:700;
  font-size: 20px;
  color:#fff;
  background: linear-gradient(135deg, var(--c-red) 0%, var(--c-red-darker) 100%);
}
.leader-card h4{ font-size:14px; font-weight: 700;  color: #fff; margin-bottom:9px; }
.leader-card p{ font-size:11.5px; color: #817874; line-height:1.4; }

/* ==========================================================================
   Movement
   ========================================================================== */
.movement{
  position:relative;
  background:url(../img/bg-sec2.png) no-repeat; background-size: cover;
  color:#fff;
  padding:112px 0;
  background-attachment: fixed;
  z-index: 100;
  @media (max-width: 1199px){
  padding:70px 0;
  background-attachment: scroll;
  }
    @media (max-width: 767px){
  padding:50px 0;
  }
 &::before{
	background: linear-gradient(180deg, rgba(18, 11, 10, 0.72) 0%, rgba(18, 11, 10, 0.92) 100%);
position: absolute;
left: 0;
height: 100%;
width: 100%;
content: "";
z-index: -1;
top: 0;

 }
}
.movement h2{ font-size: 44px;
  margin-bottom: 36px;
  max-width: 640px;
  font-weight: 700;
  @media (max-width: 992px){
font-size: 40px;
  margin-bottom: 15px;
  }

    @media (max-width: 767px){
font-size: 30px;
  margin-bottom: 15px;
  }

}

.movement-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 36px;
}
.movement-card{
  background: rgba(255,255,255,.04);
border: 1px solid #FFFFFF21;
  border-radius: 16px;
  overflow:hidden;
}
.movement-img{
  height: 190px;
  position:relative;
  background-size: cover;
  background-position:center;
  background-color:#2a2019;
}
.movement-img.img-flag{
  display:flex;
}
.movement-img.img-flag span{ flex:1; }
.movement-img.img-flag span:first-child{ background:#f4f1ea; }
.movement-img.img-flag span:last-child{ background: var(--c-red); }
.movement-card-body{ padding: 18px 20px 22px; }
.movement-card .tag{
  display:inline-block;
  font-size:11px;
  font-weight:400;
  letter-spacing:.05em;
color: rgba(255,255,255,.65);
  margin-bottom:8px;
}
.movement-card h4{ font-size:17px; margin-bottom:8px; }
.movement-card p{ font-size:13.5px; color: rgba(255,255,255,.65); line-height:1.55; }

/* ==========================================================================
   Stats
   ========================================================================== */
.stats{ background:#FBF8F6; padding: 96px 0;
   border-bottom: 1px #DEDAD7 solid;
   @media (max-width: 1199px){
padding: 70px 0;
   }
    @media (max-width: 767px){
padding: 50px 0;
   }
.eyebrow{
	color: #DE0000;
	position: relative;
	&::after{
		background: #DE0000!important;
	}
}
}
.stats h2{ font-size: 44px;
  margin: 0 auto 44px;
  font-weight: 700;
@media (max-width: 992px){
font-size: 40px;
  margin: 0 auto 15px;
}
@media (max-width: 767px){
font-size: 30px;
  margin: 0 auto 15px;
}
}

.stats-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  background:#fff;
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(20,10,5,.06);
  overflow:hidden;
  text-align:left;
  border: 1px solid var(--border, #DEDAD7)
}
.stat-box{
  padding: 32px 30px;
  border-right: 1px solid var(--c-border);
  text-align: center;
}
.stat-box:last-child{ border-right:none; }
.stat-box h3{
  font-size: 60px;
  color: #DE0000;
  font-weight:800;
  margin-bottom: 10px;
  letter-spacing:-.01em;
  @media (max-width: 767px){
font-size: 30px;
margin-bottom: 7px;
  }
}
.stat-box p{font-size: 13px;
  color: #645C58;
  line-height: 1.55;
  font-weight: 400;
  @media (max-width: 767px){
max-width: 300px;
  margin: 0 auto;
  }
}

/* ==========================================================================
   Pillars
   ========================================================================== */
.pillars{ background: #F5F3F1; padding: 96px 0 70px;
    @media (max-width: 1199px){
padding: 70px 0 70px;
    }
      @media (max-width: 767px){
padding: 50px 0px;
    }
.eyebrow{
	 color: #DE0000;
	 &::after{
		background: #DE0000;
	 }
}
}
.pillars h2{ font-size: 44px;
  font-weight: 700;
  margin-bottom: 8px;
 @media (max-width: 992px){
font-size: 40px;
 }
  @media (max-width: 767px){
font-size: 30px;
 }
}

.pillars-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  align-items:start;
  gap: 24px;
  margin-top: 38px;
    @media (max-width: 767px){
  gap: 15px;
    }
}
.pillar-card{
  background:#fff;
  border: 1.5px solid var(--c-red);
  border-top: 3px var(--c-red) solid;
  border-radius: 22px;
  padding: 43px;

  box-shadow: 0 10px 24px rgba(20,10,5,.05);
  transition: box-shadow .25s ease, transform .25s ease;
  @media (max-width: 992px){
padding: 20px;
  }
}
.pillar-card:nth-child(2){min-height: 336px;
@media (max-width: 1199px){
min-height: auto;
}
}
.pillar-card:hover{ box-shadow: 0 14px 30px rgba(20,10,5,.09); }
.pillar-num{
display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--c-red);
  margin-bottom: 13px;
}
.pillar-card h4{ font-size: 23px;
  font-weight: 700;
  color: #1D1713;
  margin-bottom: 12px; }
.pillar-card p{ font-size:15px; color: #645C58; font-weight: 400; line-height:1.65; margin-bottom: 0px; }

/* ==========================================================================
   Newsroom
   ========================================================================== */
.news{ padding: 96px 0; background: #FBF8F6;
  @media (max-width: 992px){
     padding: 70px 0;
  }
    @media (max-width: 767px){
     padding: 20px 0px 50px;
  }
.eyebrow{
	 color: #DE0000;
	 &::after{
		background: #DE0000;
	 }
}
}
.news-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom: 40px;
  gap: 20px;
  @media (max-width: 992px){
 margin-bottom: 15px;
  }
}
.news-head h2{ font-size: 44px; font-weight: 700; color: #1D1713; 
@media (max-width: 992px){
font-size: 40px;
}
@media (max-width: 767px){
font-size: 30px;
}
@media (max-width: 570px){
font-size: 18px;
}
}
.all-news{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size: 15px;
  font-weight:600;
  color: var(--c-text);
  white-space:nowrap;
  background:#fff;
border: 1px solid #C9C3C0;
  border-radius:999px;
  padding: 13px 26px;
  transition: border-color .25s ease, box-shadow .25s ease;
  @media (max-width: 767px){
padding: 6px 16px; font-size: 11px;
  }
}
.all-news:hover{ border-color:#c9c4bb; box-shadow: 0 6px 16px rgba(20,10,5,.06); color: var(--c-text); }

.news-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.news-card{
  border: 1px solid var(--c-border);
  border-radius: 12px;
  overflow:hidden;
  transition: box-shadow .25s ease, transform .25s ease;
  background: #fff;
}
.news-card:hover{ box-shadow: 0 12px 26px rgba(0,0,0,.08);  }
.news-img{

  position:relative;
  background: linear-gradient(135deg,#efe7d8,#d9cdb4);
  background-size:cover;
  background-position:center;
}
.news-tag{
  position:absolute;
  top:14px; left:14px;
background: var(--red-soft, #FBEAEA);
border-top: 1px solid var(--color-red-89, #FFCEC5);
  color:#A50000;
  font-size: 11px;
  font-weight:600;
  padding: 7px 11px;
  border-radius: 999px;
}
.news-tag1{

background: var(--color-grey-91, #EAE8E7);
color: var(--c-text-muted);
border-top: 1px solid var(--color-grey-83, #D5D2D0)

}
.news-body{ padding: 24px; }
.news-date{
display: block;
  font-size: 11px;
  color: var(--c-text-muted);
  margin-bottom: 10px;
  font-weight: 400;
}
.news-body h4{ font-size: 17px;
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: 700 }
.news-body p{ font-size: 14px;
  color: #645C58;
  line-height: 1.55;
  font-weight: 400; }

/* ==========================================================================
   Grievance CTA
   ========================================================================== */
.grievance-cta{
  background: linear-gradient(115deg, var(--c-red-darker) 0%, var(--c-dark) 55%, var(--c-dark-2) 100%);
  color:#fff;
  padding: 104px 0;
  @media (max-width: 992px){
  padding: 50px 0;
  }
  .eyebrow {
	display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #817874;
  margin-bottom: 0px;
  position: relative;
  padding-left: 36px;
  &::after{
	background: #817874;
  }
  }
}
.cta-inner{
  display:flex;
  align-items:center;
  gap: 56px;
  @media (max-width: 992px){
flex-direction: column;
  gap: 20px;
  }

}
.cta-icon{
  width:96px; height:96px;
  border-radius:50%;
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.cta-icon svg{ width:28px; height:28px; }
.cta-text{ flex:1; min-width:260px; 
@media (max-width: 992px){
text-align:center;
}
}
.cta-text h2{ font-size: 44px;
  margin: 0px 0 10px;
  font-weight: 700; 
@media (max-width: 992px){
font-size: 40px;
}
@media (max-width: 767px){
font-size: 30px;
}
}
.cta-text p{ color: rgba(255,255,255,.75);
  font-size: 19px;
  max-width: 560px;
  font-weight: 400;
@media (max-width: 992px){
margin: 0 auto;

}
@media (max-width: 767px){

  font-size: 15px;
}
}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{
background: linear-gradient(180deg, #231814 0%, #100705 100%);
  color: rgba(255,255,255,.78);
  padding-top:84px; border-top: 2px var(--c-red) solid;
  @media (max-width: 992px){
  padding-top:30px;
  }
}
.footer-top{
  display:grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 58px;
  padding-bottom: 55px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  @media (max-width: 767px){
  gap: 20px;
  padding-bottom: 30px;
  }
}
.footer-brand{ color: rgba(255,255,255,.8);
h3{
	max-width: 464px; font-weight: 700;
	font-size: 32px; margin-bottom: 15px; color: #fff;

  @media (max-width: 1199px){
    max-width: 100%;
  }
    @media (max-width: 992px){
    max-width: 100%;
    font-size: 25px;
  }
}
p{
	font-weight: 400;
	font-size: 15px;
color: rgba(255,255,255,.65);
	margin-bottom: 15px;
}

}
.footer-brand .brand{ margin-bottom: 20px; }
.footer-brand .brand-text strong{ color:#fff; }
.footer-brand .brand-text small{ color: rgba(255,255,255,.55); }
.footer-brand p{ font-size: 14px; line-height:1.7; max-width: 480px;
   margin-bottom:16px; 
    @media (max-width: 1199px){
    max-width: 100%;
  }}
.footer-quote{
 border-left: 1px solid #817874;
  padding-left: 16px;
  font-size: 16px;
  font-style: italic;
  color: rgba(255,255,255,.65);
  max-width: 460px;
  font-weight: 400;
    @media (max-width: 1199px){
    max-width: 100%;
  }
}
.footer-quote .quote-text{ display:block; }
.footer-quote .quote-author{
  display:block;
  margin-top:8px;
  font-style:normal;
  font-weight:400;
  font-size:11px;
  letter-spacing:.05em;
  color: rgba(255,255,255,.45);
}

.newsletter-box{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 22px 24px;
  max-height: 270px;
  @media (max-width: 767px){
max-height: 100%;
  }
}
.newsletter-box h5{
 font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(255,255,255,.92);
  margin-bottom: 16px;
}
.newsletter-box p{font-size: 14px;
  color: rgba(255,255,255,.55);
  margin-bottom: 16px;
  line-height: 1.6;
  font-weight: 400; }
.newsletter-form{ display:flex; gap:8px; margin-bottom: 55px;

@media (max-width: 767px){
margin-bottom: 20px;
}
}
.newsletter-form input{
  flex:1;
  padding: 11px 14px;
border-radius: 999px;
  border:1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color:#fff;
  font-size:13.5px;
}
.newsletter-form input::placeholder{ color: rgba(255,255,255,.4); }
.newsletter-form button{
  background: var(--c-red);
  color:#fff;
  padding: 11px 18px;
  border-radius:8px;
  font-size:13.5px;
  font-weight:600;
  white-space:nowrap; border-radius: 30px;
}
.newsletter-form button:hover{ background: var(--c-red-dark); }

.social-row{ display:flex; gap:10px;
@media (max-width: 767px){
justify-content: center;
align-items: center;
}

}
.social-row a{
  width:34px; height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
}
.social-row a svg{ width:15px; height:15px; }
.social-row a:hover{ background: var(--c-red); border-color:var(--c-red); }

.footer-cols{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 46px 0 33px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  @media (max-width: 767px){
  padding: 30px 0 30px;
    gap: 20px;
  }
}
.footer-col h5{
 font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.footer-col ul li{ margin-bottom: 12px; }
.footer-col ul li a{ font-size:14px; color: rgba(255,255,255,.68); font-weight: 400; }
.footer-col ul li a:hover{ color:#fff; }
.footer-col .addr{
  display:flex;
  gap:10px;
  font-size:14px;
  color: rgba(255,255,255,.68);
  margin-bottom:14px;
  line-height:1.5;
  font-weight: 400;
}
.footer-col .addr svg{ width:16px; height:16px; flex-shrink:0; margin-top:2px; }

.footer-orgs{ padding: 32px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.footer-orgs-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.footer-orgs-title{
font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase;
}
.footer-orgs-tagline{
  font-size:11px;
  color: rgba(255,255,255,.35);
font-weight: 400;
  white-space:nowrap;
}
.footer-orgs-row{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap:10px;
}
.org-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding: 14px 16px;
border: 1px solid #FFFFFF14;
  border-radius:12px;
  background: rgba(255,255,255,.02);
  transition: border-color .2s ease, background .2s ease;
}
.org-num{font-size: 10px;
  font-weight: 500;
  color: #817874; }
.org-name{ font-size:13px; font-weight:600; color:#fff; line-height:1.3; }
.org-card:hover{ border-color: var(--c-red); background: rgba(200,16,46,.08); }

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 20px 0;
  font-size:13px;
  color: #fff;
font-weight: 400;
  gap:8px;
  @media (max-width: 767px){
flex-direction:column;
justify-content: center;
align-items: center;
text-align: center;
  }
}

/* ==========================================================================
   Rectangular image fallback pattern (movement / news)
   ========================================================================== */
.img-fallback.pattern{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  background: repeating-linear-gradient(45deg, rgba(200,16,46,.14) 0 14px, rgba(255,255,255,.05) 14px 28px);
}
.img-fallback.pattern svg{ width:34px; height:34px; opacity:.5; }

/* ==========================================================================
   Page banner
   ========================================================================== */
.page-banner{
background: linear-gradient(122.88deg, #A50000 0%, #DE0000 60%, #A50000 100%);


  color:#fff;
  padding: 90px 0;
  @media (max-width: 1199px){
  padding: 50px 0;
  }
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:500;
  color: rgba(255,255,255,.7);
  margin-bottom: 22px;
}
.breadcrumb a{ color: rgba(255,255,255,.7); }
.breadcrumb a:hover{ color:#fff; }
.breadcrumb .crumb-sep{ color: rgba(255,255,255,.45); font-size:13px; }
.breadcrumb [aria-current="page"]{ color: rgba(255,255,255,.7); }
.page-banner .eyebrow.light{
  color: rgba(255,255,255,.85);
  &::after{ background: rgba(255,255,255,.85); }
}
.page-banner h1{
  font-size: 65px;
  font-weight:700;
  letter-spacing:-.01em;
  margin: 0px 0 14px;
  @media (max-width: 767px){
    font-size: 30px;
  }
}
.page-banner-desc{
  font-size:19px;
  color: rgba(255,255,255,.85);
  max-width: 620px;
  font-weight:400;
  line-height:1.6;
  @media (max-width: 767px){
  font-size:15px;
  }
}

/* ==========================================================================
   Grievance Box page
   ========================================================================== */
.grievance-page{background: #fbf8f6; padding: 96px 0px;
  @media (max-width: 1199px){
 padding: 50px 0px;
  }
}
.grievance-layout{
  display:grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 44px;
  align-items:start;
}

.form-card{
  background:#fff;
 border: 1px solid #DEDAD7;
  border-radius: 16px;
  padding: 41px;
  box-shadow: 0 10px 28px rgba(20,10,5,.05);
   @media (max-width: 992px){
padding: 20px;
   }
}
.form-title{ font-size: 44px;
  font-weight: 700;
  margin-bottom: 10px;
    @media (max-width: 992px){
font-size: 40px;

  }

    @media (max-width: 767px){
font-size: 30px;
 
  }

}
.form-required-note{ font-size: 15px;
  color: #645C58;
  margin-bottom: 26px; }

.form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 22px;
}
.form-group{ display:flex; flex-direction:column; gap:7px; }
.form-group-full{ grid-column: 1 / -1; }
.form-group label{ font-size:13px; font-weight:600; color: #1D1713; }
.form-group label .req{ color: var(--c-red); }
.form-group input,
.form-group select,
.form-group textarea{

  font-size:15px;
  color: #757575;
  padding: 13px 14px;
  border-radius:10px;
border: 1px solid #DEDAD7;
  background:#FBF8F6;
  transition: border-color .2s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  outline:none;
  border-color: var(--c-red);
}
.form-group textarea{ resize:none; min-height:110px; font-family:inherit; }

.chip-group{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{
  display:inline-flex;
  align-items:center;
  padding: 9px 18px;
  border-radius:999px;
 border: 1px solid #DEDAD7;
  font-size:13.5px;
  font-weight:600;
  color: #1D1713;
  cursor:pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.chip input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
.chip:hover{ border-color:#c9c4bb; }
.chip:has(input:checked){
  background: var(--c-red);
  border-color: var(--c-red);
  color:#fff;
}

.btn-block { font-size: 15px; font-weight: 700; width:100%; justify-content:center; box-shadow: 0px 8px 20px -10px #DE0000;
 }

.success-panel{
  text-align:center;
  padding: 20px 10px 10px;
}
.success-icon{
  width:56px; height:56px;
  border-radius:50%;
  background: rgba(47,125,67,.1);
  display:flex; align-items:center; justify-content:center;
  margin: 0 auto 18px;
}
.success-icon svg{ width:26px; height:26px; }
.success-panel h3{ font-size:22px; margin-bottom:10px; }
.success-panel p{ color: var(--c-text-muted); font-size:14px; max-width:440px; margin:0 auto 20px; line-height:1.6; }
.ref-box{
  display:inline-flex;
  flex-direction:column;
  gap:4px;
  background: var(--c-cream);
  border: 1px dashed var(--c-red);
  border-radius:12px;
  padding: 14px 28px;
  margin-bottom: 24px;
}
.ref-label{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color: var(--c-text-muted); }
.ref-number{ font-size:20px; font-weight:700; color: var(--c-red); letter-spacing:.02em; }

.grievance-sidebar{ display:flex; flex-direction:column; gap:20px;
@media (max-width: 1199px){
gap:15px
}
}
.sidebar-card{

border: 1px solid #DEDAD7;
  border-radius: 18px;
  padding: 27px;
  background: #F5F3F1;
}
.sidebar-card h5{
font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #DE0000;
  margin-bottom: 20px;
}
.sidebar-card .addr{
  display:flex;
  gap:10px;
  font-size:14.5px;
  color:#1D1713;
  margin-bottom:14px;
  line-height:1.5;
  font-weight: 400;
}
.contactColor{
  color: #DE0000!important;
}
.sidebar-card .addr:last-child{ margin-bottom:0; }
.sidebar-card .addr svg{ width:16px; height:16px; flex-shrink:0; margin-top:2px; }

.steps-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom: 16px;
}
.steps-list li:last-child{ margin-bottom:0; }
.step-num{
  width:28px; height:28px;
  border-radius:50%;
  background: var(--c-red);
  color:#fff;
  font-size:13.5px;
  font-weight:700;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  margin-top:1px;
}
.steps-list strong{ display:block; font-size:14.5px; font-weight:400;
   line-height:1.5; color: #645C58; }
.steps-list p{ font-size:13px; color: var(--c-text-muted); line-height:1.5; margin-top:4px; }

.district-directory{ background: #fbf8f6; padding: 0px 0 90px; 
  @media (max-width: 1199px){
padding: 0px 0 50px; 
  }
.eyebrow{
  color: #DE0000; font-weight: 600;
  &::after{
    background: #DE0000;
  }
}
}
.district-directory h2{ font-size: 44px;
  margin-bottom: 34px;
  font-weight: 700;
  @media (max-width: 992px){
font-size: 40px;
  margin-bottom: 15px;
  }

    @media (max-width: 767px){
font-size: 30px;
  margin-bottom: 15px;
  }

}

.directory-table-wrap{
  overflow-x:auto;
  border: 1px solid var(--c-border);
  border-radius:14px;
  background: #fff;
}
.directory-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  font-size:14px;
}
.directory-table th{
  text-align:left;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: var(--c-text-muted);
  padding: 14px 22px;
background: #F5F3F1;
  border-bottom:1px solid var(--c-border);
  white-space:nowrap;
}
.directory-table td{
padding: 16px 22px;
  border-bottom: 1px solid var(--c-border);
  color: #1D1713;
  font-size: 14px;
  font-weight: 400;
}
.directory-table tr:last-child td{ border-bottom:none; }
.directory-table td:first-child{ font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
  color: #1D1713;}
.directory-table a{ color: #DE0000;
  font-weight: 400;
  white-space: nowrap;}
.directory-table a:hover{ text-decoration:underline; }

.directory-note{margin-top: 16px;
  font-size: 13px;
  color: #918A87;
  font-weight: 400; }

/* ==========================================================================
   News & Achievements page
   ========================================================================== */
.news-listing{ background: #fbf8f6;
  padding: 96px 0 96px; 
@media (max-width: 1199px){
padding: 50px 0px;
}
}

.featured-article{
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  background:#fff;
  border: 1px solid var(--c-border);
  border-radius: 20px;
  overflow:hidden;
  box-shadow: 0 10px 28px rgba(20,10,5,.05);
  margin-bottom: 34px;
}
.featured-img{ position:relative; min-height:320px; background:#2a2019; }
.featured-badge{
  position:absolute;
  top:16px; left:16px;
  border: 1px solid #FFCEC5;
  background:#fff;
  color: #A50000;
  font-size:11px;
  font-weight:600;
  padding: 6px 14px;
  border-radius:999px;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.featured-body{
  padding: 36px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
.featured-meta{ font-size: 12px;
  color: #918A87;
  font-weight: 400;}
.featured-body h2{ font-size:33px; font-weight:700;
   line-height:1.35; color: #1D1713; 
  @media (max-width: 992px){
font-size:23px;
  }
  
  }
.featured-body p{ font-size: 16px;
  color: #645C58;
  line-height: 1.65;
  font-weight: 400;
  @media (max-width: 767px){
font-size: 15px;
  }
}
.featured-body .btn{ align-self:flex-start; margin-top:4px; box-shadow: 0px 8px 20px -10px #DE0000; }

.news-filters{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.filter-chip{
  padding: 10px 20px;
  border-radius:999px;
  border: 1px solid var(--c-border);
  background:#fff;
  font-size:13.5px;
  font-weight:600;
  color: var(--c-text);
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.filter-chip:hover{ border-color:#c9c4bb; }
.filter-chip.active{ background: #DE0000!important; border-color:#DE0000!important; color:#fff!important; }

.news-body .read-more{
  display:inline-block;
  margin-top: 20px;
  font-size:13px;
  font-weight:600;
  color: #DE0000;
}
.news-body .read-more:hover{ text-decoration:underline; }

.news-card.is-hidden{ display:none; }

/* ==========================================================================
   Record of work
   ========================================================================== */
.deliver-section{ background: #F5F3F1; padding: 90px 0;
  @media (max-width: 1199px){
    padding: 50px 0 50px;
  }
  .eyebrow{
    color: #DE0000;
    &::after{
      background: #DE0000;
    }
  }
}
.deliver-section h2{
  font-size: 44px;
  font-weight:700;
  max-width: 560px;
  margin: 0px 0 40px;
  line-height:1.25;
  color: #1D1713;
    @media (max-width: 992px){
 font-size: 40px;
    }
  @media (max-width: 767px){
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.deliver-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
    @media (max-width: 767px){
  gap: 10px;
    }
}
.deliver-card{
  background:#fff;
border: 1px solid #DEDAD7;
  border-radius: 16px;
  padding: 29px 25px 32px;
}
.deliver-icon{
  width:42px; height:42px;
  border-radius:11px;
  background: #FBEAEA;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.deliver-icon svg{ width:20px; height:20px; }
.deliver-card h4{ font-size:16px; font-weight:700; margin-bottom:8px; color: #1D1713; }
.deliver-card p{ font-size:14px; color: #645C58; font-weight: 400; line-height:1.55; }

/* ==========================================================================
   MLA / MP page banner
   ========================================================================== */
.mla-hero{
  position:relative;
  color:#fff;
  overflow:hidden;
  background: url(../img/mpl-bgsec.jpg) center / cover no-repeat;
}
.mla-hero::before{
  content:"";
  position:absolute; inset:0;
  z-index:1;
  background: linear-gradient(90deg, rgba(15,9,8,.92) 0%, rgba(15,9,8,.72) 45%, rgba(15,9,8,.28) 100%);
}
.mla-hero-inner{
  position:relative;
  z-index:2;
  max-width:100%;
  padding: 120px 0 72px;
  @media (max-width: 767px){
    padding: 44px 0;
  }
}
.mla-hero-title{
  font-size: 70px;
  font-weight:700;
  line-height:1.2;
  margin: 10px 0 14px;
    @media (max-width: 1199px){
  font-size: 50px;
    }
  @media (max-width: 767px){
    font-size: 28px;
  }
}
.mla-hero-accent{
display: inline-block;
  font-style: italic;
  font-weight: 700;
  color: #817874;
  margin-bottom: 10px;
}
.mla-hero-desc{
font-size: 19px;
  color: #F3EFE8;
  max-width: 656px;
  margin-bottom: 34px;
  line-height: 1.65;
  font-weight: 400;
  @media (max-width: 767px){
    font-size:14px;
  }
}

/* ==========================================================================
   MLA / MP directory
   ========================================================================== */
.mla-directory{ background: #fbf8f6; padding:96px 0 90px; 
  @media (max-width: 1199px){
padding:50px 0; 
  }
}

.mla-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  background:#fff;
 border: 1px solid #DEDAD7;
  border-radius:24px;
  padding:18px 19px;
  margin-bottom: 28px;
  box-shadow: 0px 8px 28px -12px #140C0824;

box-shadow: 0px 1px 2px 0px #140C080D;

}
.mla-toolbar-label{
  font-size:12px;
  font-weight:400;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: #645C58;
}
.mla-filters{ display:flex; gap:8px; flex-wrap:wrap; }
.filter-chip.chip-sm{  padding: 8px 16px; color: #645C58; font-size: 13px; background: #F5F3F1;border: 1px solid #DEDAD7; }

.rep-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.rep-card{
background: #fff;

  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow .25s ease;
  box-shadow: 0px 8px 28px -12px #140C0824;
  box-shadow: 0px 1px 2px 0px #140C080D;
  border: 1px solid #DEDAD7;
}
.rep-card:hover{ box-shadow: 0 12px 26px rgba(0,0,0,.08); }
.rep-card.is-hidden{ display:none; }

.rep-photo{
  position:relative;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg,#efe7d8,#d9cdb4);
  img{
    width: 100%;
  }

}

.rep-photo .img-fallback{
  font-family: var(--font-head);
  font-weight:700;
  font-size:22px;
  color:#fff;
  background: linear-gradient(135deg, var(--c-red) 0%, var(--c-red-darker) 100%);
}
.rep-credit{
position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
  background: rgba(15,9,8,.7);
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: uppercase;
padding: 7px 12px;
  margin: 0 10px;
  border-radius: 30px;
}

.rep-body{ padding: 18px 21px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1; 
  justify-content: space-between;
}
.rep-body h4{ font-size:22px; font-weight:700; color:#1D1713; margin-bottom: 13px; }
.rep-meta{ font-size: 11px;
  font-weight: 400;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #645C58;
  margin-bottom: 3px; display: block; }
.rep-desc{font-size: 15px;
  color: #645C58;
  line-height: 1.55;
  margin-bottom: 15px;
  font-weight: 400;
  margin-top: 15px; }

.rep-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.rep-tag{
font-size: 11px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 999px;
  background: #FBEAEA;
  border: 1px solid #FFCEC5;
  color: #A50000;
}
.rep-tag.tag-grey{ background: #F5F3F1; color: #645C58; font-size: 11px; font-weight: 600; border: 1px solid #DEDAD7; color: var(--c-text-muted); }

.rep-btn{box-shadow: 0px 8px 20px -10px #DE0000;
  align-self: flex-start;
  margin-top: auto;
  background: #DE0000;
  padding: 13px 25px;
  font-size: 15px;
  font-weight: 600; margin-top: 0px; }
.rep-extra-link{
  display:inline-block;
  margin-top:10px;
  font-size:14px;
  font-weight:600;
  color: #DE0000;
}


/* ==========================================================================
   MLA / MP tally
   ========================================================================== */
.mla-stats{ background: #120B0A; padding: 90px 0; 
  @media (max-width: 1199px){
padding: 70px 0; 
  }
    @media (max-width: 767px){
padding: 50px 0; 
  }
}
.mla-stats-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}
.mla-stat-box{
background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
 padding: 21px 25px;
}
.mla-stat-box h3{ font-size: 48px; font-weight:700; color:#fff; margin-bottom:12px; }
.mla-stat-box p{ font-size: 16px;
  color: #C9C3BA;
  font-weight: 400;
  line-height: 1.4; }
.mla-stats-note{
  font-size:14px;
  color: rgba(255,255,255,.4);
  max-width: 274px;
  font-weight: 400;
  line-height:1.65;
    @media (max-width: 1199px){
max-width: 100%;
    }
}

/* ==========================================================================
   Organisations page
   ========================================================================== */
.org-hero{
  position:relative;
  color:#fff;
  overflow:hidden;
  background: url(../img/organization-bannerimg1.jpg) center / cover no-repeat;
  background-attachment: fixed;
    @media (max-width: 767px){
  background-attachment:scroll;
    }
}

.org-hero-inner{
position: relative;
  z-index: 2;
  max-width: 606px;
  padding: 150px 0 100px;
  @media (max-width: 767px){
    padding: 50px 0;
  }
  .on-dark{
    color: rgba(255,255,255,.5);
  font-size: 11px;
  margin-bottom: 0px;
  &::after{
    background: rgba(255,255,255,.5);
  }
  }
}
.org-hero h1{
  font-size: 70px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0px 0 14px;
  color: #ffffff9c;
  @media (max-width: 767px){
    font-size: 30px;
  }
}
.org-hero-desc{
font-size: 16px;
  color: #F3EFE899;
  max-width: 656px;
  line-height: 1.75;
  font-weight: 400;
  @media (max-width: 767px){
    font-size:14px;
  }
}
.has-image{
  background: url(../img/student-congree-bg-img.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
    @media (max-width: 1199px){
padding: 100px 50px!important;
background-attachment: scroll;
    }
        @media (max-width: 767px){
padding: 50px 20px!important;
background-attachment: scroll;
    }
}

.org-band{
position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  padding: 117px 52px 117px;
  
  @media (max-width: 767px){
    padding: 50px 0;
  }
}

.org-band-inner{ position:relative; z-index:2;  }
.org-band.has-image .org-band-inner{ max-width:none; }

.org-band-split{
  display:grid;
grid-template-columns: 3.6fr 1.5fr;
  gap: 82px;
  align-items:center;
}
.org-inset-img{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.35);

}
.org-inset-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.inset-badge{
  position:absolute; top:16px; left:16px; z-index:2;
  display:flex; flex-direction:column; line-height:1.2;
  background: var(--c-red); color:#fff; border-radius:10px; padding:8px 14px;
}
.inset-badge strong{ font-size:15px; font-weight:800; }
.inset-badge span{ font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.85; }
.inset-caption{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  padding:40px 16px 14px; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  font-size:11px;
}
.inset-caption .cap-years{ color: rgba(255,255,255,.6); font-weight:600; }
.inset-caption .cap-name{ color:#fff; font-weight:700; }

.org-band-head{
  display:flex;
 
  gap:16px;
  margin-bottom:0px;
   @media (max-width: 767px){
flex-direction: column;
   }
}

.org-band-split{
.org-band-head{
display: grid;
grid-template-columns: 79px 1fr;
 @media (max-width: 767px){
grid-template-columns:1fr;
 }
h2{
  margin-bottom: 10px;
  font-size: 52px;
    @media (max-width: 1199px){
font-size: 43px;
    }
        @media (max-width: 767px){
font-size: 28px;
    }
}
p{
  margin-bottom: 56px;
          @media (max-width: 1199px){
  margin-bottom: 20px;
  font-size: 15px;
    }

}

}
.org-detail-grid{
  max-width: 566px;
    @media (max-width: 1199px){
max-width: 100%;
    }
  p{
    margin-bottom: 0px;
      font-size: 15px;
  font-weight: 400;
   @media (max-width: 767px){
  font-size: 13px;
   }
  }
}

}


.org-band h2{ font-size: 57px;
  font-weight: 700;
  margin: 0 0 0px;
    @media (max-width: 1199px){ font-size:43px; }
  @media (max-width: 767px){ font-size:24px; }
}
.org-band p{
  font-size:16px;
  color: rgba(255,255,255,.8);
  line-height:1.75;
  max-width:640px;
  margin-bottom:70px;
  font-weight: 400;
     @media (max-width: 1199px){ font-size:15px; margin-bottom: 20px; max-width: 100%; }
}

.org-band p a:hover, .org-detail-grid p a:hover{ color:#ffb4b4; }


.chapter-tag{ display:inline-flex; align-items:center; gap:12px;
   margin-bottom:0px; }
.chapter-tag::before{ content:""; width:26px; height:2px; background: var(--c-red); flex-shrink:0; }
.chapter-num{ font-size:12px; font-weight:700; letter-spacing:.08em; 
  text-transform:uppercase; color: var(--c-red);
@media (max-width: 570px){
font-size:10px;
}
}
.chapter-meta{ font-size:12px; font-weight:600; letter-spacing:.08em; 
  text-transform:uppercase; color: rgba(255,255,255,.55);
@media (max-width: 570px){
font-size:10px;
}
}
.chapter-desc{
  font-size:16px; color: rgba(255,255,255,.8); line-height:1.75; max-width:640px;
  margin:0 0 20px; font-weight:400;
  @media (max-width: 1199px){ font-size:15px; margin-bottom:14px; max-width:100%; }
}
.chapter-badges{ display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.chapter-badges span{
  display: inline-block;
  padding: 7px 18px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #C9C3BA;
  background: var(--color-white-4, #FFFFFF0A);
}

.org-band-center{ text-align:center; }
.org-band-center .org-band-head{ justify-content:center; 
 @media (max-width: 767px){
align-items: center;
margin-bottom: 0px;
 }

}
.org-band-center > p{ margin-left:auto; margin-right:auto; }
.org-band-center .org-detail-grid{ max-width:820px; margin:0 auto; text-align:center; }

.org-detail-grid{
  display:grid;
  gap:24px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding: 24px;

  @media (max-width: 600px){
    grid-template-columns: 1fr;
  }
}
.org-detail-grid h5{
  font-size:12.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#fff;
  margin-bottom:8px;
}
.org-detail-grid p{ font-size: 15px;
  color: rgba(255,255,255,.75);
  line-height: 1.6;
  margin: 0;
  max-width: none;
  font-weight: 400;
  @media (max-width: 767px){
font-size: 13px;
  }
}

.org-link{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  font-weight:400;
  color: rgba(255,255,255,.75);
background: var(--color-orange-4710, #B4883C1A);
  border-top: 1px solid var(--color-orange-4728, #B4883C47);
  border-radius:16px;
  padding: 16px 18px;
  margin-top:15px;
  text-decoration:none;
    @media (max-width: 767px){
font-size: 13px;
  }
}
.org-link:hover{ background: rgba(255,255,255,.1); color:#fff; }
.org-link-icon{ flex-shrink:0; color:#ffb4b4; }
.org-link-icon svg{ width:16px; height:16px; display:block; }

.org-cta{
  background: linear-gradient(135deg, var(--c-red) 0%, var(--c-red-darker) 100%);
  color:#fff;
  padding: 90px 0;
    @media (max-width: 1199px){ padding: 70px 0; }
  @media (max-width: 767px){ padding: 50px 0; }
.eyebrow.light {
  font-size: 11px;
  font-weight: 600;
 
  &::after{
    background: #ffb4b4;
    top:8px;

  }
}
  
}
.org-cta h2{ font-size: 45px; font-weight:700; margin: 10px 0 14px;
   @media (max-width: 1199px){ font-size:34px; }
  @media (max-width: 767px){ font-size:26px; }
}
.org-cta p{ font-size:16px; color: rgba(255,255,255,.85); max-width:620px; 
  line-height:1.65; 
  @media (max-width: 767px){
 font-size:15px; max-width: 100%;
  }
}
.org-cta-links{ display:flex; flex-wrap:wrap; gap:19px; margin-top:24px;
    @media (max-width: 767px){
gap:8px;
    }
 }

/* ==========================================================================
   Chairman page
   ========================================================================== */
.chairman-hero{
  position:relative;
  color:#fff;
  overflow:hidden;
  background: url(../img/chairman-banner1.jpg) center / cover no-repeat;
  padding: 120px 0 140px;
  @media (max-width: 767px){ padding: 30px 0 50px; }
}

.chairman-hero .breadcrumb{ position:relative; z-index:2; margin-bottom:20px; }
.chairman-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1.4fr .6fr;
  gap:40px;
  align-items:center;
}
.chairman-hero-text h1{
  font-size:70px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:14px;
    @media (max-width: 1199px){ font-size:43px; }
  @media (max-width: 767px){ font-size:28px; }
}
.chairman-hero-text p{
  font-size:19px;
  color: rgba(255,255,255,.85);
  max-width:560px;
  line-height:1.7;
  margin-bottom:40px;
  font-weight: 400;
    @media (max-width: 767px){ font-size:15px; }
}
.chairman-hero-text .hero-meta{
  font-size:13.5px;
  color: rgba(255,255,255,.6);
  margin-bottom:24px;
  font-weight:500;
}
.chairman-hero-text .eyebrowMain {
display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #817874;
  margin-bottom: 0px;
  position: relative;
  padding-left: 36px;
  &::after{
    position: absolute;
    width: 26px;
    background: #817874;
    content: "";
    height: 2px;
    left: 0;
    top: 8px;
  }
}

.bio-side{
max-width: 532px;
}
.bio-section{ background: #fbf8f6; padding: 96px 0;
   @media (max-width: 1199px){ 
padding:70px 0;
 }
 @media (max-width: 767px){ 
padding:50px 0;
 }
}
.bio-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:60px; }
.bio-text h2{ font-size: 44px;
  font-weight: 700;
  margin: 0px 0 20px;
  color: #1D1713;
    @media (max-width: 1199px){ 
font-size: 34px;
margin-bottom: 15px;
    }
  @media (max-width: 767px){ font-size:24px; }
}

.bio-text{
  .eyebrow{
    font-size: 11px;
  color: #DE0000;
  line-height: 1.75;
  margin-bottom: 0; 
   font-weight: 400;
  &::after{
  top: 8px;
  background: #DE0000;
}
  }
}
.bio-text p{font-size: 16px;
  color: #1D1713;
  line-height: 1.75;
  margin-bottom: 0; 
  font-weight: 400;
  margin-bottom: 20px;
    @media (max-width: 1199px){
font-size: 15px;
margin-bottom: 15px;
    }
&::after{
  top: 10px;
  background: #DE0000;
}
}

.bio-facts{ display:flex; flex-direction:column; gap:9px; margin-bottom:29px; }
.bio-fact{ grid-template-columns: 1fr 4fr; display:grid;  gap:10px; }
.bio-fact span{ font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #645C58;
  flex-shrink: 0;
  @media (max-width: 767px){
font-size: 7px;
    }
}
.bio-fact strong{ font-size: 15px;
  font-weight: 400;
  color: #1D1713;
  text-align: left;
    @media (max-width: 767px){
font-size: 10px;
    }

}

.bio-education .eyebrow{ margin-bottom: 17px;
  color: #DE0000;
  font-weight: 600;
&::after{
  background: #DE0000;
}
}
.bio-education ul{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:15px;
  padding-left:30px;
}
.bio-education ul::before{ content:""; position:absolute; left:4px;
   top:0px; bottom:0px; width:2px; background: #DCDCDC;}
.bio-education li{ position:relative; }
.bio-education li::before{
content: "";
  position: absolute;
  left: -30px;
  top: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #DE0000;
  box-shadow: 0 0 0 3px #DCDCDC;
  border: 2px #fff solid;
}
.bio-education li strong{ display:block; font-size:14px; font-weight:700;
   color:#1D1713; margin-bottom:0px; }
.bio-education li span{ font-size:12.5px; color: #645C58; font-weight: 400; }

.career-section{ background: #F5F3F1;
  padding: 96px 0; border-top: 1px #DEDAD7 solid;
    @media (max-width: 1199px){
padding: 70px 0;
    }
      @media (max-width: 767px){
padding: 50px 0;
    }
  .careerMaxwidthMain{
    max-width: 525px; margin-bottom: 43px;
      @media (max-width: 767px){
margin-bottom: 20px;
      }
  }
.section-desc{
  color: #645C58;
  max-width: 100%;
  font-size: 16px;
  margin-top: 0px;
  font-weight: 400;
     @media (max-width: 767px){
  font-size: 15px;
     }
}
}
.career-section h2{ font-size: 44px;
  font-weight: 700;
  margin: 0px 0 13px;
  color: #1D1713;
  @media (max-width: 767px){ font-size:24px; }
}
.timeline-grid{ display:grid; grid-template-columns: repeat(4, 1fr); 
  gap:18px;  
  @media (max-width: 767px){
  gap:10px; 
  }
}
.timeline-card{
  position:relative;
  overflow:hidden;
  background:#fff;
border: 1px solid #DEDAD7;
  border-radius:16px;
  padding:24px 22px 22px;
 

box-shadow: 0px 1px 2px 0px #140C080D;

}
.timeline-card::before{
  content:"";
  position:absolute; top:0; left:0; right:0;
  height:4px;
  background: var(--c-border);
}
.timeline-card.status-won::before{ background: #817874; }
.timeline-card.status-lost::before{ background:#D79628; }
.timeline-card.status-current::before{ background:#817874; }
.timeline-years{ display: block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #645C58;
  margin-bottom: 12px; }
.timeline-tag{ display: inline-block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 4px 10px;
  border-radius: 999px;
  background: #F0EFEF;
  color: #4D4642;
  margin-bottom: 12px;
svg{
  position: relative;
  top: 3px;
}
}
.timeline-tag-lost{ background:#FDF0DD; color:#9a5b0a; }
.timeline-tag-active{ background: var(--color-grey-91, #EAE8E7); color: var(--c-text-muted); }
.timeline-card h4{ font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1D1713; }
.timeline-card p{ font-size:13px; color: #645C58; line-height:1.55; font-weight: 400; }

.chairman-legacyBg1{
  position:relative;
  color:#fff;
  overflow:hidden;


  padding: 90px 0;
  background: url(../img/chairman-legacy-bg1.jpg) no-repeat; 
    background-size: cover;
  @media (max-width: 767px){ padding: 50px 0; }
}
.chairman-legacy::before{
  content:"";
  position:absolute; inset:0;
  z-index:1;
  background: linear-gradient(90deg, rgba(10,6,5,.35) 0%, rgba(10,6,5,.88) 42%, rgba(10,6,5,.97) 100%);
}
.legacy-block{ position:relative; z-index:2; max-width: 734px; }
.legacy-block .eyebrow{ color: rgba(255,255,255,.5);
  font-size: 11px;
  margin-bottom: 0px;

}
.legacy-block .eyebrow::after{ background: rgba(255,255,255,.5); }
.legacy-block h2{ font-size: 44px;
  font-weight: 700;
  margin: 0px 0 26px;
  @media (max-width: 767px){ font-size:22px; }
}
.legacy-block h3{ color: #fff; font-size:40px; font-weight:700; margin: 0px 0 34px;
  @media (max-width: 767px){ font-size:20px; margin-bottom: 20px; }
}
.legacy-block p{ font-size: 16px;
  color: rgba(255,255,255,.8);
  line-height: 1.75;
  max-width: 734px;
  margin-bottom: 24px; font-weight: 400; 
  @media (max-width: 767px){ font-size:15px; }
}

.legacy-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.legacy-tag{
 font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 6px 12px;
  border-radius: 6px;
  background: #261E1C;
  color: #817874;
  border: 1px solid #81787461;
}
.legacy-tag-red{ background: #36140F;
  border-color: rgba(200,16,46,.35);
  color: #FF8E86; }
.legacy-tag-green{ background: #261E1C; border: 1px solid #81787461; color:#73C07F; }

.legacy-callout{
  display:inline-flex; align-items:center; gap:12px;
  margin-top:18px; padding:10px 18px 10px 10px;
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
}
.legacy-callout-logo{
background: var(--c-red);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  padding: 7px 7px;
  border-radius: 0;
}
.legacy-callout-text{ font-size:12.5px; color: rgba(255,255,255,.75); }
.chairman-legacyBg2{
  background: linear-gradient(134.23deg, #120B0A 0%, #180F0D 100%);
   padding: 96px 0px;
     @media (max-width: 1199px){
   padding:70px 0px;
     }
          @media (max-width: 767px){
   padding:50px 0px;
     }

}

.beyond-section{ background: #fbf8f6;
  padding: 96px 0; 
  @media (max-width: 1199px){
  padding: 70px 0; 
  }
    @media (max-width: 767px){
  padding: 50px 0; 
  }
}
.beyond-section h2{ font-size:32px; font-weight:700; margin: 0px 0 36px;


  @media (max-width: 767px){ font-size:24px; margin-bottom: 20px; }
}
.beyond-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap:22px;
@media (max-width: 767px){
gap:10px;
}
}
.beyond-card{ background:#fff; border: 1px solid #DEDAD7;
  border-radius:16px; padding: 23px;  }
.beyond-tag{ display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #645C58;
  margin-bottom: 8px; }
.beyond-card h4{ font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1D1713; 
  @media (max-width: 767px){ 
font-size: 20px;

  }
}
.beyond-card p{ font-size:14px; color: #645C58; line-height:1.6; font-weight: 400; }

.feed-section{ background: #f5f3f1;
  padding: 96px 0;
  border-top: 1px #DEDAD7 solid; 
  @media (max-width: 1199px){ 
  padding: 70px 0;
  }
    @media (max-width: 767px){ 
  padding: 50px 0;
  }
}
.feed-section h2{ font-size:44px; color: #1D1713; font-weight:700; margin: 0px 0 40px;
  @media (max-width: 767px){ font-size:24px; margin-bottom: 20px; }
}
.feed-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:18px;
  @media (max-width: 767px){ 
gap:10px;
  }
}
.feed-card{ background:#fff; border: 1px solid #DEDAD7; border-radius:16px; padding:20px; }
.feed-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.feed-avatar{
  width:38px; height:38px; border-radius:50%; flex-shrink:0;
  background: #FBEAEA;
  color: #DE0000; font-size:13px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.feed-who{ display:flex; flex-direction:column; flex:1; min-width:0; }
.feed-who strong{ font-size: 14px;
  font-weight: 700;
  color: #1D1713;}
.feed-who span{ font-size: 11px;
  color: #918A87;
  font-weight: 400; }
.feed-platform-badge{
  width:28px; height:28px; border-radius:7px; flex-shrink:0;
  background:#111111;
  display:flex; align-items:center; justify-content:center;
}
.feed-platform-badge svg{ width:15px; height:15px; }
.feed-platform-badge.facebook{ background:#1877F2; }
.feed-card p{ font-size: 14px;
  color: #1D1713;
  line-height: 1.6;
  margin-bottom: 14px;
  font-weight: 400; }
.feed-stats{
  display:flex; align-items:center; gap:16px;
font-size: 12px;
  color: #918A87;
  font-weight: 400;
 border-top: 1px solid #DEDAD7; padding-top:12px;
}
.feed-stat{ display:flex; align-items:center; gap:5px; }
.feed-stat svg{ width:14px; height:14px; flex-shrink:0; }
.feed-more{ margin-left:auto; color: var(--c-green); display:flex; }
.feed-more svg{ width:14px; height:14px; }

.statements-section{ background: #fbf8f6; padding: 96px 0;
border-top: 1px #DEDAD7 solid;
  @media (max-width: 1199px){
 padding: 70px 0;
  }
    @media (max-width: 767px){
 padding: 50px 0;
  }
}
.statements-head{ display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 36px;
  flex-wrap: wrap;
 @media (max-width: 767px){
  margin-bottom: 20px;
 }
}
.statements-head h2{ font-size:44px; font-weight:700; margin-top:0px;
  @media (max-width: 767px){ font-size:24px; }
}
.statement-list{
  margin-top:0px;
  background:#fff;
border: 1px solid #DEDAD7;
  border-radius:16px;
  overflow:hidden;

}
.statement-row{ border-bottom:1px solid var(--c-border); }
.statement-row:last-child{ border-bottom:none; }
.statement-toggle{
  display:flex; align-items:center; gap:22px;
  width:100%; padding:22px 24px;
  background:none; border:none; text-align:left;
  font:inherit; color:inherit; cursor:pointer;
  transition: background-color .2s ease;
}
.statement-toggle:hover{ background: rgba(20,10,5,.03); }
.statement-num{ font-size: 17px;
  font-weight: 800;
  color: #C9C3C0;
  flex-shrink: 0;
  width: 24px;
  padding-top: 0; }
.statement-main{ flex:1; min-width:0; }
.statement-main h4{ font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #1D1713; }
.statement-desc{
font-size: 13.5px;
  color: #645C58;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
}
.statement-row.is-open .statement-desc{ -webkit-line-clamp:unset; line-clamp:unset; overflow:visible; }
.statement-date{
 font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #918A87;
  flex-shrink: 0;
  white-space: nowrap;
  padding-top: 0px;
}
.statement-chevron{ flex-shrink:0; width:16px; height:16px; margin-top:3px; color: var(--c-text-muted); transition: transform .2s ease; }
.statement-row.is-open .statement-chevron{ transform: rotate(90deg); }
@media (max-width: 767px){
  .statement-toggle{ flex-wrap: wrap-reverse; }
  .statement-date{ order:1; width:100%; padding-top:0; }
}

.chairman-cta{ background: #fbf8f6;padding: 90px 0;
@media (max-width: 1199px){
padding-top: 0px; padding-bottom: 0px;
}
}
.chairman-cta .cta-inner{
flex-direction: column;
  text-align: center;
  gap: 20px;
  max-width: 1152px;
  margin: 0 auto;
background: linear-gradient(112.15deg, #FFF3F1 0%, #F6F5F5 100%);

  border: 1px solid var(--c-border);
  border-radius: 20px;
  padding: 56px 40px;
}
.chairman-cta .cta-icon{
  width:54px; height:54px;
  background:#fff;
  border:2px solid var(--c-red);
}
.chairman-cta .cta-icon svg, .chairman-cta .cta-icon img{ width:31px; }
.chairman-cta .cta-text{ text-align: center;
  max-width: 622px; }
.chairman-cta .cta-text h2{ font-size: 44px;
  font-weight: 700;
  margin: 0 0 16px;
  color: #1D1713;
  @media (max-width: 767px){ font-size:26px; }
}
.chairman-cta .cta-text p{ font-size: 16px;
  color: #645C58;
  max-width: 480px;
  margin: 0 auto 35px;
  font-weight: 400;}
.chairman-cta-buttons{ display:flex; flex-wrap:wrap; gap:14px;
   justify-content:center; 
  .btn-primary{
    box-shadow: 0px 8px 20px -10px #DE0000;
  }
  }
.chairman-cta .btn-dark-outline{ background:#fff; }

/* ==========================================================================
   K. M. Mani page
   ========================================================================== */
.bio-badge{
  width:64px; height:64px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--c-red);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:24px;
}
.bio-badge img, .bio-badge svg{ width:26px; height:26px; }

.man-bio-section{ position:relative; overflow:hidden; 
  background-size: cover; padding: 96px 0px 60px;
   background: url(../img/banner-section-2.png) no-repeat; background-attachment: fixed;
  
    @media (max-width: 1199px){
 padding: 70px 0px 60px;
    }
      @media (max-width: 767px){
 padding: 50px 0px 50px;
    }
  }

.man-bio-section .container{ position:relative; z-index:1; }
.man-grid{ align-items: start;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px; }
.man-icon-side{ display:flex; align-items:center; justify-content:end; }
.man-badge{
  width:273px; height:273px;
  margin-bottom:0;
  img{
    width: 188px!important;
    height: auto!important;
  }
}
.man-badge img, .man-badge svg{ width:70px; height:70px; }

.man-facts-table{
  margin-top:28px;
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:14px;
  overflow:hidden;
}
.man-facts-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  border-bottom:1px solid var(--c-border);
}
.man-facts-row:last-child{ border-bottom:none; }
.man-facts-row > div{ padding:12px 20px; }
.man-facts-row > div:first-child{ border-right:1px solid var(--c-border); }
.man-facts-row span{
  display:block; font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; color: var(--c-text-muted); margin-bottom:4px;
}
.man-facts-row strong{ font-size:14.5px; font-weight:700; color: var(--c-text); }
@media (max-width: 600px){
  .man-facts-row{ grid-template-columns: 1fr; }
  .man-facts-row > div:first-child{ border-right:none; border-bottom:1px solid var(--c-border); }
  .man-badge{ width:120px; height:120px; margin:0 auto; }
  .man-badge img, .man-badge svg{ width:50px; height:50px; }
}

.decades-section{
  position:relative; color:#fff; overflow:hidden;
  background: url(../img/mani-banner-bg-3.jpg) center / cover no-repeat;
  padding: 96px 0; background-attachment: fixed;
  @media (max-width: 1199px){
  padding: 70px 0;
  }
    @media (max-width: 767px){
  padding: 50px 0;
  }
}

.decades-inner{ position:relative; z-index:2; }
.decades-inner h2{ font-size:44px; font-weight:700; margin: 0px 0 30px;
    @media (max-width: 1199px){ 
font-size: 34px;
margin-bottom: 15px;
    }
  @media (max-width: 767px){ font-size:24px; }
}
.decades-track{
  display:flex; gap:8px; flex-wrap:wrap;
}
.decade-item{ flex:1; text-align:center; padding:0 12px; position:relative; }
.decade-item::before{
  content:""; position:absolute; top:-25px; left:50%; transform:translateX(-50%);
  width:8px; height:8px; border-radius:50%; background: var(--c-red);
}
.decade-year{ font-size:16px; font-weight:400; margin-bottom:6px; color: rgba(255,255,255,.55);  }
.decade-desc{ font-size:12.5px; color: rgba(255,255,255,.6); line-height:1.5; }

.decade-pill{
  flex:1 0 0;
  min-width:56px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:14px 10px;
  text-align:center;
}
.decade-pill .decade-year{ margin-bottom:0; white-space:nowrap; }
.decade-cap{ font-size:16px; color: rgba(255,255,255,.55); line-height:1.4; margin-top:10px!important; }
.decades-summary{
  margin-top:28px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:16px 20px;
  font-size:13px;
  color: rgba(255,255,255,.65);
  line-height:1.6;
}

.finance-section{
  position:relative; color:#fff; overflow:hidden;
  background: url(../img/finaceMinister-bg.jpg) center / cover no-repeat;
  padding: 96px 0; 
    @media (max-width: 1199px){
padding: 70px 0px;
    }
      @media (max-width: 767px){
padding: 50px 0px;
    }
}

.finance-inner{ position:relative; z-index:2;
.eyebrow{
  margin-bottom: 0px;
  font-size: 11px;
}
}
.finance-inner h2{ font-size:44px; font-weight:700; margin: 0px 0 16px; 
  @media (max-width: 767px){
font-size: 24px;
  }

}
.finance-inner p{max-width: 605px;
  font-size: 19px;
  color: rgba(255,255,255,.8);
  line-height: 1.75;
  margin-bottom: 40px; 
  @media (max-width: 767px){
font-size: 15px;
margin-bottom: 20px;
  }
}
.finance-stats{ display:flex; gap:20px; flex-wrap:wrap; }
.finance-stat-card{
  flex:1; min-width:240px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:22px;
}
.finance-stat-card{
  h5{
    color: #817874;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 5px;
  }
}
.finance-stat-num{ font-size: 57px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 8px;
  color: #817874; }
.finance-stat-label{ font-size: 12px;
  color: rgba(255,255,255,.55);
  line-height: 1.5;
  margin-bottom: 14px;
  font-weight: 400;}
.finance-stat-desc{ font-size:15px!important; font-weight: 400; color: rgba(255,255,255,.65); 
  line-height:1.6; margin:0; }

.finance-footnote{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255,255,255,.75);
  background: var(--color-orange-4710, #B4883C1A);
  border-top: 1px solid var(--color-orange-4728, #B4883C47);
  border-radius: 16px;
  padding: 16px 18px;
  margin-top: 15px;
  text-decoration: none;
}
.finance-footnote-icon{ color:#fff; flex-shrink:0; font-style:normal; }

.toiling-section{
  position:relative; color:#fff; overflow:hidden;
  background: url(../img/theory-of-trolling.jpg) center / cover no-repeat;
  padding: 96px 0;
  background-attachment: fixed;
    @media (max-width: 1199px){
  padding: 70px 0;
    }
    @media (max-width: 767px){
  padding: 50px 0;
    }
   .eyebrow{
    color: rgba(255,255,255,.8);
    margin-bottom: 0px;
    font-size: 11px;
   }
}
.toiling-inner{ position:relative; z-index:2; }
.toiling-inner > h2{ font-size:44px; font-weight:700; margin: 0px 0 16px;
   max-width:640px;
    @media (max-width: 1199px){
font-size: 34px;
    }
       @media (max-width: 767px){
font-size: 24px;
    }

  }
.toiling-intro{ font-size: 19px;
  color: rgba(255,255,255,.75);
  line-height: 1.7;
  max-width: 680px;
  margin-bottom: 40px;
  font-weight: 400;
@media (max-width: 767px){
  margin-bottom: 20px;
  font-size: 15px;
}
}
.toiling-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; margin-bottom:36px; }
.toiling-card{
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  border-radius:14px; padding:22px;
}
.toiling-card-num{ display: block;
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,.4);
  margin-bottom: 14px; }
.toiling-card h5{ font-size:20px; font-weight:700; color:#fff; margin-bottom:10px; }
.toiling-card p{ font-size: 15px;
  color: rgba(255,255,255,.65);
  line-height: 1.80;
  margin: 0;
  font-weight: 400; }

.toiling-cta{ text-align:center; }
.toiling-cta h3{ font-size: 30px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px;
  @media (max-width: 767px){
font-size: 20px;
  }
}
.toiling-cta .ml{ font-size:25px;
   color: rgba(255,255,255,.6); margin-bottom:24px;

  @media (max-width: 767px){
 font-size:20px;
  }margin-bottom:15px;

   }
.toiling-cta .btn-solid-dark{
  background: rgba(255,255,255,.08);
   border:1px solid rgba(255,255,255,.22); color:#fff;
    @media (max-width: 767px){
font-size: 10px;
    }
}
.toiling-cta .btn-solid-dark:hover{ background: rgba(255,255,255,.14); }
.toiling-cta .toiling-footnote{
  margin-top:20px; font-size:11px;
   color: rgba(255,255,255,.4); font-style:italic; font-weight: 400;
}

/* -- our-story.html "Theory of the Toiling Class" redesign, scoped so it doesn't affect km-mani.html's reuse of .toiling-* -- */

.story-toiling .toiling-inner > h2{max-width: 530px; margin:0px 0 10px;
   font-weight: 700; line-height:1.25; font-size: 57px; 
   @media (max-width: 1199px){
font-size: 44px; 
   }
    @media (max-width: 767px){
font-size: 24px; 
   }
  }
.story-toiling .toiling-inner > h2 em{color: #817874; font-style:italic; font-weight:700; opacity:.85; }
.story-toiling .toiling-subtitle{
 font-size: 19px;
  font-style: italic;
  color: rgba(255,255,255,.5);
  margin: 0 0 24px;
  font-weight: 500;
    @media (max-width: 1199px){
 font-size: 17px;
    }
       @media (max-width: 767px){
 font-size: 15px;
    }
}
.story-toiling .toiling-intro{ font-size: 18px;
  margin-bottom: 45px;
  font-weight: 400; line-height: 1.9;
  @media (max-width: 767px){ font-size:15px; margin-bottom:20px; }
}
.story-toiling .toiling-grid{
  @media (max-width: 900px){ grid-template-columns: 1fr; }
}
.story-toiling .toiling-card{
  background: rgba(20,10,8,.5); border:1px solid rgba(255,255,255,.1);
  border-top:2px solid var(--c-red);
  border-radius:16px; padding:24px;
    @media (max-width: 767px){
padding: 18px;
    }
}
.story-toiling .toiling-card-num{ font-size: 38px;
  font-weight: 800;
  color: #DE0000; margin-bottom: 9px;}

.toiling-footer{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  padding-top:28px; border-top:1px solid rgba(255,255,255,.14);
}
.toiling-footer p{
  font-size:15px; color: rgba(255,255,255,.55); line-height:1.6;max-width: 558px; margin:0; font-weight:400;
}
.toiling-footer p em{ font-style:normal;  }
.toiling-footer .btn-solid-dark{
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); color:#fff;
  flex-shrink:0; white-space:nowrap;
    @media (max-width: 767px){
font-size: 10px;
    }
}
.toiling-footer .btn-solid-dark:hover{ background: rgba(255,255,255,.14); }

.karunya-section{ background: var(--c-cream); padding: 60px 0; }
.karunya-card{
  position:relative; max-width: 1152px; overflow:hidden; isolation:isolate;
 background: linear-gradient(107.71deg, #4D4642 0%, #817874 100%);
  color:#fff; border-radius:24px;
  padding:44px 52px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.karunya-text{ position:relative; z-index:1; }
.karunya-eyebrow{
  font-size:11px!important; font-weight:600; text-transform:uppercase; letter-spacing:.1em;
  color: rgba(255,255,255,.55); margin-bottom:14px; display:flex; align-items:center; gap:10px;
}
.karunya-eyebrow::before{ content:""; width:22px; height:1px; background: rgba(255,255,255,.4); flex-shrink:0; }
.karunya-card h4{ font-size:30px; font-weight:700; font-family:'Poppins', sans-serif; margin-bottom:14px; letter-spacing:-.01em; }
.karunya-card p{font-size: 15px;
  color: rgba(255,255,255,.68);
  line-height: 1.75;
  max-width: 560px;
  margin: 0;
  font-weight: 400;
}

.karunya-icon-wrap{
  position:relative; z-index:1; flex-shrink:0;
  width:220px; height:220px; margin-right: -116px;
  display:flex; align-items:center; justify-content:center;
    @media (max-width: 992px){
display: none;
    }
}
.karunya-ring{
position: absolute;
  top: 71%;
  left: 42%;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.055);
  pointer-events: none;
}
.karunya-ring.ring-outer{ width:220px; height:220px; }
.karunya-ring.ring-inner{ width: 170px;
  height: 170px;
  background: #776e6a;}
.karunya-icon{
  position:relative; z-index:1;
  width:60px; height:60px; border-radius:50%; flex-shrink:0;
  background: rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.28);
  display:flex; align-items:center; justify-content:center; color: rgba(255,255,255,.9);
}
.karunya-icon svg{ width:24px; height:24px; }
@media (max-width: 767px){
  .karunya-card{ padding:32px 28px; }
  .karunya-icon-wrap{ width:160px; height:160px; margin-right:-30px; }
  .karunya-ring.ring-outer{ width:160px; height:160px; }
  .karunya-ring.ring-inner{ width:100px; height:100px; }
  .karunya-card h4{ font-size:22px; }
  .karunya-glow{ right:-40px; width:180px; height:180px; }
}

.author-section{ background: var(--c-cream); padding: 80px 0;
   @media (max-width: 767px){ 
padding: 0px 0px 50px;
   }
.section-desc {
  color: #645C58;
  max-width: 640px;
  font-size: 19px;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 30px;
}

}
.author-section h2{font-size: 44px;
  font-weight: 700;
  margin: 0px 0 28px;
  color: #1D1713;
  @media (max-width: 767px){ font-size:24px; }
}
.author-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
.author-card{
  background:#fff; border-radius:20px; box-shadow: 0 2px 10px rgba(29,23,19,.06);
  padding:22px; display:flex; flex-direction:column;
}
.author-card-head{ display:flex; align-items:flex-start; gap:16px; 
  margin-bottom:0px; }
.author-icon{
  width:58px; height:76px; border-radius:6px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.author-icon svg{ width:24px; height:24px; }
.author-icon.icon-red{ background: var(--c-red); }
.author-icon.icon-taupe{ background:#5F5650; }
.author-icon.icon-black{ background:#1D1713; }
.author-card-head h4{ font-size:17px; font-weight:700; color:#1D1713; line-height:1.35; margin:2px 0 0; }
.author-card-head h4.ml{ font-size:17px; }
.author-byline{ font-size:13px; color:#9A9088; margin:0 0 14px; }
.author-desc{ font-size:14px; color:#4A4340; line-height:1.7; margin:0; }
.author-download{
  font-size:13px; font-weight:600; color: var(--c-red); text-decoration:none; margin-top:auto;
}
.author-download:hover{ text-decoration:underline; }

.life-section{ background: var(--ink, #120B0A); color:#fff;
   padding: 90px 0; 
     @media (max-width: 1199px){
   padding: 70px 0; 
     }
         @media (max-width: 767px){
   padding: 50px 0; 
     }
  .eyebrow {
    text-align: center;
    width: 100%;
    padding-left: 0px;
    &::after{
      display: none;
    }
  }
  }
.life-section .eyebrow{ color: rgba(255,255,255,.5); }
.life-section .eyebrow::after{ background: rgba(255,255,255,.5); }
.life-section h2{ color:#fff; font-size:44px; font-weight:700; margin: 0px 0 40px; text-align:center; }
.life-track{ position:relative;}
.life-track::before{
  content:""; position:absolute; left:50%; top:7px; bottom:0; width:1px;
  background: #DE0000; transform:translateX(-50%);
}
.life-item{ position:relative; width:50%; padding: 0 40px 24px; text-align:left; }
.life-item::before{
  content:""; position:absolute; top:6px; width:11px; height:11px;
   border-radius:50%;
  background: #DE0000; border:3px solid var(--ink, #120B0A); z-index:1;
}
.life-item:nth-child(odd){ margin-right:50%; text-align: right;
   padding-left: 179px;
    @media (max-width: 992px){
 padding-left: 0px; text-align: left;
    }
  }
.life-item:nth-child(even){ margin-left:50%; padding-right: 179px;
    @media (max-width: 992px){
 padding-right: 0px;
    }
}
.life-item:nth-child(odd)::before{ right:-10px; }
.life-item:nth-child(even)::before{ left:-6px; }
.life-card{
  background: rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.06);
  border-radius:18px; padding:22px 26px;
}
.life-year{ font-size:12px; font-weight:700; color: rgba(255,255,255,.5); margin-bottom:8px; }
.life-item h4{ font-size:16px; font-weight:700; color:#fff; margin-bottom:8px; }
.life-item p{ font-weight: 400; font-size:13.5px; color: rgba(255,255,255,.6); line-height:1.65; margin:0; }
@media (max-width: 700px){
  .life-track::before{ left:6px; }
  .life-item{ width:100%; margin:0 !important; padding: 0 0 20px 30px !important; }
  .life-item::before{ left:0 !important; right:auto !important; }
}

/* -- our-story.html "From Thirunakkara..." timeline: left-aligned heading, scoped so km-mani.html's centered life-section is untouched -- */
.story-timeline .eyebrow{color: #DE0000; text-align:left;
   width:auto; padding-left:36px; 
  &::after{
    background:#DE0000 ;
  }
  }
.story-timeline .eyebrow::after{ display:block; }
.story-timeline h2{ text-align: left;
  font-size: 54px;
  font-weight: 700;
  max-width: 607px;
  @media (max-width: 767px){ font-size:24px; }
}
.story-timeline .life-item h4{ font-size:19px; }
.story-timeline .life-item::before{
  background: var(--ink, #120B0A); border:2px solid var(--c-red);
}
.story-timeline .life-item:nth-child(odd) .life-year{ color: var(--c-red); }
.story-timeline .life-item:nth-child(odd)::before{
  width:16px; height:16px; top:2px;
  background: var(--c-red); border:3px solid var(--ink, #120B0A);
}
.story-timeline .life-item:nth-child(even)::before{ width:12px; height:12px; }

.kmm-quote{
 background: linear-gradient(122.27deg, #A50000 0%, #DE0000 70%, #9F0000 100%);
  color:#fff; padding: 70px 0; text-align:center;
    @media (max-width: 767px){
padding: 50px 0;
    }
}
.kmm-quote blockquote{ font-size: 48px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2;
 max-width: 699px;
  margin: 0 auto 16px;
  @media (max-width: 767px){ font-size:19px; }
}
.kmm-quote cite{ font-size:13px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color: rgba(255,255,255,.8); font-style:normal; }

@media (max-width: 900px){
  .decades-track{ flex-wrap:wrap; row-gap:24px; }
  .decade-item{ flex: 1 1 33%; }
  .toiling-grid{ grid-template-columns: 1fr; }
  .author-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .decade-item{ flex: 1 1 50%; }
  .author-grid{ grid-template-columns: 1fr; }
  .finance-stats{ gap:28px; }
}

/* ==========================================================================
   Our Story page
   ========================================================================== */
.story-hero{
  position:relative; color:#fff; overflow:hidden;
  background: url(../img/our-story-banner-img1.jpg) center / cover no-repeat;
  padding: 170px 0 56px;
    @media (max-width: 1199px){ padding: 70px 0 40px; }
  @media (max-width: 767px){ padding: 50px 0 40px; }
}

.story-hero-inner{ position:relative; z-index:2;
.eyebrow{
  display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #817874;
  margin-bottom: 0px;
  position: relative;
  padding-left: 36px;
  &::after{
    position: absolute;
    width: 26px;
    background: #817874!important;
    content: "";
    height: 2px;
    left: 0;
    top: 8px;
  }
}

}
.story-hero h1{
  font-size:70px; font-weight:800; line-height:1.2; margin:0;
  @media (max-width: 992px){ font-size:40px; }
  @media (max-width: 767px){ font-size:28px; }
}
.story-hero h1 em{ font-style:normal; font-weight:700; opacity:1; }
.story-hero-desc{
font-size: 20px;
  color: rgba(255,255,255,.82);
  max-width: 700px;
  line-height: 1.7;
  margin: 22px 0 28px;
  font-weight: 400;
  @media (max-width: 767px){ font-size:14px; margin:16px 0 22px; }
}
.story-hero-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:30px;
  font-size:12px; color: rgba(255,255,255,.75); padding-bottom:0px;
 font-weight: 400;
   @media (max-width: 767px){ 
gap:7px;
   }
}
.story-hero-meta strong{ font-weight:700; color:#fff; margin-right:4px; }
.story-hero-meta .meta-dot{ width:5px; height:5px; border-radius:50%; background: var(--c-red); flex-shrink:0; }
.story-hero-scroll{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  margin:22px 0 0; text-align:center;
}
.story-hero-scroll .scroll-label{
  font-size:11px; font-weight:600; letter-spacing:.2em;
  text-transform:uppercase; color: rgba(255,255,255,.45);
}
.story-hero-scroll .scroll-line{
  position:relative; width:1px; height:38px;
  background: rgba(255,255,255,.18); overflow:hidden;
}
.story-hero-scroll .scroll-dot{
  position:absolute; left:0; top:-38px; width:1px; height:38px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 100%);
  animation: storyScrollDot 1.8s ease-in-out infinite;
}
@keyframes storyScrollDot{
  0%{ transform:translateY(0); }
  100%{ transform:translateY(76px); }
}
@media (prefers-reduced-motion: reduce){
  .story-hero-scroll .scroll-dot{ animation:none; top:0; }
}

.org-band h2 em{color: #817874; font-style:italic; font-weight:700; opacity:.85; }

.story-tag{
  display:inline-block; font-size:11.5px; font-weight:700;
  background: var(--c-red); color:#fff; border-radius:6px;
  padding:5px 10px; margin-bottom:14px; letter-spacing:.03em;
}

.flag-section{ background: var(--ink, #120B0A); color:#fff;
   padding: 110px 0; overflow:hidden;
   @media (max-width: 1199px){
   padding: 70px 0; 
   }
     @media (max-width: 767px){
   padding: 50px 0; 
   }
  }
.flag-inner{
  display:grid; grid-template-columns: 1fr 1fr; align-items:center; gap:40px;
  @media (max-width: 900px){ grid-template-columns: 1fr; text-align:center;
   gap:20px; }
}
.flag-section h2{ font-size:60px; font-weight:500; margin:0 0 18px; line-height:1.25;
  @media (max-width: 767px){ font-size:26px; }
}
.flag-section h2 em{color: rgba(255,255,255,.7); display: block; font-style:italic; font-weight:500; opacity:.85; }
.flag-section p{font-size: 17px;
  color: rgba(255,255,255,.7);
max-width: 486px;
  line-height: 1.7;
  margin: 0;
  font-weight: 400;
     @media (max-width: 992px){
margin: 0 auto 20px;
font-size: 15px;
     }
}
.flag-inner .flag-caption{
  margin:24px 0 0; font-size:11.5px; font-weight:400; letter-spacing:.12em;
  text-transform:uppercase; color: rgba(255,255,255,.4);
   @media (max-width: 992px){
margin: 0 auto;
   }
}

.flag-caption .dot-sep{ margin:0 6px; }
.flag-visual{
  position:relative; display:flex; align-items:center; justify-content:center; min-height:360px;
  @media (max-width: 900px){ margin-top:20px; }
}
.flag-glow{
  position:absolute; width:320px; height:320px; border-radius:50%;
  background: radial-gradient(circle, rgba(216,178,107,.22) 0%, rgba(216,178,107,.08) 45%, rgba(216,178,107,0) 72%);
  pointer-events:none;
}
.flag-graphic{ position:relative; width:220px; height:auto; z-index:1; }

.giants-section{
  position:relative; color:#fff; overflow:hidden;
  background: url(../img/our-story-banner-img6.png) center / cover no-repeat;
  padding: 80px 0; background-size: cover;
  @media (max-width: 767px){ 
  padding: 50px 0;
  }

}
.giants-section::before{
  content:""; position:absolute; inset:0; z-index:1;
  background: linear-gradient(180deg, rgba(10, 6, 5, 0.84) 0%, rgba(10,6,5,1) 100%);
}
.giants-inner{ position:relative; z-index:2; }
.giants-inner h2{ font-size:57px; font-weight:700; line-height:1.25; 
  margin: 0px 0 20px; max-width: 713px;
  @media (max-width: 767px){ font-size:26px; }
}
.giants-inner h2 em{ font-style: italic;
  font-weight: 700;
  opacity: .85;
  color: #817874; }
.giants-inner .chapter-desc{ max-width:640px; }
.giants-inner .chapter-desc:last-of-type{ margin-bottom:32px; }
.giants-stats{ display:grid; grid-template-columns: repeat(4, 1fr); gap:16px;
  @media (max-width: 900px){ grid-template-columns: repeat(2, 1fr); }
  @media (max-width: 500px){ grid-template-columns: 1fr; }
}
.giants-stat-card{
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  padding: 20px;
}
.giants-stat-num{ font-size: 44px;
  font-weight: 800;
  color: #ffffff85;
  margin-bottom: 8px; }
.giants-stat-label{ font-size: 14px;
  color: #ffffff85;
  line-height: 1.5; }

.split-banner{
  background: url(../img/our-story-banner-img7.jpg) no-repeat;
  background-size: cover;
  color:#fff; padding: 70px 0;
   @media (max-width: 767px){
padding: 50px 0;
   }
}
.split-banner h2{ font-size:57px; font-weight:700; margin: 0px 0 14px;
  @media (max-width: 767px){ font-size:24px; }
}
.split-banner h2 em{color: #817874; font-style:italic; font-weight:700; opacity:.85; }
.split-banner p{font-size: 18px;
  color: rgba(255,255,255,.8);
  max-width: 560px;
  line-height: 1.7;
  font-weight: 400; }
.split-banner-btn{ display:inline-block; margin-top:24px; background: var(--color-white-4, #FFFFFF0A); }

.alliance-row{
  display:flex; align-items:center; gap:20px; margin-top:32px;max-width: 1000px;
  @media (max-width: 767px){ flex-direction:column; }
}
.alliance-card{
  flex:1; width:100%;
  background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  border-radius:14px; padding:28px; text-align:center;
}
.alliance-icon{
  width:56px; height:56px; border-radius:14px; margin:0 auto 10px;
 display:flex; align-items:center; justify-content:center;
}
.alliance-icon svg{ width:24px; height:24px; }
.alliance-icon-ldf{
 background: #F00;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
  border-radius: 0px;
}
.alliance-period{
  display:block; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color: rgba(255,255,255,.45); margin-bottom:8px;
}
.alliance-card strong{ display:block; font-size:19px; font-weight:700; color:#fff; margin-bottom:10px; }
.alliance-card p{ font-size:13.5px; color: rgba(255,255,255,.6); line-height:1.6; margin:0; }
.alliance-transition{
  display:flex; flex-direction:column; align-items:center; gap:6px; flex-shrink:0;
  @media (max-width: 767px){ flex-direction:row; }
}
.alliance-arrow{ font-size:20px; color: rgba(255,255,255,.4); }
.alliance-transition-label{
  font-size:10.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color: rgba(255,255,255,.4);
}
.alliance-footnote{
  font-size:13px; color: rgba(255,255,255,.45); line-height:1.7; max-width:720px;
  margin:28px 0 0; padding-top:24px; border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.story-cta{ text-align:center; background: radial-gradient(120% 100% at 50% 0%, #291B19 0%, #0E0706 70%);
}
.story-cta .cta-inner{ flex-direction:column; text-align:center; gap:20px; max-width:640px; margin:0 auto; }
.story-cta .cta-icon{ width:64px; height:64px; background:#fff; border:2px solid var(--c-red); }
.story-cta .cta-icon svg, .story-cta .cta-icon img{ width:24px; height:24px; }
.story-cta .cta-text{ text-align:center; }
.story-cta .cta-text h2{ font-size:36px; font-weight:700; margin:0 0 10px;
  @media (max-width: 767px){ font-size:26px; }
}
.story-cta .cta-text p{ font-size:16px; color: rgba(255,255,255,.75); max-width:480px; margin:0 auto 24px; }
.story-cta .chairman-cta-buttons{ justify-content:center; }

@media (max-width: 700px){
  .giants-stats{ gap:32px; }
  .alliance-cards{ flex-direction:column; }
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1100px){
  .leaders-grid{ grid-template-columns: repeat(4, 1fr); row-gap: 30px; }
  .stats-grid{ grid-template-columns: repeat(2, 1fr); }
  .stat-box:nth-child(2n){ border-right:none; }
  .stat-box:nth-child(-n+2){ border-bottom: 1px solid var(--c-border); }
  .footer-top{ grid-template-columns: 1fr;  }
  .footer-cols{ grid-template-columns: repeat(2,1fr); }
  .rep-grid{ grid-template-columns: repeat(2, 1fr); gap:15px }
}

@media (max-width: 1199px){
  .main-nav, .header-actions .lang-toggle, .header-actions .search-btn{ display:none; }
  .hamburger{ display:flex; }
  .movement-grid, .pillars-grid, .news-grid{ grid-template-columns: 1fr; margin-top: 20px; }

  .grievance-layout{ grid-template-columns: 1fr; gap:15px }
  .featured-article{ grid-template-columns: 1fr; }
  .featured-img{ min-height:220px; }
  .featured-body{ padding:20px; }
  .footer-orgs-row{ grid-template-columns: repeat(3, 1fr); }
  .footer-orgs-head{ flex-direction:column; align-items:flex-start; gap:6px; }
  .deliver-grid{ grid-template-columns: repeat(2, 1fr); }
  .mla-stats-grid{ grid-template-columns: repeat(2, 1fr); }
  .org-band-split{ grid-template-columns: 1fr; gap:15px}

  .chairman-hero-grid{ grid-template-columns: 1fr; }
  .chairman-hero-photo{ justify-self:start; }
  .bio-grid{ grid-template-columns: 1fr; gap:20px }
  .timeline-grid{ grid-template-columns: repeat(2, 1fr); }
  .feed-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px){
  .footer-orgs-row{ grid-template-columns: repeat(2, 1fr); }
  .deliver-grid{ grid-template-columns: 1fr; }
  .rep-grid{ grid-template-columns: 1fr; }
  .mla-stats-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 600px){
  .form-grid{ grid-template-columns: 1fr; }
  .form-card{ padding: 24px 20px; }
}

@media (max-width: 767px){
  :root{ --header-h: 68px; --topbar-h: auto; }
  .topbar-inner{ flex-direction:column; align-items:center; gap:4px; padding: 8px 0; }
  .topbar-left, .topbar-right{ gap:14px; flex-wrap:wrap; }
  .topbar{ height:auto;  }
  .brand-text small{ display:none; }
  .leaders-grid{ grid-template-columns: repeat(3, 1fr); }
  .leader-card p{ display:none; }
  .stats-grid{ grid-template-columns: 1fr; }
  .stat-box{padding: 15px 19px; border-right:none !important; border-bottom: 1px solid var(--c-border) !important; }
  .stat-box:last-child{ border-bottom:none !important; }
  .footer-cols{ grid-template-columns: 1fr; }
  .cta-inner{ text-align:left; }
  .hero-inner{ padding: 50px 0px 50px; }
  .news-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .news-filters::-webkit-scrollbar{ display:none; }
  .filter-chip{ flex-shrink:0; white-space:nowrap; }
  .mla-toolbar{
    flex-direction:column;
    align-items:flex-start;
    border-radius:20px;
    padding: 16px 18px;
  }
  .mla-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    width:100%;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .mla-filters::-webkit-scrollbar{ display:none; }
  .mla-filters .filter-chip{ flex-shrink:0; white-space:nowrap; }
  .timeline-grid{ grid-template-columns: 1fr; }
  .beyond-grid{ grid-template-columns: 1fr; }
  .feed-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 480px){
  .leaders-grid{ grid-template-columns: repeat(2, 1fr); }
  .hero-buttons{  align-items:flex-start; }
  .hero-buttons .btn{ width:100%; justify-content:center; }
  .newsletter-form{ flex-direction:column; }
}

.organazationBgSec1{
  background: url(../img/organization-bannerimg2.jpg) no-repeat;
  background-size: cover;
background-attachment: fixed;
  padding: 200px 52px 105px;
  @media (max-width: 1199px){
  padding: 100px 20px 100px;
  background-attachment: scroll;
  }
    @media (max-width: 767px){
  padding: 50px 20px;
    }
  .org-band-head{
    flex-direction: column;
    align-items: start;
    gap:5px;
    margin-bottom: 0px;

  }
  .orgBgFlexMain{
    display: flex;
    gap:14px;
        @media (max-width: 767px){
   gap:10px;
   flex-direction: column;
        }

  }
  .org-icon{
    width: 74px;
    height: 74px;
    img{
      width: auto;
      height: auto;
    }
  }
  .org-band p{
    font-size: 16px;
  color: rgba(255,255,255,.8);
  line-height: 1.75;
  max-width: 640px;
  margin-bottom: 14px;
  font-weight: 400;

  }
  .org-band p a, .org-detail-grid p a{
     color: rgba(255,255,255,.8)!important;
      text-decoration: none;
  }
}

.orgBgFlexMain1{
display: flex;
  gap: 20px;
  @media (max-width: 1199px){
    flex-direction: column;
  }
}
.orgBgFlexMain1 .org-detail-grid{ flex:1; }
.maxWidthSectionmain{
max-width: 1122px;
  padding-left: 200px;
    @media (max-width: 1199px){
max-width: 100%;
padding-left: 0px;
    }
}

.org-band3Bg{
  background: url(../img/organization-bannerimg3.jpg) no-repeat;
  background-size: cover;
  padding: 310px 0px;
  background-attachment: fixed;
    @media (max-width: 1199px){
  padding: 100px 0px;
  background-attachment: scroll;
    }
      @media (max-width: 767px){
  padding: 50px 0px;
      }
  h2{
  margin-bottom: 0px;
    text-align: left;
        @media (max-width: 1199px){
font-size: 43px;
        }
          @media (max-width: 767px){
font-size: 28px;
        }
  }
  .org-detail-grid{
    max-width: 1245px;
       @media (max-width: 1199px){
max-width: 100%;
       }
  }
  .org-band-center{
    display: grid;
    grid-template-columns: 98px 1fr;
    margin-bottom: 25px;
    align-items: center;
     @media (max-width: 767px){
    grid-template-columns:  1fr;
    gap:10px;
     }
  }
  .org-band-head{
    display: block;
    
  }
}

.vanithaCongressBg{
    background: url(../img/organization-bannerimg4.jpg) no-repeat;
  background-size: cover;
  padding: 195px 0px 123px;
  background-attachment: fixed;
     @media (max-width: 1199px){
  padding: 100px 0px;
   }
   @media (max-width: 767px){
  padding: 50px 0px;
   }
  h2{
   margin-bottom: 0px;
           @media (max-width: 1199px){
font-size: 43px;
margin-bottom: 0px;
        }
          @media (max-width: 767px){
font-size: 28px;
margin-bottom: 20px;
        }
  }
  .org-band-head1{
    display: flex;
  align-items: center!important;
    margin-bottom: 50px!important;
    justify-content: center;
    gap:5px;
           @media (max-width: 767px){
flex-direction: column;
    margin-bottom: 0px!important;
           }
        .org-band-center {

    p{
max-width: 1166px !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 28.48px;
      color: rgba(255,255,255,.8);
      @media (max-width: 767px){
max-width: 100% !important;
      }
    }

    .org-detail-grid{
      p{
        font-size: 15px;
      font-weight: 400;
      line-height: 28.48px;
      color: rgba(255,255,255,.8);
          @media (max-width: 767px){
    font-size: 13px;
      }
      }
    }

  }

  }


  .org-band-head{
    img{
      width: 80px;
      height: 80px;
    }
  }
}

.dalitDrontBgSec{
    background: url(../img/organization-bannerimg5.jpg) no-repeat;
  background-size: cover;
  padding: 224px 0px;
  background-attachment: fixed;
    @media (max-width: 1199px){
 padding: 100px 0px;
 background-attachment:scroll;
    }
    @media (max-width: 767px){
 padding: 50px 0px;
    }

    .org-band-head1{
    display: flex;
  align-items: center!important;
    margin-bottom: 50px!important;
    justify-content: center;
    gap:5px;
           @media (max-width: 767px){
flex-direction: column;
    margin-bottom: 20px!important;
           }
          }

  .org-band-inner {
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    p{
max-width: 1166px !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 28.48px;
      color: rgba(255,255,255,.8);
      text-align: center;
          @media (max-width: 767px){
max-width: 100% !important;
font-size: 15px;
          }
    }
    .org-detail-grid{
      max-width: 1115px;
      p{
        font-size: 15px;
      font-weight: 400;
      line-height: 28.48px;
      color: rgba(255,255,255,.8);
          @media (max-width: 767px){
   font-size: 13px;
          }
      }
    }

  }

  .org-band-head{
    img{
      width: 80px;
      height: 80px;
    }
  }
}



.karshakaUnionBg{
    background: url(../img/organization-bannerimg6.jpg) no-repeat;
  background-size: cover;
  padding: 230px 0px 320px;
  background-attachment: fixed;
      @media (max-width: 1199px){
 padding: 100px 0px;
   background-attachment: scroll;
    }
    @media (max-width: 767px){
 padding: 50px 0px;
    }
  h2{
    margin-bottom: 0px;
  }
     .org-band-head1{
    display: flex;
  align-items: center!important;
    margin-bottom: 50px!important;
    justify-content: center;
    gap:5px;
           @media (max-width: 767px){
flex-direction: column;
    margin-bottom: 20px!important;
           }
          }
  .org-band-inner {
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    p{
max-width: 1166px !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 28.48px;
      color: rgba(255,255,255,.8);
      text-align: center;
      @media (max-width: 767px){
max-width: 100% !important;
  font-size: 15px;
      }
    }
    .org-detail-grid{
      max-width: 1115px;
      p{
        font-size: 15px;
      font-weight: 400;
      line-height: 28.48px;
      color: rgba(255,255,255,.8);
          @media (max-width: 767px){
      font-size: 13px;
          }
      }
    }

  }

  .org-band-head{
    img{
      width: 80px;
      height: 80px;
    }
  }
}

.maniBgBanner1{
  background: url(../img/mani-banner-img1.jpg) no-repeat;
  background-size: cover;
  padding: 136px 0 70px;
    @media (max-width: 767px){
       padding:70px 0 70px;
    }
  .hero-badges{
    span{
   border-top: 1px solid var(--color-white-20, #FFFFFF33);
    background: var(--color-white-9, #FFFFFF17);
color: rgba(255,255,255,.65);
font-size: 11px;
font-weight: 400;
    }
 
  }
}

.decades-inner{
  .eyebrow{
    color: #817874;
    margin-bottom: 10px;
  }
}

.flexMainLeftIcon{
  display: flex;
  flex-direction: column;
}

.fullStoryBg{
  .cta-inner{
    background: transparent;
padding: 0px 20px;
    border: none;
      @media (max-width: 1199px){
padding: 20px 20px;
      }
  }
  .eyebrow{
    font-size: 11px!important;
    font-weight: 600!important;
    margin-bottom: 0px!important;
    color: #DE0000!important;
    &::after{
      background: #DE0000;
    }
  }
}

.chapter-band{
background: url(../img/our-story-banner-img2.jpg) no-repeat;
background-size: cover;
padding: 120px 0px;
    @media (max-width: 1199px){
padding: 70px 0px;
    }
     @media (max-width: 767px){
padding: 50px 0px;
    }
.chapter-desc{
  margin-bottom: 20px;
}
h2{
  @media (max-width: 767px){
margin-bottom: 20px;
  }
}
}

.ourStoryBgSec3{
  background: url(../img/our-story-banner-img3.jpg) no-repeat;
  background-size: cover;
  padding: 90px 0px;
      @media (max-width: 767px){
  padding: 50px 0px!important;
      }
  h2{
    max-width: 600px;
      margin-bottom: 30px!important;
  }
  .org-band-split{
    grid-template-columns: 1.6fr 1.5fr;
          @media (max-width: 992px){
 grid-template-columns: 1fr;
          }
  }

  .chapter-desc{
    font-size: 18px;
    font-weight: 400;
       @media (max-width: 767px){
    font-size: 15px;
       }

  }
}

.newChairMainBgSec{
  background: var(--color-red-7, #180F0D);
padding: 117px 0px 117px;
  @media (max-width: 1199px){
padding: 70px 0px;
  }
  @media (max-width: 767px){
padding: 50px 0px;
  }
p{
  margin-bottom: 20px!important;
}
h2{
    @media (max-width: 767px){
margin-bottom: 20px;
    }
}

}

.conculsionBgSec1{
  padding: 130px 0px!important;
  background: url(../img/our-story-banner-img4.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
      @media (max-width: 1199px){
padding: 70px 0px!important;
      }
    @media (max-width: 767px){
padding: 50px 0px!important;
background-attachment: scroll;
    }
    .org-band-split{
      grid-template-columns: 1.6fr 1.5fr;
          @media (max-width: 992px){
      grid-template-columns: 1fr;
          }
    }
  h2{
    em{
      font-style: italic;
      font-weight: 700;
    }
  }
  p{
    font-size: 18px;
     @media (max-width: 767px){
font-size: 15px;
     }
  }
  span{
    background: var(--color-white-4, #FFFFFF0A);
  }
}

.conculsionBgSec2{
   padding: 130px 0px!important;
  background: url(../img/our-story-banner-img5.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  .org-band-split{
     @media (max-width: 992px){
grid-template-columns: 1fr!important;
     }
  }
      @media (max-width: 1199px){
padding: 70px 0px!important;
      }
    @media (max-width: 767px){
padding: 50px 0px!important;
background-attachment: scroll;
    }
    .org-band-split{
grid-template-columns: 1.8fr 1.5fr;
 @media (max-width: 992px){
grid-template-columns: 1fr;
gap:15px;
      }
  
    }
}

.conculsionBgSec3{
  background: url(../img/our-story-banner-img9.jpg) no-repeat;
  background-size: cover;
   padding: 130px 0px!important;
     @media (max-width: 1199px){
padding: 70px 0px!important;
      }
    @media (max-width: 767px){
padding: 50px 0px!important;

    }
     .org-band-split{
      grid-template-columns: 1.6fr 1.5fr;
      @media (max-width: 992px){
grid-template-columns: 1fr;
gap:15px;
      }
    }
}

.life-sectionBgMain{
  .life-card{
    text-align: left;
  }
.life-item:nth-child(odd){ margin-right:50%; text-align: right;
   padding-left: 0px;
    @media (max-width: 992px){
 padding-left: 0px; text-align: left;
    }
  }
.life-item:nth-child(even){ margin-left:50%; padding-right: 0px;
    @media (max-width: 992px){
 padding-right: 0px;
    }
}
.life-item:nth-child(odd)::before{ right:-10px; }
.life-item:nth-child(even)::before{ left:-6px; }
}