<?php include 'includes/header.php' ?>



<!--POPUP 1 IMAGE -->

<div id="imagePopup" class="popup-overlay">
    <div class="popup-content">
      <span class="close-btn">&times;</span>
      <a href="contact.php" class="text-decoration-none" onclick="closePopup()">
        <img src="assets/popupcontent/mba-toppers.jpeg" alt="Popup Image" class="img-fluid">
      </a>
    </div>
  </div>


  <style>
    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-content {
      border: 5px solid #0e1925;
      position: relative;
      background: #fff;
      border-radius: 8px;
      text-align: center;
      max-width: 80%;
    }

    .popup-content img {
      max-width: 100%;
      max-height: 80vh;
      object-fit: contain;
    }

    .close-btn {
      position: absolute;
      top: -10px;
      right: 1px;
      font-size: 40px;
      font-weight: bold;
      cursor: pointer;
      color: red;
      z-index: 1000;
    }
  </style>


  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const popup = document.getElementById("imagePopup");
      const closeBtn = document.querySelector(".close-btn");

      if (window.location.pathname.includes("#")) {
        closePopup();
      }

      closeBtn.addEventListener("click", function() {
        popup.style.display = "none";
      });
    });

    function closePopup() {
      document.getElementById("imagePopup").style.display = "none";
      localStorage.setItem("popupClosed", "true");
    }
  </script>




<!-- BG Video Section -->

<div class="hero-section">
  <video autoplay muted loop class="bg-video">
    <source src="assets/bgvideo.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

  <div class="overlay"></div>

  <div class="hero-content container-fluid">
    <p class="tagline" data-aos="fade-up">Best Management College in Ajmer</p>
    <h1 class="main-title" data-aos="fade-up">
      Empowering Leaders,<br>Driving Success
    </h1>

    <div class="stats-grid" data-aos="fade-up">
      <div class="stat-box">
        <h4>Approved</h4>
        <p>UGC / AICTE</p>
      </div>
      <div class="stat-box">
        <h4>Established</h4>
        <p>2009</p>
      </div>
      <div class="stat-box">
        <h4>7500+</h4>
        <p>Students</p>
      </div>
      <div class="stat-box">
        <h4>300+</h4>
        <p>Faculty & Staff</p>
      </div>
    </div>
  </div>
</div>

<style>
  .hero-section {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    font-family: 'Segoe UI', sans-serif;
  }

  .bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }

  .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 10, 0.6);
    z-index: 1;
  }

  .hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px 70px;
  }

  .tagline {
    font-size: 1.2rem;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    /* color: #ffc107; */
    color: #ffffff;
  }

  .main-title {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 50px;
  }

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

  .stat-box {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 25px 15px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #ffffff;
    transition: transform 0.3s ease, background 0.3s ease;
  }

  .stat-box:hover {
    /* background-color: #0e1925; */
    background-color: #ff4500;
  }

  .stat-box h4 {
    font-size: 1.5rem;
    margin: 0;
    font-weight: bold;
    color: #ffffff;
  }

  .stat-box p {
    margin: 5px 0 0;
    font-size: 0.95rem;
  }

  /* Responsive */
  @media (max-width: 992px) {
    .main-title {
      font-size: 2.5rem;
    }

    .tagline {
      font-size: 1rem;
    }

    .hero-content {
      padding: 30px 40px;
    }
  }

  @media (max-width: 576px) {
    .hero-section {
      height: auto;
      padding-bottom: 50px;
    }

    .hero-content {
      padding: 20px 20px;
      align-items: center;
      text-align: center;
    }

    .main-title {
      font-size: 2rem;
    }

    .stats-grid {
      gap: 15px;
    }

    .stat-box {
      padding: 20px 10px;
    }

    .stat-box h4 {
      font-size: 1.2rem;
    }

    .stat-box p {
      font-size: 0.85rem;
    }
  }
</style>



