<?php $page_title = 'Management Team'; include 'includes/header.php'; ?>

<section class="page-hero">
    <div class="container">
        <h1>Management Team</h1>
        <div class="breadcrumb">
            <a href="index.php">Home</a> <span>/</span> <span>Who We Are</span> <span>/</span> <span>Management Team</span>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-header fade-up">
            <span class="section-badge">Leadership</span>
            <h2>Our Management Team</h2>
            <p>The management team plays a crucial role in ensuring the smooth functioning of NBSS, providing strategic leadership and overseeing day-to-day operations.</p>
        </div>

        <!-- Trustees -->
        <div class="fade-up" style="margin-bottom: 60px;">
            <h3 style="font-family: var(--font-heading); font-size: 1.6rem; font-weight: 700; color: var(--dark); text-align: center; margin-bottom: 30px;">Board of Trustees</h3>
            <div class="programs-grid" style="grid-template-columns: repeat(4, 1fr);">
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px;">
                    <div style="width: 60px; height: 60px; background: rgba(26,107,60,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--primary); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Mr. Chandragupta Pavaskar</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Mumbai</p>
                </div>
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px;">
                    <div style="width: 60px; height: 60px; background: rgba(232,168,56,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--secondary); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Mr. Mahesh Karia</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Dahanu</p>
                </div>
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px;">
                    <div style="width: 60px; height: 60px; background: rgba(212,72,59,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--accent); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Mrs. Aruna Erande</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Pune</p>
                </div>
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px;">
                    <div style="width: 60px; height: 60px; background: rgba(26,107,60,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--primary); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Mr. Anant Gosavi</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Pune</p>
                </div>
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px;">
                    <div style="width: 60px; height: 60px; background: rgba(232,168,56,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--secondary); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Mr. Hrishikesh Wagh</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Pune</p>
                </div>
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px;">
                    <div style="width: 60px; height: 60px; background: rgba(212,72,59,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--accent); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Mr. Mayoor Mistry</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Dahanu</p>
                </div>
                <div class="program-card fade-up" style="text-align: center; padding: 28px 16px; grid-column: span 2;">
                    <div style="width: 60px; height: 60px; background: rgba(26,107,60,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: var(--primary); font-size: 1.3rem;"><i class="fas fa-user-tie"></i></div>
                    <h3 style="font-size: 0.95rem;">Dr. Romeo Mascarenhas</h3>
                    <p style="font-size: 0.8rem; color: var(--gray-500);">Dahanu</p>
                </div>
            </div>
        </div>

        <!-- Executive Committee -->
        <div class="fade-up">
            <h3 style="font-family: var(--font-heading); font-size: 1.6rem; font-weight: 700; color: var(--dark); text-align: center; margin-bottom: 10px;">Niyantran Mandal (Executive Committee)</h3>
            <p style="text-align: center; color: var(--gray-500); margin-bottom: 30px; font-size: 0.9rem;">April 2025 – March 2028 &bull; All Trustees are members of Niyantran Mandal</p>

            <div style="overflow-x: auto;">
                <table style="width: 100%; border-collapse: collapse; background: var(--white); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); min-width: 600px;">
                    <thead>
                        <tr style="background: var(--primary); color: var(--white);">
                            <th style="padding: 14px 20px; text-align: left; font-family: var(--font-heading); font-weight: 600; font-size: 0.9rem;">Name</th>
                            <th style="padding: 14px 20px; text-align: left; font-family: var(--font-heading); font-weight: 600; font-size: 0.9rem;">Designation</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Vinayak Raghunath Bari</td>
                            <td style="padding: 12px 20px; color: var(--primary); font-weight: 600;">President</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Rajan Churi</td>
                            <td style="padding: 12px 20px; color: var(--primary); font-weight: 600;">Vice President</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Dinesh Patil</td>
                            <td style="padding: 12px 20px; color: var(--primary); font-weight: 600;">Secretary</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Nalin Patel</td>
                            <td style="padding: 12px 20px; color: var(--primary); font-weight: 600;">Asst. Secretary</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Vijaykant Panchal</td>
                            <td style="padding: 12px 20px; color: var(--primary); font-weight: 600;">Treasurer</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Mansaram S. Ahire</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Dilip Ambike</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Pranav P. Amrute</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mrs. Sandhya Karandikar</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Prakash B. Karnawat</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Dr. Anjali Mascarenhas</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Invitee Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Pankaj Nayak</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Amol Patil</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300); background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Yashwant Patil</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--gray-300);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Mr. Tejas Ponda</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                        <tr style="background: var(--gray-100);">
                            <td style="padding: 12px 20px; font-weight: 600; color: var(--dark);">Dr. Meenakshi C. Samant</td>
                            <td style="padding: 12px 20px; color: var(--gray-700);">Member</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container" style="text-align: center;">
        <h2 style="font-family: var(--font-heading); font-size: 2rem; color: var(--white); margin-bottom: 16px;">Join Our Mission</h2>
        <p style="color: rgba(255,255,255,0.85); font-size: 1.05rem; margin-bottom: 28px; max-width: 600px; margin-left: auto; margin-right: auto;">Interested in contributing to tribal education? Get in touch with our team.</p>
        <a href="contact.php" class="btn btn-primary"><i class="fas fa-envelope"></i> Contact Us</a>
    </div>
</section>

<?php include 'includes/footer.php'; ?>
