body{
font-family:'Open Sans',sans-serif;
}

body{
color:#222;
line-height:1.6;
}

p{
color:#222;
}

/* ===================================== */
/* ===== TOPBAR  ===== */
/* ===================================== */

.topbar {
  background: #e5e5e5;
  font-size: 15px;
  padding: 8px 0;
}

/* FULL WIDTH CONTROL */
.topbar .container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;     /* 👈 true left edge */
  padding-right: 20px; /* keep icons safe */

  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* LEFT */
.topbar-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  color: #111827;
  margin-left: 0;
}

/* ICONS */
.topbar img {
  height: 28px;
  width: auto;
}


/* RESPONSIVE */

/* Tablet */
@media (max-width: 992px) {
  .topbar-right {
    padding-right: 10px;
  }

  .topbar img {
    height: 26px;
  }
}

/* Mobile */
@media (max-width: 768px) {

  .topbar .container {
    flex-direction: column;
    text-align: center;
    gap: 6px;
    padding-right: 10px;
  }

  .topbar-left,
  .topbar-right {
    justify-content: center;
  }

  .topbar img {
    height: 24px;
  }
}

/* ===================================== */
/* =====  HEADER  ===== */
/* ===================================== */

.icar-banner {
  position: relative;
  padding: 10px 0 10px;   /* ⬅️ reduced */
  min-height: 100px;       /* ⬅️ reduced */
  overflow: hidden;
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #f6f9fc, #e9f1f7);
  justify-content:center;
}

.icar-banner::after {
  content: "";
  position: absolute;
  left: -3%;
  right: -3%;
  bottom: -30px;          /* ⬅️ reduced curve depth */
  height: 100px;          /* ⬅️ reduced */
  background: linear-gradient(90deg, #2cc233, #66bb6a);
  border-radius: 50% 50% 0 0;
  opacity: 0.16;
  pointer-events: none;
}

.icar-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 25%, rgba(76,175,80,0.08), transparent 45%),
    radial-gradient(circle at 80% 25%, rgba(33,150,243,0.08), transparent 45%);
  pointer-events: none;
}

/* LEFT LOGOS BALANCE */
.emblem {
  height: 110px;
  width: auto;
}

.icar-logo {
  height: 130px;   /* 🔥 reduced from 110–150 range */
  width: auto;
}

/* CENTER SECTION */

/* MAIN GRID */
.banner-inner{
    display:grid;
    grid-template-columns:220px 1fr 220px;
    align-items:center;
    max-width:1450px;
    margin:0 auto;
    padding:0 30px;
    column-gap:25px;
}

/* LEFT SIDE */
.banner-left{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    height:100%;
}

/* CENTER SIDE */
.banner-center{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    height:100%;
}

/* RIGHT SIDE */
.banner-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    height:100%;
    padding-left:20px;
}


.banner-center h1 { 

  font-size: clamp(16px, 1.8vw, 34px); /* 🔥 smoother scaling */
  white-space: nowrap;   /* 🔥 always single line */
  color: #21412c;
  font-weight: 700;
  margin: 0;                 
}

.banner-center .former {
  font-size: 20px;   /* 🔥 formerly text */
  color: #295670;
  font-weight: 600;
  margin-top: 5px;
}

.banner-center .iso-text {
  font-size: 18px;   /* 🔥 ISO text */
  color: #444;
  margin-top: 6px;
  line-height: 1.5;
}

.nirca-logo{
    height:90px;
    width:auto;
    max-width:170px;
}
/* RESPONSIVE */
@media (max-width: 768px) {

  .banner-inner {
    grid-template-columns: auto 1fr auto; /* keep same layout */
  }

  .emblem {
    height: 60px;
  }

  .icar-logo {
    height: 70px;
  }

  .nirca-logo {
    height: 50px;
  }

  .banner-center .former {
    font-size: 14px;
  }

  .banner-center .iso-text {
    font-size: 12px;
  }
}

@media (max-width: 1100px) {
  .banner-center h1 {
    white-space: normal;
    line-height: 1.2;
  }
}

@media (max-width: 600px) {

  .banner-inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 10px;
  }

  .banner-left,
  .banner-right {
    justify-content: center;
  }

  .banner-center h1 {
    white-space: normal;
  }
}


/* ===================================== */
/* ===== NAVBAR ===== */
/* ===================================== */

.main-navbar {
  background: #165c2f;
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Container */

.nav-container {
  max-width: 1400px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Menu */

.menu {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: visible;
  margin: 0;
  padding: 0;
}

.menu::-webkit-scrollbar {
  display: none;
}

/* Items */

.menu li {
  position: relative;
}

/* Separator */

.menu li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 1px;
  background: rgba(255,255,255,0.3);
}

/* Links */

.menu li a {
  display: block;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
}

/* Hover */

.menu > li > a:hover,
.menu > li > a.active {
  color: #ffd166;
}

/* Underline */

.menu li a::before {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #f4a300;
  transition: 0.3s;
}

/* Hover underline */

.menu li a:hover::before {
  width: 80%;
}

/* ✅ ACTIVE underline (always visible) */

.menu li a.active::before {
  width: 80%;
}

/* Arrow */

.dropdown {
  position: relative;
}

.dropdown > a::after {
  content: "▼";
  font-size: 10px;
  margin-left: 6px;
}

/* Dropdown */
.dropdown ul {
  display: none;
  position: absolute;
  background: #e8f5e9;
  top: 100%;
  left: 0;
  min-width: 180px;
  padding: 5px 0;
  z-index: 999;
  list-style: none;     /* 🔥 main fix */
  margin: 0;
  padding: 5px 0;
}

/* Dropdown links */
.dropdown ul li a {
  color: #222;
  padding: 8px 12px;      /* reduced height */
  font-size: 14px;        /* slightly smaller text */
  font-weight: 400;       /* normal text, not bold */
  text-transform: none;
  line-height: 1.3;
}

.dropdown ul li a:hover {
  background: #ccc;
}

/* Show dropdown */
.dropdown:hover ul {
  display: block;
}

/* RESPONSIVE */

.menu-toggle {
  display: none;
  font-size: 22px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
}

@media (max-width: 768px) {

  .nav-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-toggle {
    display: block;
    padding: 10px;
  }

  .menu {
    display: none;
    flex-direction: column;
    width: 100%;
  }

  .menu.active {
    display: flex;
  }

  .menu li {
    width: 100%;
  }

  .menu li::after {
    display: none;
  }

  .dropdown ul {
    position: static;
  }
}

/* ===================================== */
/* =====  SOCIAL SIDE BAR  ===== */
/* ===================================== */

/* Fixed Social Tabs */
.social-tabs{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-tabs a{
    transition: transform 0.3s ease;
}

.social-tabs a:hover{
    transform: translateX(-8px) scale(1.1);
}

.social-tabs a:active{
    transform: translateX(-8px) scale(0.95);
}

.social-tabs img{
    width: 45px;
    height: 45px;
    display: block;
    transition: transform 0.2s ease;
}

/* Push out on hover */
.social-tabs a:hover img{
    transform: scale(1.15);
}

/* Push in when clicked */
.social-tabs a:active img{
    transform: scale(0.9);
}
/* ===================================== */
/* ===== HERO  ===== */
/* ===================================== */

.hero {
  position: relative;
  width: 100%;
  height: 67vh;   /* 🔥 increased height */
  min-height: 320px;
  overflow: hidden;
}

/* Slides */
.hero-slide {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  text-align: center;
  
}

.hero-slide.active {
  display: flex;
}

/* Video */
.hero-slide img,
.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Arrows */
.hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  font-size: 22px;
  padding: 10px 14px;
  cursor: pointer;
  z-index: 2;
}

.hero-arrow.left { left: 35px; }
.hero-arrow.right { right: 35px; }

/* Dots */
.hero-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  z-index: 2;
}

.hero-dots span {
  width: 20px;
  height: 4px;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
}

.hero-dots span.active {
  background: #fff;
}

/* Responsive */

@media (max-width: 768px) {
  .hero {
    height: 40vh;
  }

  .hero-slide {
    font-size: 18px;
    padding: 0 10px;
  }
}

/* ===================================== */
/* ===== ANNOUNCEMENT BAR (LATEST UPDATES)===== */
/* ===================================== */

.announce-bar {
  display: flex;
  align-items: center;
  width: 100%;
  background: #e5f3e8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left:250px;   /* MOVE WHOLE LABEL TO RIGHT */
}

/* LEFT LABEL */

.announce-label{
    position:relative;
    background:#bea438;
    color:#fff;
    height:38px;
    line-height:38px;
    padding:0 28px 0 36px;
    font-weight:700;
    font-size:15px;
    white-space:nowrap;
    flex-shrink:0;
}

/* Left dark trapezium */
.announce-label::before{
    content:"";
    position:absolute;
    left:-26px;
    top:0;
    width:0;
    height:0;
    border-top:19px solid transparent;
    border-bottom:19px solid transparent;
    border-right:26px solid #bea438;
}

/* Right yellow arrow */
.announce-label::after{
    content:"";
    position:absolute;
    right:-26px;
    top:0;
    width:0;
    height:0;
    border-top:19px solid transparent;
    border-bottom:19px solid transparent;
    border-left:26px solid #bea438;
}

/* SCROLL AREA */

.announce-scroll {
  flex: 1;
  overflow: hidden;
  position: relative;
  
}

/* TRACK */

.announce-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:scrollAnnounce 28s linear infinite;
}

/* TEXT */

.announce-track span{
  display:flex;
  align-items:center;
  padding:10px 45px;
  white-space:nowrap;
  flex-shrink:0;
}

/* GREEN BULLET */

.announce-track span::before{
  content:"●";
  color:#2e7d32;
  margin-right:12px;
  font-size:12px;
}

.announce-track span a{
  color:#000 !important;      /* FIX BLACK COLOR */
  text-decoration:none;
  font-size:17px;
  font-weight:500;
}

/* HOVER EFFECT */

.announce-track span:hover{
  color:#1b5e20;
}

/* RIGHT BUTTON */

.announce-btn {
  flex-shrink: 0;   /* ✅ prevent shrinking */
}

/* BUTTON */

.announce-btn a {
  display: block;
  background: #2e7d32;
  color: #fff;
  padding: 10px 18px;
  font-size: 15px;
  text-decoration: none;
}

/* HOVER */

.announce-track span a:hover{
  color:#1b5e20 !important;
}

.announce-scroll:hover .announce-track {
  animation-play-state: paused;
}

.new-badge{
    background:#ff6b6b;
    color:#ffff00;
    font-size:12px;
    font-weight:700;
    padding:1px 4px;
    border-radius:2px;
    margin-left:2px;
    position:relative;
    top:-8px;
}

@keyframes blinkNew{
    50%{
        opacity:0.4;
    }
}

/* 🔥 IMPORTANT FIX FOR START POSITION */

@keyframes scrollAnnounce{

  0%{
    transform:translateX(0);   /* START IMMEDIATELY */
  }

  100%{
    transform:translateX(-50%);
  }
}


/* ===================================== */
/* ALL LATEST UPDATES */
/* ===================================== */

.latest-updates-section{
    background:#f7f9f8;
    padding:50px 0;
}

.updates-container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* TITLE */

.updates-title{
    font-size:28px;
    color:#14532d;
    margin-bottom:35px;
    font-weight:700;
    border-left:6px solid #2e7d32;
    padding-left:15px;
}

/* LIST */

.updates-list{
    list-style:none;
    padding:0;
    margin:0;
}

/* ITEM */

.updates-list li{
    background:#fff;
    margin-bottom:18px;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    transition:0.3s;
}

.updates-list li:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
}

/* LINK */

.updates-list li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 25px;
    text-decoration:none;
    color:#111;
    font-size:17px;
    font-weight:500;
    transition:0.3s;
}

/* HOVER */

.updates-list li a:hover{
    color:#1b5e20;
    background:#f2fbf3;
}

/* PDF ICON */

.updates-list li img{
    flex-shrink:0;
}

/* MOBILE */

@media(max-width:768px){

    .updates-title{
        font-size:26px;
    }

    .updates-list li a{
        font-size:15px;
        padding:16px;
    }

}

/* ===================================== */
/* ===== INSTITUTE ===== */
/* ===================================== */

.about-section {
  position: relative;
  padding: 60px 0 30px;
  overflow: hidden;
}

/* Decorative shapes */

.about-section::before,
.about-section::after {
  content: "";
  position: absolute;
  background: rgba(30,115,190,0.08);
  z-index: 0;
}

