@charset "utf-8";
  
  :root{
    --bg-main:#f6f8fb;
    --bg-white:#ffffff;
    --text-main:#0f172a;
    --text-muted:#64748b;

    --brand-primary:#0d6efd;  
    --brand-secondary:#198754;  
    --brand-soft:#e7f1ff;

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;

    --transition:0.25s ease;
  }

  body{
    background:var(--bg-main);
    color:var(--text-main);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    line-height:1.65;
	  
  }

  section{padding:3rem 0;}
  section.compact{padding:2.2rem 0;}

  .section-title{
    font-weight:800;
    text-align:center;
    margin-bottom:2rem;
  }





.navbar-custom {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e5efe8;
     padding: 1px 0;
}


.navbar-custom .logo {
max-height: 88px;
}


.navbar-custom .nav-link {
  font-weight: 600;
  color: #fff;
  padding: 4px 18px !important;
  border-radius: 999px;
 background: linear-gradient(135deg, #22c55e, #43b16b);              /* light green fill */
  transition: all 0.25s ease;
}


.navbar-custom .nav-link:hover {
      background: linear-gradient(135deg, #1ead52, #369d5c);
  color: #fff;
}


.navbar-custom .nav-link.active {
   background: linear-gradient(135deg, #22c55e, #43b16b);  
  color: #ffffff;
}


.navbar-custom .nav-cta {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #ffffff !important;
  padding: 0.45rem 1.4rem;
}


.navbar-custom .nav-outline {
  border: 1.5px solid #22c55e;
  background: #ecfdf5;
  color: #166534 !important;
}

.navbar-custom .nav-outline:hover {
  background: #22c55e;
  color: #ffffff !important;
}


@media (max-width: 991px) {
  .navbar-custom .nav-link {
    margin-bottom: 0.5rem;
    text-align: center;
  }
}


#banner {
  position: relative;
}

#banner .carousel-item {
  height: 72vh;
}

#banner img {
  height: 72vh;
  object-fit: cover;
}


#banner .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
}


/* Text on top */
#banner .carousel-caption {
  z-index: 2;
  bottom: 50%;
  transform: translateY(50%);
}

#banner h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
}

#banner p {
  font-size: 1.1rem;
  max-width: 720px;
  margin: 0 auto;
}

/* Indicators */
#banner .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.about-section {
  background: #ffffff;
}

.about-image {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

.about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

/* Subtle hover effect */
.about-image:hover img {
  transform: scale(1.05);
}
.info-section {
  background: linear-gradient(
    180deg,
    #f1f5f9 0%,
    #e8edf5 100%
  );
}
/* Common card */
.info-card {
  border-radius: 18px;
  padding: 2.2rem 1.8rem;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08); /* DEFAULT SHADOW */
}

/* Hover – slightly stronger */
.info-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}


/* Bigger icons */
.info-card i {
  font-size: 3.2rem;   /* increased icon size */
  margin-bottom: 1rem;
  display: inline-block;
}

/* Headings */
.info-card h5 {
  font-weight: 700;
  margin-bottom: 0.8rem;
}

/* Text */
.info-card p {
  font-size: 0.95rem;
  color: #475569;
}

/* Light background variations */
.info-card.reach {
  background: #eef2ff;   /* soft blue */
}

.info-card.team {
  background: #ecfdf5;   /* soft green */
}

.info-card.empanelled {
  background: #fff7ed;   /* soft warm beige */
}

/* Icon colors */
.info-card.reach i { color: #2563eb; }
.info-card.team i { color: #16a34a; }
.info-card.empanelled i { color: #d97706; }

/* Hover effect (subtle) */
.info-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}
	  
	  
	  
	  
	  
/* Section background */
.mission-impact-clean {
  background: #ffffff;
}

.mi-clean-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.4rem;
  background: #f8fafc;
  border-radius: 18px;
  padding: 2rem 2rem 2rem 2.4rem;
  height: 100%;

  /* NEW */
  border: 1px solid #e2e8f0;                 /* soft visible outline */
  box-shadow:
    0 10px 25px rgba(15, 23, 42, 0.08),
    inset 0 0 0 1px rgba(255,255,255,0.7);   /* inner crisp edge */

  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.mi-clean-card:hover {
  transform: translateY(-5px);
  border-color: #cbd5e1;                     /* slightly stronger on hover */
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.12),
    inset 0 0 0 1px rgba(255,255,255,0.8);
}

	  
	  
.mi-clean-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 6px;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(
    180deg,
    #2563eb,
    #60a5fa
  );
}
.mission-impact-clean .col-md-6:nth-child(2) .mi-clean-card::before {
  background: linear-gradient(
    180deg,
    #16a34a,
    #4ade80
  );
}



