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

  body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.6;
      color: #333;
  }

  .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
  }

  /* Header */
  header {
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: fixed;
      width: 100%;
      top: 0;
      z-index: 1000;
  }

  /* Nav Container */
  nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem 0;
      min-height: 90px;
  }

  /* Logo */
  .logo {
      font-size: 1.8rem;
      font-weight: bold;
      color: #2c5aa0;
  }

  /* Nav Links */
  .nav-links {
      display: flex;
      list-style: none;
      gap: 2rem;
  }

  .nav-links li {
      position: relative;
  }

  .nav-links a {
      text-decoration: none;
      color: #333;
      font-weight: 500;
      font-size: 20px;
      transition: color 0.3s ease;
      position: relative;
      padding: 0.5rem 0;
      display: block;
  }

  /* Animated Underline Effect */
  .nav-links a::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 3px;
      background: linear-gradient(90deg, #2c5aa0, #1e3f73);
      transition: width 0.3s ease;
      border-radius: 2px;
  }

  .nav-links a:hover {
      color: #2c5aa0;
  }

  .nav-links a:hover::after {
      width: 100%;
  }

  /* CTA Button */
  .cta-button {
      background: #2c5aa0;
      color: white;
      padding: 0.7rem 1.5rem;
      text-decoration: none;
      border-radius: 5px;
      transition: all 0.3s ease;
  }

  .cta-button:hover {
      background: #1e3f73;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(44, 90, 160, 0.3);
  }

  /* Hamburger Menu */
  .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 5px;
  }

  .hamburger span {
      height: 3px;
      width: 25px;
      background: #333;
      border-radius: 2px;
  }

  /* Responsive */
  @media (max-width: 768px) {
      .hamburger {
          display: flex;
      }

      .nav-links {
          display: none;
          flex-direction: column;
          position: absolute;
          top: 90px;
          right: 20px;
          background: #a3c2f1;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          padding: 1rem 2rem;
          border-radius: 8px;
          z-index: 999;
      }

      .nav-links.active {
          display: flex;
      }

      .nav-links li {
          margin: 10px 0;
      }

      .cta-button {
          display: none;
      }
  }

  /* Page Header */
  .page-header {
      background: linear-gradient(135deg, #2c5aa0 0%, #1e3f73 100%);
      color: white;
      padding: 120px 10px 30px;
      text-align: center;
  }

  .page-header h1 {
      font-size: 3rem;
      margin-bottom: 1rem;
  }

  .breadcrumb {
      font-size: 1.1rem;
      opacity: 0.9;
  }

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


  /* Stats Overview */
  .stats-overview {
      padding: 80px 0;
      background: #f8f9fa;
  }

  .stats-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 2rem;
  }

  .stat-card {
      background: white;
      padding: 3rem 2rem;
      border-radius: 15px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      border-top: 4px solid #2c5aa0;
      transition: transform 0.3s;
  }

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

  .stat-number {
      font-size: 3rem;
      font-weight: bold;
      color: #2c5aa0;
      margin-bottom: 0.5rem;
  }

  .stat-label {
      font-size: 1.2rem;
      color: #666;
      margin-bottom: 1rem;
  }

  .stat-description {
      font-size: 0.9rem;
      color: #888;
  }

  /* Enhanced Awards Section */
  .awards-section {
      padding: 80px 0;
      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  }

  .section-title {
      text-align: center;
      font-size: 2.8rem;
      margin-bottom: 3.5rem;
      color: #2c5aa0;
      font-weight: 700;
      position: relative;
  }

  .section-title::after {
      content: '';
      position: absolute;
      bottom: -15px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 4px;
      background: linear-gradient(90deg, #2c5aa0, #4a90e2);
      border-radius: 2px;
  }

  .awards-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 2rem;
  }

  .award-card {
      background: white;
      padding: 2.5rem;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      border-left: 5px solid #2c5aa0;
      transition: transform 0.3s;
  }

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

  .award-icon {
      font-size: 3rem;
      color: #2c5aa0;
      margin-bottom: 1rem;
  }

  .award-title {
      font-size: 1.5rem;
      font-weight: bold;
      color: #333;
      margin-bottom: 0.5rem;
  }

  .award-description {
      color: #333;
      font-size: 1.1rem;
      line-height: 1.6;
      font-weight: 500;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
      .awards-grid {
          grid-template-columns: 1fr;
          gap: 2rem;
      }

      .award-card {
          padding: 2rem 1.5rem;
      }

      .section-title {
          font-size: 2.2rem;
      }

      .award-icon {
          font-size: 3rem;
      }

      .award-title {
          font-size: 1.4rem;
      }

      .award-description {
          font-size: 1rem;
      }
  }