<!-- About Section -->
<div class="about-section container-fluid my-5 py-5">
  <div class="row d-flex align-items-center">
    <!-- Left Section -->
    <div class="col-md-7 left-section bg-brown order-md-1 order-2" data-aos="fade-up">
      <div class="section-content">
        <h2 class="fw-bold" data-aos="fade-up">About Aryabhatta College</h2>
        <p data-aos="fade-up">Situated right in the heavenly abode of the holy city Ajmer, The Aryabhatta College of Management (commonly called ACM) provides premium educational exposure for the student who aims to be a working professional. The college is affiliated to Bikaner Technical University, Bikaner and has a glorious record of placements, and an extensive alumni network across the nation. Students enter the college with big dreams and a wide choice of specialisations in their MBA, including Finance, Marketing, Human Resource Management, Business Analytics, Agri-business Management and Entrepreneurship & SBM. They're mentored by top academic personalities who've cleared national and state level competitive examinations like NET & SET, and who're pursuing or have completed their Ph.D. There's no need to leave Ajmer city behind, just for a premium MBA experience or advancements of Ph.D, it's all right here. Aryabhatta has the intution to sense the coming times and is flexible enough to adhere to it, giving birth to initiatives like Microsoft<sup>®</sup> and Apple<sup>®</sup> certified courses of Data Analytics, UI/UX Design, Digital Marketing courses, etc, to ensure that the student stays ahead of time.Kindly accept our invitation for a campus tour anytime at your convenience. The pathway to your dream career passes through these corridors, our firm belief states. We're ahead of the times, and will always be, for YOU, the student. <a style="cursor:default; text-decoration: none; color:#0e1925" href="https://www.watchesuk.uk.com">Replica Watches</a></p>
        <a href="aryabhattaacademicsociety.php" class="btn mybtn" data-aos="fade-up">Know More</a>
      </div>
    </div>

    <!-- Right Section -->
    <div class="col-md-5 right-section order-md-2 order-1" data-aos="fade-up">
      <div class="section-content">
        <h2 class="fw-bold" data-aos="fade-up">Leadership</h2>
        <p data-aos="fade-up">Discover the inspiring leaders driving Aryabhatta College Of Management, Ajmer, towards a future of educational excellence and innovation.</p>
        <a href="boardofmanagement.php" class="btn mybtn" data-aos="fade-up">Know More</a>
      </div>
    </div>
  </div>
</div>

<style>
  .right-section,
  .left-section {
    height: 550px;
    color: white;
    padding: 3rem 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .right-section {
    background-image: url('assets/leadership.png');
    background-size: cover;
    background-position: left;
    position: relative;
  }

  .right-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
  }

  .section-content {
    position: relative;
    z-index: 2;
  }

  .section-content h2 {
    margin-bottom: 8px;
  }

  .section-content p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
  }

  .btn-know-more {
    background-color: #ffc107;
    font-size: 18px;
    color: black;
    border: none;
  }

  .btn-know-more:hover {
    background-color: #ffc107;
    color: black;
    transform: scale(1.05);
    transition: transform 0.2s ease;
  }

  /* Mobile responsiveness */
  @media (max-width: 768px) {

    .right-section,
    .left-section {
      height: auto;
      /* Allow sections to adjust height based on content */
      padding: 1.5rem;
      /* Adjust padding */
      text-align: center;
      /* Center text on mobile */
    }

    .right-section {
      background-position: center;
      /* Adjust background position */
    }

    .section-content h2 {
      font-size: 2.4rem;
      /* Adjust heading size */
    }

    .section-content p {
      font-size: 14px;
      /* Reduce font size for smaller screens */
    }

    .btn-know-more {
      font-size: 16px;
      /* Adjust button text size */
    }

    .col-md-7,
    .col-md-5 {
      width: 100%;
      /* Stack sections vertically */
    }

    /* Reorder sections on mobile */
    .about-section .row {
      display: flex;
      flex-direction: column-reverse;
    }
  }
</style>

<!-- MBA PROGRAMS -->

