@extends('layouts.app3')

@section('title', 'Home')

@section('content')

<!-- Subheader with Logo and Title -->
<div class="subheader" style="padding: 20px 0; border-bottom: 2px solid #223584;">
    <div class="container">
        <h2 style="margin: 0; font-weight: bold; padding-top: 20px;">Rai School of Agriculture (RSA)</h2>
        <div style="clear: both;"></div>
    </div>
</div>

<!-- Bootstrap Navigation Menu -->
<style>
/* Hide menu on mobile devices */
@media (max-width: 767px) {
    .navbar {
        display: none !important;
    }
}
#navbarNav {
    background: linear-gradient(180deg, #0f385f, #f6bb18);
}

/* Default link style */
#navbarNav .nav-link {
    color: #ffffff !important;
    font-size: 18px;
    padding: 10px 18px;
    transition: 0.3s;
}

/* Hover effect */
#navbarNav .nav-link:hover {
    color: #0f385f !important;      /* Text color on hover */
    background-color: #ffffff;      /* Background on hover */
    border-radius: 5px;
}

/* Active menu item */
#navbarNav .nav-link.active {
    color: #f6bb18 !important;
}
</style>



<section style="
    position:relative;
    width:100%;
    height:100vh;
    background:url('/document/academics/school/rsa/banner-blog-agriculture.jpg') center center / cover no-repeat;
    display:flex;
    align-items:center; 
"> 

    <div style="
        position:absolute;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.5);
        top:0;
        left:0;
    "></div>

    <div style="
        position:relative;
        color:#fff;
        max-width:600px;
        margin-left:80px;
        z-index:2;
    ">
        <!--<h1 style="font-size:48px;margin-bottom:20px; color: #fff;">
           Rai School of Management Studies (RSMS)
        </h1>-->

        <p style="font-size:18px;margin-bottom:25px;line-height:1.6; color: #fff;">
            We provide quality education with strong practical exposure 
            and excellent placement opportunities for our students.
        </p>

        <a href="https://raiuniversity.edu/Enquiry/index.html" style="
            display:inline-block;
            padding:12px 25px;
            background:#fff;
            color:#000;
            text-decoration:none;
            font-weight:600;
            border-radius:4px;
        ">
            Apply Now
        </a>
    </div>
</section>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#about">ABOUT</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#visionmission">VISION & MISSION</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#intake">PROGRAMS OFFERED</a>
                </li>
                <!--<li class="nav-item">
                    <a class="nav-link" href="#certificate">CERTIFICATE</a>
                </li>--> 
                <!--<li class="nav-item">
                    <a class="nav-link" href="#faculty">FACULTY</a>
                </li>-->
                <li class="nav-item">
                    <a class="nav-link" href="#placement">PLACEMENT</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#activity">DEPARTMENTAL ACTIVITIES</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#testimonial">TESTIMONIAL</a>
                </li>
                
            </ul>
        </div>
    </div>
</nav>

<!-- About Section -->
<section id="about" class="py-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-4 mb-4 mb-lg-0">
                <img src="document/academics/school/rsa/rsa_banner.JPG" alt="About Engineering" class="img-fluid rounded shadow-lg">
            </div>
            <div class="col-lg-8">
                <div class="ps-lg-4">
                    <h2 class="display-5 fw-bold mb-4" style="color: #223584; border-left: 5px solid orange; padding-left: 20px;">
                        About RSA
                    </h2>
                    <p class="lead mb-3" style="color: #555; line-height: 1.8;">
                        <b>Rai School of Agriculture is dedicated to advancing agricultural education, research, and innovation to meet the evolving needs of modern farming and sustainable food production. Our programs integrate traditional agricultural knowledge with cutting-edge technology, preparing students to address challenges in crop production, soil management, agricultural economics, and sustainable farming practices. Through hands-on training, research initiatives, and industry partnerships, we equip future agricultural professionals with the skills and knowledge needed to contribute to food security, rural development, and environmental sustainability.</b>
                    </p> 
                    
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Vision and Mission Section -->
<section id="visionmission" class="py-5" style="background: linear-gradient(135deg, #217116 0%, #e9ecef 100%);">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="display-4 fw-bold" style="color: #223584;">Vision & Mission</h2>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>
        
        <div class="row g-4">
            <!-- Vision Card -->
            <div class="col-md-6">
                <div class="card h-100 shadow-lg border-0" style="border-top: 5px solid orange; transition: transform 0.3s;">
                    <div class="card-body p-5">
                        <div class="text-center mb-4">
                      <div class="bg-warning bg-gradient rounded-circle d-flex align-items-center justify-content-center"
         style="width: 80px; height: 80px;">
        <i class="fas fa-eye fa-2x text-white"></i> <h3 class="card-title fw-bold position-absolute start-50 translate-middle-x m-0"
        style="color: #223584;">
        Vision
    </h3>
    </div> 

    <!-- Center Title -->
    <h3 class="card-title fw-bold position-absolute start-50 translate-middle-x m-0"
        style="color: #223584;">
        
    </h3>
 