.intro-section {
            padding: 60px 0;
            background: #f8f9fa;
        }
        
        .intro-content {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .intro-content h2 {
            color: #2c3e50;
            margin-bottom: 20px;
            font-size: 2.2rem;
            font-weight: 600;
        }
        
        .intro-content p {
            color: #5a6c7d;
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .process-excellence {
            padding: 80px 0;
            background: #fff;
        }

        .process-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .process-card {
            background: #fff;
            border: 2px solid #e9ecef;
            border-radius: 12px;
            padding: 30px;
            transition: all 0.3s ease;
            text-align: center;
            position: relative;
        }

        .process-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-color: #1e3f73;
        }

        .process-icon {
            width: 60px;
            height: 60px;
            background: #1e3f73;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 24px;
            color: white;
            transition: all 0.3s ease;
        }

        .process-card:hover .process-icon {
            background: #1e3f73;
            transform: scale(1.05);
        }

        .process-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #2c3e50;
        }

        .process-description {
            color: #6c757d;
            line-height: 1.6;
            font-size: 0.95rem;
        }

        .awards-grid .award-card {
            transition: all 0.3s ease;
        }

        .awards-grid .award-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        @media (max-width: 768px) {
            .intro-content h2 {
                font-size: 1.8rem;
            }
            
            .process-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .process-card {
                padding: 25px;
            }
        }
  /* Animation */
  .fade-in {
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInUp 0.6s ease forwards;
  }

  .fade-in:nth-child(1) {
      animation-delay: 0.1s;
  }

  .fade-in:nth-child(2) {
      animation-delay: 0.2s;
  }

  .fade-in:nth-child(3) {
      animation-delay: 0.3s;
  }

  .fade-in:nth-child(4) {
      animation-delay: 0.4s;
  }

  .fade-in:nth-child(5) {
      animation-delay: 0.5s;
  }

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

  /* Add some spacing above for demonstration */
        .spacer {
            height: 100vh;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 2rem;
            margin-bottom: 50px;
        }

        /* Milestones Timeline */
        .milestones-section {
            padding: 80px 0;
            background: #f8f9fa;
        }

        /* ENHANCED ANIMATION CSS */
        .fade-in {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* STAGGERED DELAYS FOR ONE-BY-ONE EFFECT */
        .timeline-item:nth-child(1) .timeline-content {
            transition-delay: 0.1s;
        }

        .timeline-item:nth-child(2) .timeline-content {
            transition-delay: 0.3s;
        }

        .timeline-item:nth-child(3) .timeline-content {
            transition-delay: 0.5s;
        }

        .timeline-item:nth-child(4) .timeline-content {
            transition-delay: 0.7s;
        }

        .timeline-item:nth-child(5) .timeline-content {
            transition-delay: 0.9s;
        }

        .timeline {
            position: relative;
            max-width: 1000px;
            margin: 0 auto;
        }

        .timeline::after {
            content: '';
            position: absolute;
            width: 4px;
            background-color: #2c5aa0;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -2px;
        }

        .timeline-item {
            padding: 2rem 0;
            position: relative;
            width: 50%;
        }

        .timeline-item::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #2c5aa0;
            border: 4px solid white;
            top: 3rem;
            border-radius: 50%;
            z-index: 1;
        }

        .timeline-item:nth-child(odd) {
            left: 0;
        }

        .timeline-item:nth-child(odd)::after {
            right: -12px;
        }

        .timeline-item:nth-child(even) {
            left: 50%;
        }

        .timeline-item:nth-child(even)::after {
            left: -12px;
        }

        .timeline-content {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            position: relative;
            /* APPLY FADE-IN ANIMATION TO CONTENT */
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease;
        }

        .timeline-item.visible .timeline-content {
            opacity: 1;
            transform: translateY(0);
        }

        .timeline-item:nth-child(odd) .timeline-content {
            margin-right: 2rem;
        }

        .timeline-item:nth-child(even) .timeline-content {
            margin-left: 2rem;
        }

        .timeline-year {
            background: #2c5aa0;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 1rem;
        }

        .timeline-title {
            font-size: 1.3rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 0.5rem;
        }

        .timeline-description {
            color: #666;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .timeline::after {
                left: 31px;
            }

            .timeline-item {
                width: 100%;
                padding-left: 70px;
                padding-right: 25px;
            }

            .timeline-item:nth-child(odd),
            .timeline-item:nth-child(even) {
                left: 0%;
            }

            .timeline-item:nth-child(odd)::after,
            .timeline-item:nth-child(even)::after {
                left: 21px;
            }

            .timeline-item:nth-child(odd) .timeline-content,
            .timeline-item:nth-child(even) .timeline-content {
                margin: 0;
            }
        }

  /* Certifications */
  .certifications-section {
      padding: 80px 0;
  }

  .cert-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 2rem;
  }

  .cert-card {
      background: linear-gradient(135deg, #2c5aa0 0%, #1e3f73 100%);
      color: white;
      padding: 2rem;
      border-radius: 15px;
      text-align: center;
      transition: transform 0.3s;
  }

  .cert-card:hover {
      transform: scale(1.05);
  }

  .cert-icon {
      font-size: 2.5rem;
      margin-bottom: 1rem;
  }

  .cert-title {
      font-size: 1.3rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
  }

  .cert-issuer {
      opacity: 0.9;
      margin-bottom: 1rem;
  }

  .cert-status {
      background: rgba(255, 255, 255, 0.2);
      padding: 0.3rem 1rem;
      border-radius: 15px;
      font-size: 0.9rem;
  }

  /* Recognition Section */
  .recognition-section {
      padding: 80px 0;
      background: #f8f9fa;
  }

  .recognition-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 2rem;
  }

  .recognition-card {
      background: white;
      padding: 2rem;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      text-align: center;
  }

  .recognition-logo {
      width: 80px;
      height: 80px;
      background: #1e3f73;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
  }

  .recognition-logo i {
      font-size: 2rem;
      color: white;
  }
/* Sector Experience Section */
.sector-experience-section {
    padding: 80px 0;
    background: #f8f9fa;
}

.sector-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.sector-card {
    background: #fff;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
}

.sector-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-color: #1e3f73;
}

.sector-icon {
    width: 60px;
    height: 60px;
    background: #1e3f73;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 24px;
    color: white;
    transition: all 0.3s ease;
}

.sector-card:hover .sector-icon {
    background: #1e3f73;
    transform: scale(1.05);
}

.sector-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.sector-description {
    color: #6c757d;
    line-height: 1.6;
    font-size: 0.95rem;
}
  /* Footer */
  footer {
      background: #1a1a1a;
      color: white;
      padding: 2rem 0;
      text-align: center;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
      .nav-links {
          display: none;
      }

      .page-header h1 {
          font-size: 2rem;
      }

      .timeline::after {
          left: 20px;
      }

      .timeline-item {
          width: 100%;
          left: 0 !important;
          padding-left: 3rem;
      }

      .timeline-item::after {
          left: 12px !important;
      }

      .timeline-content {
          margin-left: 0 !important;
          margin-right: 0 !important;
      }
  }

  /* Animation */
  .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s ease;
  }

  .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
  }