.mission-impact-clean .col-md-6:nth-child(2) .mi-icon {
  color: #16a34a;
}
	  
	  
	  
/* Icon – bigger but clean */
.mi-icon {
  font-size: 2.6rem;          /* slightly bigger, not oversized */
  color: #2563eb;             /* calm blue */
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* Content */
.mi-content h5 {
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.mi-content p {
  margin: 0;
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.6;
}

/* Second card icon color (subtle differentiation) */
.mi-clean-card:nth-child(2) .mi-icon {
  color: #16a34a;
}



	/* Intro paragraph */
.mi-intro {
  font-size: 0.95rem;
  color: #334155;
  margin-bottom: 1rem;
}

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

.mi-list li {
  position: relative;        
  padding-left: 1.8rem;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.6;
}

/* Custom bullet */
.mi-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;                     /* aligns with text */
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2563eb;        /* make sure bg-color is explicit */
}


/* Impact card bullet color */
.mission-impact-clean .col-md-6:nth-child(2) .mi-list li::before {
  background: #16a34a;
}
  
	  

	  

  .program-card{
  position: relative;
  background:#fff;
  border-radius: 0 0 20px 20px; 
  overflow: hidden;
  height: 100%;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  }



  .program-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.1);
  }

  .program-card img{
    width:100%;
        height: 233px;
    object-fit:cover;
  }

  .program-body{
    padding:1.2rem 1.4rem 1.6rem;
  }

  .btn-read{
    color:var(--brand-primary);
    font-weight:600;
    text-decoration:none;
  }

  /* ==================================================
     TESTIMONIAL SLIDER
  ================================================== */
  .testimonial-box{
    background:#fff;
    border-radius:var(--radius-md);
    padding:2rem;
    text-align:center;
  }

  /* ==================================================
     AWARDS
  ================================================== */
.awards-section {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f1f5f9 100%
  );
}

/* Card */
.award-unique {
  position: relative;
  background: #ffffff;
  border-radius: 0 0 20px 20px; /* bottom rounded only */
  padding: 2.2rem 1.8rem 2rem;
  height: 100%;
  border: 1px solid #e2e8f0;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.10);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.award-unique:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.14);
}

/* Icon badge */
.award-icon {
  width: 92px;          /* ⬆ increased */
  height: 92px;         /* ⬆ increased */
  border-radius: 50%;
  background: #ecfdf5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.4rem;
}

/* Icon itself */
.award-icon i {
  font-size: 3.2rem;    /* ⬆ noticeably bigger */
  color: #16a34a;
}

/* Content */
.award-content h6 {
  font-weight: 800;
  margin-bottom: 0.4rem;
}

.award-content p {
  font-size: 0.92rem;
  color: #475569;
  line-height: 1.6;
  margin: 0;
}

/* Year badge */
.award-year {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  color: #166534;
  background: #dcfce7;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  margin-bottom: 0.6rem;
}