<div class="container-fluid py-5 mb-5" style="background-color: rgba(255, 140, 0, 0.57);">
  <!-- Heading Section -->
  <div class="section-heading">
    <h2 class="color-brown">MBA PROGRAMS</h2>
    <h6 class="color-brown">(Approved by AICTE & Affiliated to BTU, Bikaner)</h6>
  </div>

  <!-- Programs Section -->
  <div class="container">
    <div class="row g-4">
      <!-- Program Card Template -->
      <div class="col-md-4">
        <a href="finance.php" class="text-decoration-none">
          <div class="card program-modern-card text-center h-100">
            <div class="card-body d-flex flex-column align-items-center justify-content-center">
              <i class="bi bi-currency-dollar fs-1 text-primary mb-3"></i>
              <h5 class="card-title fw-bold">Finance</h5>
            </div>
          </div>
        </a>
      </div>

      <div class="col-md-4">
        <a href="marketing.php" class="text-decoration-none">
          <div class="card program-modern-card text-center h-100">
            <div class="card-body d-flex flex-column align-items-center justify-content-center">
              <i class="bi bi-graph-up-arrow fs-1 text-primary mb-3"></i>
              <h5 class="card-title fw-bold">Marketing</h5>
            </div>
          </div>
        </a>
      </div>

      <div class="col-md-4">
        <a href="humanresourcemanagement.php" class="text-decoration-none">
          <div class="card program-modern-card text-center h-100">
            <div class="card-body d-flex flex-column align-items-center justify-content-center">
              <i class="bi bi-people fs-1 text-primary mb-3"></i>
              <h5 class="card-title fw-bold">H.R. Management</h5>
            </div>
          </div>
        </a>
      </div>

      <div class="col-md-4">
        <a href="businessanalytics.php" class="text-decoration-none">
          <div class="card program-modern-card text-center h-100">
            <div class="card-body d-flex flex-column align-items-center justify-content-center">
              <i class="bi bi-bar-chart-line fs-1 text-primary mb-3"></i>
              <h5 class="card-title fw-bold">Business Analytics</h5>
            </div>
          </div>
        </a>
      </div>

      <div class="col-md-4">
        <a href="agribusinessmanagement.php" class="text-decoration-none">
          <div class="card program-modern-card text-center h-100">
            <div class="card-body d-flex flex-column align-items-center justify-content-center">
              <i class="bi bi-tree fs-1 text-primary mb-3"></i>
              <h5 class="card-title fw-bold">Agri Business Management</h5>
            </div>
          </div>
        </a>
      </div>

      <div class="col-md-4">
        <a href="enterpreneurship.php" class="text-decoration-none">
          <div class="card program-modern-card text-center h-100">
            <div class="card-body d-flex flex-column align-items-center justify-content-center">
              <i class="bi bi-lightbulb fs-1 text-primary mb-3"></i>
              <h5 class="card-title fw-bold text-center">Entrepreneurship &<br>Small Business Management</h5>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>


<style>
  .section-heading {
    text-align: center;
    margin-bottom: 20px;
  }

  .section-heading h2 {
    font-size: 3rem;
    font-weight: bold;
  }

  .section-heading h6 {
    font-size: 1.2rem;
  }

  .program-modern-card {
    border: none;
    border-radius: 16px;
    transition: all 0.3s ease;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  }

  .program-modern-card:hover {
    /* transform: translateY(-5px); */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    background-color:rgb(28, 46, 65);
    color: #fff;
  }

  .program-modern-card .card-title {
    font-size: 1.2rem;
  }

  @media (max-width: 576px) {
    .program-modern-card .card-title {
      font-size: 1rem;
    }
  }
</style>



<!-- Our Top Recruiters -->