.about-section::before {
  left: 0;
  top: 0;
  width: 220px;
  height: 220px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.about-section::after {
  right: 0;
  bottom: 0;
  width: 260px;
  height: 260px;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

/* Container (RENAMED to avoid conflict with navbar/header) */

.about-container {
  max-width: 90%;
  padding: 0 50px;
  margin: auto;
  position: relative;
  z-index: 1;
}

/* Layout */

.director-wrapper{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

.director-text{
    flex:0 0 68%;
    font-size:18px;
    line-height:1.9;
    text-align:justify;
}

.director-photo{
    flex:0 0 32%;
    text-align:center;
}

.director-photo img{
    width:100%;
    max-width:420px;   /* was 330px */
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    transition:.3s;
}


.director-photo h5{
    color:#ee6b14;
    font-size:24px;
    margin-top:15px;
    margin-bottom:5px;
    font-weight:700;
}

.director-photo span{
    color:#161616;
    font-size:18px;
    font-weight:600;
}

/* Title */

.director-title {
  display: inline-block;
  background: #be7623;
  color: #fff;
  padding: 6px 15px;
  border-radius: 4px;
  font-size: 20px;
  margin-bottom: 20px;
}

.more-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .6s ease;
}

.more-content.show{
    max-height:1000px;
}

.read-more-btn{
    margin-top:15px;
    padding:4px 10px;
    border:none;
    border-radius:15px;
    background:#0066d6;
    color:#fff;
    cursor:pointer;
}

.read-more-btn:hover{
    background:#0052ad;
}

/* RESPONSIVE */

/* Tablet */
@media (max-width: 992px) {
  .director-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .director-text {
    text-align: left;
  }

  .director-photo {
    margin-top: 20px;
  }
}

/* Mobile */

@media (max-width: 576px) {
  .about-section {
    padding: 40px 0;
  }

  .director-text {
    font-size: 14px;
  }

  .director-title {
    font-size: 18px;
  }
}

/* ===================================== */
/* ===== PUBLICATION  ===== */
/* ===================================== */

.publication-section {
  padding: 20px 0;
  background: #ffffff;
}

/* Container */
.publication-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* Card */
.publication-card {
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Title */
.pub-title {
  background: linear-gradient(135deg, #2e74dd, #919fc9);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 20px;
  min-width: 180px;
  text-align: center;
}

/* Scroll Area */
.pub-scroll {
  flex: 1;
  overflow: hidden;
  background: #f5f7ff;
  padding: 10px;
}

/* Track for smooth loop */
.pub-track {
  display: flex;
  width: max-content;
  animation: scrollLoop 20s linear infinite;
}

/* Text */
.pub-track a {
  display: inline-block;
  margin-right: 60px;
  font-size: 16px;
  font-weight: 500;
  color: #080808;
  text-decoration: none;
  white-space: nowrap;
}

/* Pause on hover */
.pub-scroll:hover .pub-track {
  animation-play-state: paused;
}

/* Smooth infinite animation */
@keyframes scrollLoop {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* RESPONSIVE */

/* Tablet */
@media (max-width: 768px) {
  .publication-card {
    flex-direction: column;
  }

  .pub-title {
    width: 100%;
  }

  .pub-track a {
    font-size: 14px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .pub-title {
    font-size: 16px;
    padding: 10px;
  }

  .pub-track a {
    font-size: 13px;
  }
}

/* ===================================== */
/* ===== GALLERY  ===== */
/* ===================================== */

.media-section {
  position: relative;
  padding: 80px 0 80px;
  background: #f5f5f5;
  overflow: hidden;
}

/* TOP SHAPE */
.media-section::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to right, #4c947b, #86d6ba);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
}

/* TOP CUT */
.media-section::after {
  content: "";
  position: absolute;
  top: 70px;
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}

/* BOTTOM SHAPE */
.bottom-shape {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to right, #4c947b, #86d6ba);
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}

/* BOTTOM CUT */
.bottom-cut {
  position: absolute;
  bottom: 60px;
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
}

/* CONTAINER */
.media-container {
  max-width: 1350px;
  margin: auto;
  padding: 0 15px;
  position: relative;
  z-index: 2;
}

/* TITLE */
.section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
}

.section-title::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #ff6a00;
  display: block;
  margin: 10px auto;
}

/* GRID */
.media-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */
.media-card {
  background: #fff;
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  transition: all 0.35s ease;
  cursor: pointer;
  overflow: hidden;
}

/* POP EFFECT */
.media-card:hover {
  transform: translateY(-15px) scale(1.05);
  box-shadow: 0 25px 50px rgba(0,0,0,0.3);
}

/* IMAGE */
.card-img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 8px;
  transition: 0.4s;
}

.media-card:hover .card-img {
  transform: none;
}

/* VIDEO */
.video-wrapper {
  height: 260px;
  border-radius: 8px;
  overflow: hidden;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* BUTTON */
.card-footer {
  text-align: right;
  margin-top: 12px;
}

.view-btn {
  padding: 6px 14px;
  background: #1d4ed8;
  color: #fff;
  border-radius: 20px;
  font-size: 13px;
  text-decoration: none;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .media-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .card-img,
  .video-wrapper {
    height: 200px;
  }
}

/* ===================================== */
/* ===== BACKGROUND IMAGE  ===== */
/* ===================================== */

.schools-section {
  position: relative;
  width: 100%;
  min-height: 400px;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  padding: 100px 20px;
  color: #fff;
}

/* CONTENT */
.schools-content {
  position: relative;
  z-index: 2;
  text-align: left;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .schools-section {
    background-attachment: scroll;
    padding: 60px 20px;
  }
}

/* ===================================== */
/* ===== SCROLLING  ===== */
/* ===================================== */

.feature-section{
  padding: 90px 40px;
  background-image: url("../images/socialmedia-bg.png");  
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
}

/* SWIPER */
.swiper {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 20px 40px 70px;
}

/* FIX SLIDE WIDTH */
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CARD FIX */
.slide-img {
  width: 320px;
  height: 180px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.slide-img {
  width: 360px;   /* increased */
  height: 260px;  /* increased */
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

/* TEXT */
.slide-img span{
  position:absolute;
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,0.6);
  color:#fff;
  padding:6px 16px;
  border-radius:20px;
  font-size:14px;
  white-space:nowrap;
}

/* HOVER */
.slide-img:hover img{
  transform:scale(1.1);
}

/* ARROWS */
.arrow-box{
  position:absolute;
  width:100%;
  top:50%;
  left:0;
  transform:translateY(-50%);
  z-index:10;
  pointer-events:none;
}

.swiper-button-prev,
.swiper-button-next{
  pointer-events:auto;
  color:#0b5e34 !important;
  width:auto;
  height:auto;
}

.swiper-button-prev{
  left:50px !important;
}

.swiper-button-next{
  right:50px !important;
}

.swiper-button-prev::after,
.swiper-button-next::after{
  font-size:34px !important;
  font-weight:700;
}

.swiper-button-prev:hover,
.swiper-button-next:hover{
  color:#ff9800 !important;
}
.slide-link{
  display:block;
  text-decoration:none;
}

.slide-link img{
  width:100%;
  display:block;
}

/* RESPONSIVE */

@media (max-width: 992px){
  .slide-img{
    height:160px;
  }
}

@media (max-width: 768px){
  .slide-img{
    height:140px;
  }
}


/* ===================================== */
/* ===== OTHER LINKS  ===== */
/* ===================================== */

 
.other-links-section {
    padding: 60px 0;
}

.links-title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
    color: #338746;
}

.link-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    transition: all 0.3s ease;
    margin-bottom: 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.link-card:hover {
    transform: translateY(-5px);
    color: #fff;
    text-decoration: none;
}

.payment { background: #f39c12; }
.sparrow { background: #17a2b8; }
.aebas { background: #dc3545; }
.ehrms { background: #28a745; }
.eoffice { background: #0d6efd; }
.cera { background: #ffc107; color: #000; }

.blinking {
    animation: blink 1.5s infinite;
}

@keyframes blink {
    50% {
        opacity: 0.8;
    }
}


/* ===================================== */
/* ===== RESEARCH STATIONS ===== */
/* ===================================== */

/* WRAPPER */

.research-wrapper{
  margin-top:35px;
  margin-bottom:50px;
}

/* LAYOUT */

.research-layout{
  display:flex;
  gap:35px;
  align-items:flex-start;
}

/* SIDEBAR */

.research-sidebar{
  width:300px;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  flex-shrink:0;
}

.sidebar-title{
  background:#0b5e34;
  color:#fff;
  padding:15px;
  font-size:24px;
  font-weight:700;
}

.research-link{
  width:100%;
  border:none;
  background:#fff;
  text-align:left;
  padding:18px 20px;
  font-size:16px;
  border-bottom:1px solid #e5e5e5;
  cursor:pointer;
  transition:0.3s;
}

.research-link:hover{
  background:#f4f8f4;
  color:#0b5e34;
}

.research-link.active{
  background:#dfeee4;
  color:#0b5e34;
  font-weight:700;
}

/* CONTENT AREA */

.research-content{
    flex:1;
    padding:0 30px;
}

.content-box{
    display:none;
    width:100%;
}

.content-box.active{
    display:block;
}

.content-box h3{
  color:#0b5e34;
  font-size:24px;
  font-weight:700;
  margin-bottom:18px;
  line-height:1.4;
  padding-bottom:0;
  text-align:center;
}

.content-box h5{
  color:#1565c0 !important;
  font-size:18px !important;
  font-weight:600;
  line-height:1.8;
  margin-bottom:25px;
  text-align:center;
}

.content-box h4{
  color:#0b5e34;
  margin-top:25px;
  margin-bottom:15px;
  font-size:24px;
}

.content-box p{
    max-width:850px;
    margin:0 auto 20px;
    text-align:justify;
    font-size:17px;
    line-height:2;
    color:#333;
}

.content-box li{
  font-size:17px;
  line-height:1.9;
  color:#222;
}

.content-box ul{
  padding-left:25px;
}

.content-box li{
  margin-bottom:10px;
}

/* IMAGE */

.research-img{
  width:85%;
  max-height:600px;
  object-fit:cover;
  border-radius:14px;
  margin-bottom:25px;
  box-shadow:0 4px 14px rgba(0,0,0,0.1);
}

/* ANIMATION */

@keyframes fadeIn{

  from{
    opacity:0;
    transform:translateY(10px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

/* MOBILE */

@media(min-width:993px){

  .research-sidebar{
    position:sticky;
    top:20px;
  }

}

@media(max-width:992px){

  .research-layout{
    flex-direction:column;
  }

  .research-sidebar{
    width:100%;
  }

  .content-box h3{
    font-size:26px;
  }

}

@media(max-width:992px){

  .research-layout{
    flex-direction:column;
  }

  .research-sidebar{
    width:100%;
  }

  .content-box h3{
    font-size:22px;
  }

}

/* ===================================== */
/* ===== CAMPUS FACILITIES ===== */
/* ===================================== */

/* MAIN WRAPPER */

.facility-wrapper{
  margin-top:35px;
  margin-bottom:50px;
}

/* LAYOUT */

.facility-layout{
  display:flex;
  gap:35px;
  align-items:flex-start;
}

/* SIDEBAR */

.facility-sidebar{
  width:280px;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  flex-shrink:0;
}

.facilitysidebar-title{
  background:#2f7d3d;
  color:#fff;
  padding:20px;
  font-size:24px;
  font-weight:700;
}

.facility-link{
  width:100%;
  border:none;
  background:#fff;
  text-align:left;
  padding:18px 20px;
  font-size:18px;
  border-bottom:1px solid #e5e5e5;
  cursor:pointer;
  transition:0.3s;
}

.facility-link:hover{
  background:#f5f7f5;
  color:#008000;
}

.facility-link.active{
  background:#dfe8df;
  color:#008000;
  font-weight:700;
}

/* CONTENT AREA */

.facility-content{
  flex:1;
  min-width:0;
}

.facilitycontent-box{
  display:none;
}

.facilitycontent-box.active{
  display:block;
}

.facilitycontent-box h5{
  color:#1f6b3a !important;
  font-size:24px !important;
  font-weight:700;
  margin-bottom:20px;
  text-align:center;
}

.facilitycontent-box p,
.facilitycontent-box li{
  font-size:19px;
  line-height:1.9;
  color:#222;
}

.facilitycontent-box ul{
  padding-left:25px;
}

.facilitycontent-box li{
  margin-bottom:8px;
}

.facilitycontent-box h6{
  color:#8b0000;
  font-size:18px !important;
  font-weight:700;
  margin-top:25px;
  margin-bottom:12px;
}

.guest-link{
  color:#007bff;
  text-decoration:none;
}

.guest-link:hover{
  color:#ff6600;
}

.guest-subtitle{
  font-weight:600;
  margin-bottom:15px;
}

.guest-img{
  max-width:100%;
  margin:20px 0;
  border-radius:8px;
}

.incharge-name{
  color:#0d47a1;
  font-weight:700;
  font-size:17px;
}

.guest-contact{
  line-height:1.9;
}

.pdf-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  color:#222;
}

.sidebar-pdf{
  width:18px;
  height:18px;
}


/* MOBILE */

@media(max-width:992px){

  .facility-layout{
    flex-direction:column;
  }

  .facility-sidebar{
    width:100%;
  }

}

@media(max-width:768px){

  .content-box h5{
    font-size:22px;
  }

  .content-box p,
  .content-box li{
    font-size:15px;
  }

  .facility-link{
    font-size:15px;
    padding:15px;
  }

}

/* ===================================== */
/* ===== INSTITUTE STATIONS ===== */
/* ===================================== */


.research-section{
    background:#f4f4f4;
    padding:40px 0;
}

.research-container{
    max-width:1500px;
    width:92%;
    margin:auto;

    display:grid;
    grid-template-columns: 45% 35% 20%;
    align-items:center;
    gap:40px;
}



.research-content h2{
    font-size:42px;
    line-height:1.05;
    color:#407047;
    margin-bottom:20px;
    font-weight:700;
}

.research-content p{
    max-width:500px;
    font-size:18px;
    line-height:1.8;
    color:#333;
}



.featured-wrapper{
    text-align:center;
}

.featured-image{
    width:100%;
    max-width:520px;
    display:block;
    margin:auto;
    border-radius:4px;
}

.featured-title{
    margin-top:18px;
    font-size:24px;
    font-weight:700;
    color:#ca7d4a;
}



.thumb-panel{
    background:#b6e4cb; /* maroon */
    padding:25px 0;
    min-height:520px;

    display:flex;
    justify-content:center;
}

.thumbnail-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}



.thumb{
    width:78px;
    height:78px;
    background:#fff;
    overflow:hidden;
    cursor:pointer;
    border:2px solid transparent;
    transition:all .35s ease;
    position:relative;
}

.thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.thumb.active{
    transform:translateX(-15px) scale(1.12);
    border:3px solid #ffffff;
    box-shadow:0 0 15px rgba(255,255,255,.5);
    z-index:10;
}

/*  Responsive */

@media (max-width:991px){

    .research-container{
        grid-template-columns:1fr;
        gap:30px;
        text-align:center;
    }

    .research-content h2{
        font-size:42px;
    }

    .research-content p{
        margin:auto;
    }

    .thumb-panel{
        min-height:auto;
        padding:20px;
    }

    .thumbnail-list{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
    }
}

/* ===================================== */
/* ===== SOCIAL MEDIA ===== */
/* ===================================== */



/* ===================================== */
/* ===== SOCIAL MEDIA ===== */
/* ===================================== */

.social-section{
            position:relative;
            padding:40px 10px;
            background:#ffffff;
            overflow:hidden;
}

/* background */
.social-section::after{
            content:"";
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height:35%;
            background:
            linear-gradient(180deg,#d7efe6,#a9d7c7);
            background-blend-mode:overlay;
            opacity:0.95;
            z-index:0;
}

.social-section .container{
        position:relative;
        z-index:2;
}

/* title */
.title{
    font-weight:500;
    display:inline-block;
}

.title::after{
        content:"";
        display:block;
        width:60px;
        height:4px;
        background:#ff7a00;
        margin:10px auto 0;
        border-radius:2px;
}

/* card */
.social-card{
        background:#fff;
        padding:20px;
        border-radius:10px;
        box-shadow:0 5px 15px rgba(0,0,0,0.1);
        height:100%;
        min-height:420px;
        max-width:320px;   /* 🔥 THIS LINE FIXES YOUR ISSUE */
        width:100%;
        margin:auto;
        transition: all 0.35s ease;
}

.social-card:hover{
        transform: translateY(-10px);
        box-shadow:0 18px 35px rgba(0,0,0,0.2);
}

/* icon */
.card-icon{
        display:flex;
        align-items:center;
        margin-bottom:15px;
}

.card-icon img{
        width:32px;
        height:32px;
}

/* youtube responsive */
.video-container{
        position:relative;
        width:100%;
        padding-bottom:56.25%; /* 16:9 */
        height:0;
        overflow:hidden;
        border-radius:10px;
}

.video-container iframe{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}

/* facebook fix */
.fb-page,
.fb-page span,
.fb-page iframe{
        width:100% !important;
        max-width:100% !important;
}

/* wave */
.wave-divider{
    position:absolute;
    bottom:35%;
    left:0;
    width:100%;
    height:60px;
    z-index:1;
}

.wave-divider svg{
    width:100%;
    height:100%;
}

.social-feed{
    height:340px;
    overflow:hidden;
}

.social-card{
    background:#fff;
    border-radius:15px;
    padding:15px;
    height:420px;
}

/* MOBILE FIX */
@media(max-width:768px){
.social-section{
        padding:40px 10px;
}

.social-card{
        min-height:auto;
}

.wave-divider{
    display:none;
}
}

/* ===================================== */
/* ===== LOGOS-SLIDER ===== */
/* ===================================== */

.containerlogo{
  background:#f3f3f3 url("images/bg.png") repeat;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:15px 0;
  overflow:hidden; /* IMPORTANT */
}

/* slider track */

.slider{
  width:100%;
  overflow:hidden;
}

/* logos row */

.logos{
  display:flex;
  align-items:center;
  gap:60px;
  width:max-content;

  /* animation */

  animation: scrolllogos 30s linear infinite;
}

/* logos */

.logos img{
  height:70px;
  opacity:1;
  filter: brightness(1.1) contrast(1.05);
}

/* hover effect */

.logos img:hover{
  opacity:1;
  transform:scale(1.05);
}

/* animation */

@keyframes scrolllogos{
  0%{
  transform:translateX(0);
  }
  100%{
  transform:translateX(-50%);
  }
}

/* pause on hover (UX + audit) */

.containerlogo:hover .logos{
  animation-play-state: paused;
}

/* RESPONSIVE FIX */
@media(max-width:768px){
  .logos{
  gap:40px;
}

.logos img{
  height:50px;
  }
}

/* ===================================== */
/* ===== FOOTER  ===== */
/* ===================================== */

#footer{
  background:#1f2730;   /* dark background */
  color:#fff;
  padding:40px 0;
  font-family:'Open Sans',sans-serif;
  position:relative;
  border-top:6px solid #5dc29e;   /* green line like screenshot */
}

#footer::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0.06;
  pointer-events:none;
}

.footer-wrapper{
  width:100%;
  max-width:100%;
  padding-left:50px;
  padding-right:50px;
  position:relative;
  z-index:2;
}

.footer-logo{
  height:50px;
  margin-bottom:10px;
}

#footer h4{
  font-size:18px;
  margin-bottom:15px;
  position:relative;
  padding-bottom:8px;
}

#footer h4::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:60px;        /* underline length */
  height:2px;        /* thickness */
  background:#F9A825; /* underline color */
}

#footer h5{
  font-size:16px;
  margin-bottom:10px;
}

#footer a{
  color:#fff;
  text-decoration:none;
}

#footer a:hover{
  color:#9be7c4;
}

#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}

#footer ul li{
  margin-bottom:6px;
  font-size:14px;
}

.footer-copyright {
    text-align: center;
}

.footer-copyright p {
    margin: 10px 0;
    text-align: center;
}

.contact-row{
  display:flex;
  align-items:flex-start;
  margin-bottom:10px;
}

/* FIXED ICON COLUMN */
.contact-row i{
  color:#22d3a6;
  font-size:18px;
  width:24px;          /* FIXED WIDTH → ALIGNMENT KEY */
  min-width:24px;
  text-align:center;
  margin-top:3px;
}

/* TEXT COLUMN */
.contact-row span{
  flex:1;
  line-height:1.4;
  word-break:break-word;
}

/* counter line */

.footer-counter{
  text-align:left;
  padding:8px;
  font-size:14px;
  border-top:1px solid rgba(255,255,255,0.2);
  margin-top:20px;
}

.footer-counter .update-date{
  float:right;
  margin-right:20px;
}

/* copyright */

.footer-copyright{
  background:#5dc29e;
  color:#000; 
  text-align:center;
  padding:10px;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}

#sub-menu ul{
  display: flex;
    justify-content: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

#sub-menu ul li{
  display:inline-block;
  margin:0 10px;
}

.footer-copyright #sub-menu ul li a {
    color: #000 !important;
    text-decoration: none;
    font-weight: 600;
}

.footer-copyright #sub-menu ul li a:hover {
    color: #333 !important;
}