</div>
                         <p class="card-text text-start" 
               style="color: #555; font-size: 1.1rem; line-height: 1.8;">
                            To be a recognized agricultural institute for its contribution to society and industries through agriculture teaching, learning and entrepreneurship.
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- Mission Card -->
            <div class="col-md-6">
                <div class="card h-100 shadow-lg border-0" style="border-top: 5px solid #223584; transition: transform 0.3s;">
                    <div class="card-body p-5">
                        <div class="d-flex align-items-center position-relative mb-4">
                        
                          <div class="rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; background: linear-gradient(135deg, #223584, #2980B9);">
        <i class="fas fa-eye fa-2x text-white"></i> <h3 class="card-title fw-bold position-absolute start-50 translate-middle-x m-0"
        style="color: #223584;">
        Mission
    </h3> 
    </div>

                     
                        </div>
                        
                        <ul class="list-unstyled" style="color: #555; font-size: 1.05rem;">
                            <li class="mb-3"><i class="fas fa-check-circle text-warning me-2"></i><strong>M1</strong> -  To provide human resource and skillful technology for the sustainable agriculture development of state by agriculture education.</li>
                            <li class="mb-3"><i class="fas fa-check-circle text-warning me-2"></i><strong>M2</strong> -  Providing integrative agriculture learning experience with teaching, experiential learning and innovation.</li>
                            <li class="mb-3"><i class="fas fa-check-circle text-warning me-2"></i><strong>M3</strong> -  Incorporating conscious behavior to manage environment for sustainable agriculture growth and securing future generations.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




{{-- 
<!-- Programme Offered Section -->
<section id="intake" class="py-5">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="display-4 fw-bold" style="color: #223584;">PROGRAMME OFFERED</h2>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>
        
        <!-- Filter Buttons -->
        <div class="text-center mb-4">
            <button class="btn btn-filter active" onclick="filterPrograms('all')" data-filter="all">All Programmes</button>
            <button class="btn btn-filter" onclick="filterPrograms('msc')" data-filter="msc">M.Sc.</button>
            <button class="btn btn-filter" onclick="filterPrograms('bsc')" data-filter="bsc">B.Sc.</button>
        </div>
        
        <div class="row g-3" id="programContainer">
            <!-- M.Sc. Microbiology -->
            <div class="col-md-4 col-sm-6 program-card" data-category="msc">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-header text-white" style="background-color: #223584;">
                        <h6 class="mb-0 fw-bold">M.Sc. Microbiology</h6>
                    </div>
                    <div class="card-body">
                        <p class="mb-1"><strong>Programme:</strong> Master of Science</p>
                        <p class="mb-1"><strong>Branch:</strong> Microbiology</p>
                        <p class="mb-1"><strong>Specialization:</strong> Microbiology</p>
                        <p class="mb-0"><strong>Duration:</strong> 2 Year</p>
                        <button class="btn btn-sm btn-outline-primary mt-3 w-100" onclick="showEligibility('msc-micro')">View Eligibility</button>
                    </div>
                </div>
            </div>
            
            <!-- M.Sc. Chemistry -->
            <div class="col-md-4 col-sm-6 program-card" data-category="msc">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-header text-white" style="background-color: #223584;">
                        <h6 class="mb-0 fw-bold">M.Sc. Chemistry</h6>
                    </div>
                    <div class="card-body">
                        <p class="mb-1"><strong>Programme:</strong> Master of Science</p>
                        <p class="mb-1"><strong>Branch:</strong> Chemistry</p>
                        <p class="mb-1"><strong>Specialization:</strong> Industrial, Organic, Analytical Chemistry</p>
                        <p class="mb-0"><strong>Duration:</strong> 2 Year</p>
                        <button class="btn btn-sm btn-outline-primary mt-3 w-100" onclick="showEligibility('msc-chem')">View Eligibility</button>
                    </div>
                </div>
            </div>
            
            <!-- B.Sc. Microbiology -->
            <div class="col-md-4 col-sm-6 program-card" data-category="bsc">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-header text-white" style="background-color: #223584;">
                        <h6 class="mb-0 fw-bold">B.Sc. Microbiology</h6>
                    </div>
                    <div class="card-body">
                        <p class="mb-1"><strong>Programme:</strong> Bachelor of Science</p>
                        <p class="mb-1"><strong>Branch:</strong> Microbiology</p>
                        <p class="mb-1"><strong>Specialization:</strong> Microbiology</p>
                        <p class="mb-0"><strong>Duration:</strong> 3/4 Year</p>
                        <button class="btn btn-sm btn-outline-primary mt-3 w-100" onclick="showEligibility('bsc-micro')">View Eligibility</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
--}}

<!-- Eligibility Modal -->
<div class="modal fade" id="eligibilityModal" tabindex="-1" aria-labelledby="eligibilityModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #223584; color: white;">
                <h5 class="modal-title" id="eligibilityModalLabel">Eligibility Criteria</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="eligibilityContent">
                <!-- Content will be inserted here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<style>
.btn-filter {
    background-color: #fff;
    color: #223584;
    border: 2px solid #223584;
    border-radius: 25px;
    padding: 8px 20px;
    margin: 5px;
    transition: all 0.3s ease;
}

.btn-filter:hover {
    background-color: #223584;
    color: #fff;
    transform: translateY(-2px);
}

.btn-filter.active {
    background-color: #ff9900;
    color: #fff;
    border-color: #ff9900;
}

.program-card {
    transition: all 0.3s ease;
    background-color: #fff;
}

.program-card.hidden {
    display: none;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}
</style>