<div class="container-fluid my-5 py-5 recruiters" style="background-color: white;">

  <div class="row d-flex align-items-center">
    <!-- Heading Section -->
    <div class="my-heading pb-2">
      <h2 class="color-brown">Our Top Recruiters</h2>
    </div>
    <!-- Card -->
    <div class="card-container px-5 py-3">
      <!-- Left Button -->
      <button class="nav-btn btn-left" id="btn-left">‹</button>

      <!-- Scrollable Card Wrapper -->
      <div class="card-scroll mx-5" id="card-scroll">
        <!-- Card 1 -->
        <div class="card shadow">
          <img src="assets/recruiters/r1.png" alt="Recruiter 1" class="card-img">
        </div>
        <!-- Card 2 -->
        <div class="card shadow">
          <img src="assets/recruiters/r2.png" alt="Recruiter 2" class="card-img">
        </div>
        <!-- Card 3 -->
        <div class="card shadow">
          <img src="assets/recruiters/r3.png" alt="Recruiter 3" class="card-img">
        </div>
        <!-- Card 4 -->
        <div class="card shadow">
          <img src="assets/recruiters/r4.png" alt="Recruiter 4" class="card-img">
        </div>
        <!-- Card 5 -->
        <div class="card shadow">
          <img src="assets/recruiters/r5.png" alt="Recruiter 5" class="card-img">
        </div>
        <!-- Card 6 -->
        <div class="card shadow">
          <img src="assets/recruiters/r6.png" alt="Recruiter 6" class="card-img">
        </div>
        <!-- Card 7 -->
        <div class="card shadow">
          <img src="assets/recruiters/r7.png" alt="Recruiter 7" class="card-img">
        </div>
        <!-- Card 8 -->
        <div class="card shadow">
          <img src="assets/recruiters/r8.png" alt="Recruiter 8" class="card-img">
        </div>
        <!-- Card 9 -->
        <div class="card shadow">
          <img src="assets/recruiters/r9.png" alt="Recruiter 9" class="card-img">
        </div>
        <!-- Card 10 -->
        <div class="card shadow">
          <img src="assets/recruiters/r10.png" alt="Recruiter 10" class="card-img">
        </div>
        <!-- Card 11 -->
        <div class="card shadow">
          <img src="assets/recruiters/r11.png" alt="Recruiter 11" class="card-img">
        </div>
        <!-- Card 12 -->
        <div class="card shadow">
          <img src="assets/recruiters/r12.png" alt="Recruiter 12" class="card-img">
        </div>
        <!-- Card 13 -->
        <div class="card shadow">
          <img src="assets/recruiters/r13.png" alt="Recruiter 13" class="card-img">
        </div>
        <!-- Card 14 -->
        <div class="card shadow">
          <img src="assets/recruiters/r14.png" alt="Recruiter 14" class="card-img">
        </div>
        <!-- Card 15 -->
        <div class="card shadow">
          <img src="assets/recruiters/r15.png" alt="Recruiter 15" class="card-img">
        </div>
        <!-- Card 16 -->
        <div class="card shadow">
          <img src="assets/recruiters/r16.png" alt="Recruiter 16" class="card-img">
        </div>
        <!-- Card 17 -->
        <div class="card shadow">
          <img src="assets/recruiters/r17.png" alt="Recruiter 17" class="card-img">
        </div>
      </div>

      <!-- Right Button -->
      <button class="nav-btn btn-right" id="btn-right">›</button>
    </div>
  </div>
</div>

<script>
  const scrollContainer = document.getElementById('card-scroll');
  const btnLeft = document.getElementById('btn-left');
  const btnRight = document.getElementById('btn-right');

  // Scroll left
  btnLeft.addEventListener('click', () => {
    scrollContainer.scrollLeft -= 235;
  });

  // Scroll right
  btnRight.addEventListener('click', () => {
    scrollContainer.scrollLeft += 235;
  });
</script>

<style>
  .recruiters .card-container {
    position: relative;
    overflow: hidden;
    background-color: #ff4500;
  }

  .recruiters .card-scroll {
    display: flex;
    gap: 35px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 20px 0;
    scrollbar-width: none;
  }

  .recruiters .card {
    flex: 0 0 200px;
    border: none;
    border-radius: 16px;
  }

  .recruiters .card-img {
    height: 80px;
    width: auto;
    border-radius: 16px;
  }

  .recruiters .card:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    scale: 1.04;
    transition: all 0.3s ease;
  }

  .recruiters .nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
  }

  .recruiters .card-scroll::-webkit-scrollbar {
    display: none;
  }

  .recruiters .btn-left {
    left: 40px;
  }

  .recruiters .btn-right {
    right: 40px;
  }
</style>



<!-- Life @ Aryabhatta -->

