<?php 
require_once 'includes/db.php';
require_once 'includes/header.php'; 
?>

<!-- Page Hero Banner -->
<div class="position-relative" style="background: linear-gradient(135deg, #A20E37 0%, #7b0a28 60%, #FBBC09 100%); padding: 60px 0;">
    <div class="container text-white text-center">
        <h1 class="fw-bold mb-2" style="font-size:2.5rem; letter-spacing:1px;">Our AIMS</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-center mb-0">
                <li class="breadcrumb-item"><a href="index.php" class="text-warning">Home</a></li>
                <li class="breadcrumb-item"><a href="about.php" class="text-warning">About Us</a></li>
                <li class="breadcrumb-item active text-white">Our AIMS</li>
            </ol>
        </nav>
    </div>
</div>

<!-- Sub Menu -->
<div class="py-2 sticky-top" style="background:#fff; border-bottom: 3px solid #A20E37; z-index:999; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
    <div class="container">
        <div class="d-flex flex-wrap justify-content-center gap-1 gap-md-2">
            <a href="about.php" class="btn btn-sm" style="background:transparent; color:#A20E37; border:2px solid #A20E37; border-radius:20px; font-weight:600; padding:5px 18px;">About BSES Trust</a>
            <a href="our-messages.php" class="btn btn-sm" style="background:transparent; color:#A20E37; border:2px solid #A20E37; border-radius:20px; font-weight:600; padding:5px 18px;">Our Messages</a>
            <a href="our-vision.php" class="btn btn-sm" style="background:transparent; color:#A20E37; border:2px solid #A20E37; border-radius:20px; font-weight:600; padding:5px 18px;">Our Vision</a>
            <a href="our-aims.php" class="btn btn-sm" style="background:#A20E37; color:#fff; border-radius:20px; font-weight:600; padding:5px 18px;">Our AIMS</a>
            <a href="board-members.php" class="btn btn-sm" style="background:transparent; color:#A20E37; border:2px solid #A20E37; border-radius:20px; font-weight:600; padding:5px 18px;">Board Members</a>
        </div>
    </div>
</div>

<section class="py-5" style="background:#f8fafc;">
<div class="container">

    <div class="text-center mb-5">
        <span class="badge px-3 py-2 mb-2" style="background:#fff3f6; color:#A20E37; font-size:0.9rem; border-radius:20px;">Our Purpose</span>
        <h2 class="fw-bold" style="color:#1e293b;">What We <span style="color:#A20E37;">Aim</span> to Achieve</h2>
        <p class="text-muted">The strategic aims and goals of the Bhartiya Seva Educational Sangthan Trust that guide our every action.</p>
    </div>

    <!-- Aims Grid -->
    <div class="row g-4 mb-5">

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #A20E37; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#A20E37; font-size:1.2rem;">1</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#A20E37;">Enhance Quality of Allied Health Care Education</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To promote and maintain the highest standards of Allied Health Care Professional education throughout India, aligning with national and international benchmarks for quality and excellence.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #FBBC09; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#FBBC09; font-size:1.2rem; color:#333 !important;">2</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#b8860b;">Support Accreditation of Institutions</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To develop and promote accreditation standards for Allied Health Care colleges and schools, evaluating them against internationally accepted criteria, thereby ensuring graduates are competent and job-ready.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #28a745; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#28a745; font-size:1.2rem;">3</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#1e7e34;">Uphold Ethical & Professional Standards</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To foster the highest scientific and ethical standards in Allied Health Care practice — ensuring that patient care remains at the center of everything our members do, guided by integrity and professionalism.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #0d6efd; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#0d6efd; font-size:1.2rem;">4</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#0056d6;">Protect Rights of Paramedical Professionals</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To safeguard the legal rights of all BSES Trust members in the workplace — advocating for fair remuneration, safe working conditions, job security, and protection from exploitation or unfair dismissal.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #6f42c1; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#6f42c1; font-size:1.2rem;">5</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#5a2fa0;">Build a National Platform for Collaboration</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To create a strong national network that connects paramedical professionals, healthcare institutions, educators, and policymakers — enabling collaborative knowledge sharing, joint advocacy, and collective problem-solving.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #fd7e14; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#fd7e14; font-size:1.2rem;">6</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#c1550a;">Skill Development & Continuous Training</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To facilitate ongoing professional development through skill training programs, workshops, seminars, and certifications — enabling every paramedical professional to continuously grow and stay current with latest healthcare practices.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #17a2b8; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#17a2b8; font-size:1.2rem;">7</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#0d7a8e;">Community Outreach & Health Literacy</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To actively engage with communities through health awareness programs, outreach initiatives, and public campaigns — bridging the gap between healthcare providers and underserved communities across India.</p>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="d-flex gap-3 p-4 bg-white rounded-4 shadow-sm h-100 aim-item" style="border-left:5px solid #e91e8c; transition:all 0.3s;">
                <div class="flex-shrink-0 d-flex align-items-center justify-content-center rounded-circle text-white fw-bold" style="width:52px; height:52px; min-width:52px; background:#e91e8c; font-size:1.2rem;">8</div>
                <div>
                    <h5 class="fw-bold mb-2" style="color:#c01674;">Membership Welfare & Support</h5>
                    <p class="text-secondary mb-0" style="line-height:1.7;">To provide comprehensive welfare support to BSES Trust members including legal assistance, career guidance, grievance redressal, and access to a nationwide support network — ensuring no member ever stands alone.</p>
                </div>
            </div>
        </div>

    </div>

    <!-- CTA Section -->
    <div class="text-center py-4 px-3 rounded-4" style="background: linear-gradient(135deg, #A20E37, #FBBC09);">
        <h4 class="text-white fw-bold mb-2">Ready to be part of the BSES Trust Mission?</h4>
        <p class="text-white mb-3" style="opacity:0.9;">Join thousands of paramedical professionals who are already making a difference across India.</p>
        <a href="signup.php" class="btn btn-white px-4 py-2 fw-bold me-2" style="background:#fff; color:#A20E37; border-radius:25px;">Join BSES Trust Today</a>
        <a href="contact.php" class="btn btn-outline-white px-4 py-2 fw-bold" style="border:2px solid #fff; color:#fff; border-radius:25px;">Contact Us</a>
    </div>

</div>
</section>

<style>
.aim-item:hover {
    transform: translateX(6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
</style>

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