<script>
const eligibilityData = {
    'msc-micro': {
        title: 'M.Sc. Microbiology',
        branch: 'Microbiology',
        specialization: 'Microbiology',
        duration: '2 Year',
        criteria: 'B.Sc in allied subject from UGC recognized University with Min. 50% Marks'
    },
    'msc-chem': {
        title: 'M.Sc. Chemistry',
        branch: 'Chemistry',
        specialization: 'Industrial, Organic, Analytical Chemistry',
        duration: '2 Year',
        criteria: 'B.Sc in allied subject from UGC recognized University with Min. 50% Marks'
    },
    'bsc-micro': {
        title: 'B.Sc. Microbiology',
        branch: 'Microbiology',
        specialization: 'Microbiology',
        duration: '3/4 Year',
        criteria: '10+2 with PCB/PCM from recognized Board with min. 50% Marks'
    }
};

function showEligibility(programId) {
    const data = eligibilityData[programId];
    if (data) {
        document.getElementById('eligibilityModalLabel').textContent = data.title;
        document.getElementById('eligibilityContent').innerHTML = `
            <div class="mb-4">
                <h6 class="fw-bold mb-3" style="color: #223584;">Course Details:</h6>
                <div class="row">
                    <div class="col-md-6 mb-2">
                        <strong>Programme:</strong> ${data.title}
                    </div>
                    <div class="col-md-6 mb-2">
                        <strong>Duration:</strong> ${data.duration}
                    </div>
                    <div class="col-md-6 mb-2">
                        <strong>Branch:</strong> ${data.branch}
                    </div>
                    <div class="col-md-6 mb-2">
                        <strong>Specialization:</strong> ${data.specialization}
                    </div>
                </div>
            </div>
            <hr>
            <h6 class="fw-bold mb-3" style="color: #223584;">Eligibility Criteria:</h6>
            <p style="line-height: 1.8; color: #555;">${data.criteria}</p>
        `;
        const modal = new bootstrap.Modal(document.getElementById('eligibilityModal'));
        modal.show();
    }
}

function filterPrograms(category) {
    // Get all program cards
    const cards = document.querySelectorAll('.program-card');
    const buttons = document.querySelectorAll('.btn-filter');
    
    // Remove active class from all buttons
    buttons.forEach(btn => btn.classList.remove('active'));
    
    // Add active class to clicked button
    event.target.classList.add('active');
    
    // Show/hide cards based on category
    cards.forEach(card => {
        if (category === 'all' || card.dataset.category === category) {
            card.classList.remove('hidden');
        } else {
            card.classList.add('hidden');
        }
    });
}
</script>