/* govt line */

.govt-line{
  text-align:center;
  font-size:13px;
  padding:6px;
}

/* map */

#footer iframe{
  width:100%;
  height:160px;
  border:0;
}

#footer .row{
  display:flex;
  justify-content:space-between;
  width:100%;
  margin:0;
}

#footer .footer-left{
  flex:1.5;
}

#footer .col-md-4{
  flex:1.5;
}

#footer .col-md-2{
  flex:0.3;
}

#footer .col-md-2:last-child{
  text-align:left;
}

.footer-flex{
  display:flex;
  justify-content:space-between;
  gap:60px;
}

.footer-left{
  flex:1.5;
}

.related-links{
  flex:1.5;
}

.quick-links{
  flex:1;
}

.visit-us{
  flex:1;
  text-align:left;
}

.related-links a,
.quick-links a{
    color:#ffffff;
    transition:all .3s ease;
}

.related-links li i,
.quick-links li i{
    color:#ffffff;
    transition:all .3s ease;
}

.related-links li:hover a,
.quick-links li:hover a,
.related-links li:hover i,
.quick-links li:hover i{
    color:#F9A825 !important;
}

.related-links li:hover,
.quick-links li:hover{
    padding-left:5px;
}

/* ===================================== */
/* ===== ABOUT US SECTION ===== */
/* ===================================== */

/* ===== ABOUT  ===== */

/* HERO SECTION */
.about-hero-tabs {
  position: relative;

  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/about-banner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
  padding-bottom: 55px;   /* IMPORTANT */
  color: #fff;
  overflow: visible;
}

/* OVERLAY */
.about-overlay {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
}

/* CONTENT */
.about-overlay .container {
  margin-left: 0;
  padding-left: 40px;
}

.about-content {
  max-width: 600px;
  text-align: left;
}

.about-overlay h1 {
  font-size: 32px;
  font-weight: 700;
}

/* BREADCRUMB */
.breadcrumb-text a {
  color: #ffffff;
  text-decoration: none;
  transition: 0.3s;
  font-size: 18px;
  margin-bottom: 10px;
}

.breadcrumb-text a:hover {
  color: #121213;
  text-decoration: underline;
}

/* TABS */
.about-tabs{
  position: absolute;
  left: 0;
  bottom: -25px;   /* half outside */
  width: 100%;
  z-index: 99;
}

.about-section{
  padding-top: 80px;
}

.about-tabs .container {
  max-width: 1650px;
  width: 95%;
}

.about-tabs .nav-tabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 8px 12px;
  gap: 6px;

  background: #f3f3f3;
  border-radius: 10px;
  border: 1px solid #5dc29e;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* TAB LINKS */
.about-tabs .nav-link {
  border: none;
  color: #333;
  font-weight: 500;
  padding: 8px 12px;
  white-space: nowrap;
  position: relative;
}

/* ACTIVE */
.about-tabs .nav-link.active {
  color: #d3650c;
  background: transparent;
}

