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

        body {
          font-family: 'Inter', sans-serif;
          background: #ffffff;
          color: #1e293b;
          line-height: 1.5;
        }

        .page-wrapper {
          max-width: 1400px;
          margin: 0 auto;
          background: #ffffff;
          overflow: hidden;
        }

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

        /* ===== INNER BANNER STYLES ===== */
        .inner-banner {
          background: linear-gradient(135deg, #0b2552 0%, #14377a 50%, #1e4a8a 100%);
          padding: 40px 0 60px;
          margin-bottom: 40px;
          position: relative;
          isolation: isolate;
          overflow: hidden;
        }

        .inner-banner::before {
          content: '';
          position: absolute;
          top: -50%;
          right: -20%;
          width: 500px;
          height: 500px;
          background: radial-gradient(circle, rgba(225, 27, 34, 0.1) 0%, transparent 70%);
          border-radius: 50%;
          pointer-events: none;
        }

        .inner-banner::after {
          content: '';
          position: absolute;
          bottom: -30%;
          left: -10%;
          width: 400px;
          height: 400px;
          background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
          border-radius: 50%;
          pointer-events: none;
        }

        /* Breadcrumb Styles */
        .breadcrumb-wrapper {
          margin-bottom: 30px;
          animation: fadeInDown 0.6s ease;
        }

        .breadcrumb-nav {
          display: flex;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          font-size: 0.9rem;
          padding-left:100px;
        }

        .breadcrumb-link {
          color: rgba(255, 255, 255, 0.7);
          text-decoration: none;
          transition: all 0.3s ease;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          font-weight: 500;
        }

        .breadcrumb-link:hover {
          color: #e11b22;
          transform: translateX(2px);
        }

        .breadcrumb-link i {
          font-size: 0.85rem;
        }

        .breadcrumb-separator {
          color: rgba(255, 255, 255, 0.4);
          font-size: 0.7rem;
        }

        .breadcrumb-current {
          color: #fff;
          font-weight: 600;
        }

        .banner-content {
          max-width: 1000px;
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 40px;
          position: relative;
          z-index: 2;
        }

        .banner-text {
          flex: 1;
        }

        .banner-subtitle {
          display: inline-block;
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 3px;
          text-transform: uppercase;
          color: #fff;
          margin-bottom: 20px;
          position: relative;
          padding-left: 30px;
        }

        .banner-subtitle::before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          width: 20px;
          height: 2px;
          background: #fff;
          transform: translateY(-50%);
        }

        .banner-text h1 {
          font-size: 3.5rem;
          font-weight: 800;
          line-height: 1.2;
          margin-bottom: 20px;
          color: white;
        }

        .highlight-text {
          background: linear-gradient(135deg, #ffffff, #fff);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          position: relative;
          display: inline-block;
        }

        .highlight-text::after {
          content: '';
          position: absolute;
          bottom: -5px;
          left: 0;
          width: 100%;
          height: 3px;
          background: linear-gradient(90deg, #fff, transparent);
          border-radius: 3px;
        }

        .banner-description {
          font-size: 1.1rem;
          color: rgba(255, 255, 255, 0.9);
          max-width: 550px;
          line-height: 1.6;
        }

        .banner-stats {
          display: flex;
          gap: 36px;
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          padding: 20px 35px;
          border-radius: 60px;
          border: 1px solid rgba(255, 255, 255, 0.2);
          animation: fadeInUp 0.6s ease 0.2s both;
        }

        .stat-item {
          text-align: center;
        }

        .stat-number {
          font-size: 2.2rem;
          font-weight: 800;
          color: #e11b22;
          line-height: 1;
          margin-bottom: 5px;
        }

        .stat-label {
          font-size: 0.85rem;
          text-transform: uppercase;
          letter-spacing: 1px;
          opacity: 0.9;
          color: white;
        }

        .banner-icon {
          position: absolute;
          right: 20px;
          bottom: 20px;
          font-size: 8rem;
          color: rgba(255, 255, 255, 0.05);
          pointer-events: none;
          z-index: 1;
        }

        /* Animations */
        @keyframes fadeInDown {
          from {
            opacity: 0;
            transform: translateY(-20px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

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

        /* Section Header */
        .section-header {
          padding: 40px 20px 20px;
          max-width: 1200px;
          margin: 0 auto;
          text-align: center;
        }

        .team-header {
          padding: 40px 20px 20px;
          max-width: 1200px;
          margin: 0 auto;
          text-align: center;
        }

        .sub-title {
          display: inline-block;
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 3px;
          text-transform: uppercase;
          color: #e11b22;
          margin-bottom: 15px;
          padding-left: 20px;
          position: relative;
        }

        .sub-title::before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          width: 12px;
          height: 2px;
          background: #e11b22;
          transform: translateY(-50%);
        }

        .section-title {
          font-size: 2.8rem;
          font-weight: 700;
          line-height: 1.2;
          margin-bottom: 20px;
        }

        .heading-blue {
          color: #17479e;
        }

        .lead-text {
          font-size: 1.1rem;
          color: #475569;
          max-width: 800px;
          margin: 15px auto 0;
        }

        /* Board Grid */
        .board-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 40px;
          max-width: 1200px;
          margin: 50px auto;
          padding: 0 20px;
          margin-top:0px;
        }

        .director-card {
          background: #ffffff;
          border: 1px solid #e2e8f0;
          border-radius: 28px;
          overflow: hidden;
          transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
          display: flex;
          flex-direction: column;
        }

        .director-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 30px 40px -12px rgba(23, 71, 158, 0.2);
          border-color: #17479e;
        }

        .director-img {
          height: 260px;
          background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
          position: relative;
          display: flex;
          align-items: flex-end;
          justify-content: flex-start;
          padding: 20px;
        }

        .img-placeholder i {
          font-size: 4rem;
          color: #17479e;
          background: white;
          border-radius: 50%;
          padding: 15px;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          transition: transform 0.3s ease;
        }

        .director-card:hover .img-placeholder i {
          transform: scale(1.05);
        }

        .director-info {
          padding: 25px;
        }

        .director-name {
          font-size: 1.8rem;
          font-weight: 700;
          color: #0f172a;
          margin-bottom: 5px;
        }

        .director-title {
          font-size: 1rem;
          font-weight: 600;
          color: #e11b22;
          margin-bottom: 18px;
          letter-spacing: -0.2px;
        }

        .director-bio {
          color: #475569;
          font-size: 0.95rem;
          margin-bottom: 22px;
          line-height: 1.6;
        }

        .linkedin-link {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          background: #f8fafc;
          color: #17479e;
          padding: 8px 20px;
          border-radius: 40px;
          font-weight: 600;
          font-size: 0.9rem;
          text-decoration: none;
          transition: all 0.3s;
          border: 1px solid #e2e8f0;
        }

        .linkedin-link i {
          font-size: 1.2rem;
          color: #0077b5;
        }

        .linkedin-link:hover {
          background: #17479e;
          color: white;
          border-color: #17479e;
          transform: translateX(4px);
        }

        .linkedin-link:hover i {
          color: white;
        }

        .linkedin-link.minimal {
          background: transparent;
          border: 1px solid #e2e8f0;
        }

        /* Values Strip */
        .values-strip {
          background: linear-gradient(145deg, #fafcff 0%, #ffffff 100%);
          padding: 50px 20px;
          margin: 40px 0;
          border-top: 1px solid #e2e8f0;
          border-bottom: 1px solid #e2e8f0;
        }

        .values-container {
          max-width: 1200px;
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          gap: 40px;
          justify-content: space-between;
        }

        .value-item {
          flex: 1;
          display: flex;
          align-items: center;
          gap: 18px;
          transition: transform 0.3s ease;
        }

        .value-item:hover {
          transform: translateY(-4px);
        }

        .value-icon {
          background: linear-gradient(135deg, rgba(23, 71, 158, 0.1), rgba(225, 27, 34, 0.1));
          border-radius: 50%;
          width: 70px;
          height: 70px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #e11b22;
          font-size: 1.8rem;
        }

        .value-text h4 {
          font-weight: 700;
          color: #17479e;
          margin-bottom: 5px;
        }

        .value-text p {
          color: #64748b;
          font-size: 0.9rem;
        }

        /* Team Grid */
        .team-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 30px;
          max-width: 1200px;
          margin: 50px auto;
          padding: 0 20px;
        }

        .team-card {
          background: #ffffff;
          border: 1px solid #e2e8f0;
          border-radius: 24px;
          text-align: center;
          padding: 30px 20px;
          transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          position: relative;
        }

        .team-card::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: linear-gradient(90deg, #17479e, #e11b22);
          transform: scaleX(0);
          transition: transform 0.3s ease;
          border-radius: 24px 24px 0 0;
        }

        .team-card:hover::before {
          transform: scaleX(1);
        }

        .team-card:hover {
          transform: translateY(-6px);
          box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.1);
          border-color: transparent;
        }

        .team-img {
          width: 100px;
          height: 100px;
          margin: 0 auto 15px;
          background: linear-gradient(135deg, rgba(23, 71, 158, 0.1), rgba(225, 27, 34, 0.1));
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .team-img i {
          font-size: 3rem;
          color: #17479e;
        }

        .team-name {
          font-size: 1.3rem;
          font-weight: 700;
          color: #0f172a;
          margin-bottom: 5px;
        }

        .team-role {
          color: #e11b22;
          font-weight: 500;
          margin: 8px 0 15px;
          font-size: 0.9rem;
        }

        /* CTA */
        .people-cta {
          background: linear-gradient(135deg, #0b2552  0%, #0b2552 100%);
          padding: 70px 20px;
          text-align: center;
          color: white;
          border-radius: 32px;
          max-width: 1200px;
          margin: 40px auto 60px;
        }

        .people-cta h2 {
          font-size: 2.2rem;
          font-weight: 700;
          margin-bottom: 15px;
          color:#fff;
        }

        .team-grid {
          background-color: transparent;
        }


       

        .people-cta p {
          font-size: 1.1rem;
          opacity: 0.9;
        }

        .people-cta .btn-light {
          background: #e11b22;
          color: white;
          padding: 14px 42px;
          border-radius: 50px;
          font-weight: 600;
          display: inline-block;
          text-decoration: none;
          margin-top: 25px;
          transition: all 0.3s;
          border: none;
        }

        .people-cta .btn-light:hover {
          background: #17479e;
          transform: translateY(-2px);
          box-shadow: 0 8px 20px rgba(23, 71, 158, 0.3);
        }

        /* Dividers */
        hr.divider {
          border: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, #e11b22, #17479e, transparent);
          margin: 20px auto;
          max-width: 1200px;
        }

        hr.hr-divider {
          border: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
          max-width: 1200px;
          margin: 30px auto;
        }

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

        @media (max-width: 768px) {
          .board-grid {
            grid-template-columns: 1fr;
          }
          
          .team-grid {
            grid-template-columns: 1fr;
          }
          
          .banner-text h1 {
            font-size: 2.5rem;
          }
          
          .section-title {
            font-size: 2rem;
          }
          
          .banner-stats {
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 15px 25px;
          }
          
          .values-container {
            flex-direction: column;
            align-items: center;
          }
          
          .value-item {
            width: 100%;
            justify-content: center;
          }
          
          .breadcrumb-nav {
            font-size: 0.8rem;
          }
        }

        @media (max-width: 480px) {
          .banner-text h1 {
            font-size: 2rem;
          }
          
          .banner-description {
            font-size: 0.95rem;
          }
          
          .section-title {
            font-size: 1.8rem;
          }
          
          .director-name {
            font-size: 1.5rem;
          }
        }