<!-- Programme Details Section with Vertical Tabs -->
<section id="intake" class="py-5" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="display-4 fw-bold" style="color: #223584;">Programme Details</h2>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>
        
        <div class="row">
            <!-- Left Side - Vertical Tabs -->
            <div class="col-md-3">
                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <button class="nav-link active" id="v-pills-peo-tab" data-bs-toggle="pill" data-bs-target="#v-pills-peo" type="button" role="tab">
                        <i class="fas fa-bullseye me-2"></i>Programme Educational Objectives (PEO)
                    </button>
                    <button class="nav-link" id="v-pills-po-tab" data-bs-toggle="pill" data-bs-target="#v-pills-po" type="button" role="tab">
                        <i class="fas fa-tasks me-2"></i>Programme Outcomes (PO)
                    </button>
                    <button class="nav-link" id="v-pills-pso-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pso" type="button" role="tab">
                        <i class="fas fa-check-circle me-2"></i>Programme Specific Outcomes (PSO)
                    </button>
                    {{--<button class="nav-link" id="v-pills-curriculum-tab" data-bs-toggle="pill" data-bs-target="#v-pills-curriculum" type="button" role="tab">
                        <i class="fas fa-book me-2"></i>Curriculum
                    </button>--}}
                </div>
            </div>
            
            <!-- Right Side - Content -->
            <div class="col-md-9">
                <div class="tab-content" id="v-pills-tabContent">
                    
                    <!-- PEO Content -->
                    <div class="tab-pane fade show active" id="v-pills-peo" role="tabpanel">
                        <div class="card border-0 shadow-sm">
                            <div class="card-header text-white" style="background: linear-gradient(135deg, #223584, #1565C0);">
                                <h4 class="mb-0">Programme Educational Objectives (PEO)</h4>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr>
                                                <td style="width: 100px;"><strong>PEO-1</strong></td>
                                                <td>To conduct undergraduate academic program in agriculture leading to B.Sc .(Hons.) agriculture Degree</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PEO-2</strong></td>
                                                <td>To contribute to the advancement of knowledge in agricultural Science and Technology and to solve the Environmental problems to make human living more comfortable</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PEO-3</strong></td>
                                                <td>To meet the skilled employable agricultural manpower needed for social, professional and economic deployment through teaching, research practical training and extension education.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PEO-4</strong></td>
                                                <td>To promote learning in an environment conductive to free thinking and innovation to cultivate the skills, attitudes, and habits of life -long learning, so as to be well prepared to adapt to rapidly evolving society.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PEO-5</strong></td>
                                                <td>To provide adequate knowledge about importance of natural resources in agriculture like soil, water, atmosphere, vegetation and develop conscious behaviour for environmentally conscious future like organic and natural farming.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- PO Content -->
                    <div class="tab-pane fade" id="v-pills-po" role="tabpanel">
                        <div class="card border-0 shadow-sm">
                            <div class="card-header text-white" style="background: linear-gradient(135deg, #223584, #1565C0);">
                                <h4 class="mb-0">Programme Outcomes (PO)</h4>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr>
                                                <td style="width: 100px;"><strong>PO-1</strong></td>
                                                <td>Foundational Knowledge: Possess comprehensive understanding of core principles in agriculture, covering plant science, soil management crop production, lives Stock husbandry, agriculture engineering and Economics.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-2</strong></td>
                                                <td>Problem Solving Abilities: Develop strong analytical and problem -solving skill to identify, analyse and address challenges encountered in agriculture production, resource Management and sustainability practices.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-3</strong></td>
                                                <td>Technical proficiency: Acquire technical competence in agriculture practices, encompassing crop cultivation techniques, pest management, irrigation methods, value addition of agricultural produces and animal husbandry.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-4</strong></td>
                                                <td>Collaborative skills: Work effectively in teams, demonstrating teamwork, leadership and communication skills in agriculture contexts.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-5</strong></td>
                                                <td>Continuous learning: Engage in lifelong learning and professional development to stay updated with advancements in agriculture Science and Technologies.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-6</strong></td>
                                                <td>Innovative Thinking: Demonstrate innovative thinking in adopting a new technologies and practices to enhance agriculture productivity, efficiency and sustainability.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-7</strong></td>
                                                <td>Entrepreneurial Mind-set: Cultivate an Entrepreneurial mind-set, able of identifying opportunities, developing innovative solutions and establishing successful ventures in agricultural production, agribusiness or related fields.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-8</strong></td>
                                                <td>Community Engagement: actively participate in community development initiatives, contributing to the Welfare of rural communities through agriculture interventions.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-9</strong></td>
                                                <td>Ethical Responsibility: Uphold ethical standards and demonstrate integrity in agriculture practices, considering social, environmental and economic implications.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PO-10</strong></td>
                                                <td>Global Perspective: Comprehend state, National and global agriculture issues, actively participating in collaboration to tackle challenges and advanced the cause of Sustainable agriculture</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- PSO Content -->
                    <div class="tab-pane fade" id="v-pills-pso" role="tabpanel">
                        <div class="card border-0 shadow-sm">
                            <div class="card-header text-white" style="background: linear-gradient(135deg, #223584, #1565C0);">
                                <h4 class="mb-0">Programme Specific Outcomes (PSO)</h4>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr>
                                                <td style="width: 100px;"><strong>PSO-1</strong></td>
                                                <td>Integrated Agricultural Management: Possesses integrated crop and livestock management techniques, applying knowledge of Crop improvement, cultivation methods, pest control, livestock bleeding, nutrition, Health care and welfare to optimize agricultural productivity and sustainability.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PSO-2</strong></td>
                                                <td>Resource Efficient Farming: Understand, develop and implement resource -efficient farming system, utilizing sustainability agricultural practices such as soil conservation, water management and eco –friendly approaches to minimize environmental impact while maximizing yield and profitability.</td>
                                            </tr>
                                            <tr>
                                                <td><strong>PSO-3</strong></td>
                                                <td>Techno- entrepreneurial Skills: Acquire techno-entrepreneurial skills through farmer /Industry- institution collaboration, Rural Agricultural Work, experimental learning, enabling application of modern technologies, Research insights and problem- solving approaches to address Real-World agricultural challenges, fostering Innovation and socio -economic development in rural communities.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    {{-- <!-- Curriculum Content -->
                    <div class="tab-pane fade" id="v-pills-curriculum" role="tabpanel">
                        <div class="card border-0 shadow-sm">
                            <div class="card-header text-white" style="background: linear-gradient(135deg, #223584, #1565C0);">
                                <h4 class="mb-0">Curriculum</h4>
                            </div>
                            <div class="card-body">
                                <ul class="nav nav-tabs mb-4" id="curriculumTabs" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="curriculum-msc-tab" data-bs-toggle="tab" data-bs-target="#curriculum-msc" type="button" role="tab">M.Sc</button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="curriculum-bsc-tab" data-bs-toggle="tab" data-bs-target="#curriculum-bsc" type="button" role="tab">B.Sc</button>
                                    </li>
                                </ul>
                                
                                <div class="tab-content" id="curriculumTabContent">
                                    <!-- M.Sc Curriculum -->
                                    <div class="tab-pane fade show active" id="curriculum-msc" role="tabpanel">
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="background-color: rgba(7, 147, 209, 0.61);">Programme</th>
                                                        <th style="background-color: rgba(7, 147, 209, 0.61);">Scheme of Curriculum</th>
                                                        <th style="background-color: rgba(7, 147, 209, 0.61);">Subject Details</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>M.Sc. Microbiology (Batch 2020-21)</td>
                                                        <td><a href="https://www.raiuniversity.edu/wp-content/uploads/Subject-Scheme_M.Sc_.-Microiology-1.pdf" target="_blank" rel="noopener">Click Here</a></td>
                                                        <td><a href="https://www.raiuniversity.edu/wp-content/uploads/sos/M.Sc._Microbiology_Syllabus.pdf" target="_blank" rel="noopener">Click Here</a></td>
                                                    </tr>
                                                    <tr>
                                                        <td>M.Sc. Chemistry (Batch 2022-23)</td>
                                                        <td><a href="https://www.raiuniversity.edu/wp-content/uploads/M.Sc_.-Chemistry-1.pdf" target="_blank" rel="noopener">Click Here</a></td>
                                                        <td><a href="https://www.raiuniversity.edu/wp-content/uploads/sos/M.Sc._chem_Syllabus.pdf" target="_blank" rel="noopener">Click Here</a></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    <!-- B.Sc Curriculum -->
                                    <div class="tab-pane fade" id="curriculum-bsc" role="tabpanel">
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="background-color: rgba(7, 147, 209, 0.61);">Programme</th>
                                                        <th style="background-color: rgba(7, 147, 209, 0.61);">Scheme of Curriculum</th>
                                                        <th style="background-color: rgba(7, 147, 209, 0.61);">Subject Details</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>B.Sc. Microbiology (Batch 2020-21)</td>
                                                        <td><a href="https://www.raiuniversity.edu/wp-content/uploads/Subject-Scheme_B.Sc_.-Microiology-1.pdf" target="_blank" rel="noopener">Click Here</a></td>
                                                        <td><a href="https://www.raiuniversity.edu/wp-content/uploads/sos/B.Sc._Microbiology_Syllabus.pdf" target="_blank" rel="noopener">Click Here</a></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                    
                </div>
            </div>
        </div>
    </div>
</section>

<style>
/* Vertical Pills Styling */
.nav-pills .nav-link {
    text-align: left;
    padding: 15px 20px;
    margin-bottom: 10px;
    background-color: #223584;
    color: white;
    border: 2px solid #223584;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.nav-pills .nav-link:hover {
    background: linear-gradient(135deg, #1565C0, #223584);
    border-color: #1565C0;
    transform: translateX(5px);
}

.nav-pills .nav-link.active {
    background: linear-gradient(135deg, #ff9900, #ff7700);
    color: white;
    border-color: #ff9900;
    box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
}

/* Horizontal Tabs inside Cards */
.card .nav-tabs .nav-link {
    color: white;
    background-color: #223584;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid #223584;
    border-radius: 6px 6px 0 0;
    margin-right: 5px;
    transition: all 0.3s ease;
}

.card .nav-tabs .nav-link:hover {
    background-color: #1565C0;
    border-bottom-color: #ff9900;
}

.card .nav-tabs .nav-link.active {
    background-color: #ff9900;
    color: white;
    border-bottom-color: #ff9900;
}

.card-header {
    border-radius: 8px 8px 0 0 !important;
}
</style>

{{-- 
 <!-- Faculty Section -->
    <section class="college-section bg-light py-5" id="faculty">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="display-4 fw-bold" style="color: #223584;">Meet Our Faculty</h2>
                <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
            </div>

            <!-- New faculty grid imported from external source (converted to Bootstrap modals) -->
            <div class="row g-4">
                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/dean_rsms.png" alt="Dr. Kiran Kumar Agrawal" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Dr. Kiran Kumar Agrawal</h4>
                            <p class="faculty-designation">Dean</p>
                            <p class="faculty-qualification">Rai School Of Management Studies</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalKiran" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Dr-Chinmayee-Bhatt.jpg" alt="Dr. Chinmayee Bhatt" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Dr. Chinmayee Bhatt</h4>
                            <p class="faculty-designation">Professor</p>
                            <p class="faculty-qualification">Ph.D, M. Phil, MBA, M.Com, BCom</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalChinmayee" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Nilesh-1.jpg" alt="Dr. Nilesh Patel" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Dr. Nilesh Patel</h4>
                            <p class="faculty-designation">Associate Professor</p>
                            <p class="faculty-qualification">Ph.D, M. Phil, MBA, BBA</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalNilesh" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Swati-Rajgor.jpg" alt="Dr. Swati Aggarwal" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Dr. Swati Aggarwal</h4>
                            <p class="faculty-designation">Assistant Professor</p>
                            <p class="faculty-qualification">Ph.D., M.A-Industrial Psychology, B.Ed, BA-Psychology</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalSwati" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Vanrajbhai.jpg" alt="Mr. Vanrajsinh Parmar" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Mr. Vanrajsinh Parmar</h4>
                            <p class="faculty-designation">Assistant Professor</p>
                            <p class="faculty-qualification">B.Com, MBA</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalVanraj" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Mansi__tyagi.png" alt="Ms. Mansi Tyagi" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Ms. Mansi Tyagi</h4>
                            <p class="faculty-designation">Assistant Professor</p>
                            <p class="faculty-qualification">MBA (HRM & Marketing), UGC NET</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalMansi" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Dr-Rathod-Photo.jpg" alt="Dr. Maulik K Rathod" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Dr. Maulik K Rathod</h4>
                            <p class="faculty-designation">Assistant Professor</p>
                            <p class="faculty-qualification">Ph.D, M.Com, BBA</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalMaulik" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="faculty-card">
                        <img src="https://www.raiuniversity.edu/wp-content/uploads/Yogesh-Tomar.jpg" alt="Mr. Yogesh Tomar" class="faculty-image">
                        <div class="faculty-info">
                            <h4 class="faculty-name">Mr. Yogesh Tomar</h4>
                            <p class="faculty-designation">Assistant Professor</p>
                            <p class="faculty-qualification">BCA, MCA, MBA</p>
                            <a href="#" class="btn btn-sm btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#facultyModalYogesh" style="background: linear-gradient(135deg, #FF9800, #FFC107); border: none;">View Profile</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
--}}

    
<style>
    .curr-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: 0.3s;
    height: 100%;
}
.curr-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 16px 30px rgba(0,0,0,0.18);
}
.curr-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #0f385f;
}
.curr-batch {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}
.curr-buttons {
    display: flex;
    gap: 10px;
}
.curr-btn,
.curr-btn-outline {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    flex: 1;
}
.curr-btn {
    background: #ff9800;
    color: white;
}
.curr-btn:hover {
    background: #ec8700;
}
.curr-btn-outline {
    border: 2px solid #ff9800;
    color: #ff9800;
    background: transparent;
}
.curr-btn-outline:hover {
    background: rgba(255,152,0,0.1);
}
.nav-tabs .nav-link {
    color: #fff;
    padding: 12px 28px;
    font-weight: 600;
    border: none;
    margin: 0 5px;
    border-radius: 6px;
        background: rgb(27 90 174);
}
.nav-tabs .nav-link.active {
    background: rgba(255,152,0,0.85);
}
</style>

  <!-- Faculty Modals (imported and converted to Bootstrap) -->

    <!-- Dr. Kiran Kumar Agrawal -->
    <div class="modal fade" id="facultyModalKiran" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Dr. Kiran Kumar Agrawal</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/dean_rsms.png" alt="Dr. Kiran Kumar Agrawal" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Dean</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td>Dr. Kiran Kumar Agrawal</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Designation</td><td>Dean</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Department</td><td>Rai School Of Management Studies</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Dr. Chinmayee Bhatt -->
    <div class="modal fade" id="facultyModalChinmayee" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Dr. Chinmayee Bhatt</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Dr-Chinmayee-Bhatt-896x1024.jpg" alt="Dr. Chinmayee Bhatt" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name of the Teaching staff</td><td style="text-align:center;">Dr. Chinmayee Bhatt</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Designation</td><td style="text-align:center;">Professor</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Department</td><td style="text-align:center;">Management, Rai School Of Management Studies</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Date of Joining the Institution</td><td style="text-align:center;">01-07-2016</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">Ph.D, M. Phil, MBA, M.Com, BCom</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Total experience</td><td style="text-align:center;">21 Years</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Paper Published</td><td style="text-align:center;">20</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Paper Presented</td><td style="text-align:center;">20</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Dr. Nilesh Patel -->
    <div class="modal fade" id="facultyModalNilesh" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Dr. Nilesh Patel</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Nilesh-1-896x1024.jpg" alt="Dr. Nilesh Patel" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Associate Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td style="text-align:center;">Dr. Nilesh Patel</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Designation</td><td style="text-align:center;">Associate Professor</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Department</td><td style="text-align:center;">Management, Rai School Of Management Studies</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Date of Joining</td><td style="text-align:center;">01-08-2022</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">Ph.D, M. Phil, MBA, BBA</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Experience</td><td style="text-align:center;">5 years</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Papers Published</td><td style="text-align:center;">6</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Papers Presented</td><td style="text-align:center;">21</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Dr. Swati Aggarwal -->
    <div class="modal fade" id="facultyModalSwati" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Dr. Swati Aggarwal</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Swati-Rajgor-896x1024.jpg" alt="Dr. Swati Aggarwal" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Assistant Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td style="text-align:center;">Dr. Swati Aggarwal</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Designation</td><td style="text-align:center;">Assistant Professor</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Date of Joining</td><td style="text-align:center;">11/10/2022</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">Ph.D., M.A-Industrial Psychology, B.Ed, BA-Psychology</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Papers Published</td><td style="text-align:center;">7</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Papers Presented</td><td style="text-align:center;">4</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Books/IPRs/Patents</td><td style="text-align:center;">01 Books, 04 Patents</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Mr. Vanrajsinh Parmar -->
    <div class="modal fade" id="facultyModalVanraj" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Mr. Vanrajsinh Parmar</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Vanrajbhai.jpg" alt="Mr. Vanrajsinh Parmar" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Assistant Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td style="text-align:center;">Mr. Vanrajsinh Parmar</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Designation</td><td style="text-align:center;">Assistant Professor</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">B.Com, MBA</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Ms. Mansi Tyagi -->
    <div class="modal fade" id="facultyModalMansi" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Ms. Mansi Tyagi</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Mansi__tyagi.png" alt="Ms. Mansi Tyagi" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Assistant Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td style="text-align:center;">Ms. Mansi Tyagi</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Date of Joining</td><td style="text-align:center;">02/12/2024</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">MBA (HRM & Marketing), UGC NET</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Total experience</td><td style="text-align:center;">2 Year</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Dr. Maulik K Rathod -->
    <div class="modal fade" id="facultyModalMaulik" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Dr. Maulik K Rathod</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Dr-Rathod-Photo.jpg" alt="Dr. Maulik K Rathod" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Assistant Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td style="text-align:center;">Dr. Maulik K Rathod</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Date of Joining</td><td style="text-align:center;">10/07/2023</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">Ph.D, M Com, BBA</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Total experience</td><td style="text-align:center;">18.4 years</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Papers Published</td><td style="text-align:center;">17</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Papers Presented</td><td style="text-align:center;">30</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Books / IPRs / Patents</td><td style="text-align:center;">03 Books, 01 Patents</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Professional Memberships</td><td style="text-align:center;">Ahmedabad Management Association</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Mr. Yogesh Tomar -->
    <div class="modal fade" id="facultyModalYogesh" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="background: linear-gradient(135deg, #0f385f, #1565C0); color: white;">
                    <h5 class="modal-title">Mr. Yogesh Tomar</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4 text-center mb-3">
                            <img src="https://www.raiuniversity.edu/wp-content/uploads/Yogesh-Tomar.jpg" alt="Mr. Yogesh Tomar" style="width: 100%; max-width: 250px; border: 3px solid #0f385f;">
                            <h4 class="mt-3" style="color: #0f385f;">Assistant Professor</h4>
                        </div>
                        <div class="col-md-8">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr><td style="width:40%; font-weight:600; background:#f8f9fa;">Name</td><td style="text-align:center;">Mr. Yogesh Tomar</td></tr>
                                    <tr><td style="font-weight:600; background:#f8f9fa;">Qualifications</td><td style="text-align:center;">BCA, MCA, MBA</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

 <!--==============================
Placement
==============================-->
<section id="placement" class="testi-area-1 overflow-hidden space-bottom">
    <div class=" ">
        <div class="container">
            <div class="row align-items-center">
            
                <div class="col-lg-6">
                    <div class="title-area mb-lg-0 text-lg-start text-center">
                        <span class="sub-title"><i class="fal fa-book me-2"></i> Our Recruiters</span>
                        <h2 class="sec-title mb-0">We Have More Than <span class="text-theme"><span class="counter-number">100</span>+</span> Global Recruiters</h2>
                    </div>
                </div>
                <div class="col-lg-6">
                
                    <div class="client-wrap text-lg-end text-center">
                        <div class="row gy-40">
                            <div class="col-12">
                                <div class="th-carousel client-logo-slider" data-slide-show="3" data-arrows="true" data-dots="false" data-autoplay="true" data-autoplay-speed="2500">
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/ACC.png" alt="ACC">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Alite-Project.png" alt="Alite Project">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Axis-Bank.png" alt="Axis Bank">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Blue-Star.png" alt="Blue Star">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Brilliant-Life.png" alt="Brilliant Life">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Canara-1.png" alt="Canara">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Canon.png" alt="Canon">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Cartrade.png" alt="Cartrade">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Concord.png" alt="Concord">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Guj-Laboratories.png" alt="Guj Laboratories">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    </section>
 <!--==============================
Departmental Activities
==============================-->

<style>
/* Slider container */
.modern-slider {
    max-width: 100%;
    margin: auto;
    text-align: center;
}

/* Card Design */
.modern-slide-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

/* Image */
.modern-slide-card img {
    border-radius: 14px;
    width: 100%;
    height: 639px;
    object-fit: cover;
}

/* Hover effect */
.modern-slide-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

/* Arrows Styling */
.modern-slider .slick-prev,
.modern-slider .slick-next {
    background: #223584;
    color: #fff !important;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    z-index: 10;
     display: none !important;
}

.modern-slider .slick-prev:hover,
.modern-slider .slick-next:hover {
    background: orange;
    display: none !important;
}
 
/* Move arrows below image */
.modern-slider .slick-prev,
.modern-slider .slick-next {
    position: relative ;
    margin: 20px 10px 0 10px ;
    display: none !important;
}


/* Responsive */
@media (max-width: 768px) {
    .modern-slide-card img {
        height: 250px;
    }
}

 
</style>
    <section id="activity" class="team-area-5 space" style="background: #2d3363;">
    
    <div class="container">
        
        <!-- Section Title -->
        <div class="text-center mb-5">
            <h3 class="display-4 fw-bold" style="color: #000;">Departmental Activity</h3>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>

        <div class="row">
            
            <!-- Left Side Slider -->
            <div class="col-xl-6">
    <h4 class="display-5 fw-bold text-center mb-3" style="color:#fff;">
        Academic Activity
    </h4>
    <div class="mx-auto mb-4" 
         style="width:80px;height:4px;background:linear-gradient(to right, orange, #223584);">
    </div>

    <div class="modern-slider th-carousel"
         data-slide-show="1"
         data-lg-slide-show="1"
         data-md-slide-show="1"
         data-autoplay="true"> 

        <div>
            <div class="modern-slide-card">
                <img src="document/academics/school/rsms/ACA_A.jpg" class="img-fluid" alt="">
            </div>
        </div>

        <div>
            <div class="modern-slide-card">
                <img src="document/academics/school/rsms/ACA_A@.jpg" class="img-fluid" alt="">
            </div>
        </div>
    </div>
</div>

            <!-- Right Side Newsletter -->
            <div class="col-xl-6">
            <h4 class="display-5 fw-bold text-center mb-3" style="color:#fff;">
        Digital Newsletter</h4>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
                <div class="row th-carousel" data-slide-show="2" data-md-slide-show="2">

                    <!-- Newsletter 1 -->
                    <!--<div class="col-md-6">
                        <div class="team-box">
                            <div class="team-img">
                                 <a href="document/academics/school/sol/newsletter/Law_2024_25.pdf" target="_blank">
                        <img src="document/academics/school/sol/newsletter/Law_2024_25.jpg" alt="Newsletter Jan–Mar 2025">
                    </a>
                            </div>
                            <div class="team-content text-center">
                                <h3 class="team-title">
                                    <a href="document/academics/school/sol/newsletter/Law_2024_25.pdf" target="_blank">
                                        View More
                                    </a>
                                </h3>
                            </div>
                        </div>
                    </div>-->

                    <!-- Newsletter 2 -->
                    <!--<div class="col-md-6">
                        <div class="team-box">
                            <div class="team-img">
                                <a href="document/academics/school/sol/newsletter/Newsletter-SOL_.pdf" target="_blank">
                        <img src="document/academics/school/sol/newsletter/23-24-Newsletter_law-4.jpg" alt="Newsletter Oct–Dec 2024">
                    </a>
                            </div>
                            <div class="team-content text-center">
                                <h3 class="team-title">
                                    <a href="document/academics/school/sol/newsletter/Newsletter-SOL_.pdf" target="_blank">
                                        View More
                                    </a>
                                </h3>
                            </div>
                        </div>
                    </div>--> 
                </div> 
            </div>

        </div>
    </div>
</section>

 
<!--==============================
 what you gain andTestimonial Area
==============================-->
     
 <section id="testimonial" class="testi-area-1 overflow-hidden space-bottom" 
    data-bg-src="{{ url('/') }}/assets/img/bg/testi_bg_1.png">

    <div class="container">
        <div class="row align-items-stretch">
        
        
        
        
         <div class="col-lg-6">

                        <h4 class="display-5 fw-bold text-center mb-3" style="color:#223584;">
                            What You Gain
                        </h4>

                        <div class="mx-auto mb-4"
                            style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);">
                        </div>

                        <div class="testi-slider2 th-carousel"
                            data-slide-show="1"
                            data-lg-slide-show="1"
                            data-md-slide-show="1"
                            data-arrows="true">

                            <!-- Slide 1 -->
                            <div class="testi-card">
                                <div class="testi-card_profile">
                                    <div class="testi-card_avater">
                                        <img src="document/academics/school/rsms/Certificate/Certificate_1.jpg" class="img-fluid rounded" alt="img">
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 2 -->
                            <div class="testi-card">
                                <div class="testi-card_profile">
                                    <div class="testi-card_avater">
                                        <img src="document/academics/school/rsms/Certificate/Certificate_1.jpg" class="img-fluid rounded" alt="img">
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 3 -->
                            <div class="testi-card">
                                <div class="testi-card_profile">
                                    <div class="testi-card_avater">
                                        <img src="document/academics/school/rsms/Certificate/Certificate_1.jpg" class="img-fluid rounded" alt="img">
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 4 -->
                            <div class="testi-card">
                                <div class="testi-card_profile">
                                    <div class="testi-card_avater">
                                        <img src="document/academics/school/rsms/Certificate/Certificate_1.jpg" class="img-fluid rounded" alt="img">
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                    

            <!-- LEFT SECTION -->
           
                        
                         <div class="col-xl-6">
            <h4 class="display-5 fw-bold text-center mb-3" style="color:#223584;">
         Testimonial</h4>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
                <div class="th-carousel testi-slider1 dot-style2"
                    id="testimonial-slider1"
                    data-slide-show="1"
                    data-ml-slide-show="1"
                    data-lg-slide-show="1"
                    data-md-slide-show="1"
                    data-dots="false"
                    data-arrows="false">

               <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0f385f" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Tonching.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">“Rai University” - these words evoke so many memories. Four years seem so short as I say goodbye. From my first day, the hospitality and new experiences were overwhelming. The supportive faculty, beautiful campus, quality education, and amazing people made it everything I hoped for. Throughout my journey here, I have grown in every aspect as a student and person. The faculty stood by me from day one to the end of placements. Thank you, Rai University - the administrators, HODs, and faculty, for your unwavering support and kindness. I will always remain your student. Thank you, Rai University, for being one of my best memories.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name" style="color: #0f385f;">Tonching Yangmai Chang</h3>
                                        <!--<span class="testi-box_desig">Regular Student</span>-->
                                    </div>
                                    
                                </div>
                            </div>
                            
                          <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0f385f" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Ammena_Aghadi_.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">“From day one, Rai University’s School of Law made its purpose crystal-clear to shape lawyers who can serve the nation and society and not just pass exams. Over three semesters of moot-court marathons, legal-aid camps in rural Gujarat and drafting workshops, I saw that vision being lived out, not laminated on a wall. This blend of purpose, community and uncompromising integrity has prepared me to step into the courts with confidence and a clear moral compass.”</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name" style="color: #223584;">Ammena Aghadi</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                    
                                </div>
                            </div>  
                            
                         
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0f385f" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Meet_chauhan_.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">I am Meet Chauhan,  I have recently completed my MBA in HR and Finance from rai university. My experience at Rai University during the MBA program has been very enriching. The supportive faculty, interactive seminars, and well-organized cultural and academic activities made learning more engaging. These experiences not only improved my knowledge but also enhanced my confidence and communication skills. I am thankful to all the faculty members and the university for providing such a positive and growth-oriented environment.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name" style="color: #223584;">Meet Chauhan</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                    
                                </div>
                            </div> 
                             <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0f385f" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Vaishakhi-Mistri.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">My journey at Rai University has been one of growth, learning, and valuable experiences. From the moment I joined, I felt welcomed by a supportive community of faculty, staff, and fellow students. The university's focus on academic excellence and student success is evident in every aspect of campus life. Overall, Rai University has played a crucial role in shaping both my academic and personal journey. I am proud to be a part of this institution and would highly recommend it to anyone seeking quality education in a supportive and inspiring environment.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name" style="color: #223584;">Vaishakhi Mistri</h3>
                                       <!-- <span class="testi-box_desig">Regular Student</span>-->
                                    </div>
                                   
                                </div>
                            </div>
                           <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0f385f" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Uzmah-Girach.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">As a proud alumnus of Rai University, I am honored to share my journey with you. Being part of the foundation batch of the B-Pharm program holds a special place in my heart. Our journey was filed with learning, camaraderie, and growth, laying a strong foundation for future batches. The dedication and support of our esteemed faculty, who instilled perseverance and integrity, marked my time at Rai University. I am proud to be part of the Rai University family and look forward to its continued growth.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name" style="color: #223584;">Uzmah Girach</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                   
                                </div>
                            </div> 
                       </div>
                    </div>
                </div>
            </div>
</section>
            
       
@endsection