/* DOT ICON */
.about-tabs .nav-link.active::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 6px;
  display: inline-block;

  background-image:
    radial-gradient(#d3650c 2px, transparent 2px),
    radial-gradient(#d3650c 2px, transparent 2px),
    radial-gradient(#d3650c 2px, transparent 2px),
    radial-gradient(#d3650c 2px, transparent 2px);

  background-size: 5px 5px;
  background-position: 0 0, 5px 0, 0 5px, 5px 5px;
}

/* UNDERLINE */
.about-tabs .nav-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #d3650c;
  transition: 0.3s;
}

.about-tabs .nav-link.active::after {
  width: 100%;
}

/* HOVER */
.about-tabs .nav-link:hover {
  background: #e0dddd;
}

/* CONTENT */
.about-section {
  padding: 60px 0;
}

/* RESPONSIVE */
@media (max-width: 992px) {

  .about-tabs .nav-tabs {
    overflow-x: auto;
  }

  .about-overlay .container {
    padding-left: 20px;
  }

  .about-overlay h1 {
    font-size: 24px;
  }
}

/* ===================================== */
/* ===== ABOUT INSTITUTE ===== */
/* ===================================== */

.about-row {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

/* LEFT TEXT */
.about-text {
  flex: 1;
}

.about-text h2 {
  color: #1f6b3a;
  font-weight: 700;
  margin-bottom: 15px;
}

.about-text p {
  margin-bottom: 12px;
  font-size:18px;
  line-height: 1.8;
  text-align: justify;
}

/* RIGHT IMAGE */
.about-img {
  flex: 0 0 250px;
}

.about-img img {
  width: 100%;
  border-radius: 6px;
}

.mv-section {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;

  background: #eef1f4;
  padding: 40px 0;
}

/* IMAGE STRIP */
.info-strip {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

/* IMAGES */
.info-strip img {
  width: 100%;
  max-width: 180px;
  height: 110px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.3s;
  opacity: 0.7;
}

/* HOVER */
.info-strip img:hover {
  opacity: 1;
}

/* CONTENT (SIMPLE TEXT ONLY) */
.info-content {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  padding: 10px 0;
}

/* IMAGE BOX */
.img-box {
  position: relative;
  cursor: pointer;
}

/* IMAGE */
.img-box img {
  width: 100%;
  max-width: 180px;
  height: 110px;
  object-fit: cover;
  border-radius: 6px;
  opacity: 0.7;
  transition: 0.3s;
}

/* ACTIVE IMAGE (SELECTED) */
.info-img.active {
  opacity: 1;                     /* full visibility */
  filter: brightness(70%);        /* makes it darker */
  
  transform: scale(1.05);         /* slight zoom */
}

/* HOVER */
.img-box:hover img {
  opacity: 1;
}

/* HOVER POPUP */
.img-box::after {
  content: attr(data-title);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: #1b5e20;
  color: #fff;
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: 0.3s;
}

.img-box:hover::after {
  opacity: 1;
}

/* STRIP */
.info-strip {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

/* IMAGE */
.info-img {
  width: 100%;
  max-width: 180px;
  height: 110px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.8;
}

/* HOVER POP OUT */
.info-img:hover {
  transform: scale(1.1);
  opacity: 1;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  z-index: 2;
}

/* CONTENT */
.info-content {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  padding-top: 10px;
}

/* MOBILE */
@media (max-width: 768px) {
  .info-strip {
    flex-wrap: wrap;
    justify-content: center;
  }

  .info-img {
    max-width: 45%;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .info-strip {
    flex-wrap: wrap;
    justify-content: center;
  }

  .info-strip img {
    max-width: 45%;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .info-grid {
    flex-direction: column;
  }
}

/* ===================================== */
/* ===== MANADATE ===== */
/* ===================================== */

.section-title {
  text-align: center;
  color: #1f6b3a;   /* your theme green */
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}

b {
  color: #7b2d26;   /* maroon */
}

/* ===================================== */
/* ===== LOCATION MAP ===== */
/* ===================================== */

.map-container {
  width: 100%;
  max-width: 900px;
  margin: 20px auto;   /* center */
}

.map-container iframe {
  width: 100%;
  height: 400px;
  border: 0;
  border-radius: 8px;
}

.section-title {
  text-align: center;
  color: #1f6b3a;
  font-weight: 700;
}

/* ===================================== */
/* ===== SITE MAP  ===== */
/* ===================================== */
.sitemap-title{
    text-align:center;
    color:#b82525;
    font-size:30px;
    font-weight:bold;
    margin:20px 0 40px;
}

/* Main Layout */
.sitemap-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    margin:20px;
}

/* Section */
.sitemap-section h4{
    display:inline-block;
    background:#0a7b2f;
    color:#fff;
    padding:6px 14px;
    font-size:22px;
    font-weight:bold;
    margin-bottom:15px;
    border-radius:2px;
}

.sitemap-section ul{
    list-style:none;
    padding-left:0;
    margin-top:10px;
}

.sitemap-section ul li{
    margin-bottom:8px;
    line-height:1.5;
}

/* Links */
.sitemap-section a{
    color:#003cff;
    text-decoration:none;
    font-size:18px;
    transition:all .3s ease;
}

.sitemap-section a:hover{
    color:#ff6600;
    text-decoration:none;
    padding-left:5px;
}

/* Responsive */
@media(max-width:1200px){
    .sitemap-container{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:768px){
    .sitemap-container{
        grid-template-columns:repeat(2,1fr);
    }

    .sitemap-title{
        font-size:32px;
    }
}

@media(max-width:576px){
    .sitemap-container{
        grid-template-columns:1fr;
    }

    .sitemap-title{
        font-size:28px;
    }

    .sitemap-section h4{
        font-size:18px;
    }

    .sitemap-section a{
        font-size:16px;
    }
}

/* ===================================== */
/* ===== ORGANIZATION  ===== */
/* ===================================== */

.org-title{
    color:#1f6b3a;
    font-weight:700;
    position:relative;
    display:inline-block;
    margin-bottom:35px;
    font-size:30px;
    text-transform:uppercase;
}

.org-title::after{
    content:"";
    width:70px;
    height:3px;
    background:#f28c28;
    display:block;
    margin:10px auto 0;
    border-radius:2px;
}

.org-container{
    width:100%;
    text-align:center;
}

.org-container img{
    max-width:100%;
    height:auto;
    display:block;
    margin:auto;
    border-radius:8px;
}

/* ===================================== */
/* ===== DIVISION UNITS  ===== */
/* ===================================== */


.division-layout{
  display:flex;
  gap:25px;
  margin-top:20px;
  align-items:flex-start;
}

/* SIDEBAR */

.division-sidebar{
  width:220px;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  max-height: 80vh;
  overflow-y: auto;
}

.sidebar-title{
  background:#1f6b3a;
  color:#fff;
  padding:18px;
  font-size:20px;
  font-weight:700;
}

.division-link{
  width:100%;
  text-align:left;
  border:none;
  background:#fff;
  padding:18px 20px;
  border-bottom:1px solid #eee;
  cursor:pointer;
  font-size:17px;
  transition:0.3s;
}

.division-link:hover{
  background:#f3f7f3;
  color:#1f6b3a;
}

.division-link.active{
  background:#dfe8df;
  color:#008000;
  font-weight:700;
}

/* CONTENT */

.division-content{
  flex:1;
  
}

.content-box{
  display:none;
  overflow-x:auto;
}

.content-box.active{
  display:block;
}

.division-image{
  width:100%;
  max-height:350px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:20px;
}


.content-box p{
  line-height:1.8;
  text-align:justify;
}

.content-box h5{
  color:#1f6b3a;
  font-size:22px;
  font-weight:700;
  margin-bottom:18px;
}

.content-box h6{
  color:#8b0000;
  font-size:14px;
  font-weight:700;
  margin-top:22px;
  margin-bottom:12px;
}

.content-box ul{
  padding-left:22px;
  margin-bottom:18px;
}

.content-box li{
  margin-bottom:8px;
  line-height:1.7;
}

.content-box{
  display:none;
  animation:fadeIn 0.3s ease;
}

@keyframes fadeIn{
  from{
    opacity:0;
    transform:translateY(5px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* MOBILE */

@media(max-width:992px){

  .division-layout{
    flex-direction:column;
  }

  .division-sidebar{
    width:100%;
  }

}

@media(max-width:768px){

  .sidebar-title{
    font-size:18px;
  }

  .division-link{
    font-size:15px;
    padding:14px 16px;
  }

  .content-box h5{
    font-size:20px;
  }

}

/* ===================================== */
/* ===== DIRECTORS  ===== */
/* ===================================== */

.directors-title{
    text-align:center;
    color:#9b0000;
    font-size:24px;
    font-weight:700;
    margin:25px 0;
    text-transform:uppercase;
}

.directors-details{
    color:#9b0000;
    font-size:24px;
    text-align:center;
}

.directors-info-table{
    width:85%;
    color:#000;
    margin:0 auto 40px;
    border-collapse:collapse;
    background:#fff;
}

.directors-info-table th{
    background:#f7f7f7;
    color:#000;
    font-size:18px;
    font-weight:700;
    text-align:center;
    padding:15px;
    border:1px solid #d9d9d9;
}

.directors-info-table td{
    border:1px solid #d9d9d9;
    padding:20px;
    vertical-align:middle;
}

.photo-cell{
    width:40%;
    text-align:center;
}

.photo-cell img{
    width:280px;
    max-width:100%;
    height:auto;
    border-radius:4px;
}

.director-name{
    margin-top:10px;
    font-size:18px !important;
    font-weight:700;
    color:#000 !important;
}

.joined-cell{
    width:25%;
    text-align:center;
    font-size:18px;

}

.address-cell{
    width:35%;
    text-align:center;
    font-size:18px;
    
    line-height:1.8;
}

/* FORMER DIRECTORS */

.former-title{
    text-align:center;
    color:#8b0000;
    font-size:24px;
    font-weight:700;
    margin:40px 0 20px;
}

.former-table{
    width:85%;
    margin:0 auto;
    overflow-x:auto;
}

.directors-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.directors-table th{
    background:#0b6e2b;
    color:#fff;
    padding:15px;
    text-align:center;
    font-size:17px;
}

.directors-table td{
    padding:15px;
    border:1px solid #ddd;
    color:#000;
    line-height:1.7;
}

.directors-table tr:nth-child(even){
    background:#f8f8f8;
}

.directors-table tr:hover{
    background:#eef8ee;
}

/* MOBILE */

@media (max-width:768px){

    .directors-title{
        font-size:18px;
    }

    .directors-info-table{
    width:100%;
    }

    .directors-info-table,
    .directors-info-table tbody,
    .directors-info-table tr,
    .directors-info-table td,
    .directors-info-table th{
        display:block;
        width:100%;
    }
    
    .photo-cell img{
        width:200px;
    }

    .joined-cell,
    .address-cell{
        text-align:center;
    }

    .former-table{
        width:100%;
    }

    .former-title{
        font-size:28px;
    }
}
/* ===================================== */
/* ===== VIGILANCE  ===== */
/* ===================================== */


.title {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  color: #1f6b3a;   /* green color */
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.title::after {
  content: "";
  width: 70px;
  height: 3px;
  background: #f28c28;
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

.vigilance-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.vigilance-card {
  width: 100%;
  max-width: 360px;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  padding: 20px;

  display: flex;
  flex-direction: column;

  /* SHADOW EFFECT */
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);

  /* SMOOTH EFFECT */
  transition: all 0.3s ease;
}

.vigilance-card h4 {
  font-size: 18px;
  color: #2e5547;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e5e5e5;
}

.officer-name {
  color: #b22222;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 4px;   /* 🔥 reduce gap */
}

.vigilance-card p {
  margin: 4px 0;   /* 🔥 control spacing overall */
}

.officer-block {
  min-height: 70px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

.officer-name {
  margin: 0;
  font-weight: 600;
  color: #b22222 !important;
}

.designation {
  margin: 2px 0 0;
  font-size: 13px;
  color: #2e7d32 !important;
}

.label {
  margin-top: 10px;
}

/* ===================================== */
/* ===== ARCHIVES  ===== */
/* ===================================== */


.archive-title {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  color: #1f6b3a;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}

.archive-title::after {
  content: "";
  width: 70px;
  height: 3px;
  background: #f28c28;
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

.archive-section h4 {
  color: #8b0000;
  margin-top: 22px;
  font-size: 17px;
  font-weight: 600;
}

.archive-section ul {
  padding-left: 20px;
}

.archive-section li {
  margin-bottom: 6px;
  font-size:18px;
}

.archive-section a {
  color: #007bff;
  text-decoration: none;
}

.archive-section p {
    font-size:18px;

}

.archive-section a:hover {
  color: #ff6600;
  text-decoration: none;   /* 🔥 no underline */
}

.pdf-img{
  width:18px;
  height:18px;
  margin-left:6px;
  vertical-align:middle;
}

/* ===================================== */
/* ===== FOR FARMERS SECTION ===== */
/* ===================================== */

/* ===== HERO ===== */
.farmer-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/for-farmers.png') center/cover no-repeat;

  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.hero-overlay .container {
    margin-left: 0;
  padding-left: 40px;
}

/* Breadcrumb */
.breadcrumb {
  font-size: 15px;
  margin-bottom: 8px;
}

.breadcrumb a {
  color: #fff;
  text-decoration: none;
}

/* underline only Home link */
.breadcrumb a:first-child:hover {
  text-decoration: underline;
}

/* remove underline for other links */
.breadcrumb a:not(:first-child):hover {
  text-decoration: none;
}

/* Title */
.hero h1 {
  font-size: 32px;
  font-weight: 700;
  word-break:break-word;
}

/* ===== CONTENT ===== */
.content-section {
  padding: 50px 0;
  min-height:400px;
}

.error {
  color: red;
  font-weight: 500;
}

@media (max-width: 576px){

  .hero{
    height:180px;
  }

  .hero h1{
    font-size:22px;
  }

}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {

  .farmer-hero {
    height: 200px;
  }

  .hero-overlay .container {
    padding-left: 20px;
  }

  .hero h1 {
    font-size: 24px;
  }

  .breadcrumb {
    font-size: 13px;
  }
}

/* ===================================== */
/* ===== FARMER ORIGIN ===== */
/* ===================================== */

/* ===== HEADINGS ===== */
h3 {
  color: #165c2f;
  font-size: 25px;
  font-weight: 600;
  margin: 30px 0 15px;
}

.content-section {
  padding: 50px 0;
}

.content-section p {
  line-height: 1.8;
  margin-bottom: 18px;
  text-align: left;
}

.content-section p,
.content-section li{
  text-align:justify;
}

.content-section ul {
  margin: 15px 0 20px 20px;
}

.content-section li {
  margin-bottom: 8px;
  line-height: 1.7;
}

.content-section .container {
  
  margin: auto;
  margin-top: 10px;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .content-section .container {
    padding: 0 20px;
  }
}

/* ===================================== */
/* ===== FARMER TYPES ===== */
/* ===================================== */

h3 {
  color: #165c2f;        /* dark green (matches your navbar) */
  font-weight: 700;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-left: 10px;
}

.content-section p {
  text-align: justify;     /* proper alignment */
  line-height: 1.7;
  margin-bottom: 15px;
}

.content-section {
  padding: 50px 0;
}

.content-section .container {
  margin: auto;            /* center alignment */
  padding: 0 20px;         /* spacing left/right */
}

/* ===================================== */
/* ===== FARMER MORPHOLOGY ===== */
/* ===================================== */

h3{
  color: #165c2f;
  font-weight:700;
  font-size:22px;
  margin-top:30px;
  margin-bottom:15px;
  padding-left:10px;
}

.content-section p{
  text-align:justify;
  line-height:1.7;
  margin-bottom:15px;
  font-size:17px;
}

.content-section{
  padding:50px 0;
}

.content-section .container{
  margin:auto;
  padding:0 20px;
}

/* ===================================== */
/* ===== FARMER SOIL ===== */
/* ===================================== */


.section-title {
  font-size: 28px;
  font-weight: 700;
  color: #2e7d32;
  text-align: center;
}


.badge-title {
  display: block;              /* important for centering */
  width: fit-content;          /* shrink to text size */
  margin: 20px auto 10px;      /* center horizontally */
  
  background: #c57c2c;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 6px;
  text-align: center;
}


/* Paragraph */
.section p {
  font-size: 16px;
  color: #444;
  margin-bottom: 15px;
  text-align: justify;
}

/* Red heading */
.section p.red-title {
  color: #b22222 !important;
  font-weight: bold;
  margin-top: 20px;
}

/* Green heading */
.section p.green-title {
  color: #2e7d32 !important;
  font-weight: bold;
  margin-top: 20px;
}

/* List */
.list {
  padding-left: 20px;
  margin-bottom: 20px;
}

.list li {
  margin-bottom: 8px;
}

/* Cards */
.fcv-card {
  background: #f1f8e9;
  border-left: 5px solid #66bb6a;
  padding: 12px;
  margin: 12px 0;
  border-radius: 8px;
}

/* Card heading */
.fcv-card h4 {
  color: #1b5e20;
  font-size: 18px;   /* reduced from default (~24px) */
  margin-bottom: 6px;
}

/* Mobile */
@media (max-width: 600px) {
  .section {
    padding: 20px;
  }
}

/* ===================================== */
/* ===== FARMER NURSERY ===== */
/* ===================================== */

.page-title {
  text-align: center;
  color: #2e7d32;   /* green */
  font-size: 26px;
  font-weight: 700;
  margin: 20px 0;
}

/* Layout */
.nursery-row {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
  flex-direction: row-reverse; /* 👈 THIS makes image go right */
}

/* Left image */
.nursery-img {
  width: 200px;
  height: auto;
  border-radius: 6px;
}

/* Right text */
.nursery-text {
  flex: 1;
  font-size: 17px;
  color: #444;
  text-align: justify;
}

.nursery-text p{
  line-height:1.8;
  margin-bottom:12px;
}

/* ===================================== */
/* ===== CURING & GRADING ===== */
/* ===================================== */

.page-layout {
  display: grid;
  grid-template-columns: minmax(260px, 340px) 1fr;
  gap: 24px;
  padding: clamp(16px, 2vw, 40px);
  max-width: 1600px;
  margin: 0 auto;
  align-items: start;
}

.sidebar {
  background: #ecf3ef;;
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  position: sticky;
  top: 20px;
  overflow: hidden;
}

.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  text-decoration: none;
  color: var(--text);
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.5;
  border-left: 4px solid transparent;
  transition: .25s ease;
}

.sidebar a::after {
  content: "›";
  font-size: 20px;
  flex-shrink: 0;
}

.sidebar a:hover,
.sidebar a:focus-visible {
  background: #fafdf9;
  color: #2e7d32;
  outline: none;
}

.sidebar a.active {
  background: #fdf8f8;
  border-left-color: #2e7d32;
  color: #2e7d32;
  font-weight: 700;
}

.tab-content {
  display: none;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  padding: clamp(18px, 2vw, 28px);
}

.tab-content.active {
  display: block;
}

.tab-content h2 {
  margin: 0 0 16px;
  font-size: clamp(16px, 1.2vw, 22px);
  color: #2e7d32;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 1.3;
}

.tab-content p,
.tab-content li {
  font-size: clamp(13px, 0.9vw, 16px);
  line-height: 1.8;
}

.curingsub-title,
.section-red {
  color: #800000;
  font-size: clamp(14px, 1.0vw, 20px);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  margin: 18px 0 10px;
}

.curing-card {
  background: #eef4ea;
  border-left: 4px solid #5cb85c;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 16px;
}

.curing-card h4 {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 700;
  color: #111;
}

.curing-card p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.7;
  color: #222;
}

.curing-card strong {
  font-weight: 700;
  color: #000;
}

.curing-info{
  margin-left: 42px;
  margin-top: 6px;
}

.curing-info p{
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: #111;
}

.table-card {
  margin-top: 18px;
  background: #fff;
  border-radius: 10px;
}

.table-card table {
  width: 100%;
  
  border-collapse: collapse;
  table-layout: fixed;
}

.table-card th,
.table-card td {
  border: 1px solid #d9e3da;
  color:#000;
  padding: 12px;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}

.table-card th {
  background: #2e7d32;
  color: #fff;
}

.table-card tr:nth-child(even) {
  background: #f7faf7;
}

img, iframe, video {
  max-width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .page-layout {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
  }
}

@media (max-width: 768px) {
  .curingsub-title,
  .section-red {
    font-size: 16px;
    margin: 14px 0 8px;
  }

  .tab-content p,
  .tab-content li {
    font-size: 14px;
    line-height: 1.7;
  }

  .curingsub-title,
  .section-red {
    font-size: 15px;
  }

  .sidebar a {
    padding: 12px 14px;
  }

  .tab-content {
    border-radius: 10px;
  }
}

/* ===================================== */
/* ===== FARMER INSECTS ===== */
/* ===================================== */

.page-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #2e7d32;
}

.sub-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
}

.sub-title::after {
  content: "";
  display: block;
  width: 70%;
  height: 3px;
  background-color: orange;
  margin-top: 4px;
}

.content-section p.insects-title{
  font-size:20px;
  font-weight:700;
  color:#1b5e20 !important;   /* green */
  margin-top:28px;
  margin-bottom:14px;
  line-height:1.4;
}

.content-section p.pests-title{
  font-size:18px;
  font-weight:600;
  color:#800000 !important;   /* maroon */
  margin-top:24px;
  margin-bottom:12px;
  line-height:1.4;
}

.content-section p.pests-subtitle{
  font-size:16px;
  font-weight:600;
  color:#0d47a1 !important;   /* blue */
  margin-top:20px;
  margin-bottom:12px;
}

p{
  font-size:16px;
  line-height:1.8;
  color:#333;
  margin-bottom:14px;
}

ul li{
  font-size:16px;
  line-height:1.8;
  margin-bottom:10px;
}

.content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.text-content {
  flex: 1;
}

.image-content img {
  width: 155px;
  height: 110px;
  object-fit: cover;
}

.content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 20px;
}

.text-content {
  flex: 1;
}

.image-content {
  flex-shrink: 0;
}

.image-content img {
  width: 180px;
  height: 130px;
  object-fit: cover;
  border-radius: 4px;
}

ul {
  margin: 10px 0 15px 25px;
  padding: 0;
}

ul li {
  margin-bottom: 10px;
  line-height: 1.6;
}

.or-text {
  list-style: none;
  font-weight: bold;

  margin-left: -20px;
}

.pesticide-table {
  max-width: 900px;
  margin: 30px auto;
  padding: 10px 20px;
}

.table-header,
.table-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 100px;
}

.table-header {
  font-weight: bold;
  color: #800000;
  font-size: 18px;
  margin-bottom: 25px;
}

.table-row {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 12px;
}

.table-row div {
  padding: 2px 0;
}

@media (max-width: 768px) {
  .table-header,
  .table-row {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .table-header {
    margin-bottom: 15px;
  }

  .table-row {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .content-wrapper {
    flex-direction: column;
  }

  .image-content img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
}

/* ===================================== */
/* ===== FARMER DISEASES ===== */
/* ===================================== */

.disease_page-title {
  color: #2e7d32;   /* green */
  text-align:center;
}

.card-container {
  display: flex;
  gap: 15px;              /* reduced gap */
  margin: 15px auto;
  max-width: 1000px;
}

.info-card {
  flex: 1;
  background: #f5f5f5;   /* default grey */
  padding: 15px 18px;
  border-radius: 8px;
  border: 1px solid #ddd;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* ACTIVE CARD (selected) */
.info-card.active {
  background: #ffffff;   /* white */
  border: 1px solid #ccc;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}

/* Hover effect */
.info-card:hover {
  transform: translateY(-6px) scale(1.02);   /* popup up */
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.info-card h3 {
  color: #ee420ee3;
  font-size: 22px;        /* reduced from 18+ */
  margin: 0;
  font-weight: 600;
}

.info-card button {
  background: #2e7d32;
  color: white;
  border: none;
  padding: 8px 14px;
  cursor: pointer;
  border-radius: 4px;
}

.full-content {
  display: none;
  overflow-x:auto;
  margin: 20px auto;
  padding: 0;              /* no inner space */
  background: none;        /* remove white box */
  border: none;            /* remove border */
}

.content-section p.disease-heading {
  font-size: 18px;
  font-weight: bold;
  color: #800000 !important;
  margin-bottom: 10px;
  text-align:center;
}

.section-heading {
  font-size: 16px;
  font-weight: bold;
  color: #203988;
  margin-top: 15px;
}

.image-right-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.image-right-wrapper .text {
  flex: 1;
}

.image-right-wrapper .image img {
  width: 90px;
  height: auto;
  object-fit: cover;
}

.info-note {
  background: #f1f1f1;
  padding: 12px 15px;
  font-size: 14px;
  line-height: 1.6;
  border-left: 4px solid #ccc;
  margin: 15px 0;
}

.or-line {
  margin: 5px 0;
}

/* Mobile */

@media(max-width:768px){

  .card-container {
		flex-direction: column;
	}
  .info-card h3{
    font-size:18px;
  }

  .disease-heading{
    font-size:17px;
  }

}

/* ===================================== */
/* ===== FARMER QUALITY ===== */
/* ===================================== */

.quality-pagetitle {
  color: #2e7d32;
  text-align: center;
  margin-bottom: 20px;
}

.quality-title {
  color: #a52a2a;
  margin-top: 20px;
  font-size:20px;
}

p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align: justify;
}

.highlight-heading {
  display: inline-block;
  background: #c57a2b;   /* brown/orange */
  color: #fff;
  padding: 8px 18px;
  border-radius: 6px;
  text-align: center;
  margin: 20px auto;
  display: block;
  width: fit-content;
}

.quality-table {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  border-collapse: collapse;
  font-size: 15px;
}

.quality-table th {
  background: #f2f2f2;
  text-align: left;
  padding: 10px;
  border: 1px solid #ddd;
}

.quality-table td {
  padding: 10px;
  border: 1px solid #ddd;
}

/* Zebra rows */
.quality-table tr:nth-child(even) {
  background: #fafafa;
}

.common-table {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  border-collapse: collapse;
  font-size: 15px;
}

.common-table th {
  background: #f2f2f2;
  text-align: left;
  padding: 10px;
  border: 1px solid #ddd;
}

.common-table td {
  padding: 10px;
  border: 1px solid #ddd;
}

.common-table tr:nth-child(even) {
  background: #fafafa;
}

/* Mobile */
@media (max-width: 768px) {
  .common-table {
    font-size: 13px;
  }
}

/* Mobile responsive */
@media (max-width: 768px) {
  .quality-table {
    font-size: 13px;
  }
}

/* ===================================== */
/* ===== FARMER ECONOMY ===== */
/* ===================================== */

.economy-pagetitle {
  color: #2e7d32;
  text-align: center;
  margin-bottom: 20px;
}

.economy-title {
  color: #a52a2a;
  margin-top: 20px;
  font-size:20px;
  font-weight: 700px;
}

p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align: justify;
}

/* ===================================== */
/* ===== RESEARCH ===== */
/* ===================================== */


/* HERO */
.research-overlay {
  background:
    linear-gradient(to right, rgba(140, 90, 0, 0.75), rgba(0, 0, 0, 0.25)),
    url('../images/research_banner.png') center right no-repeat;
  background-size: cover;
  height: 350px;
  display: flex;
  align-items: center;
  color: #fff;
}

.research-overlay .container {
  padding-left: 40px;
  margin-left: 0;
}

.research-content h1 {
  font-size: 32px;
  font-weight: 700;
}

/* ===== TABS ===== */
.research-tabs {
  margin-top: -45px;
}

.research-tabs .container {
  max-width: 1600px;
  width: 95%;
}

.research-tabs .nav-tabs {
  display: flex;
  
  padding: 2px;
  background: #f3f3f3;
  border-radius: 10px;
  border: 1px solid #5dc29e;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  overflow-x:auto;
  flex-wrap:nowrap;
}

/* TAB LINKS */
.research-tabs .nav-link {
  border: none;
  color: #333;
  padding: 8px 14px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}

/* ACTIVE TAB */
.research-tabs .nav-link.active {
  color: #d3650c;
}

.research-tabs .nav-tabs .nav-link.active {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 4 DOT ICON */
.research-tabs .nav-link.active::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 6px;
  display: inline-block;

  background-image:
    radial-gradient(#d3650c 2px, transparent 2px),
    radial-gradient(#d3650c 2px, transparent 2px),
    radial-gradient(#d3650c 2px, transparent 2px),
    radial-gradient(#d3650c 2px, transparent 2px);

  background-size: 5px 5px;
  background-position: 0 0, 5px 0, 0 5px, 5px 5px;
}


/* UNDERLINE */
.research-tabs .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 2px;
  background: #d3650c;
  transition: 0.3s;
}

.research-tabs .nav-link.active::after {
  width: 100%;
}

/* HOVER */
.research-tabs .nav-link:hover {
  background: #e0dddd;
}

/* ===== CONTENT ===== */
.research-section {
  padding: 60px 0;
}

.research-section .container {
  max-width: 1100px;
}

.research-section ul {
  line-height: 1.8;
  padding-left: 20px;
}

.research-section h3 {
  color: #1f6b3a;
  margin-bottom: 20px;
}

.research-section ul {
  list-style-type: disc !important;
  padding-left: 25px;
}

.research-section ul li {
  display: list-item !important;
}

/* ===================================== */
/* ===== COMMERICAL CROP ===== */
/* ===================================== */

.research-title {
  text-align: center;
  font-size: 24px;
  color: #1f6b3a;
  margin-bottom: 20px;
}

.research-list{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  line-height:1.9;
  padding-left:25px;
  text-align:justify;
}

.research-list li {
  margin-bottom: 12px;
}

/* ===================================== */
/* =====  CROP PRODUCTION===== */
/* ===================================== */


.crop-title {
  text-align: center;
  font-size: 26px;
  color: #1f6b3a;
  margin-bottom: 20px;
}

.crop-title {
  text-align: center;
  font-size: 24px;
  color: #1f6b3a;
  margin-bottom: 30px;
}

/* CARD CONTAINER */
.crop-cards {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

/* SINGLE CARD */
.crop-card {
  width: 320px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: 0.3s;
}

/* HOVER EFFECT */
.crop-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* CARD TITLE */
.crop-card h4 {
  color: #d3650c;
  margin-bottom: 10px;
}

/* TEXT */
.crop-card p {
  color: #444;
  line-height: 1.6;
}

.crop-card.active {
  background: #f5f5f5;   /* light gray */
  
}

/* CONTENT BOX */
.crop-content {
  margin-top: 30px;
  text-align: center;
}

.content-box{
  display:none;
  background:#fff;
  max-width:1200px;
  width:100%;
  margin:35px auto 0;
  padding:10px 30px;
}

/* SHOW ACTIVE */
.content-box.active {
  display: block;
}

/* LIST STYLE */
.content-box ul {
  width:100%;
  margin:0;
  padding-left: 20px;
}

.content-box li {
  margin-bottom:14px;
  text-align:justify;
}

/* ===================================== */
/* =====  POST HARVESTPRODUCE===== */
/* ===================================== */

.harvest-title {
  text-align: center;
  font-size: 26px;
  color: #1f6b3a;
  margin-bottom: 20px;
}

.harvest-list {
  line-height: 1.8;
  padding-left: 20px;
  overflow-wrap: break-word;
}

.harvest-list li {
  margin-bottom: 10px;
  text-align:justify;
}

/* ===================================== */
/* =====  MARKET INTELLIGENCE===== */
/* ===================================== */

.market-title {
  text-align: center;
  font-size: 26px;
  color: #1f6b3a;
  margin: 5px 0 5px 0;   /* 🔥 reduced top & bottom */
}

/* Sub titles */
.marketsub-title {
  color: #800000;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 8px;
}

/* Lists */
.market-section ul {
  padding-left: 20px;
  margin-top: 0;   /* 🔥 remove extra gap */
}

.market-section li {
  margin-bottom: 8px;
  line-height: 1.6;
  text-align:justify;
}

/* Paragraph */
.market-section p {
  margin-bottom: 8px;
  line-height: 1.6;
  text-align:justify;
}

/* ===================================== */
/* =====  KVK ===== */
/* ===================================== */


.kvk-title {
  text-align: center;
  font-size: 26px;
  color: #1f6b3a;
  margin-bottom: 25px;
}

/* CARDS */
.kvk-cards {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.kvk-card {
  width: 220px;
  padding: 14px;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: 0.3s;
}

.kvk-card:hover {
  transform: translateY(-5px);
}

.kvk-card.active {
  background: #f2f2f2;
}

.kvk-card h4 {
  color: #d3650c;
}

/* CONTENT */
.kvk-content {
  margin-top: 30px;
}

.content-box {
  display: none;
  max-width: 1000px;
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  overflow-x:auto;

}

.content-box.active {
  display: block;
}

.content-box h3 {
  color: #8b0000 !important;
  font-size: 20px;
}

.content-box h4 {
  margin-top: 20px;
  
  font-size: 20px;
}

.content-box ul {
  padding-left: 20px;
}

.content-box li {
  margin-bottom: 10px;
}

.content-box p,
.content-box li{
  line-height:1.6;
  text-align:justify;
}

.table-responsive{
  overflow-x:auto;
  width:100%;
}

/* TABLE */
.styled-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}

.styled-table th,
.styled-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}

.styled-table th {
  background: #1f6b3a;
  color: white;
}

@media(max-width:768px){

  .kvk-title{
    font-size:22px;
  }

  .content-box{
    padding:18px;
  }

}

/* ===================================== */
/* =====  INDIA NETWORK ===== */
/* ===================================== */

.anpt-title {
  text-align: center;
  font-size: 22px;
  color: #1f6b3a;
  margin-bottom: 20px;
}

.anpt-list {
  line-height: 1.8;
  padding-left: 20px;
  text-align:justify;
}

.anpt-list li {
  margin-bottom: 10px;
}

/* ===================================== */
/* ===== SUCCESS STORIES ===== */
/* ===================================== */
 
.success-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url("../images/research_banner.png") center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.success-overlay {
  width: 100%;
  text-align: center;
}

.success-overlay h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

/* CONTENT */
.success-section {
  padding: 40px 20px;
}

.success-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
}

/* LIST */
/* CONTENT CONTAINER */
.success-section .container {
  max-width: 1000px;
  margin: 0 auto;
}

/* LIST */
.success-list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

/* LIST ITEM */
.success-list li {
  width: 100%;
  margin: 14px 0;
  display: flex;
}

/* CARD */
.success-list a {
  width: 100%;
  display: flex;
  align-items: center;
  
  position: relative;
  padding: 18px 70px;
  background: #f5f5f5;
  border-left: 5px solid #2e7d32;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
  box-sizing: border-box;
}

/* ICON */
.success-list a img {
  position: absolute;
  right: 20px;
  width: 28px;
}

/* HOVER */
.success-list a:hover {
  background: #e8f5e9;
  transform: translateY(-2px);
}

@media (max-width: 768px){

  .success-overlay h1{
    font-size: 28px;
  }

  .success-list a{
    padding: 15px 55px 15px 15px;
    font-size: 14px;
  }

  .success-list a img{
    width: 22px;
    right: 15px;
  }

}

/* ===================================== */
/* ===== EXTERNALLY FUNDED ===== */
/* ===================================== */


.externally-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/research_banner.png') center/cover no-repeat;
  height: 350px;
  display: flex;
  align-items: center;
  color: #fff;
}


.externally-overlay{
  padding-left: 40px;
  margin-left: 0;
}

.externally-overlay h1{
    font-size:32px;
    font-weight:700;
    margin-bottom:12px;
    letter-spacing:0.5px;
}

/*  MAIN SECTION  */

.externally-section{
    padding:60px 20px;
    background:#fff;
}

.externally-title{
    text-align:center;
    font-size:28px;
    font-weight:700;
    color:#1b5e20;
    margin-bottom:30px;
    position:relative;
}

.externally-title::after{
    content:'';
    width:65px;
    height:3px;
    background:#db5c12;
    display:block;
    margin:12px auto 0;
    border-radius:10px;
}

/*  TABS  */

.externallyproject-cards{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:45px;
}

.externallyproject-card{
    background:#f8f8f8;
    padding:14px 28px;
    border-radius:8px;
    font-weight:600;
    border:1px solid #d8d8d8;
    cursor:pointer;
    transition:all 0.3s ease;
    font-size:16px;
}

.externallyproject-card:hover{
    background:#edf7ee;
    border-color:#2e7d32;
    transform:translateY(-2px);
}

.externallyproject-card.active{
    background:#edf7ee;
    border-color:#2e7d32;
    color:#1b5e20;
    box-shadow:0 4px 12px rgba(0,0,0,0.06);
}

/*  SUB TITLE */

.externallysub-title{
    max-width:950px;
    margin:0 auto 20px;
    font-size:20px;
    color:#9e2828;
    font-weight:700;
}

/* PROJECT LIST */

.externallyproject-plain{
    max-width:950px;
    margin:auto;
    padding-left:25px;
}

.externallyproject-plain li{
    margin-bottom:14px;
    padding-bottom:14px;
    border-bottom:1px solid #ececec;
}

/*  TEXT STYLES */

.externallytitle{
    font-size:18px;
    font-weight:600;
    
    
    margin-bottom:10px;
}

/* NAMES */
.externallynames{
    font-size:18px;
    
    
    margin-bottom:8px;
}

/* CODE */
.externallycode{
    font-size:16px;
    color:#474747;
    font-weight:600;
}

/*  SECTION ANIMATION */

.project-section{
    animation:fadeIn 0.4s ease;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* MOBILE */

@media(max-width:768px){

    .externally-hero{
        height:230px;
    }

    .externally-overlay h1{
        font-size:26px;
    }

    .externally-title{
        font-size:24px;
    }

    .externallysub-title{
        font-size:20px;
    }

    .externallyproject-card{
        width:100%;
        text-align:center;
    }

    .externallytitle{
        font-size:16px;
    }

    .externallynames{
        font-size:14px;
    }

    .externallyproject-plain li{
        margin-bottom:25px;
    }
}


/* ===================================== */
/* ===== TECHNOLOGIES ===== */
/* ===================================== */

.techs-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/research_banner.png') center/cover no-repeat;
  height: 360px;
  display: flex;
  align-items: center;
  color: #fff;
}

.techs-overlay h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

/* CONTENT */
.techs-section {
  padding: 40px 20px;
}

.techs-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
  font-size:26px;
  font-weight:700;
}

/* LIST */
.techs-list {
  max-width: 900px;
  margin: auto;
  list-style: none;
  padding: 0;
}

.techs-list li {
  margin: 12px 0;
}

.techs-list a {
  display: block;
  padding: 12px 15px;
  background: #f5f5f5;
  border-left: 5px solid #2e7d32;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.techs-list a:hover {
  background: #e8f5e9;
  transform: translateX(5px);
}


/* ===================================== */
/* ===== PUBLICATION ===== */
/* ===================================== */

   .publications-list {
    max-width: 900px;
    margin: 0 auto;
}

.publications-links li {
    margin-bottom: 15px;
    font-size: 18px;
}

.publications-list a{
    color: #003366;      /* dark blue */
    text-decoration: none;
    font-weight: 600;
}

.publications-list a:hover{
    color: #198754;      /* green on hover */
    text-decoration: none;
}

.publications-list ol li{
    margin-bottom: 12px;
    font-size: 18px;
}

.career-title {
    color: #198754;
    font-weight: 700;
}

.pdf-wrap img{
    width:20px;
    height:20px;
    margin-left:4px;
    vertical-align:middle;
}

/* ===================================== */
/* ===== PUBLICATION 2025 ===== */
/* ===================================== */

.respub-section{
    padding:60px 0;
    background:#f7f8fa;
}

.respub-title{
    color:#198754;
    font-size:32px;
    font-weight:700;
    margin-bottom:10px;
}

.respub-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    background:#fff;
    border-left:5px solid #198754;
    border-radius:10px;
    padding:25px;

    margin-bottom:20px;

    box-shadow:0 2px 10px rgba(0,0,0,.08);
    transition:.3s;
}

.respub-card:hover{
    transform:translateY(-2px);
    box-shadow:0 5px 18px rgba(0,0,0,.12);
}

.respub-content{
    flex:1;
}

.respub-content h4{
    font-size:18px;
    color:#003366;
    margin-bottom:10px;
    line-height:1.5;
    font-weight:600;
}

.authors{
    color:#555;
    font-size:20px;
    margin-bottom:8px;
    line-height:1.6;
}

.journal{
    color:#198754;
    font-size:18px;
    font-weight:600;
}

.respub-action{
    min-width:120px;
    text-align:right;
}

.pdf-btn{
    background:#dc3545;
    color:#fff !important;
    text-decoration:none;
    padding:10px 18px;
    border-radius:6px;
    font-weight:600;
    display:inline-block;
}

.pdf-btn:hover{
    background:#bb2d3b;
    color:#fff !important;
}

@media(max-width:768px){

    .respub-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .respub-action{
        width:100%;
        text-align:left;
    }
}


/* ===================================== */
/* ===== PATENTS  ===== */
/* ===================================== */

.patents-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/research_banner.png') center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.patents-section {
  padding: 40px 20px;
}

.patents-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
  font-weight: 700;
  font-size: 32px;
}

.copyrights-list {
  max-width: 900px;
  margin: auto;
  list-style: none;
  padding: 0;
}

.copyrights-list li {
  margin: 12px 0;
}

.copyrights-list a {
  display: block;
  padding: 12px 15px;
  background: #f5f5f5;
  border-left: 5px solid #2e7d32;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.copyrights-list a:hover {
  background: #e8f5e9;
  transform: translateX(5px);
}

.story-card {
  display: flex;
  align-items: center;
  gap: 12px;
}

.text {
  flex: 1;
}

.view-btn {
  background: #2e7d32;
  color: #fff;
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 12px;
}

.story-card.active {
  background: #d0e6d6 !important; /* light green highlight */
}

@media (max-width:768px){

  .story-card{
    flex-direction:column;
    align-items:flex-start;
  }

  .view-btn{
    margin-top:8px;
  }

}

/* ===================================== */
/* ===== DIRECTOR  ===== */
/* ===================================== */

.director-section{
    padding:90px 0;
    background:#f5f5f5;
}

/* CARD */

.director-card{
    max-width:950px;
    margin:-40px auto 0;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    display:flex;
    align-items:center;
    box-shadow:0 12px 35px rgba(0,0,0,.08);

    /* Animation start */
    opacity:0;
    transform:translateY(-100px);
    transition:all 1s ease;
}

.director-card.show{
    opacity:1;
    transform:translateY(0);
}


/* IMAGE SIDE */

.director-left{
    flex:0 0 45%;
    height:100%;
}

.director-img{
    width:100%;
    height:350px;
    object-fit:cover;
    display:block;
}

/* CONTENT SIDE */

.director-right{
    flex:1;
    padding:45px 50px;
    text-align:center;      /* CENTER EVERYTHING */
}

/* NAME */

.director-name{
    font-size:24px !important;
    font-weight:700;
    color:#b8b047 !important;
    margin-bottom:12px;
    line-height:1.3;
    text-align:center;
}

/* DESIGNATION */

.director-role{
    font-size:20px;
    font-weight:600;
    color:#f4a300;
    margin-bottom:15px;
    text-align:center;
}

/* INSTITUTE */

.director-org{
    font-size:17px;
    color:#555;
    line-height:1.8;
    margin-bottom:30px;
    text-align:center;
}

/* BUTTON */

.director-btn{
    display:inline-block;
    padding:12px 32px;
    background:#0b5e34;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    font-size:16px;
    font-weight:600;
    transition:.3s ease;
}

.director-btn:hover{
    background:#f4a300;
    color:#fff;
    transform:translateY(-2px);
}

/* HOVER EFFECT */

.director-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

/* mobile  */

@media(max-width:768px){

    .director-section{
        padding:50px 15px;
    }

    .director-card{
        flex-direction:column;
    }

    .director-left{
        width:100%;
    }

    .director-img{
        width:100%;
        height:280px;
    }

    .director-right{
        padding:30px 25px;
    }

    .director-name{
        font-size:26px;
    }

    .director-role{
        font-size:18px;
    }

    .director-org{
        font-size:15px;
    }

}
/* ===================================== */
/* ===== STAFF SCIENTIST  ===== */
/* ===================================== */



.scientist-overlay {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.scientist-overlay h1 {
  font-size: 36px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* ===== CONTENT ===== */

.scientist-section {
  padding: 60px 0;
}

.staff-layout {
  display: flex;
  gap: 25px;
  align-items: flex-start;
}


/* ===== SIDEBAR ===== */

.staff-sidebar{
  width: 320px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;

  /* shadow effect like image */
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* heading */
.sidebar-title{
  background: #218240;
  color: #f3f6f4;
  font-size: 18px;
  font-weight: 700;
  padding: 18px 20px;
}

/* menu items */
.sidebar-item{
  display: block;
  padding: 18px 20px;
  font-size: 18px;
  color: #1d1d1d;
  text-decoration: none;
  line-height: 1.5;

  background: #fff;
  border-top: 1px solid #ececec;


}

/* active item */
.sidebar-item.active{
  background: #dfe8df;
  color: #0b7a2a;
  font-weight: 600;
}

/* hover */
.sidebar-item:hover{
  background: #f5f7f5;
  color: #0b7a2a;
}


/* ===== RIGHT CONTENT ===== */

.staff-content {
  flex: 1;
}

.scientist-title {
  margin-bottom: 25px;
  color: #2e7d32;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
}

/* Orange underline */
.scientist-title::after {
  content: "";
  width: 80px;
  height: 4px;
  background: orange;
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  border-radius: 5px;
}

/* ===== SCROLL ANIMATION ===== */
/* ===== STAFF CARD ===== */

.staff-card{
  position: relative;
  display: flex;
  gap: 12px;

  background: #fff;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 16px;
  
  overflow: hidden;

  box-shadow: 0 3px 12px rgba(0,0,0,0.10);

  /* hidden state */
  opacity: 0;

  /* START FROM UP */
  transform: translateY(-75px);

  transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* green strip bottom */
.staff-card::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 18px;
  background: linear-gradient(
    to right,
    #d5efe2,
    #bde5d4,
    #9fd7c2
  );
}

/* hover effect */
.staff-card:hover{
  transform: translateY(-6px);
  background: #f8f2e6;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}

/* scroll animation active */
.staff-card.show{
  opacity: 1;
  transform: translateY(0);
}

/* image */
.staff-image img{
  width: 140px;
  height: 190px;
  object-fit: cover;
  border-radius: 10px;
}

/* content */
.staff-info{
  flex: 1;
  padding-bottom: 20px;
}

.staff-info h3{
  font-size: 20px;
  margin-bottom: 8px;
  color: #111;
  font-weight: 700;
  line-height: 1.4;
}

.staff-info p{
  margin-bottom: 10px;
  line-height: 1.7;
  color: #555;
}

/* button */
.profile-btn{
  display: inline-block;
  padding: 12px 24px;
  background: #39a935;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.3s ease;
}

.profile-btn:hover{
  background: #218240;
  color: #fff;
}

@media(max-width:768px){

  .staff-card{
    flex-direction: column;
  }

  .staff-image img{
    width: 100%;
    height: auto;
  }

}

/* ===== MOBILE ===== */

@media (max-width: 992px) {

  .staff-layout {
    flex-direction: column;
  }

  .staff-sidebar {
    width: 100%;
  }

}

/* ===================================== */
/* ===== STAFF TECHNICAL  ===== */
/* ===================================== */
.technical-content{
  max-width: 1030px;
  margin: auto;
}


/* ===== TITLE ===== */

.technical-title{
  text-align: center;
  font-size: 30px;
  color: #2e7d32;
  margin-bottom: 45px;
  font-weight: 700;
  position: relative;
}

.technical-title::after{
  content: "";
  width: 70px;
  height: 4px;
  background: #ff7a00;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
}

/* ===== CARD ===== */

.technical-card{
  position: relative;
  display: flex;
  gap: 28px;
  background: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  margin-bottom: 6px;
  overflow: hidden;
  box-shadow:
    0 3px 12px rgba(0,0,0,0.10);
  transition:
    box-shadow 0.3s ease;
}



/* hover */

.technical-card:hover{
  transform: translateY(-6px);
  box-shadow:
    0 12px 28px rgba(0,0,0,0.18);
}

/* bottom strip */

.technical-card::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background: linear-gradient(
    to right,
    #d5efe2,
    #bde5d4,
    #9fd7c2
  );
}

/* ===== IMAGE ===== */

.technical-image img{
  width: 140px;
  height: 170px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #ddd;
}

/* ===== INFO ===== */

.technical-info{
  flex: 1;
  padding-top: 0;
  margin-top: -6px;
}

.technical-info h3{
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #111;
}

.technical-info p{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

.technical-card:hover{
  transform: translateY(-6px);
  background: #f8f2e6;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}

/* ===== BUTTON ===== */

.profile-btn{
  display: inline-block;
  margin-top: 8px;
  padding: 11px 24px;
  background: #39a935;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: 0.3s ease;
}

.profile-btn:hover{
  background: #218240;
  color: #fff;
}

/* ===== MOBILE ===== */

@media(max-width:768px){
  .technical-card{
    flex-direction: column;
  }

  .technical-image img{
    width: 100%;
    height: auto;
  }

  .technical-title{
    font-size: 28px;
  }

}

/* ===================================== */
/* ===== STAFF ADMIN  ===== */
/* ===================================== */

.admin-content{
  max-width: 1030px;
  margin: auto;
}

/* ===== TITLE ===== */

.admin-title{
  font-size: 30px;
  color: #2e7d32;
  margin-bottom: 35px;
  font-weight: 700;
  text-align: center;
  position: relative;
}

.admin-title::after{
  content: "";
  width: 70px;
  height: 4px;
  background: #ff7a00;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
}

/* ===== CARD ===== */

.admin-card{
  position: relative;
  display: flex;
  gap: 22px;
  background: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  margin-bottom: 14px;
  overflow: hidden;
  box-shadow:
    0 3px 10px rgba(0,0,0,0.08);
  opacity: 0;
  transform: translateY(-60px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* ===== SHOW EFFECT ===== */

.admin-card.show{

  opacity: 1;
  transform: translateY(0);
}


/* ===== HOVER ===== */

.admin-card:hover{
  transform: translateY(-8px);
  background: #f8f5ec;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.18);
}

/* ===== BOTTOM STRIP ===== */

.admin-card::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background: linear-gradient(
    to right,
    #d5efe2,
    #bde5d4,
    #9fd7c2
  );
}

/* ===== IMAGE ===== */

.admin-image img{
  width: 140px;
  height: 170px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #ddd;
}

/* ===== INFO ===== */

.admin-info{
  flex: 1;
  margin-top: -2px;
}

.admin-info h3{
  font-size: 20px;
  margin-bottom: 10px;
  color: #111;
  font-weight: 700;
}

.admin-info p{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

/* ===== BUTTON ===== */

.profile-btn{
  display: inline-block;
  margin-top: 6px;
  padding: 11px 24px;
  background: #39a935;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: 0.3s ease;
}

.profile-btn:hover{
  background: #218240;
  color: #fff;
}

/* ===== MOBILE ===== */

@media(max-width:768px){
  .admin-card{
    flex-direction: column;
  }

  .admin-image img{
    width: 100%;
    height: auto;
  }

}

/* ===================================== */
/* ===== STAFF SUPPORT  ===== */
/* ===================================== */

.support-title{
  text-align: center;
  font-size: 28px;
  color: #2e7d32;
  margin-bottom: 45px;
  font-weight: 700;
  position: relative;
}

.support-title::after{
  content: "";
  width: 70px;
  height: 4px;
  background: #ff7a00;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
}

/* ===== WRAPPER ===== */

.support-wrapper{
  max-width: 920px;
  margin: auto;
}

/* ===== ROW ===== */

.support-row{
  display: flex;
  gap: 18px;
  margin-bottom: 18px;
}

/* ===== ITEM ===== */

.support-item{
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  min-height: 120px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 3px 10px rgba(0,0,0,0.08);
  opacity: 0;
  transform: translateY(-60px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* ===== SHOW EFFECT ===== */

.support-item.show{
  opacity: 1;
  transform: translateY(0);
}

/* ===== HOVER ===== */

.support-item:hover{
  transform: translateY(-6px);
  background: #f8f5ec;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.16);
}

/* ===== BOTTOM STRIP ===== */

.support-item::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background: linear-gradient(
    to right,
    #d5efe2,
    #bde5d4,
    #9fd7c2
  );
}

/* ===== IMAGE ===== */

.support-image{
  width: 82px;
  height: 100px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
}

.support-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== NAME ===== */

.support-name{
  font-size: 18px;
  font-weight: 600;
  color: #444;
  line-height: 1.5;
}

/* ===== MOBILE ===== */

@media(max-width:768px){
  .support-row{
    flex-direction: column;
  }

}

/* ===================================== */
/* ===== STAFF POSTION  ===== */
/* ===================================== */

.staff-home-section{
  padding: 70px 0 90px;
  background: #f7f7f7;
  min-height: 600px;
}

.staffposition-title{
  text-align: center;
  color: #41973e;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 55px;
  text-transform: uppercase;
}

/* ===== GRID ===== */

.staff-grid{
  max-width: 950px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px 90px;
}

/* ===== BOX ===== */

.staff-box{
  position: relative;
  overflow: hidden;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow:
    0 5px 16px rgba(0,0,0,0.12);
  opacity: 0;
  transform: translateY(-70px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease,
    box-shadow 0.35s ease,
    filter 0.35s ease;
}

/* ===== SHOW ANIMATION ===== */

.staff-box.show{
  opacity: 1;
  transform: translateY(0);
}

/* ===== SHINE EFFECT ===== */

.staff-box::before{
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 70%;
  height: 100%;
  background: rgba(255,255,255,0.18);
  transform: skewX(-25deg);
  transition: 0.7s;
}

/* ===== HOVER ===== */

.staff-box:hover{
  transform: translateY(-6px);
  filter: brightness(1.06);
  color: #fff;
  box-shadow:
    0 12px 24px rgba(0,0,0,0.18);
}

.staff-box:hover::before{
  left: 130%;
}

/* ===== COLORS ===== */

.scientific{
  background: #e89b22;
}

.technical{
  background: #41973e;
}

.admin{
  background: #d92b27;
}

.support{
  background: #58b5d3;
}

.cadre{
  background: #36a7af;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

  .staff-grid{
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .main-title{
    font-size: 32px;
  }

  .staff-box{
    height: 85px;
    font-size: 18px;
  }

}

/* ===================================== */
/* ===== PRESS RELEASE  ===== */
/* ===================================== */

.press-hero {

  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/annoucement_banner.png') center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.press-overlay h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.presstitle {
  color: #2e7d32;
  margin-bottom: 25px;
  text-align: center;
  font-size: 38px;
  font-weight: 700;

}

/* ================= YEAR BUTTONS ================= */

.pressyear-buttons {
  display: flex;
  gap: 18px;
  margin-bottom: 20px;
  justify-content: center;

}

.pressyear-btn {
  background: #43a047;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 22px;
  transition: 0.3s;
}

.pressyear-btn:hover {
  background: #2e7d32;
}

/* ACTIVE YEAR BUTTON */

.pressyear-btn.active {
  background: #388e3c;
  box-shadow:
    0 0 0 3px rgba(76,175,80,0.35),
    0 4px 10px rgba(0,0,0,0.15);
}

/* ================= CARDS ================= */

.pressyear-card,
.pressmonth-card {
  display: none;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

/* ================= TITLES ================= */

.presssub-title{
  color: #c42727;
  margin-bottom: 15px;
}

.pressmonth-title {
  font-size: 26px;
  font-weight: 700;
  color: #dc2626;
  margin-bottom: 28px;
  border-left: 5px solid #22c55e;
  padding-left: 14px;
  letter-spacing: 0.5px;
}


/* ================= MONTH BUTTON ================= */

.pressmonths button {
  background: #5fa7b5;
  color: #fff;
  border: none;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.pressmonths button:hover {
  background: #3b8ea5;
}

/* ACTIVE MONTH BUTTON */

.pressmonths button.active {
  background: #4fa6c2;
  box-shadow:
    0 0 0 3px rgba(95,167,181,0.35),
    0 4px 10px rgba(0,0,0,0.15);
}

/* ================= GRID ================= */

.press-grid {
  display: grid;
  grid-template-columns: repeat(3, 0.85fr);
  justify-content: start;
  gap: 22px;
  align-items: start;
}

/* ================= year PRESS CARD ================= */

.press-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
 box-shadow:
    0 4px 14px rgba(0,0,0,0.08);
  transition: 0.3s ease;
  margin-bottom: 20px;
  border: 1px solid #f1f1f1;
}

.press-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 10px 24px rgba(0,0,0,0.14);
}

/* TOP DESIGN BAR */

.pressyear-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background:
    linear-gradient(
      90deg,
      #11998e,
      #38ef7d,
      #43cea2
    );
}

.presssub-title {
  font-size: 26px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 22px;
  text-align: left;
  position: relative;
}

/* SMALL UNDERLINE */

.presssub-title::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #22c55e;
  border-radius: 20px;
  display: block;
  margin-top: 10px;
}

/* MONTH BUTTON AREA */

.pressmonths {
  display: flex;
  justify-content: flex-start;
  gap: 14px;
  flex-wrap: wrap;
}

/* MONTH BUTTONS */

.pressmonths button {
  border: none;
  background: linear-gradient(135deg, #0ea5e9, #22c55e);
  color: white;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
  box-shadow:
    0 4px 14px rgba(34,197,94,0.22);
}

/* SHINE EFFECT */

.pressmonths button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,0.35),
      transparent
    );
  transition: 0.6s;
}

/* HOVER */

.pressmonths button:hover {
  transform: translateY(-5px) scale(1.04);
  box-shadow:
    0 14px 34px rgba(17,153,142,0.35);
}

/* SHINE MOVE */

.pressmonths button:hover::before {
  left: 100%;
}

/* ACTIVE BUTTON */

.pressmonths button.active {
  background: linear-gradient(135deg, #f97316, #ef4444);
}

/* ================= IMAGE ================= */

.press-card img {
  width: 100%;
  max-height: 230px;
  object-fit: contain;
  display: block;
  border-radius: 8px;
  transition: 0.3s ease;
}

/* HOVER EFFECT */

.press-card:hover img {
  transform: scale(1.02);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
  .pressyear-card {
    width: 95%;
    padding: 22px;
  }

  .presssub-title {
    font-size: 22px;
  }
}

@media(max-width:992px){
  .press-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .press-grid{
    grid-template-columns:1fr;
  }

}

/* ================= MODAL ================= */

.image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.88);
  backdrop-filter: blur(3px);
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* MODAL IMAGE */

.modal-content {
  max-width: 95%;
  max-height: 95vh;
  object-fit: contain;
  border-radius: 10px;
  animation: zoomIn 0.3s ease;
}

/* CLOSE BUTTON */

.close-modal {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  cursor: pointer;
}

/* ANIMATION */

@keyframes zoomIn {

  from {
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* ===================================== */
/* ===== CIRCULAR  ===== */
/* ===================================== */
.circular-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/annoucement_banner.png') center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.circular-section {
  padding: 40px 20px;
}

.circular-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
  font-size: 32px;
  font-weight:700;
}

.circular-list {
  max-width: 900px;
  margin: auto;
  list-style: none;
  padding: 0;
}

.circular-list li {
  margin: 12px 0;
}



.text {
  flex: 1;
}

/* ✅ FIXED ICON */
.pdf-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

@media(max-width:576px){
  .circular-hero{
    height:200px;
  }

  .circular-overlay h1{
    font-size:26px;
  }

  .circular-overlay p{
    font-size:14px;
  }

  .circular-title{
    font-size:26px;
  }

  .story-card{
    padding:10px 12px;
  }

}

/* ===================================== */
/* ===== EMPLOYMENT  ===== */
/* ===================================== */

.employment-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/annoucement_banner.png') center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.employment-section {
  padding: 40px 20px;
}

.employment-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
  font-size:32px;
  font-weight:700;
}

.employment-list {
  max-width: 900px;
  margin: auto;
  list-style: none;
  padding: 0;
}

.employment-list li {
  margin: 12px 0;
}





.text {
  flex: 1;
}

/* ✅ FIXED ICON */
.pdf-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

@media(max-width:576px){

  .employment-hero{
    height:200px;
  }

  .employment-overlay h1{
    font-size:26px;
  }

  .employment-title{
    font-size:26px;
  }

  .story-card{
    padding:10px 12px;
  }

}

/* ===================================== */
/* ===== CAREERS  ===== */
/* ===================================== */
.career-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/annoucement_banner.png') center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.career-overlay h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.career-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

.career-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 80px;
  height: 4px;
  background: #ff9800;
  border-radius: 10px;
}

/* ===================================== */
/* ===== ANNOUNCEMENT_ RIA  ===== */
/* ===================================== */


.ria-hero {
   background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/annoucement_banner.png') center/cover no-repeat;
  height: 300px;
  display: flex;
  align-items: center;
  color: #fff;
}

.ria-overlay h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.ria-title {
  text-align:center;
  margin:0 auto 25px;
  display:table;
  color:#2e7d32;
  font-size:32px;
  font-weight:700;
  position:relative;
}

.ria-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 80px;
  height: 4px;
  background: #ff9800;
  border-radius: 10px;
}

.rti-container {
  width: 90%;
  margin: 30px auto;
  border: 1px solid #ccc;
  background: #f9f9f9;
  font-family: Arial, sans-serif;
}

.rti-header {
  background: #7fe4a054;
  color: #0f0f0f;
  text-align: center;
  padding: 15px;
  font-size: 16px;
  line-height: 1.6;
}

/* CARD */

.rti-card {
  flex: 1;
  text-align: center;
  padding: 10px 30px;
}

/* CENTER NAME */

.rti-card h3 {
  margin-bottom: 10px;
  color: #444;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

/* VERTICAL DIVIDER */

.rti-card:first-child {
  border-right: 1px solid #d8d8d8;
}

.rti-card p {
  margin: 6px 0;
  color: #444;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}

/* LINKS */
.rti-card a {
  color: #1a5fb4;
  text-decoration: none;
}

.rti-card a:hover {
  text-decoration: underline;
}

/* MOBILE TEXT */
.no-mobile {
  color: #1a5fb4;
  font-weight: bold;
}

.rti-content {
  display: flex;
  justify-content: center;   /* center both blocks */
  align-items: center;
  padding: 25px;
  gap: 40px;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .ria-hero{
    height:200px;
  }

  .ria-overlay h1{
    font-size:26px;
  }

  .ria-overlay p{
    font-size:14px;
  }

  .ria-title{
    font-size:26px;
  }

  .rti-container{
    width:100%;
  }

  .rti-content {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }

  .rti-card:first-child {
    border-right: none;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
  }

  .rti-card {
    width: 100%;
    padding: 10px;
  }

}

/* ===================================== */
/* ===== OFFICE ORDERS  ===== */
/* ===================================== */
.order-hero {
  background:
    linear-gradient(to right, rgba(140,90,0,0.75), rgba(0,0,0,0.25)),
    url('../images/annoucement_banner.png') center/cover no-repeat;
  height: 360px;
  display: flex;
  align-items: center;
  color: #fff;
}

.order-section {
  padding: 40px 20px;
}

.order-title {
  text-align: center;
  margin-bottom: 25px;
  color: #2e7d32;
  font-size:32px;
  font-weight:700;
}

.order-list {
  max-width: 900px;
  margin: auto;
  list-style: none;
  padding: 0;
}

.order-list li {
  margin: 12px 0;
}


.text {
  flex: 1;
}

.pdf-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

@media(max-width:576px){

  .order-hero{
    height:200px;
  }

  .order-overlay h1{
    font-size:26px;
  }

  .order-title{
    font-size:26px;
  }

  .story-card{
    padding:10px 12px;
  }

}

/* ===================================== */
/* ===== APPLICATION FORMS  ===== */
/* ===================================== */

.application-hero {
    background:
        linear-gradient(to right, rgba(27,94,32,0.75), rgba(0,0,0,0.45)),
        url('../images/downloads_banner.png') center/cover no-repeat;
    height: 360px;
    display: flex;
    align-items: center;
}

.application-overlay {
    width: 100%;
    color: #fff;
}

.application-overlay h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
}

.application-overlay p {
    font-size: 18px;
}

/* ================= SECTION ================= */

.application-section {
    background: #f5f7fa;
    padding: 80px 0;
}

.application-heading {
    text-align: center;
    margin-bottom: 40px;
}

.application-heading h2 {
    font-size: 38px;
    color: #1b5e20;
    font-weight: 700;
    margin-bottom: 10px;
}

.applicationtitle-line {
    width: 80px;
    height: 4px;
    background: #ff9800;
    margin: auto;
    border-radius: 50px;
}

/* ================= GRID ================= */

.forms-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* ================= CARD ================= */

.form-card {
    background: #fff;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    transition: 0.4s;
    border-top: 4px solid #2e7d32;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.pdf-icon {
    width: 75px;
    height: 75px;
    background: #fff3f3;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.pdf-icon i {
    font-size: 36px;
    color: #e53935;
}

.form-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 25px;
    line-height: 1.5;
}

/* ================= BUTTON ================= */

.download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 8px 18px;
    background: #2e7d32;
    color: #fff;
    border-radius: 30px;

    text-decoration: none;
    font-size: 14px;
    font-weight: 600;

    transition: 0.3s ease;
    width: fit-content;
}

.download-btn:hover {
    background: #ff9800;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.download-btn i {
    font-size: 13px;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 992px) {

    .forms-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    .forms-grid {
        grid-template-columns: 1fr;
    }

    .application-overlay h1 {
        font-size: 34px;
    }

    .application-heading h2 {
        font-size: 30px;
    }

    .application-section {
        padding: 60px 0;
    }
}









/* ===================================== */
/* ===== DIGITAL LIBRARY ===== */
/* ===================================== */

.library-card{
background:white;
border-radius:18px;
padding:30px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:0.3s;
height:100%;
}

.library-card:hover{
background:#e6f5e8;
transform:translateY(-5px);
}

.library-card h4{
color:#146b3a !important;
font-weight:700;
margin-bottom:15px;
}

/* Digital Library Box */

.library-home-btn{
background:#df9347;
color:white;
text-decoration:none;
padding:10px 18px;
border-radius:8px;
font-weight:700;
font-size:15px;
transition:0.3s;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

.library-home-btn:hover{
background:#ce7011;
transform:translateY(-2px);
color:white;
}

.library-breadcrumb{
margin-bottom:30px;
font-size:18px;
font-weight:700;
}

.library-breadcrumb a{
background:#d88b2c;
color:#fff;
padding:10px 18px;
border-radius:8px;
text-decoration:none;
transition:.3s;
}

.library-breadcrumb a:hover{
background:#bf7418;
}

.library-breadcrumb span{
margin:0 10px;
}

/* Arrow */

.breadcrumb-arrow{
font-weight:700;
color:#555;
}

/* Current Page */

.current-page{
color:#2f9264;
font-weight:700;
font-size:18px;
}

/* Awards Heading */

.dynamic-section h3{
color:#2f9264 !important;
font-weight:800;
text-align:center;
position:relative;
display:inline-block;
left:50%;
transform:translateX(-50%);
padding-bottom:10px;
}

/* Slider */

.carousel-double-img{
height:450px;
object-fit:cover;
border-radius:12px;
}

/* Indicators */

.carousel-indicators{
bottom:-50px;
}

.carousel-indicators button{
width:12px;
height:12px;
border-radius:50%;
background-color:#146b3a;
}

/* Dynamic Section */

.dynamic-section{
min-height:500px;
}

.active-library-card{
    background:#dff5e3 !important;
    border:2px solid #52b36a;
}

.active-library-card h4{
    color:#146b3a !important;
}

.active-library-card p{
    color:#333 !important;
}

.active-library-card .btn{
    background:#146b3a !important;
    color:white !important;
    border:none;
    font-weight:600;
}

.active-library-card .btn:hover{
    background:#0f5a30 !important;
    color:white !important;
}

@media(max-width:768px){

.carousel-double-img{
height:220px;
}

.library-card{
padding:20px;
}

.dynamic-section h3{
font-size:24px;
}

.library-breadcrumb{
font-size:14px;
}

.current-page{
font-size:16px;
}

}


/* ===================================== */
/* ===== EVENTS (digital library)===== */
/* ===================================== */


.event-heading{
    text-align:center;
    font-size:30px;
    font-weight:800;
    color:#1f7f4c;
    margin-bottom:35px;
    position:relative;
}

.event-heading::after{
    content:'';
    width:80px;
    height:4px;
    background:#ff8c1a;
    display:block;
    margin:12px auto 0;
    border-radius:20px;
}

.event-year-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:40px;
}

.event-year-btn{
    background:#43a047;
    color:#fff;
    border:none;
    padding:12px 25px;
    font-size:22px;
    font-weight:700;
    border-radius:8px;
    cursor:pointer;
}

.event-year-btn:hover{
    background:#2e7d32;
}

.year-title{
    text-align:center;
    color:#198754;
    font-weight:700;
    margin-bottom:35px;
}

.event-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px 30px;
}

.event-item{
    text-align:center;
    cursor:pointer;
    transition:0.3s;
}

.event-item:hover{
    transform:translateY(-5px);
}

.event-item img{
    width:80%;
    height:220px;
    object-fit:cover;
    border-radius:8px;
    box-shadow:0 4px 10px rgba(0,0,0,0.12);
}

.event-item h5{
    margin-top:14px;
    font-size:16px;
    font-weight:700;
    color:#d62828;
    line-height:1.5;
}

.event-content{
    display:none;
    margin-top:30px;
}

@media(max-width:992px){
    .event-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .event-grid{
        grid-template-columns:1fr;
    }
}

/* ===================================== */
/* ===== events1 (DIGITAL LIBRARY) ===== */
/* ===================================== */

.gallery-title{
    text-align:center;
    color:#1b5e20;
    margin-bottom:20px;
    font-weight:700;
}

.gallery-breadcrumb{
    margin-bottom:25px;
    font-size:15px;
}

.gallery-breadcrumb a{
    color:#1976d2;
    text-decoration:none;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.gallery-item{
    overflow:hidden;
    border-radius:12px;
}

.gallery-item img{
    width:100%;
    height:380px;
    object-fit:cover;
    border-radius:12px;
    transition:.4s;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
}

.gallery-item:hover img{
    transform:scale(1.05);
}

@media(max-width:768px){
    .gallery-grid{
        grid-template-columns:1fr;
    }
}

/* ===================================== */
/* ===== AWARDS (DIGITAL LIBRARY) ===== */
/* ===================================== */


.award-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
transition:0.3s;
height:100%;
max-width:300px;
margin:auto;
}

.award-card:hover{
transform:translateY(-5px);
}

.award-card img{
width:100%;
height:220px;
object-fit:cover;
cursor:pointer;
}

.award-content{
padding:16px 14px;
text-align:center;
min-height:120px;
}

.award-content h5{
font-size:16px;
font-weight:700;
color:#146b3a;
margin-bottom:8px;
line-height:1.4;
}

.award-content p{
  font-size:16px;
  font-weight:700;
  line-height:1.7;
  margin-bottom:0;
  text-align:center;
  word-break:normal;
  overflow-wrap:break-word;
}

/* POPUP */

.image-popup{
display:none;
position:fixed;
z-index:99999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
justify-content:center;
align-items:center;
}

.image-popup img{
display:block;
max-width:85%;
max-height:85%;
border-radius:10px;
box-shadow:0 0 20px rgba(255,255,255,0.2);
}

.close-popup{
position:absolute;
top:20px;
right:35px;
font-size:45px;
color:white;
cursor:pointer;
font-weight:bold;
z-index:100000;
}

.close-popup:hover{
color:#ddd;
}

/* ===================================== */
/* ===== PUBLICATIONS (DIGITAL LIBRARY) ===== */
/* ===================================== */

.bookspub-heading{
text-align:center;
font-size:24px ;
font-weight:600;
color:#2f9264;
margin-bottom:50px;
position:relative;
}

.bookspub-heading::after{
content:'';
position:absolute;
width:100px;
height:4px;
background:#ff8c1a;
left:50%;
bottom:-14px;
transform:translateX(-50%);
border-radius:20px;
}

/* GRID */

.bookspub-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:55px 40px;
margin-top:40px;
justify-items:center;
}

/* ITEM */

.bookspub-item{
text-align:center;
max-width:260px;
transition:0.3s;
}

.bookspub-item:hover{
transform:translateY(-5px);
}

/* IMAGE */

.bookspub-item img{
width:210px;
height:290px;
object-fit:cover;
border-radius:6px;
transition:0.3s;
box-shadow:0 5px 14px rgba(0,0,0,0.14);
background:#fff;
padding:4px;
}

.bookspub-item img:hover{
transform:scale(1.04);
}

/* TITLE */

.bookspub-item h5{
margin-top:16px;
font-size:17px;
font-weight:700;
line-height:1.55;
color:#d81b1b;
}

/* RESPONSIVE */

@media(max-width:1200px){

.bookspub-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:992px){

.bookspub-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.bookspub-grid{
grid-template-columns:1fr;
}

.bookspub-item img{
width:180px;
height:250px;
}

}


/* ===================================== */
/* ===== ANNUAL REPORTS & NEWS LETTERS (DIGITAL LIBRARY) ===== */
/* ===================================== */

.publication-heading{
    text-align:center;
    font-size:26px;
    font-weight:700;
    color:#2f9264;
    margin-bottom:50px;
    position:relative;
}

.publication-heading::after{
        content:'';
        position:absolute;
        width:100px;
        height:4px;
        background:#ff8c1a;
        left:50%;
        bottom:-14px;
        transform:translateX(-50%);
        border-radius:20px;
    }

/* GRID */

.publication-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:55px 40px;
        margin-top:40px;
        justify-items:center;
    }

/* ITEM */

.publication-item{
        text-align:center;
        max-width:260px;
        transition:0.3s;
    }

.publication-item:hover{
        transform:translateY(-5px);
    }

/* IMAGE */

.publication-item img{
        width:210px;
        height:290px;
        object-fit:cover;
        border-radius:6px;
        transition:0.3s;
        box-shadow:0 5px 14px rgba(0,0,0,0.14);
        background:#fff;
        padding:4px;
    }

.publication-item img:hover{
        transform:scale(1.04);
    }

/* TITLE */

.publication-item h5{
        margin-top:16px;
        font-size:18px;
        font-weight:700;
        line-height:1.55;
        color:#d81b1b;
    }

/* RESPONSIVE */

@media(max-width:992px){
    .publication-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

.publication-grid{
    grid-template-columns:1fr;
}

.publication-item img{
    width:180px;
    height:250px;
}

.publication-heading{
    font-size:30px;
    }
}


/* ===================================== */
/* ===== SAIF FACILITIES ===== */
/* ===================================== */

.saif-hero {
    background:
        linear-gradient(to right, rgba(212, 174, 116, 0.8), rgba(0,0,0,0.3)),
        url('../images/saif_banner.png') center/cover no-repeat;

    height: 360px;
    display: flex;
    align-items: center;
    color: #fff;
}

.saif-overlay {
    padding-left: 40px;
}

/* MAIN LAYOUT */

.saif-container {
    display: flex;
    gap: 25px;
    padding: 20px;
    align-items: flex-start;
    box-sizing: border-box;
}

/* SIDEBAR */

.saif-sidebar {
    width: 230px;
    background: #fff;
    color:#000;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    overflow: hidden;
    flex-shrink: 0;
}

.saif-sidebar h4 {
    background: #bfd6c1;
    padding: 12px;
    margin: 0;
    font-size: 18px;
    font-weight:700;
}

.saif-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.saif-sidebar ul li {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    color:#000;
    cursor: pointer;
    transition: background 0.3s ease;
    text-align: left;
    white-space: normal;
    line-height: 1.5;
}

.saif-sidebar ul li:hover {
    background: #e8f5e9;
    color: #2e7d32;
}

.saif-sidebar ul li.active {
    background: #e8f5e9;
    color: #2e7d32;
    font-weight: 600;
}

/* CONTENT AREA */

#contentBox {
    flex: 1;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    min-width: 0;
    overflow-x:auto;
}

/* RESPONSIVE */

@media (max-width: 992px) {

    .saif-container {
        gap: 20px;
    }

    .saif-sidebar {
        width: 220px;
    }

}

@media (max-width: 768px) {

    .saif-hero {
        height: 260px;
    }

    .saif-overlay {
        padding-left: 20px;
        padding-right: 20px;
    }

}


@media (max-width: 480px) {

    .saif-hero {
        height: 220px;
    }

    .saif-overlay h1 {
        font-size: 28px;
    }

}


/* ===================================== */
/* ===== LCMS (SAIF)  ===== */
/* ===================================== */

.lcms-wrapper{
  width:100%;
  max-width:1000px;
  margin:0 auto;
  padding:10px;
}

/* TITLE */
.lcms-title{
  text-align:center;
  color:#2e7d32;
  font-size:28px;
  font-weight:700;
  margin-bottom:15px;
  text-transform:uppercase;
  line-height:1.4;
}

/* SUB TITLE */
.lcmssub-title{
  text-align:center;
  color:#d32f2f;
  font-size:28px;
  margin-bottom:30px;
}

/* BUTTON AREA */
.lcmsbutton-container{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-bottom:30px;
  flex-wrap:wrap;
}

/* BUTTON */
.lcms-btn{
  padding:12px 35px;
  border:none;
  border-radius:10px;
  font-size:20px;
  font-weight:600;
  cursor:pointer;
  color:#fff;
  transition:0.3s;
}

/* TOBACCO */
.lcms-btn-tobacco{
  background:#2e7d32;
  box-shadow:0 4px 12px rgba(46,125,50,0.35);
}

/* CHILLI */
.lcms-btn-chilli{
  background:#ff9800;
  box-shadow:0 4px 12px rgba(255,152,0,0.35);
}

/* ACTIVE */
.lcms-btn.active{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,0.25);
}

/* HOVER */
.lcms-btn:hover{
  transform:translateY(-2px);
}

/* CONTENT BOX */
.lcmssub-space{
  border:1px solid #ddd;
  background:#fff;
  padding:25px;
  min-height:500px;
  border-radius:8px;
  margin-bottom:35px;
}

/* IMAGE */
.lcms-top-image{
  text-align:center;
}

.lcms-top-image img{
  width:100%;
  max-width:850px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.15);
  display:block;
  margin:0 auto;
}

/* LOADING */
.lcms-loading{
  text-align:center;
  font-size:22px;
  color:#666;
}

/* PDF */
.lcms-pdf-frame{
  width:100%;
  height:800px;
  border:none;
}

@media(max-width:768px){

  .lcms-title{
    font-size:22px;
  }

  .lcmssub-title{
    font-size:22px;
  }

  .lcms-btn{
    width:100%;
    max-width:250px;
  }

  .lcmssub-space{
    padding:15px;
    min-height:350px;
  }

  .lcms-pdf-frame{
    height:600px;
  }

}

/* ===================================== */
/* ===== TOBACCO (LCMS (SAIF))  ===== */
/* ===================================== */
 .tobacco-content{
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.8;
    color: #333;
    font-size: 15px;
}

/* Headings */

.tobacco-content h4{
    font-size: 20px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
}

/* Red headings */

.tobacco-content .tobacco-title{
    color: #801d1d;
}

/* Paragraph */

.tobacco-content p{
    margin-bottom: 16px;
    text-align: justify;
}

/* Lists */

.tobacco-content ul{
    padding-left: 22px;
    margin-bottom: 18px;
}

.tobacco-content ul li{
    margin-bottom: 8px;
}

/* Responsive */

@media(max-width:768px){
    .tobacco-content{
        font-size: 14px;
    }

    .tobacco-content h4{
        font-size: 18px;
    }
}

/* ===================================== */
/* =====  auto analyser (SAIF))  ===== */
/* ===================================== */

.facility-content {
  max-width: 900px;
}

/* Title */
.saif{
  text-align:center;
  color:#2e7d32;
  font-size:28px;
  font-weight:700;
  margin-bottom:20px;
  position:relative;
}

.saif::after{
  content:"";
  display:block;
  width:60px;
  height:4px;
  background:#ff8c1a;
  margin:10px auto 0;
  border-radius:20px;
}

/* Image */
.saif-img {
  width: 100%;
  max-width: 900px;
  height: 420px;
  object-fit: cover;
  display: block;
  margin: 10px auto 25px;
  border-radius: 8px;
}


.saifinfo  p {
  margin: 4px 0;
  font-size: 15px;
}

/* Section headings */
.saif-title {
  font-size: 20px;
  font-weight: 600;
  color: #aa2c2c;
  margin-top: 15px;
  margin-bottom: 6px;
}

/* Remove unwanted underline */
.saif-title::after {
  display: none;
}

/* Lists */
.facility-content ul {
  padding-left: 18px;
  margin-bottom: 10px;
}

.facility-content ul li {
  margin-bottom: 5px;
}

/* Paragraph */
.facility-content p {
  line-height: 1.6;
}

@media(max-width:768px){
  .saif-img{
    height:auto;
  }
}

/* ===================================== */
/* =====  ITMU ===== */
/* ===================================== */

.itmu-page{
    padding:40px 0;
}

.itmu-layout{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:40px;
}

.itmu-content{
    flex:1;
}

/* Sidebar */

.itmu-sidebar{
    width:290px;
    background:#fff;
    border:1px solid #dcdcdc;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.itmusidebar-title{
    background:#357a3f;
    color:#fff;
    padding:18px 20px;
    font-size:20px;
    font-weight:600;
}

.itmusidebar-menu{
    list-style:none;
    margin:0;
    padding:0;
}

.itmusidebar-menu li{
    background:#fff;
    border-bottom:1px solid #e6e6e6;
    color:#000;
}

.itmusidebar-menu li a{
    display:block;
    padding:12px 16px;
    text-decoration:none;
    color:#222;
    font-size:18px;
    transition:.3s;
}

.itmusidebar-menu li.active a{
    background:#e8f3e8;
    color:#0c7a1d;
    font-weight:600;
}

.itmusidebar-menu li a:hover{
    background:#f4f7f4;
    color:#0c7a1d;
    padding-left:24px;
}

@media(max-width:992px){

    .itmu-layout{
        flex-direction:column;
    }

    .itmu-sidebar{
        width:100%;
    }
}

/* ===================================== */
/* =====  CONSTITUTION (ITMU) ===== */
/* ===================================== */
.itmu-content{
    flex:0 0 900px;
}

.itmu-title{
    text-align:center;
    color:#0c7a1d;
    font-size:28px;
    font-weight:700;
    margin-bottom:30px;
    position:relative;
    padding-bottom:12px;
}

.itmu-title::after{
    content:"";
    position:absolute;
    width:80px;
    height:4px;
    background:#f4a100;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    border-radius:10px;
}

.constitutionsub-heading{
    text-align:center;
    color:#0c7a1d;
    font-size:24px;
    font-weight:700;
    margin:35px 0 20px;
}

.constitution-wrapper{
    overflow-x:auto;
}

.constitution-table,
.constitutionsmall-table{
    width:100%;
    border-collapse:collapse;
}

.constitution-table td,
.constitutionsmall-table td{
    border:1px solid #ddd;
    padding:12px 15px;
    font-size:18px;
    line-height:1.6;
    color:#000;
}

.slno{
    width:60px;
    text-align:center;
    font-weight:600;
}

.const-designation{
    width:160px;
    text-align:center;
    
}

.dates-section{
    margin-top:30px;
}

.dates-section ul{
    padding-left:25px;
}

.dates-section li{
    font-size:17px;
    margin-bottom:10px;
}

@media(max-width:992px){

    .itmu-content{
        width:100%;
        flex:unset;
    }

    .constitution-title{
        font-size:26px;
    }

    .constitutionsub-heading{
        font-size:22px;
    }

    .constitution-table td,
    .constitutionsmall-table td{
        font-size:15px;
        padding:10px;
    }
}

/* ===================================== */
/* =====  TECHNOLOGIES (ITMU) ===== */
/* ===================================== */

.technology-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}

/* CARD */

.tech-card{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* HOVER */

.tech-card:hover{
    transform: translateY(-3px);
    border-color: #0c7a1d;
    box-shadow: 0 8px 20px rgba(0,0,0,0.10);
    background: #fbfffb;
}

/* TITLE */

.tech-title{
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.tech-pdf-icon{
    width: 42px;
}

/* RESPONSIVE */

@media(max-width:768px){
    .tech-card{
        padding: 16px;
    }

    .tech-title{
        font-size: 16px;
    }

    .tech-pdf-icon{
        width: 36px;
    }

}
/* ===================================== */
/* =====  MWSI (ITMU) ===== */
/* ===================================== */

.meeting-list{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}

/* CARD */

.meeting-card{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

.meeting-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* HEADER */

.meeting-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 18px;
}


/* TEXT */

.meeting-text{
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
}

/* BUTTON */

.meeting-btn{
    background: #0c7a1d;
    color: #fff;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s ease;
    white-space: nowrap;
}

.meeting-btn:hover{
    background: #095d16;
}

/* FACEBOOK EMBED */

.meeting-frame{
    overflow: hidden;
    border-radius: 12px;
}

.meeting-frame iframe{
    width: 100%;
    min-height: 760px;
    border: none;
}

/* RESPONSIVE */

@media(max-width:768px){

    .meeting-header{
        flex-direction: column;
        align-items: flex-start;
    }

    .meeting-title{
        font-size: 20px;
    }

    .meeting-card{
        padding: 18px;
    }

    .meeting-frame iframe{
        min-height: 600px;
    }

}
/* ===================================== */
/* =====  COPYRIGHTS (ITMU) ===== */
/* ===================================== */

.copyright-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}

/* CARD */

.copyright-card{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    padding: 22px 24px;
    text-decoration: none;
    transition: 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* HOVER */

.copyright-card:hover{
    transform: translateY(-3px);
    border-color: #0c7a1d;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    background: #fbfffb;
}

.copyright-title{
    color: #222;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
}

/* PDF ICON */

.copyright-icon{
    width: 42px;
    flex-shrink: 0;
}

/* RESPONSIVE */

@media(max-width:768px){

    .copyright-card{
        padding: 18px;
    }

    .copyright-title{
        font-size: 15px;
    }

    .copyright-icon{
        width: 36px;
    }

}

/* ===================================== */
/* =====  MOUS (ITMU) ===== */
/* ===================================== */

.mous-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

/* TABLE WRAPPER */

.mou-table-wrapper{
    overflow-x: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* TABLE */

.mou-table{
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
}

/* HEAD */

.mou-table thead{
    background: #0c7a1d;
    color: #fff;
}

/* TABLE HEAD */

.mou-table th{
    padding: 18px;
    text-align: left;
    font-size: 18px !important;
    font-weight: 600;
    border-right: 1px solid rgba(255,255,255,0.2);
}

/* REMOVE LAST BORDER */

.mou-table th:last-child{
    border-right: none;
}

/* TABLE BODY */

.mou-table td{
    padding: 18px;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    font-size: 18px !important;
    color:#000 !important;
    line-height: 1.7;
    vertical-align: top;
  }

/* REMOVE LAST COLUMN BORDER */

.mou-table td:last-child{
    border-right: none;
}

/* ROW HOVER */

.mou-table tbody tr:hover{

    background: #f8fcf8;
}

/* SELECTED ROW */

.mou-table tbody tr.active-row{
    background: #eef8ef !important;
    border-left: 4px solid #0c7a1d;
}

/* RESPONSIVE */

@media(max-width:768px){

    .page-header{
        flex-direction: column;
        align-items: flex-start;
    }

}

/* ===================================== */
/* =====  SERVICE (ITMU) ===== */
/* ===================================== */

.service-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.service-table-wrapper{
    overflow-x: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.service-table{
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
}

/* TABLE HEAD */

.service-table thead{
    background: #0c7a1d;
    color: #fff;
}

.service-table th{
    padding: 18px;
    text-align: left;
    font-size: 17px;
    font-weight: 600;
    border-right: 1px solid rgba(255,255,255,0.15);
}

.service-table th:last-child{
    border-right: none;
}

/* TABLE BODY */

.service-table td{
    padding: 18px;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    vertical-align: top;
    font-size: 17px;
    line-height: 1.8;
    color:#000;
}

.service-table td:last-child{
    border-right: none;
}

/* ROW HOVER */

.service-table tbody tr:hover{
    background: #f7fbf7;
}

.service-table tbody tr.active-row{
    background: #eef8ef !important;
    border-left: 4px solid #0c7a1d;
}

/* NOTE */

.service-note{
    margin-top: 18px;
    color: #d62828;
    font-size: 15px;
    font-weight: 600;
}

@media(max-width:768px){

    .page-header{
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ===================================== */
/* =====  REPORT (ITMU) ===== */
/* ===================================== */
.pdf-viewer-wrapper{
    width: 100%;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    border: 1px solid #e5e5e5;
}

.pdf-viewer{
    width: 100%;
    height: 850px;
    border: none;
}

/* ===================================== */
/* ===== CONTACT US ===== */
/* ===================================== */


.further-cards-section {
    padding: 60px 20px;
    background: #f5f5f5;
}

.further-cards-wrapper {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.further-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    box-sizing: border-box;
}

.further-card:last-child{
    padding-bottom:20px;
}

/* Director Card */

.contact-card {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.contact-img {
    width: 100%;
    height: 230px;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-img img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

/* Text */

.contact-card h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ec660d;
}

.contact-card p {
    font-size: 16px;
    font-weight: 600;
    text-align:center;
    margin: 0;
}

.further-title {
    color: #e0412f;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 16px;
}

.further-info{
    margin-top:20px;
}



.address {
    margin-bottom: 15px;
    line-height: 1.7;
    font-size: 14px;
}

/* Icons */

.icon-text {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    word-break: break-word;
}

.icon-text i {
    color: #e0412f;
    font-size: 16px;
    width: 20px;
    flex-shrink: 0;
}

.org-name {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.8;
    margin-bottom: 12px;
    color: #111;
}

.org-name i {
    color: #2e7d76;
    font-size: 16px;
}

/* Responsive */

@media (max-width: 768px) {

    .further-cards-section {
        padding: 40px 15px;
    }

    .further-cards-wrapper {
        gap: 20px;
    }

    .further-card {
        padding: 20px;
    }

    .contact-img {
        height: 180px;
    }

}


/* =====================================
      EMPLOYMENT, CIRCULAR,
   ===================================== */

.story-card {
  padding: 4px 15px;
  background: #f5f5f5;
  border-left: 5px solid #2e7d32;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 10px;  /* 🔥 important for spacing */
}

.story-card:hover {
  background: #e8f5e9;
  transform: translateX(5px);
}

/* =====================================
      PRIVACY, DISCLAIMER, WEB
   ===================================== */

.policy-title h1{
    color:#0b6b2a;
    font-size:26px;
    font-weight:700;
    margin-bottom:10px;
}

.policy-line{
    display:block;
    width:90px;
    height:4px;
    background:#ff6600;
    margin:0 auto;
    border-radius:2px;
}

.policy-subtitle h5{
    color:#003399;
    font-size:16px;
    font-weight:700;
    margin:30px 0 15px;
    text-transform:uppercase;
}

.table-accessibility th {
    background: #0b6b2a;
    color: #fff;
    text-align: center;
}

.table-accessibility td,
.table-accessibility th {
    vertical-align: middle;
    padding: 12px;
}

.table-accessibility a {
    word-break: break-word;
}

/* =====================================
   FORCE BLACK TEXT WHOLE WEBSITE
   ===================================== */

/* Site font */
body{
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Paragraph text black */
p{
    color:#000 !important;
}

/* Content pages text */
.content-box p,
.content-box li,
.about-text p,
.director-text,
.research-content p,
.research-content li,
.facility-content p,
.facility-content li,
.division-content p,
.division-content li,
.tab-content p,
.tab-content li,
.content-section p,
.content-section li{
    color:#000 !important;
}

/* Global content font size */
p,
li {
    font-size: 17px;
    line-height: 1.7;
}