.video-section {
  background: linear-gradient(
    135deg,
    #c7eed8,
    #cfe6f8
  );
}
.video-section .container {
  background: #ffffff;
  border-radius: 22px;
  padding: 2.8rem;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.15);
}
/* Small label */
.video-label {
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #16a34a;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

/* Highlight word */
.video-section .highlight {
  color: #16a34a;
}

/* Video wrapper */
.video-wrapper {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
}

/* Responsive iframe */
.video-wrapper iframe {
  width: 100%;
  height: 380px;
  display: block;
}

/* Mobile */
@media (max-width: 767px) {
  .video-wrapper iframe {
    height: 240px;
  }
}


.testimonials-section {
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

/* Card */
.testimonial-card {
  position: relative;
  max-width: 760px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 0 0 22px 22px;
  padding: 2rem 2.2rem 1.9rem; /* reduced height */
  border: 1px solid #e2e8f0;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
  text-align: center;
}

/* Quote icons */
.quote-icon {
  position: absolute;
  font-size: 3.4rem;
  color: #16a34a;
  line-height: 1;
}

.quote-icon.left {
  top: 14px;
  left: 18px;
}

.quote-icon.right {
  bottom: 12px;
  right: 18px;
}

/* Text */
.testimonial-text {
  font-size: 1.18rem;   /* ⬆ bigger text */
  color: #334155;
  line-height: 1.75;
  margin: 0 0 1.2rem;
}

/* Author */
.testimonial-author strong {
  display: block;
  font-weight: 700;
  color: #0f172a;
}

.testimonial-author span {
  font-size: 0.9rem;
  color: #64748b;
}

/* Controls – subtle */
.testimonials-section .carousel-control-prev-icon,
.testimonials-section .carousel-control-next-icon {
  filter: invert(40%);
}
/* Stylish quote text */
.stylish-quote {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.75;
  color: #334155;
  padding: 1.4rem 1.6rem;
  margin: 0 0 1.4rem;
}

/* Opening quote */
.stylish-quote::before {
  content: "“";
  position: absolute;
  top: -10px;
  left: -10px;
  font-size: 4rem;
  font-weight: 700;
  color: #86efac;       /* soft green */
  line-height: 1;
}

/* Closing quote */
.stylish-quote::after {
  content: "”";
  position: absolute;
  bottom: -18px;
  right: -6px;
  font-size: 4rem;
  font-weight: 700;
  color: #86efac;
  line-height: 1;
}



  /* ==================================================
     SUPPORT US
  ================================================== */
.support-section {
  background: linear-gradient(
    135deg,
    #d1fae5 0%,
    #e0f2fe 100%
  );
}

.support-box {
  background: #ffffff;
  border-radius: 26px; /* bottom rounded only */
  padding: 1rem 2.5rem;
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #e2e8f0;
  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.14);
}

/* Small tag */
.support-tag {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #166534;
  background: #dcfce7;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  margin-bottom: 0.8rem;
}

/* Intro text */
.support-intro {
  font-size: 1.05rem;
  color: #334155;
  max-width: 760px;
  margin: 0 auto 1rem;
  line-height: 1.7;
}

/* Secondary text */
.support-text {
  font-size: 0.95rem;
  color: #475569;
  max-width: 760px;
  margin: 0 auto 2rem;
  line-height: 1.65;
}

/* Actions */
.support-actions {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.support-link {
  font-weight: 600;
  color: #166534;
  text-decoration: none;
}

.support-link:hover {
  text-decoration: underline;
}


.contact-section {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f1f5f9 100%
  );
}

/* Left box */
.contact-box {
  background: #ffffff;
  border-radius: 0 0 24px 24px; /* bottom rounded only */
  padding: 2.5rem 2.2rem;
  height: 100%;
  border: 1px solid #e2e8f0;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.contact-heading {
  font-weight: 800;
  margin-bottom: 1.6rem;
}

/* Contact rows */
.contact-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.4rem;
}

.contact-item i {
  font-size: 1.8rem;
  color: #16a34a;
  margin-top: 0.2rem;
  flex-shrink: 0;
}

.contact-item strong {
  display: block;
  font-weight: 700;
  margin-bottom: 0.2rem;
}

.contact-item p {
  margin: 0;
  font-size: 0.95rem;
  color: #475569;
}

.contact-item a {
  color: #166534;
  text-decoration: none;
}

.contact-item a:hover {
  text-decoration: underline;
}

/* Map */
.map-box {
  height: 100%;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.map-box iframe {
  width: 100%;
  height: 100%;
  min-height: 380px;
  border: 0;
}

/* Mobile */
@media (max-width: 767px) {
  .map-box iframe {
    min-height: 260px;
  }
}


.social-icons {
  display: flex;
  gap: 0.8rem;
  justify-content: flex-end;
}

.social-icons a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f0fdf4;          /* soft green */
  color: #166534;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* Hover effect */
.social-icons a:hover {
  background: #22c55e;
  color: #ffffff;
  transform: translateY(-3px);
}

/* Mobile alignment */
@media (max-width: 767px) {
  .social-icons {
    justify-content: center;
    margin-top: 1rem;
  }
}


  /* ==================================================
     FOOTER – RICHER STRUCTURE
  ================================================== */
  footer{
    background:#020617;
    color:#cbd5f5;
    padding:3rem 0 2rem;
  }

  footer a{color:inherit;text-decoration:none}



.carousel-caption > h2 {
 font-size: 32px;
}