<div class="container-fluid py-5 mb-5 px-5" style="background-color: #f0f0f0">
  <!-- Heading Section -->
  <div class="my-heading pb-2">
    <h2 class="color-brown">Life @ Aryabhatta</h2>
  </div>
  <!-- Gallery Section -->
  <div class="row g-4 gallery-section">
    <!-- Gallery Cards -->

    <div class="col-md-3 px-0">
      <div class="gallery-card d-flex flex-column justify-content-center align-items-center">
        <img src="assets/gallery/first.jpg" alt="Gallery Image 1" class="img-fluid rounded gallery-img" onclick="openModal(this)">
      </div>
    </div>

    <div class="col-md-3 px-0">
      <div class="col-md-12 pb-0">
        <div class="gallery-card d-flex flex-column justify-content-center align-items-center">
          <img src="assets/gallery/a1.jpg" alt="Gallery Image 2" class="img-fluid rounded gallery-img" onclick="openModal(this)">
        </div>
      </div>
      <div class="col-md-12 pt-0">
        <div class="gallery-card d-flex flex-column justify-content-center align-items-center">
          <img src="assets/gallery/a3.jpg" alt="Gallery Image 2" class="img-fluid rounded gallery-img" onclick="openModal(this)">
        </div>
      </div>
    </div>

    <div class="col-md-3 px-0">
      <div class="col-md-12 pb-0">
        <div class="gallery-card d-flex flex-column justify-content-center align-items-center">
          <img src="assets/gallery/a2.jpg" alt="Gallery Image 3" class="img-fluid rounded gallery-img" onclick="openModal(this)">
        </div>
      </div>
      <div class="col-md-12 pt-0">
        <div class="gallery-card d-flex flex-column justify-content-center align-items-center">
          <img src="assets/gallery/a4.jpg" alt="Gallery Image 3" class="img-fluid rounded gallery-img" onclick="openModal(this)">
        </div>
      </div>
    </div>

    <div class="col-md-3 px-0">
      <div class="gallery-card d-flex flex-column justify-content-center align-items-center">
        <img src="assets/gallery/last.jpg" alt="Gallery Image 4" class="img-fluid rounded gallery-img" onclick="openModal(this)">
      </div>
    </div>
  </div>
  <div class="row py-3">
    <div class="col text-center">
      <a href="campuslife.php" class="btn mybtn" style="width: 300px;">View More</a>
    </div>
  </div>

</div>
<!-- Modal for Full-Screen Image -->
<div id="imageModal" class="modal" onclick="closeModal()">
  <span class="close">×</span>
  <img class="modal-content" id="fullImage">
</div>

<style>
  /* General gallery section styles */
  .my-heading {
    text-align: center;
    margin-bottom: 20px;
  }

  .my-heading h2 {
    font-size: 3rem;
    font-weight: bold;
  }

  /* Gallery card styling */
  .gallery-card {
    border-radius: 0px !important;
    border: 5px solid #fff;
    height: 100%;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .gallery-card:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    scale: 1.02;
  }

  .gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 0px !important;
  }

  /* Styling for columns with two images */
  .gallery-section .col-md-3 {
    display: flex;
    flex-direction: column;
    height: 400px;
  }

  .gallery-section .col-md-3 .col-md-12 {
    height: 200px;
    flex: 1;
    padding: 0;
  }

  .gallery-section .col-md-3 .col-md-12 .gallery-card {
    height: 100%;
  }


  /* Modal styles */
  .modal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    align-content: center;
  }

  .modal-content {
    margin: auto;
    display: block;
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
  }

  .close {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
  }

  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
</style>
<script>
  // Function to open modal and display the clicked image
  function openModal(img) {
    const modal = document.getElementById("imageModal");
    const modalImg = document.getElementById("fullImage");
    modal.style.display = "block";
    modalImg.src = img.src;
  }

  // Function to close the modal
  function closeModal() {
    const modal = document.getElementById("imageModal");
    modal.style.display = "none";
  }
</script>



<!-- Enquiry Now Section -->

<section class="enquiry-section my-5">
  <div class="container">
    <div class="row align-items-center">
      <!-- Left Div -->
      <div class="col-md-6 enquiry-left text-center text-md-start">
        <h1 class="color-brown" data-aos="fade-up">Unlock Your Potential, <br> Redefine Success</h1>
        <p class="color-dark" data-aos="fade-up">#NextGenLeaders</p>
        <a data-aos="fade-up" data-bs-toggle="modal" data-bs-target="#enquiryModal" class="btn mybtn">Enquire Now</a>
      </div>
      <!-- Right Div -->
      <div class="col-md-6 enquiry-right text-center" data-aos="fade-up">
        <img src="assets/acmenquiry.png" alt="Coming Soon">
      </div>
    </div>
  </div>
</section>

<style>
  .enquiry-section {
    /* background: linear-gradient(to bottom, #800080, #ff6347); */
    background: linear-gradient(to bottom, #00bfff, #32cd32);

  }

  .enquiry-left h1 {
    font-size: 48px;
    font-weight: bold;
  }

  .enquiry-left p {
    font-size: 30px;
  }

  .enquiry-section .mybtn {
    width: 300px;
  }

  .enquiry-right img {
    width: 100%;
    max-width: 500px;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .enquiry-left h1 {
      font-size: 32px;
      /* Reduce heading size */
    }

    .enquiry-left p {
      font-size: 20px;
      /* Reduce paragraph size */
    }

    .mybtn {
      width: 100%;
      /* Full-width button */
      max-width: 250px;
    }

    .enquiry-right img {
      max-width: 300px;
      /* Reduce image size */
    }

    .enquiry-section .row {
      flex-direction: column-reverse;
    }
  }
</style>



<!-- Student Testimonials -->
<div class="container my-5 py-5">
  <!-- Heading Section -->
  <div class="section-heading">
    <h2 class="color-brown">What Our Students Say</h2>
    <h6 class="color-brown">Real Experiences From Our Alumni</h6>
  </div>
  <div class="row g-4">
    <!-- Testimonial 1 -->
    <div class="col-md-4">
      <div class="testimonial-card position-relative">
        <div class="quote-icon">❝</div>
        <img src="assets/prachi.jpeg" alt="Student Image">
        <h5 class="name text-brown">Prachi Sharma</h5>
        <div class="title">MBA</div>
        <p class="review">"I pen down my appreciation for Aryabhatta for a lot of reasons, like studies, sports and games, the personality improvement classes, etc but in short, let me say that, I feel like a complete corporate-oriented personality. I really miss being in the college, as I'm on my career path now, but the time I spent there was definitely productive & life changing."</p>
      </div>
    </div>
    <!-- Testimonial 2 -->
    <div class="col-md-4">
      <div class="testimonial-card position-relative">
        <div class="quote-icon">❝</div>
        <img src="assets/sanjay.jpeg" alt="Student Image">
        <h5 class="name text-brown">Sanjay Gehlot</h5>
        <div class="title">MBA</div>
        <p class="review">"For me, admission in Aryabhatta College of Management proved to be the best career decision I could've taken, not only was I groomed well to be a Professional, but also due to their placement assistance, I found myself on the highway to success, holding a very good job position with a respectable starting salary, with huge growth protential."</p>
      </div>
    </div>
    <!-- Testimonial 3 -->
    <div class="col-md-4">
      <div class="testimonial-card position-relative">
        <div class="quote-icon">❝</div>
        <img src="assets/shashi.jpeg" alt="Student Image">
        <h5 class="name text-brown">Shashi Manghnani</h5>
        <div class="title">MBA</div>
        <p class="review">"There're not enough words to thank Aryabhatta College, but in short it can be said that they mentored and groomed me well for the industry with every conscious and subconscious efforts they made, whether it was encouraging me after a student presentation competition, or letting me handle a student event on my own. The result is that today I feel ready to take on the world, to beat the challenges of the present corporate scenario. I'm presently working as an employee, but I dream to have my own startup one day."</p>
      </div>
    </div>
  </div>
  <div class="row pt-5">
    <div class="col text-center">
      <a href="studenttestimonials.php" class="btn mybtn" style="width: 300px;">Read All Testimonials</a>
    </div>
  </div>
</div>
<div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"><a href="https://www.rolexuk.to">Rolex Replica</a></div>

<style>
  .testimonial-card {
    background-color:rgb(37, 56, 77);
    border: 2px solid #eee;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
  }

  .testimonial-card:hover {
    background-color:rgb(26, 43, 61);
  }

  .testimonial-card img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-bottom: 15px;
  }

  .testimonial-card .name {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 10px;
    color: #ffc107;
  }

  .testimonial-card .title {
    font-size: 1rem;
    color: #ff4500;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 15px;
  }

  .testimonial-card .review {
    font-size: 0.95rem;
    color: #fff;
    font-weight: 500;
    font-style: italic;
  }

  .quote-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 3rem;
    color: #fff;
    opacity: 0.4;
    z-index: 0;
  }
</style>



<!-- Footer -->

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