|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/.nvm/../public_html/rasi/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rasi Coaching Instiute</title>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="">
<meta name="description" content="">
<!-- Dark mode -->
<script>
const storedTheme = localStorage.getItem('theme')
const getPreferredTheme = () => {
if (storedTheme) {
return storedTheme
}
return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light'
}
const setTheme = function (theme) {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark')
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
}
setTheme(getPreferredTheme())
window.addEventListener('DOMContentLoaded', () => {
var el = document.querySelector('.theme-icon-active');
if(el != 'undefined' && el != null) {
const showActiveTheme = theme => {
const activeThemeIcon = document.querySelector('.theme-icon-active use')
const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active')
})
btnToActive.classList.add('active')
activeThemeIcon.setAttribute('href', svgOfActiveBtn)
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (storedTheme !== 'light' || storedTheme !== 'dark') {
setTheme(getPreferredTheme())
}
})
showActiveTheme(getPreferredTheme())
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-value')
localStorage.setItem('theme', theme)
setTheme(theme)
showActiveTheme(theme)
})
})
}
})
</script>
<!-- Favicon -->
<!-- <link rel="shortcut icon" href="assets/images/favicon.ico"> -->
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/tiny-slider/tiny-slider.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/glightbox/css/glightbox.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/aos/aos.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style>
/* Desktop/Mobile visibility control */
@media (min-width: 768px) {
.mobile-view {
display: none;
}
/* .desktop-view {
display: block;
} */
}
@media (max-width: 767px) {
.mobile-view {
display: block;
}
.desktop-view {
display: none;
}
}
#popupModal {
display: none; /* Prevents blinking */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
justify-content: center;
align-items: center;
}
.achievements-swiper .swiper-slide {
width: 100%;
}
.achievements-swiper .swiper-pagination {
bottom: 0;
}
</style>
</head>
<body>
<!-- Header START -->
<header class="navbar-light header-static navbar-sticky" id="header">
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-xl">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand me-0" href="#">
<img class="light-mode-item navbar-brand-item" src="assets/images/rasilogo.png" alt="logo">
<!-- <img class="dark-mode-item navbar-brand-item" src="assets/images/logo-light.svg" alt="logo"> -->
</a>
<!-- Logo END -->
<!-- Responsive navbar toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-animation">
<span></span>
<span></span>
<span></span>
</span>
</button>
<!-- Main navbar START -->
<div class="navbar-collapse collapse" id="navbarCollapse">
<!-- Nav Search END -->
<ul class="navbar-nav navbar-nav-scroll mx-auto">
<!-- Nav item 1 Demos -->
<li class="nav-item ">
<a class="nav-link ps-0 active" href="index.html" id="demoMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a>
<!-- <ul class="dropdown-menu" aria-labelledby="demoMenu">
<li> <a class="dropdown-item" href="#">IELTS</a></li>
<li> <a class="dropdown-item" href="#">GRE</a></li>
<li> <a class="dropdown-item" href="#">Duolingo</a></li>
<li> <a class="dropdown-item" href="#">Toefl</a></li>
</ul> -->
</li>
<!-- Nav item 2 Eduport business -->
<li class="nav-item "><a class="nav-link " href="about.html">About </a></li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" id="courseLink" href="#">Course</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="NEET.html">NEET</a></li>
<li><a class="dropdown-item" href="JEE.html">JEE</a></li>
</ul>
</li>
<!-- Nav item 4 Component-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Blogs </a></li> -->
<li class="nav-item"><a class="nav-link " href="achievers.html">Achievers </a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#">FAQ </a></li> -->
<li class="nav-item"><a class="nav-link" href="contact.html">Contact </a></li>
</ul>
</div>
<!-- Main navbar END -->
<ul class="nav align-items-center justify-content-center dm-none">
<!-- <li class="nav-item me-3" data-bs-toggle="tooltip" data-bs-animation="false" data-bs-placement="bottom" data-bs-original-title="Sunday CLOSED">
<span><i class="far fa-clock me-2"></i>Visit time: Mon-Sat 9:00-19:00</span>
</li> -->
<li class="nav-item">
<a class="nav-link" href="tel:7373017105"><i class="bi bi-telephone me-2"></i>For Enquiry: 73730 17105</a>
</li>
</ul>
<ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
<!-- Add to cart -->
<!-- Sign In button -->
<li class="nav-item ms-2 d-none d-md-block">
<!-- <a href="#" class="btn btn-sm btn-blue mb-0">Contact us</a> -->
<a href="contact.html" class="btn btn-sm btn-primary mb-0"><i class="bi bi-whatsapp"></i> Talk to us</a>
</li>
</ul>
<!-- Profile START -->
</div>
</nav>
<!-- Logo Nav END -->
</header>
<!-- Header END -->
<!-- **************** MAIN CONTENT START **************** -->
<main>
<div id="smooth-wrapper">
<div id="smooth-content">
<!-- =======================
Main Banner START -->
<section class="overflow-hidden pt-80px sm-pb-50px pb-200px" id="section1">
<!-- SVG decoration -->
<!-- <figure class="position-absolute top-0 start-0 z-index-minus-1">
<svg width="822.2px" height="301.9px" viewBox="0 0 822.2 301.9">
<path class="fill-primary" d="M752.5,51.9c-4.5,3.9-8.9,7.8-13.4,11.8c-51.5,45.3-104.8,92.2-171.7,101.4c-39.9,5.5-80.2-3.4-119.2-12.1 c-32.3-7.2-65.6-14.6-98.9-13.9c-66.5,1.3-128.9,35.2-175.7,64.6c-11.9,7.5-23.9,15.3-35.5,22.8c-40.5,26.4-82.5,53.8-128.4,70.7 c-2.1,0.8-4.2,1.5-6.2,2.2L0,301.9c3.3-1.1,6.7-2.3,10.2-3.5c46.1-17,88.1-44.4,128.7-70.9c11.6-7.6,23.6-15.4,35.4-22.8 c46.7-29.3,108.9-63.1,175.1-64.4c33.1-0.6,66.4,6.8,98.6,13.9c39.1,8.7,79.6,17.7,119.7,12.1C634.8,157,688.3,110,740,64.6 c4.5-3.9,9-7.9,13.4-11.8C773.8,35,797,16.4,822.2,1l-0.7-1C796.2,15.4,773,34,752.5,51.9z"></path>
</svg>
</figure> -->
<div class="container-fluid">
<div class="row g-4 g-md-5 align-items-center justify-content-between mb-xxl-n7">
<!-- Left image side START -->
<div class="col-lg-3 col-xl-4 col-xxl-3 d-none d-lg-block">
<div class="row g-md-5 align-items-center ms-n6">
<div class="col-6">
<img src="assets/images/neet-rasi-3.jpeg" class="rounded-3 by4 mt-6 mb-5" alt="">
<img src="assets/images/neet-rasi-2.jpeg" class="rounded-3 by4" alt="">
</div>
<div class="col-6 position-relative">
<img src="assets/images/neet-rasi-1.jpeg" class="rounded-3" alt="">
<!-- Svg element decoration -->
<!-- <img src="assets/images/element/17.svg" class="h-60px position-absolute top-0 start-0 ms-3 mt-n3" alt=""> -->
</div>
</div>
</div>
<!-- Left image side END -->
<!-- Main content -->
<div class="col-lg-6 col-xl-4 col-xxl-5 text-center position-relative">
<!-- Title -->
<h1 class="display-6">Admissions Now Open for NEET 2025 Crash Course</h1>
<!-- Svg decoration -->
<figure class="position-absolute top-0 start-100 translate-middle pe-7 pb-4">
<svg width="94.5px" height="67.6px" viewBox="0 0 94.5 67.6">
<path class="fill-purple" d="M15.1,3.4c-0.3,0.4-0.4,1-0.1,1.5l2,3.2l-1.3,1.7c-1-0.2-1.9,0.2-2.5,1c-0.5,0.7-0.6,1.6-0.3,2.4l-9.2,9.5
c-0.6,0.8-0.8,1.8-0.7,2.7c0.2,0.9,0.7,1.7,1.4,2.1c1.4,0.8,3.3,0.4,4.3-1.1l6.4-11.6c0.8,0,1.6-0.3,2.1-1c0.6-0.8,0.6-1.8,0.2-2.7
l0.8-1l9.7,15.4l-8.6,8.4c-0.2,0.1-0.4,0.3-0.6,0.5c0,0-0.1,0.1-0.1,0.1l-0.4,0.4l0.2,0.1c-0.6,2.1,1.7,5.4,3.9,7.9
c3.2,3.8,8.1,8.2,13.6,12.2l0.3,0.2c5.4,4,10.9,7.3,15.4,9.3c3,1.3,6.9,2.6,8.7,1.4l0.2,0.2l6.2-11.9l23.8,6.7
c0.6,0.1,1.1-0.1,1.4-0.5c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.1,0.1-0.2c0.3-0.4,0.4-1,0.1-1.5L67.4,13.8c-0.2-0.3-0.5-0.6-0.9-0.7
L16.7,2.6c-0.5-0.1-1.1,0.1-1.4,0.5c0,0.1-0.1,0.1-0.1,0.2C15.2,3.3,15.1,3.4,15.1,3.4z M7.7,25.8c-0.6,0.9-1.8,1.2-2.6,0.7
c-0.4-0.3-0.8-0.7-0.9-1.3c-0.1-0.6,0-1.2,0.4-1.7l9-9.2l0,0c0.1,0.1,0.2,0.1,0.2,0.2c0,0,0.1,0,0.1,0.1L7.7,25.8z M14.2,11.5
c0.4-0.6,1.3-0.7,1.8-0.3c0.6,0.4,0.7,1.3,0.3,1.8c-0.4,0.5-1,0.7-1.6,0.4c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.2-0.2-0.3-0.4l0-0.1
C13.9,12.5,13.9,11.9,14.2,11.5z M21.5,33.5L36,19.2l0-0.1c0.7-0.9,9.7,1.5,20.1,9.1l0.2,0.1c5.9,4.4,9.5,8.5,11.1,10.6
c2.8,3.6,3.2,5.4,3,5.7l0,0.1l-9.5,18.2c-1-3-4.8-7.5-10.7-12.7l-3.4-2.5c-0.3-0.2-0.6-0.4-0.9-0.6c-0.8-0.5-1.8-1.1-3.1-1.4
c-0.1,0-0.1,0-0.2,0c0,0,0-0.1-0.1-0.2c-0.6-1.2-1.5-2-2.2-2.6c-0.3-0.2-0.6-0.5-0.8-0.7l-3.3-2.4C29.8,35.8,24.6,33.6,21.5,33.5z
M35.1,18.3c0,0.1-0.1,0.1-0.1,0.2l-6.2,6.1L16,4.3c0,0,0-0.1,0-0.2c0-0.1,0.1-0.1,0.2-0.1l49.4,11.1c0,0,0,0,0.1,0c0,0,0,0,0,0
L91,59.6c0,0.1,0,0.1,0,0.2c0,0.1-0.1,0.1-0.2,0.1l-23.5-6.6l4.2-8c1-1.5-1.5-5.1-3.1-7.1c-2.9-3.7-6.9-7.5-11.4-10.8l-0.2-0.1
C47.8,20.5,36.8,16,35.1,18.3z M59.8,64.9c-0.6,0.8-2.9,0.8-7.7-1.3c-4.4-1.9-9.8-5.2-15.2-9.2c-0.1-0.1-0.2-0.1-0.2-0.2
c-5.4-4-10.2-8.3-13.4-12.1c-3.4-4-4.1-6.3-3.5-7c1-1.4,6.9,0.2,15.8,5.6l3.2,2.3c0.2,0.2,0.5,0.4,0.8,0.6c0.7,0.6,1.4,1.2,1.9,2.2
c0.1,0.2,0.1,0.3,0.2,0.4l0.1,0.3l0.3,0c0.1,0,0.2,0,0.4,0.1c1.2,0.2,2,0.7,2.7,1.2c0.3,0.2,0.6,0.4,0.9,0.6l3.4,2.5
C57.5,58.1,60.8,63.5,59.8,64.9z"></path>
</svg>
</figure>
<p>Join the 40-day NEET crash course beginning on 26th March 2025 for NEET aspirants with flexible offline and online classes in English and Tamil</p>
<!-- Buttons -->
<div class="d-sm-flex align-items-center justify-content-center">
<!-- Button -->
<a href="contact.html" class="cmnhober-rotate d-inline-flex mb-none gap-1 cus-border bb-700 n700-color fw_600">
Drop Your Enquiry
<i class="bi bi-arrow-right fs-six"></i>
</a>
<!-- Video button -->
<!-- <div class="d-flex align-items-center justify-content-center py-2 ms-0 ms-sm-4">
<a data-glightbox="" data-gallery="office-tour" href="https://www.youtube.com/embed/tXHviS-4ygo" class="btn btn-lg btn-round btn-light mb-0 overflow-visible me-7">
<i class="fas fa-play"></i>
<h6 class="mb-0 ms-2 fw-normal position-absolute start-100 top-50 translate-middle-y">Watch video</h6>
</a>
</div> -->
</div>
<div class="row justify-content-center sm-pt-20px mt-5">
<!-- Title -->
<!-- Swiper Slider -->
<!-- Swiper Initialization -->
<div class="row">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="card text-center bg-transparent">
<img src="assets/images/neet-rasi-1.jpeg" class="card-img st-img" alt="Course img">
<div class="card-body px-2">
<h6 class="card-title small">Shankar</h6>
<!-- <a href="#" class="mb-0 text-dark small"><b>Top Score</b>:100%</a> -->
<a href="#" class="mb-0 text-dark small">MMC</a>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="card text-center bg-transparent">
<img src="assets/images/neet-rasi-2.jpeg" class="card-img st-img" alt="Course img">
<div class="card-body px-2">
<h6 class="card-title small">Kavipriya</h6>
<!-- <a href="#" class="mb-0 text-dark small"><b>Top Score</b>:100%</a> -->
<a href="#" class="mb-0 text-dark small">Stanley </a>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="card text-center bg-transparent">
<img src="assets/images/neet-rasi-3.jpeg" class="card-img st-img" alt="Course img">
<div class="card-body px-2">
<h6 class="card-title small">Niranjana R</h6>
<a href="#" class="mb-0 text-dark small">Stanley</a>
</div>
</div>
</div>
<!-- Slide 4 -->
<div class="swiper-slide">
<div class="card text-center bg-transparent">
<img src="assets/images/neet-rasi-7.jpeg" class="card-img st-img" alt="Course img">
<div class="card-body px-2">
<h6 class="card-title small">Srija Pushpa Mary</h6>
<a href="#" class="mb-0 text-dark small">Stanley</a>
</div>
</div>
</div>
<!-- Slide 5 -->
<div class="swiper-slide">
<div class="card text-center bg-transparent">
<img src="assets/images/neet-rasi-6.jpeg" class="card-img st-img" alt="Course img">
<div class="card-body px-2">
<h6 class="card-title small">Sri Vignesh</h6>
<a href="#" class="mb-0 text-dark small">Kilpauk</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Swiper JS -->
</div>
</div>
<!-- Right image side START -->
<div class="col-lg-3 col-xl-4 col-xxl-3 d-none d-lg-block">
<div class="row g-4 align-items-center me-n4">
<!-- Images -->
<div class="col-4">
<img src="assets/images/neet-rasi-6.jpeg" class="rounded-3 by3" alt="">
</div>
<!-- Images -->
<div class="col-5 position-relative">
<img src="assets/images/neet-rasi-4.jpeg" class="rounded-3 by4 mb-5" alt="">
<img src="assets/images/neet-rasi-7.jpeg" class="rounded-3 by4 mb-n5" alt="">
<!-- Content -->
<div class="p-3 card card-body position-absolute top-0 start-0 translate-middle z-index-1 d-none d-xxl-block mt-6 ms-n7" style="background-color: #ffe5cf;">
<div class="d-flex justify-content-between align-items-center">
<!-- Icon -->
<div class="icon-md text-bg-orange rounded-2 flex-shrink-0">
<i class="bi bi-star-fill"></i>
</div>
<!-- Info -->
<h6 class="mb-0 small mb-0 ms-3">More than 200 students have secured admissions in top-tier institutions</h6>
</div>
</div>
</div>
<!-- Images -->
<div class="col-3">
<img src="assets/images/neet-rasi-8.jpeg" class="rounded-3 by5 mt-7 mb-5" alt="">
<img src="assets/images/neet-rasi-9.jpeg" class="rounded-3 by5 mb-n8" alt="">
</div>
</div>
</div>
<!-- Right image side END -->
</div>
</div>
</section>
<section class="excellent-truspot overflow-hidden bg-blue pt-0 pb-0" id="section2">
<div class="container p-0">
<div class="excelent-wrap p-4 d-flex-column d-lg-flex align-items-center justify-content-center justify-content-lg-between">
<div class="box1 flex-wrap d-flex align-items-center gap-3 justify-content-center">
<span class="n30-color text-white">
Become the Next Rasite
</span>
<ul class="trustpilot d-flex align-items-center gap-1">
<li>
<i class="bi bi-star-fill text-white"></i>
</li>
<li>
<i class="bi bi-star-fill text-white"></i>
</li>
<li>
<i class="bi bi-star-fill text-white"></i>
</li>
<li>
<i class="bi bi-star-fill text-white"></i>
</li>
<li>
<i class="bi bi-star-fill text-white"></i>
</li>
</ul>
</div>
<div class="bline"></div>
<div class="box2 flex-wrap d-flex align-items-center gap-2 gap-sm-4 gap-md-4 gap-xl-10 justify-content-center sm-pt-15px">
<div class="bitem d-flex align-items-center gap-2 gap-xxl-3">
<span class="n30-color text-white">
<i class="bi bi-people-fill text-white"></i>
<span class="fw_600 n30-color text-white">600+ achievers
</span>
</div>
<div class="bitem d-flex align-items-center gap-2 gap-xxl-3">
<span class="n30-color text-white">
<i class="bi bi-person-check-fill text-white"></i>
<span class="fw_600 n30-color text-white">9 Years of Trust
</span>
</div>
<div class="bitem d-flex align-items-center gap-2 gap-xxl-3">
<span class="n30-color text-white">
<i class="bi bi-question-circle-fill text-white"></i>
<span class="fw_600 n30-color text-white"><a href="contact.html" class="text-white">Enquire Now</a>
</span>
</div>
</div>
</div>
</div>
</section>
<!-- =======================
Main Banner END -->
<section class="pt-150px sm-pb-0px pb-0 overflow-hidden position-relative">
<!-- SVG decoration -->
<div class="container position-relative">
<div class="row justify-content-between my-5">
<div class="col-lg-5 position-relative">
<!-- SVG decoration -->
<!-- Title -->
<span class="sub-menu-title">Rasi Coaching Instiute</span>
<h2 >Learn NEET & JEE with Expert Coaching Online & Offline</h2>
<p>Every year, our students secure admissions in top medical and engineering colleges. NEET & JEE demand rigorous preparation, and we are here to guide you through the process. With expert coaching, structured learning, and continuous support, we are here for you to get you placed in your dream college
</p>
<div class="row g-2 mt-5">
<div class="col-sm-4 col-4">
<!-- Visitors -->
<div class="d-flex">
<i class="bi bi-trophy fs-4"></i>
<div class="ms-3">
<h5 class="mb-0">600+</h5>
<p class="mb-0">Achievers</p>
</div>
</div>
</div>
<div class="col-sm-4 col-4">
<!-- Registered -->
<div class="d-flex">
<i class="bi bi-clock-history fs-4"></i>
<div class="ms-3">
<h5 class="mb-0">24/7</h5>
<p class="mb-0">Guidance</p>
</div>
</div>
</div>
<div class="col-sm-4 col-4">
<!-- Attendance -->
<div class="d-flex">
<i class="bi bi-award fs-4"></i>
<div class="ms-3">
<h5 class="mb-0">99%</h5>
<p class="mb-0">Results</p>
</div>
</div>
</div>
</div>
<a href="contact.html" class="cmnhober-rotate mb-none d-inline-flex gap-1 mt-5 cus-border bb-700 n700-color fw_600">
Enquiry Now
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-5 mb-3 mb-lg-0">
<div class="row mt-4">
<!-- Image 1 -->
<div class="col-6">
<img class="rounded" src="assets/images/A1.jpg" alt="">
<!--assets/images/about/01.jpg-->
</div>
<!-- Image 2 -->
<div class="col-6 mt-5 position-relative">
<img class="rounded" src="assets/images/A2.jpg" alt="">
<!--assets/images/about/02.jpg-->
<!-- SVG decoration -->
<figure class="position-absolute top-0 end-0 mb-5 mt-n4 d-none d-lg-block">
<svg width="192.5px" height="89.4px" viewBox="0 0 192.5 89.4">
<path class="fill-primary" d="M170.2,0.5c-0.1,0-0.2,0-0.4,0c-2.6-0.1-5.2-0.4-7.8-0.5c-2.9-0.1-5.8,0-8.6,0.2c-1.4,0.1-2.9,0.3-4.3,0.5 c-0.5,0.1-1,0-1.5,0c-1-0.1-1.9,0.2-2.9,0.3c-5.6,0.9-11.1,2.1-16.5,3.6c-2.7,0.7-5.4,1.6-8.1,2.5c-0.6,0.2-1.2,0.4-1.8,0.5 c-0.4,0-0.8,0-1.2,0.1c-1.5,0.2-3,1.1-4.3,1.8c-3,1.5-5.9,3.2-8.6,5.2c-2,1.5-3.8,3.1-5.6,4.8c-0.9,0.9-1.7,1.8-2.5,2.7 c-0.4,0.4-1.1,0.7-1.4,1.2c-0.3,0.4-0.6,0.9-0.9,1.4c-0.9,1.2-1.7,2.3-2.7,3.4c-0.3,0.4-0.7,0.6-1.2,0.6c-1.4,0.1-2.8-0.1-4.2-0.1 c-0.7,0-1.2,0.2-1.9,0.2c-3.3,0.4-6.6,0.7-9.8,1.6c-1.7,0.5-3.4,0.9-5.1,1.4c-5.4,1.5-11,2.9-16,5.4c-4.6,2.2-8.7,5.2-12.7,8.3 c-2,1.6-4,3.2-5.9,4.9c-0.8,0.7-1.6,1.2-2.5,1.6c-0.9,0.5-1.7,1.3-2.4,2c-1.4,1.3-2.9,2.6-4.3,3.9c-1.2,1.1-2.5,2.1-3.6,3.3 c-0.9,1-2,1.9-3,2.8c-1,0.9-2.1,1.9-3.1,2.8c-0.8,0.7-1.6,1.2-2.3,1.9c-0.9,0.9-1.7,1.9-2.7,2.7c0-0.7,0.2-1.3,0.2-2 c0-1.8-0.2-3.7-0.7-5.5c-0.2-0.9-0.5-1.8-1.1-2.4c-0.6-0.7-1.7-1-2.4-0.6c-0.1,0.1-0.3,0.2-0.4,0.3c-0.1,0.2-0.1,0.4,0,0.6 c0.7,3.7,1.2,7.4,0.7,11.1c-0.2,2.4-0.9,4.9-2,7c-0.5,1-1.2,1.9-1.7,3c-0.4,1-1.4,1.8-2.1,2.7C0.3,86,0.1,86.3,0,86.6 c-0.1,0.4,0.1,0.7,0.2,1.1c0.3,0.8,0.8,1.6,1.6,1.7c0.5,0,0.9-0.2,1.3-0.5c0.9-0.5,1.7-1.1,2.6-1.6c0.4-0.2,0.7-0.5,1.1-0.7 c1.7-1.3,3.7-2.3,5.7-3.1c4.3-1.7,9.1-2.4,13.8-1.7c0.2,0,0.4,0.1,0.7,0c0.7-0.2,0.9-1.2,0.4-1.8c-0.4-0.6-1.2-0.8-1.9-1 c-2.7-0.8-5.4-1.5-8.2-1.8c-0.7-0.1-1.4-0.1-2.1-0.2c-0.3,0-0.6,0-0.8,0c-0.3,0-0.9,0.2-1.2,0.1C13,77,13,77.1,13,76.8 c0-0.4,0.6-0.8,0.9-1c0.5-0.4,0.9-0.8,1.4-1.2c1.1-1,2.3-1.9,3.4-2.9c0.6-0.5,1.1-1,1.7-1.5c0.3-0.3,0.5-0.7,0.9-1 c1.2-1.1,2.7-1.7,3.9-2.8c0.4-0.4,0.8-0.8,1.2-1.2c0.8-0.8,1.7-1.5,2.6-2.2c1-0.8,2.1-1.6,3.1-2.3c0.9-0.6,1.9-1.1,2.6-2 c0.8-1,2.1-1.7,3.1-2.5c1.1-0.9,2.2-1.8,3.3-2.6c3.9-3.1,7.9-6.2,12.3-8.6c5.2-2.7,10.6-4.9,16.3-6.4c5.5-1.4,11.2-1.8,16.8-2.7 c0.2,0,0.3-0.1,0.5-0.1c1.4-0.2,2.3-0.4,2,1.5c-0.8,4.9,2.3,7.5,5.8,9.8c4,2.5,8,5,12.7,5.8c5.2,0.9,10.4,2.7,15.9,0.8 c3-1,6.3-5,6.2-7.6c0-1.7-0.3-3.5-1-5.1c-0.6-1.4-1.5-3-2.8-3.7c-1-0.5-1.9-1.5-2.8-2.2c-1.1-0.8-2.2-1.5-3.3-2.1 c-2.3-1.2-4.8-2.1-7.3-2.8c-3.5-0.9-7.2-1.4-10.8-1.8c-0.9-0.1-1.7-0.2-2.6-0.2c-0.2,0-1.4,0-1.4-0.2c-0.1-0.2,0.3-0.5,0.4-0.6 c0.8-0.9,1.7-1.8,2.5-2.6c1.7-1.7,3.6-3.3,5.5-4.8c2-1.6,4.2-3,6.4-4.1c1.1-0.6,2.3-1.1,3.5-1.5c0.6-0.2,1.2-0.4,1.8-0.6 c0.4-0.2,0.7-0.5,1.1-0.7c1.2-0.6,2.7-0.9,4-1.3c1.4-0.4,2.8-0.8,4.2-1.2c2.8-0.8,5.6-1.5,8.4-2.2c3.4-0.8,6.9-1.6,10.3-2.4 c7.9-1.7,15.9-2.4,24-1.7c4.4,0.4,8.9,0.9,13.2,2.1c1.3,0.4,2.5,0.8,3.9,1.1c0.7,0.1,1.4,0.5,2,0.9c0.9,0.5,1.7,0.9,2.6,1.4 c0.3,0.2,0.7,0.3,0.9,0.1c0.1-0.1,0.1-0.3,0.1-0.4c0-0.9-0.4-1.8-1-2.5c-0.5-0.6-1.2-1.4-1.9-1.8c-0.9-0.6-2.2-0.9-3.3-1.3 c-1.1-0.4-2.2-0.7-3.3-1c-2.8-0.8-5.6-1.4-8.5-1.9C173.1,0.9,171.6,0.6,170.2,0.5z M106.8,36c5,0.8,11.2,2,16.2,6.2 c1.1,0.9,2.8,1.6,2.3,3.4c-0.4,1.7-2.1,1.8-3.5,2.3c-5,1.5-9.9,0-14.5-1.2c-4.9-1.2-9.7-3.3-13.5-7c-0.6-0.6-1.2-1.3-1.5-2.1 c-0.1-0.3-0.1-0.7-0.2-1c-0.1-0.3-0.3-0.6,0-0.9c0.2-0.2,0.5-0.3,0.9-0.3c2.4-0.4,4.9-0.6,7.4-0.5c0.9,0,1.8,0.4,2.7,0.5 C104.5,35.6,105.7,35.8,106.8,36z"></path>
</svg>
</figure>
</div>
<!-- Content -->
<div class="col-8 col-sm-5 mt-n6 align-items-end position-relative">
<!-- SVG decoration -->
<figure class="mt-n7 me-n7 position-absolute top-0 end-0">
<svg width="192px" height="190px">
<path stroke="#F99D2B" fill="none" stroke-width="10" d="M9.1,82.6C15.5,36,58.7,2.7,105.5,8.3c47.3,5.7,81.4,49.3,75.7,96.6c-5.8,47.2-49.4,81.4-96.6,75.7"></path>
</svg>
</figure>
<div class="p-3 card card-body shadow rounded-3 d-inline-block position-relative mt-n2">
<!-- Info -->
<h6 class="mb-2">Get in Touch <span class="ms-1"><i class="fas fa-check-circle text-success"></i></span></h6>
<p class="mb-0 small">For guidance and admission inquiries</p>
<!-- Icon -->
<div class="icon-lg bg-primary rounded-circle position-absolute top-100 start-100 translate-middle">
<i class="bi bi-shield-check text-white"></i>
</div>
</div>
</div>
<div class="col-6 mb-block sm-pt-50px">
<a href="contact.html" class="cmnhober-rotate d-inline-flex gap-1 mt-5 cus-border bb-700 n700-color fw_600">
Enquiry Now
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div> <!-- Row END -->
</div>
</div>
</div>
</section>
<!-- Swiper CSS -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"> -->
<section class="pt-40px pb-50px sm-pb-0px overflow-hidden">
<div class="container">
<div class="col-md-12">
<!-- <div class="row">
<div class="col-md-6">
<span class="sub-menu-title mb-md-5">Lorem, ipsum.</span>
<h2>Our achievements through <br> the years</h2>
</div>
<div class="col-md-6">
<p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus recusandae veniam fugit velit obcaecati, quam magni corporis mollitia delectus laboriosam, voluptas inventore accusantium minus cupiditate soluta, ea vel commodi excepturi.</p>
<a href="#" class="cmnhober-rotate d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
View More
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div> -->
<div class="achievements-section mt-4">
<!-- Regular grid for desktop -->
<div class="row g-4 desktop-view">
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-warning bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Swiper container -->
<!-- Swiper container for students -->
<div class="swiper-container swiper-students">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Sabarishvar</h5>
<p class="mb-0">IIT Madras</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Joel Davis Christopher</h5>
<p class="mb-0">IIT Madras</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Santhosh</h5>
<p class="mb-0">IIT Dharwar</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Bala Murali</h5>
<p class="mb-0">IIT Dharwar</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Rajvel Balaji</h5>
<p class="mb-0">IIT Roorkee</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-purple bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Card header -->
<div class="card-header bg-transparent p-0">
<h4>Classroom program</h4>
</div>
<!-- Card body -->
<div class="card-body p-0 mt-1">
<!-- Title -->
<h5 class="mb-2"><a href="#" class="stretched-link stretch-hover">Direct mentorship and support
</a></h5>
<!-- Image -->
<img src="assets/images/element/middle-school.svg" class="opacity-5 mb-n5" alt="">
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-orange bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Card header -->
<div class="card-header bg-transparent p-0">
<h4>Online Program</h4>
</div>
<!-- Card body -->
<div class="card-body p-0 mt-1">
<!-- Title -->
<h5 class="mb-2"><a href="#" class="stretched-link stretch-hover">Study at your own pace
</a></h5>
<!-- Image -->
<img src="assets/images/element/high-school.svg" class="opacity-5 mb-n5" alt="">
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-info bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Card header -->
<div class="card-header bg-transparent p-0">
<h4>Bilingual Approach</h4>
</div>
<!-- Card body -->
<div class="card-body p-0 mt-1">
<!-- Title -->
<h5 class="mb-2"><a href="#" class="stretched-link stretch-hover">Classes in Tamil & English
</a></h5>
<!-- Image -->
<img src="assets/images/element/exam.svg" class="opacity-5 mb-n5" alt="">
</div>
</div>
</div>
<!-- Repeat other grid items... -->
</div>
<!-- Mobile swiper -->
<div class="swiper achievements-swiper mobile-view">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="card bg-warning bg-opacity-50 p-4 achieve-height-sm overflow-hidden h-100">
<!-- Card header -->
<div class="swiper-container swiper-students">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Sabarishvar</h5>
<p class="mb-0">IIT Madras</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Joel Davis Christopher</h5>
<p class="mb-0">IIT Madras</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Santhosh</h5>
<p class="mb-0">IIT Dharwar</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Bala Murali</h5>
<p class="mb-0">IIT Dharwar</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="d-flex align-items-center">
<div class="avatar avatar-xl">
<img class="avatar-img rounded-circle" src="assets/images/dummy-profile-pic.jpg" alt="avatar">
</div>
<div class="ms-3 mt-2">
<h5 class="mb-1">Rajvel Balaji</h5>
<p class="mb-0">IIT Roorkee</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-purple bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Card header -->
<div class="card-header bg-transparent p-0">
<h4>Classroom program</h4>
</div>
<!-- Card body -->
<div class="card-body p-0 mt-1">
<!-- Title -->
<h5 class="mb-2"><a href="#" class="stretched-link">Direct mentorship and support
</a></h5>
<!-- Image -->
<img src="assets/images/element/middle-school.svg" class="opacity-5 mb-n5" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-orange bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Card header -->
<div class="card-header bg-transparent p-0">
<h4>Online Program</h4>
</div>
<!-- Card body -->
<div class="card-body p-0 mt-1">
<!-- Title -->
<h5 class="mb-2"><a href="#" class="stretched-link">Study at your own pace
</a></h5>
<!-- Image -->
<img src="assets/images/element/high-school.svg" class="opacity-5 mb-n5" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="col-sm-6 col-lg-3">
<!-- Card -->
<div class="card bg-info bg-opacity-50 p-4 overflow-hidden h-100">
<!-- Card header -->
<div class="card-header bg-transparent p-0">
<h4>Bilingual Approach</h4>
</div>
<!-- Card body -->
<div class="card-body p-0 mt-1">
<!-- Title -->
<h5 class="mb-2"><a href="#" class="stretched-link">Classes in Tamil & English
</a></h5>
<!-- Image -->
<img src="assets/images/element/exam.svg" class="opacity-5 mb-n5" alt="">
</div>
</div>
</div>
</div>
<!-- Add other slides... -->
</div>
<!-- Add pagination -->
</div>
</div>
</div>
<!-- Modified HTML Structure -->
</div>
</section>
<section id="footer" class="pt-100px pb-0 sm-pb-0px">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row sm-padding">
<div class="col-md-4">
<span class="sub-menu-title mb-md-5">Academic Excellence</span>
<h3>The prestigious institutions our students got placed in</h3>
</div>
<div class="col-md-8">
<div class=" sm-bg-none rounded-3 p-4 sm-p-0">
<!-- Swiper START -->
<div class="swiper custom-swiper">
<div class="swiper-wrapper custom-swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/rasi-logo1.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">NIT-Delhi medical college</h6>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/rasi-logo2.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">the Nilgiris medical college</h6>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/amc-logo.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">arunai medical college</h6>
</div>
</div>
<!-- Slide 4 -->
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/theni-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">theni medical college</h6>
</div>
</div>
<!-- Slide 5 -->
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/pudhukottai-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">pudhukottai medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/vellamal-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">vellamal medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/karapaga-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">karapaga Vinayaga medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/karpagam-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">karpagam medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/kmc-logo.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">Government Kilpauk medical college</h6>
</div>
</div>
<!-- <div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/kmch-logo.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">vellamal medical college</h6>
</div>
</div> -->
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/annapoorna-logo.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">annapoorna medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/tirunelveli-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">tirunelveli medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/madurai-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">madurai medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/nit-trichy.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">nit-trichy medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/coimbatore-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">coimbatore medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/srivenkateshwara-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">srivenkateshwara medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/thanjai-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">Thanjavur medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/thiruvarur-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">thiruvarur medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/iit-nagpur.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">iit-nagpur medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/iit-guwahati.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">iit-guwahati medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/cuddalore-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">cuddalore medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/iit-kanchi-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">iit-kanchi medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/iit-madras.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">iit-madras medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/swamy-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">swamy Vivekanandha medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/dharmapuri-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">dharmapuri medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/karur-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">karur medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/nagapattinam-mc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">nagapattinam medical college</h6>
</div>
</div>
<div class="swiper-slide">
<div class="bg-body text-center rounded-2 py-2 px-1 position-relative">
<img src="assets/images/mmc.jpg" alt="">
<h6 class="mt-3 text-capitalize text-rasi-logo">Madras medical college</h6>
</div>
</div>
</div>
<!-- Swiper Navigation -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<!-- Swiper END -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="growth__section overflow-hidden position-relative pt-150px pb-150px sm-pt-0px ">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<span class="sub-menu-title mb-md-5">Popular Courses</span>
<h2>For Engineering and Medical Aspirants</h2>
</div>
<div class="col-md-6">
<p class="mb-3">With over 9 years of experience, we have developed a proven process to help students achieve their dreams. Our experts guide you through every step, ensuring a clear understanding of each concept and subject. We’ve designed our approach to reduce stress and help students to stay focused in reaching their goals</p>
<a href="NEET.html" class="cmnhober-rotate d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
View More
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div>
</div>
<div class="row g-4 position-relative z-index-1 mt-5">
<div class="col-lg-4 col-md-6 col-6">
<div class="growth__item1 py-xl-15 px-xl-8 cus-border border radius16 text-center">
<div class="card p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/courses/4by3/21.jpg" class="card-img " alt="Card image">
<!--assets/images/courses/4by3/21.jpg-->
</div>
<!-- Card body -->
<div class="card-body sm-pd-0 ">
<!-- Title -->
<h5 class="card-tit" style="text-align: left !important;"><a href="NEET.html">Long-Term NEET Repeaters Program 2025 - 2026 </a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i> Students</h6> -->
<!-- <ul class="avatar-group mb-2 mb-sm-0">
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/02.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li>
</ul> -->
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-none mb-2 mb-sm-0">
<!-- avatar-xs-->
<li class="avatar ">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href="tel:9790338899
"><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href="tel:7373017105"><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-6">
<div class="growth__item1 py-xl-15 px-xl-8 cus-border border radius16 text-center">
<div class="card p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/courses/4by3/21.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body sm-pd-0">
<!-- Title -->
<h5 class="card-tit" style="text-align: left !important;"><a href="JEE.html">Long-Term JEE Repeaters Program 2025 - 2026</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i> Students</h6> -->
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-none mb-2 mb-sm-0">
<li class="avatar ">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href="tel:9790338899
"><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href="tel:7373017105"><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="growth__item growth__item2 py-xl-15 px-xl-8 cus-border border radius16">
<div class="growth_inner">
<div class="col-md-12">
<!-- Title -->
<h4 class=" mt-md-0 text-center">Enquiry Now</h4>
<!-- <p>To request a quote or want to meet up for coffee, contact us directly or fill out the form and we will get back to you promptly</p> -->
<form id="enquiryFormNew" class="needs-validation row g-3 position-relative" method="post" novalidate>
<!-- Name -->
<div class="col-md-12 mt-5">
<div class="row">
<div class="col-md-6">
<div class="mb-2 bg-light-input">
<label for="fullName" class="form-label">Your name *</label>
<input type="text" class="form-control" id="fullName" name="fullName" required>
<div class="invalid-feedback">Please enter your name</div>
</div>
</div>
<div class="col-md-6">
<div class="mb-2 bg-light-input">
<label for="userEmail" class="form-label">Email address *</label>
<input type="email" class="form-control" id="userEmail" name="userEmail" required>
<div class="invalid-feedback">Please enter a valid email address</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="bg-light-input mb-2">
<label class="form-label">Select Program</label>
<select class="form-control" id="selectedProgram" name="selectedProgram" aria-label="Select program">
<option value="" disabled selected></option>
<option value="NEET 2025 Crash Course">NEET 2025 Crash Course</option>
<option value="JEE 2025 Crash Course">JEE 2025 Crash Course</option>
<option value="NEET 2025 - 2026 Online program">NEET 2025 - 2026 Online program</option>
<option value="NEET 2025 - 2026 Class room program">NEET 2025 - 2026 Class room program</option>
<option value="JEE 2025 - 2026 Online program">JEE 2025 - 2026 Online program</option>
<option value="JEE 2025 - 2026 Class room program">JEE 2025 - 2026 Class room program</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="mb-2 bg-light-input">
<label for="contactNumber" class="form-label">Phone Number</label>
<input type="text" class="form-control" id="contactNumber" name="contactNumber">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="mb-2 bg-light-input">
<label for="userMessage" class="form-label">Message</label>
<textarea class="form-control" id="userMessage" name="userMessage" rows="3"></textarea>
</div>
</div>
</div>
</div>
<!-- Alert for form errors -->
<div class="alert alert-danger d-none" id="generalError">Please check the form for errors.</div>
<!-- Button -->
<div class="d-grid">
<button class="btn btn-lg btn-primary " type="submit" id="submitEnquiry">Drop an Enquiry</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb-50px pt-150px overflow-hidden pb-150px achieve-section" id="section4">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<span class="sub-menu-title mb-md-5">The Rasites</span>
<h2>Our achievements through <br> the years</h2>
</div>
<div class="col-md-6">
<p class="mb-3">The Rasites who secured admission in top medical and engineering colleges have made us immensely proud. Are you ready to join them? Be mentored by experienced NEET & JEE trainers who will guide you toward securing admission in your dream college!</p>
<a href="achievers.html" class="cmnhober-rotate d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
Join Rasi
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="mt-n88 pb-0 overflow-hidden" id="section5">
<div class="container">
<div class="row mt-7 sm-pt-50px">
<!-- Slider START -->
<div class="swiper swiper-right sm-pt-70px">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Shankar S</a></h5>
<h6 class="mb-0 fw-normal">MMC</h6>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Kavipiya A</a></h5>
<h6 class="mb-0 fw-normal">Stanley MC</h6>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Niranjana R</a></h5>
<h6 class="mb-0 fw-normal">Stanley MC</h6>
</div>
</div>
</div>
<!-- Slide 4 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Srija pushpa mary G</a></h5>
<h6 class="mb-0 fw-normal">Stanley MC</h6>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sri Vignesh</a></h5>
<h6 class="mb-0 fw-normal">Kilpauk MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Vishnu V</a></h5>
<h6 class="mb-0 fw-normal">Madurai MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sheethal Kumar P</a></h5>
<h6 class="mb-0 fw-normal">Thanjavur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Megadharshana A</a></h5>
<h6 class="mb-0 fw-normal">Thanjavur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Ajithkumar </a></h5>
<h6 class="mb-0 fw-normal">Thanjavur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Saran S</a></h5>
<h6 class="mb-0 fw-normal">Trichy MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Kaviyadharshini G</a></h5>
<h6 class="mb-0 fw-normal">Salem MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Naga Ashwin S</a></h5>
<h6 class="mb-0 fw-normal">Theni MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sanjaysingh R</a></h5>
<h6 class="mb-0 fw-normal">Dharmapuri MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Harini S</a></h5>
<h6 class="mb-0 fw-normal">Dharmapuri MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Pratheesh E</a></h5>
<h6 class="mb-0 fw-normal">Dharmapuri MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Yazhini R</a></h5>
<h6 class="mb-0 fw-normal">Villupuram MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Gowtham L</a></h5>
<h6 class="mb-0 fw-normal">Cuddalore MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Nandita S</a></h5>
<h6 class="mb-0 fw-normal">Namakkal MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Tharun N</a></h5>
<h6 class="mb-0 fw-normal">Namakkal MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sheik Abdullah S</a></h5>
<h6 class="mb-0 fw-normal">Pudhukottai MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Laya Nandhini N K</a></h5>
<h6 class="mb-0 fw-normal">Tirunelveli MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sri Harini P K</a></h5>
<h6 class="mb-0 fw-normal">Pudhukottai MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Harikesava</a></h5>
<h6 class="mb-0 fw-normal">Karur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Praveen S</a></h5>
<h6 class="mb-0 fw-normal">Karur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Devaprasath K</a></h5>
<h6 class="mb-0 fw-normal">Karur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Aadhavan </a></h5>
<h6 class="mb-0 fw-normal">Krishnagiri MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Mithun Kumar V</a></h5>
<h6 class="mb-0 fw-normal">Krishnagiri MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Saranya S</a></h5>
<h6 class="mb-0 fw-normal">Krishnagiri MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Arunachalam D</a></h5>
<h6 class="mb-0 fw-normal">Nagapattinam MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Bharanidharan L</a></h5>
<h6 class="mb-0 fw-normal">Thiruvarur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Pragatheeshwarar A G</a></h5>
<h6 class="mb-0 fw-normal">Tirupur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">M Priyadharshini</a></h5>
<h6 class="mb-0 fw-normal">Tirupur MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Naviya M</a></h5>
<h6 class="mb-0 fw-normal">The Nilgiris MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Shree Karan R</a></h5>
<h6 class="mb-0 fw-normal">The Nilgiris MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Durga S</a></h5>
<h6 class="mb-0 fw-normal">PSG MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Nanmaran</a></h5>
<h6 class="mb-0 fw-normal">Trichy SRM MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Naviya M</a></h5>
<h6 class="mb-0 fw-normal">The Nilgiris MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Jeevavaishiya</a></h5>
<h6 class="mb-0 fw-normal">KMCH MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Narumuhai N</a></h5>
<h6 class="mb-0 fw-normal">Annapoorna MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Megha V</a></h5>
<h6 class="mb-0 fw-normal">Swamy Vivekanandha MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Wichrist A</a></h5>
<h6 class="mb-0 fw-normal">Swamy Vivekanandha MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Niranjanaa JS</a></h5>
<h6 class="mb-0 fw-normal">Arunai MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Rakshana SP</a></h5>
<h6 class="mb-0 fw-normal">Vellammal MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Priyadharshini V</a></h5>
<h6 class="mb-0 fw-normal">Karpagavinayaga MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sahana G</a></h5>
<h6 class="mb-0 fw-normal">Karpagavinayaga MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Rajkumaar M</a></h5>
<h6 class="mb-0 fw-normal">Karpagam MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Devasri K</a></h5>
<h6 class="mb-0 fw-normal">Sri Venkateshwara MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sivapriya B</a></h5>
<h6 class="mb-0 fw-normal">Sri Venkateshwara MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Gopika</a></h5>
<h6 class="mb-0 fw-normal">Dhanalakshmi MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Aboorva R</a></h5>
<h6 class="mb-0 fw-normal">BOS Cuddalore MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Cupert Jenevy</a></h5>
<h6 class="mb-0 fw-normal">BOS Ramakrishna MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Armesh Mohammad</a></h5>
<h6 class="mb-0 fw-normal">BOS Chettinadu MC</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Lakshanya R</a></h5>
<h6 class="mb-0 fw-normal">BOS Madurai MC</h6>
</div>
</div>
</div>
<!-- Add More Slides As Needed -->
</div>
<!-- Navigation Buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Pagination Dots -->
<!-- <div class="swiper-pagination"></div> -->
</div>
<!-- Slider END -->
</div>
<div class="row mt-4 sm-padding sm-pt-0px">
<!-- Slider START -->
<div class="swiper swiper-left">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sabarishvar S S</a></h5>
<h6 class="mb-0 fw-normal">IIT-Madras</h6>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Joel Davis Christopher K</a></h5>
<h6 class="mb-0 fw-normal">IIT-Madras</h6>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Santhosh S</a></h5>
<h6 class="mb-0 fw-normal">IIT-Dharwar</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Rajvel Balaji</a></h5>
<h6 class="mb-0 fw-normal">IIT-Roorkee</h6>
</div>
</div>
</div>
<!-- Slide 4 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Ramswaroop PS</a></h5>
<h6 class="mb-0 fw-normal">NIT-Delhi</h6>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Vaiebhav Shreevarshan</a></h5>
<h6 class="mb-0 fw-normal">NIT-Guwahati</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Nithiyan R</a></h5>
<h6 class="mb-0 fw-normal">NIT-Trichy</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Vignesh R S</a></h5>
<h6 class="mb-0 fw-normal">NIT-Trichy</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Santhosh Kumar</a></h5>
<h6 class="mb-0 fw-normal">NIT-Trichy</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Dharun Shankar</a></h5>
<h6 class="mb-0 fw-normal">NIT-Trichy</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Saran P M</a></h5>
<h6 class="mb-0 fw-normal">NIT-Trichy</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Sanjith S</a></h5>
<h6 class="mb-0 fw-normal">IIIT-Kancheepuram</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card p-3 bg-light h-100">
<div class="card-image-scale rounded-3 position-relative">
<!-- Card Image -->
<img src="assets/images/dummy-profile-pic.jpg" class="card-img" alt="">
<!-- Overlay -->
</div>
<!-- Card body -->
<div class="card-body px-2">
<!-- Title -->
<h5 class="card-title card-tit"><a href="#" class="stretched-link">Jagathkishore MM</a></h5>
<h6 class="mb-0 fw-normal">IIIT-Nagpur</h6>
</div>
</div>
</div>
<!-- Add More Slides As Needed -->
</div>
<!-- Navigation Buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Pagination Dots -->
<!-- <div class="swiper-pagination"></div> -->
</div>
<!-- Slider END -->
</div>
</div>
</section>
<section class="position-relative overflow-hidden pt-200px pb-40px" id="section3">
<!-- Svg image decoration -->
<div class="container">
<div class="row g-4">
<!-- Title -->
<div class="col-md-12">
<div class="row sm-padding">
<div class="col-md-6">
<span class="sub-menu-title mb-md-5"> Learn from the Best</span>
<h2>Achieve Your Admission in your Dream College
</h2>
</div>
<div class="col-md-6">
<p class="mb-3">By understanding the strengths, weaknesses, and pain points of the students, RASI provides customized coaching designed to prepare them for exams and secure their place in the college their desire</p>
<a href="contact.html" class="cmnhober-rotate d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
Enroll Now
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div>
</div>
<div class="row g-4 desktop-view">
<!-- Feature item -->
<div class="col-sm-12 col-lg-4">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/quality.png" alt="" class="why-us-img mb-3">
<h5>Hostel Facilities for a Focused Study Experience</h5>
<p class="mb-0">Separate hostel facilities for boys and girls with a safe and disciplined environment. We provide nutritious meals, a well-maintained library, and essential amenities to support students' academic journey.</p>
</div>
</div>
<!-- Feature item -->
<div class="col-sm-6 col-lg-4">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg icon -->
<img src="assets/images/weekly-pratic.png" alt="" class="why-us-img mb-3">
<h5>Scholarships & Affordable Learning Opportunities</h5>
<p class="mb-0">We offer merit-based scholarships on course fees, making quality education accessible to deserving students. Our mission is to empower every student with the resources and support needed to achieve their dreams.
</p>
</div>
</div>
<!-- Feature item -->
<div class="col-sm-6 col-lg-4">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/expert-1.png" alt="" class="why-us-img mb-3">
<h5>Comprehensive Curriculum for Exam Success</h5>
<p class="mb-0">Our in-depth curriculum covers all NEET/JEE subjects with well-structured lessons, study materials, and video lectures. We provide complete learning resources, ensuring students are thoroughly prepared for their entrance exams. </p>
</div>
</div>
<!-- Feature item -->
<div class="col-sm-6 col-lg-4">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/smile.png" alt="" class="why-us-img mb-3">
<h5>Flexible Learning & Hostel Facilities
</h5>
<p class="mb-0">Students can choose between online and classroom sessions, ensuring flexibility without compromising quality. Our state-of-the-art infrastructure includes spacious classrooms, interactive digital boards, and separate hostel facilities with nutritious meals and essential amenities.
</p>
</div>
</div>
<!-- Feature item -->
<div class="col-sm-6 col-lg-4">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/assistants.png" alt="" class="why-us-img mb-3">
<h5>Continuous Assessment & Performance Tracking</h5>
<p class="mb-0">Periodic mock tests, performance analysis, and detailed feedback help students track their progress. Parents receive weekly reports and grade cards to stay updated on their child's academic journey.</p>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/result.png" alt="" class="why-us-img mb-3">
<h5>Supportive & Stress-Free Learning Environment</h5>
<p class="mb-0">We foster a positive learning space that encourages academic excellence and holistic growth. Our expert mentors provide continuous guidance, motivation, and stress management techniques to boost focus and confidence.
</p>
</div>
</div>
</div>
<div class="swiper why-rasi-swiper mobile-view">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/quality.png" alt="" class="why-us-img mb-3">
<h5>Hostel Facilities for a Focused Study Experience</h5>
<p class="mb-0">Separate hostel facilities for boys and girls with a safe and disciplined environment. We provide nutritious meals, a well-maintained library, and essential amenities to support students' academic journey.</p>
</div>
</div>
<div class="swiper-slide">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg icon -->
<img src="assets/images/weekly-pratic.png" alt="" class="why-us-img mb-3">
<h5>Scholarships & Affordable Learning Opportunities</h5>
<p class="mb-0">We offer merit-based scholarships on course fees, making quality education accessible to deserving students. Our mission is to empower every student with the resources and support needed to achieve their dreams.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/expert-1.png" alt="" class="why-us-img mb-3">
<h5>Comprehensive Curriculum for Exam Success</h5>
<p class="mb-0">Our in-depth curriculum covers all NEET/JEE subjects with well-structured lessons, study materials, and video lectures. We provide complete learning resources, ensuring students are thoroughly prepared for their entrance exams. </p>
</div>
</div>
<div class="swiper-slide">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/smile.png" alt="" class="why-us-img mb-3">
<h5>Flexible Learning & Hostel Facilities
</h5>
<p class="mb-0">Students can choose between online and classroom sessions, ensuring flexibility without compromising quality. Our state-of-the-art infrastructure includes spacious classrooms, interactive digital boards, and separate hostel facilities with nutritious meals and essential amenities.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/assistants.png" alt="" class="why-us-img mb-3">
<h5>Continuous Assessment & Performance Tracking</h5>
<p class="mb-0">Periodic mock tests, performance analysis, and detailed feedback help students track their progress. Parents receive weekly reports and grade cards to stay updated on their child's academic journey.</p>
</div>
</div>
<div class="swiper-slide">
<div class="card card-body bg-light p-5 h-100">
<!-- Svg image decoration -->
<img src="assets/images/result.png" alt="" class="why-us-img mb-3">
<h5>Supportive & Stress-Free Learning Environment</h5>
<p class="mb-0">We foster a positive learning space that encourages academic excellence and holistic growth. Our expert mentors provide continuous guidance, motivation, and stress management techniques to boost focus and confidence.
</p>
</div>
</div>
<!-- Add other slides with the same structure -->
</div>
<!-- Pagination -->
<!-- <div class="swiper-pagination"></div> -->
</div>
</div>
</div>
</section>
<section class="overlap-section z-index-1 sm-pt-0px">
<div class="container">
<div class="row">
<div class="col-12 position-relative z-index-1">
<!-- Image -->
<div class="d-none d-lg-block position-absolute bottom-0 start-0 ms-3 ms-xl-5">
<img src="assets/images/stud-rasi.png" alt="">
</div>
<!-- Pencil and cap SVG -->
<!-- <div class="position-absolute top-0 end-0 mt-n4 me-5">
<img src="assets/images/client/pencil.svg" alt="">
</div> -->
<!-- <div class="position-absolute bottom-0 start-50 mb-n4">
<img src="assets/images/client/graduated.svg" class="rotate-74" alt="">
</div> -->
<div class="bg-grad-blue p-4 p-sm-5 rounded position-relative z-index-n1 overflow-hidden">
<!-- SVG decoration -->
<figure class="position-absolute top-0 start-0 mt-3 ms-n3 opacity-5">
<svg width="818.6px" height="235.1px" viewBox="0 0 818.6 235.1">
<path class="fill-white" d="M735,226.3c-5.7,0.6-11.5,1.1-17.2,1.7c-66.2,6.8-134.7,13.7-192.6-16.6c-34.6-18.1-61.4-47.9-87.3-76.7 c-21.4-23.8-43.6-48.5-70.2-66.7c-53.2-36.4-121.6-44.8-175.1-48c-13.6-0.8-27.5-1.4-40.9-1.9c-46.9-1.9-95.4-3.9-141.2-16.5 C8.3,1.2,6.2,0.6,4.2,0H0c3.3,1,6.6,2,10,3c46,12.5,94.5,14.6,141.5,16.5c13.4,0.6,27.3,1.1,40.8,1.9 c53.4,3.2,121.5,11.5,174.5,47.7c26.5,18.1,48.6,42.7,70,66.5c26,28.9,52.9,58.8,87.7,76.9c58.3,30.5,127,23.5,193.3,16.7 c5.8-0.6,11.5-1.2,17.2-1.7c26.2-2.6,55-4.2,83.5-2.2v-1.2C790,222,761.2,223.7,735,226.3z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-0 translate-middle-y ms-5">
<svg width="473px" height="234px">
<path fill-rule="evenodd" opacity="0.051" fill="rgb(255, 255, 255)" d="M0.004,222.303 L364.497,-0.004 L472.998,32.563 L100.551,233.991 L0.004,222.303 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<!-- <figure class="position-absolute top-50 end-0 translate-middle-y">
<svg width="355.6px" height="396.1px">
<path class="fill-danger rotate-10" d="M32.8,364.1c16.1-14.7,36-21.5,56.8-26.7c20-5.1,40.5-9.7,57.8-21.4c35.7-24.3,51.1-68.5,57.2-109.4 c6.8-45.7,4.6-93.7,21.6-137.5c8.3-21.4,22.3-41.4,43.3-51.9c17.4-8.7,36.2-7.9,54.2-1.5c10.2,3.6,19.8,8.5,29.4,13.5l2.5-4.3 c-2.7-1.4-5.4-2.8-8.2-4.2c-15.8-8-32.9-15.3-50.9-15.2C276,5.6,256.9,16,243.3,31c-16.6,18.3-25.3,42.2-30.5,66 c-5,22.9-6.8,46.3-8.8,69.6c-3.9,44.4-9.7,92.8-40.1,128c-7.1,8.2-15.4,15.4-24.9,20.8c-9.3,5.4-19.5,8.9-29.8,11.8 c-20.2,5.7-41.3,9.1-59.9,19.2c-19.3,10.4-35.1,27.2-44.2,47.1c0,0,0,0.1,0,0.1l4.4,2.6C15,384,22.9,373.1,32.8,364.1z"></path>
</svg>
</figure> -->
<div class="row g-3 align-items-center justify-content-lg-end position-relative py-4">
<!-- Title -->
<div class="col-md-6">
<h2 class="text-white">NEET & JEE 2025-2026 </h2>
<p class="text-white mb-0">Join Our Intensive Long-Term Repeaters Coaching Program</p>
</div>
<!-- Button -->
<div class="col-md-6 col-lg-3 text-md-end">
<a href="#" class="btn btn-warning mb-0">Admission Open</a>
</div>
</div> <!-- Row END -->
</div>
</div>
</div>
</div>
</section>
<section class="overflow-hidden position-relative bg-light pt-200px pb-150px" id="section6">
<div class="container">
<!-- Live course START -->
<div class="row g-4 justify-content-between">
<!-- Content -->
<div class="col-md-6 col-xl-4">
<h2 class="fs-1">Bilingual Classes for Better Understanding</h2>
<p>At Rasi, we offer bilingual classes in both English and Tamil to ensure a deeper understanding of every subject. Our approach caters to students' unique learning needs, allowing them to grasp complex concepts with ease and approach each subject in depth.
</p>
<a href="course.html" class="cmnhober-rotate d-inline-flex mb-none gap-1 cus-border bb-700 n700-color fw_600">
View Courses
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
<!-- Course video START -->
<div class="col-md-6 col-xl-8">
<div class="row sm-padding">
<!-- Slider START -->
<div class="tiny-slider arrow-round arrow-blur">
<div class="tns-outer" id="tns1-ow"><div class="tns-liveregion tns-visually-hidden" aria-live="polite" aria-atomic="true">slide <span class="current">5 to 8</span> of 3</div><div id="tns1-mw" class="tns-ovh"><div class="tns-inner" ><div class="tiny-slider-inner tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" data-autoplay="false" data-edge="2" data-arrow="true" data-dots="false" data-items-lg="1" data-items-xl="2" id="tns1" style="transform: translate3d(-38.4615%, 0px, 0px);">
<div class="tns-item tns-slide-cloned" aria-hidden="true" tabindex="-1">
<div class="card card-fixed-h p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html">Foundation Course <br>
Grade 6 - Grade 10
</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="tns-item tns-slide-cloned" aria-hidden="true" tabindex="-1">
<div class="card card-fixed-h p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html"> Regular 11th & 12th NEET
</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-sm-0">
<li class="avatar ">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href="contact.html"><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href="contact.html"><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="tns-item tns-slide-cloned" aria-hidden="true" tabindex="-1">
<div class="card card-fixed-h p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html"> Regular 11th & 12th JEE
</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-sm-0">
<li class="avatar ">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href="contact.html"><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar">
<a href="contact.html"><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="tns-item tns-slide-cloned" aria-hidden="true" tabindex="-1">
<div class="card card-fixed-h p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html">Repeaters Batch 2025 - 2026 <br>
NEET | JEE
</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-sm-0">
<li class="avatar ">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href="contact.html"><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href="contact.html"><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
</div></div></div>
<!-- <div class="tns-controls" aria-label="Carousel Navigation" tabindex="0"><button type="button" data-controls="prev" tabindex="-1" aria-controls="tns1"><i class="fas fa-chevron-left"></i></button><button type="button" data-controls="next" tabindex="-1" aria-controls="tns1"><i class="fas fa-chevron-right"></i></button></div> -->
</div>
</div>
<!-- Slider END -->
</div>
</div>
<div class="col-md-6 mb-block">
<a href="course.html" class="cmnhober-rotate d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
View Courses
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
<!-- Course video END -->
</div>
<!-- Live course END -->
</div>
</section>
<section class="position-relative overflow-hidden pt-200px pb-200px ">
<div class="container">
<!-- Title -->
<div class="row position-relative z-index-9">
<div class="col-lg-6">
<!-- Title and button -->
<h2 class="fs-1 ">Frequently Asked Questions</h2>
<p class="mb-0 ">The questions that we frequently receive from students and parents regarding our coaching methodology and specifically about the hostel facilities, accommodations, and support we provide </p>
<a href="contact.html" class="cmnhober-rotate mt-5 mb-none d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
Get in Touch
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
<div class="col-lg-6 ">
<!-- SVG decoration -->
<figure class="position-absolute bottom-0 end-0 me-n9 rotate-193">
<svg width="297.5px" height="295.9px">
<path stroke="#F99D2B" fill="none" stroke-width="13" d="M286.2,165.5c-9.8,74.9-78.8,128.9-153.9,120.4c-76-8.6-131.4-78.2-122.8-154.2C18.2,55.8,87.8,0.3,163.7,9"></path>
</svg>
</figure>
<!-- FAQ START -->
<div class="accordion accordion-icon accordion-shadow mt-4 text-start position-relative" id="accordionExample2">
<!-- Item -->
<div class="accordion-item mb-3">
<h6 class="accordion-header font-base" id="heading-1">
<button class="accordion-button fw-bold rounded pe-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">
What is the coaching methodology used at Rasi Coaching Institute?
</button>
</h6>
<!-- Body -->
<div id="collapse-1" class="accordion-collapse collapse" aria-labelledby="heading-1" data-bs-parent="#accordionExample2" style="">
<div class="accordion-body mt-3">
We use a combination of theoretical learning, practical sessions along with regular assessments. Our expert faculty focuses on concept clarity, problem-solving skills, and exam strategies
</div>
</div>
</div>
<!-- Item -->
<div class="accordion-item mb-3">
<h6 class="accordion-header font-base" id="heading-2">
<button class="accordion-button fw-bold rounded collapsed pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
Do you offer hostel facilities for students?
</button>
</h6>
<!-- Body -->
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="heading-2" data-bs-parent="#accordionExample2">
<div class="accordion-body mt-3">
Yeah , we do offer hostel facilities with hygienic food and a comfortable environment for both boys and girls, ensuring a conducive learning atmosphere
</div>
</div>
</div>
<!-- Item -->
<div class="accordion-item mb-3">
<h6 class="accordion-header font-base" id="heading-5">
<button class="accordion-button fw-bold collapsed rounded pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="false" aria-controls="collapse-5">
Can I get a scholarship for the NEET/JEE course?
</button>
</h6>
<!-- Body -->
<div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="heading-5" data-bs-parent="#accordionExample2">
<div class="accordion-body mt-3">
We do conduct scholarship tests at regular intervals, where students can qualify for scholarships on their course fees
</div>
</div>
</div>
<!-- Item -->
<div class="accordion-item">
<h6 class="accordion-header font-base" id="heading-6">
<button class="accordion-button fw-bold collapsed rounded pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-6" aria-expanded="false" aria-controls="collapse-6">
How do I enroll in the course?
</button>
</h6>
<!-- Body -->
<div id="collapse-6" class="accordion-collapse collapse" aria-labelledby="heading-6" data-bs-parent="#accordionExample2">
<div class="accordion-body mt-3">
You can contact our admission team at 12345 6790 or visit us at Rasi Institutions (hyperlink) for further assistance with the enrollment process.
</div>
</div>
</div>
</div>
<!-- FAQ END -->
</div>
<div class="col-lg-6 sm-pt-20px mb-block">
<a href="#" class="cmnhober-rotate mt-5 d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
Contact us
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div>
</div>
</section>
<section class="creative-testimonial--slider overflow-hidden bg-blue pt-150px pb-150px">
<div class="slider-inner">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-4">
<h2 class="fs-1 text-white">Success Stories from Our Graduates</h2>
<p class="text-light">
Get inspired by the success stories of our past students who have excelled in NEET and JEE with Rasi Coaching Institute. Each testimonial is a valuable treasure we proudly share with you
</p>
</div>
<div class="col-md-8">
<div class="slider-row sm-pt-20px">
<div class="testimonial-swiper slider-custom-image">
<div class="swiper-wrapper">
<div class="swiper-slide" data-bullet-thumb="https://imgpanda.com/upload/ib/bYHUZMz27j.jpg">
<div class="testimonial-wrap">
<div class="testimonial-wrap--inner">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-none" alt="">
<div class="d-flex">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-block" alt="">
<div>
<span class="testimonial-user ms-3 mb-block">Gowtham</span>
<span class="text-body-secondary sm-testi ms-3 mb-block">NEET</span>
</div>
</div>
<h4 class="testimonial-heading">
Rasi Coaching Institute truly transformed my approach to studying. The expert faculty, personalized guidance, and rigorous practice sessions prepared me for every challenge
</h4>
<span class="testimonial-user mb-none">Gowtham</span>
</div>
</div>
</div>
<div class="swiper-slide" data-bullet-thumb="https://imgpanda.com/upload/ib/MWmxiaLnCx.jpg">
<div class="testimonial-wrap">
<div class="testimonial-wrap--inner">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-none" alt="">
<div class="d-flex">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-block" alt="">
<div>
<span class="testimonial-user ms-3 mb-block">Yazhini</span>
<span class="text-body-secondary sm-testi ms-3 mb-block">JEE</span>
</div>
</div>
<h4 class="testimonial-heading">
Rasi Coaching Institute truly transformed my approach to studying. The expert faculty, personalized guidance, and rigorous practice sessions prepared me for every challenge
</h4>
<span class="testimonial-user mb-none">Yazhini</span>
</div>
</div>
</div>
<div class="swiper-slide" data-bullet-thumb="https://imgpanda.com/upload/ib/RvtK6ZZSki.jpg">
<div class="testimonial-wrap">
<div class="testimonial-wrap--inner">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-none" alt="">
<div class="d-flex">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-block" alt="">
<div>
<span class="testimonial-user ms-3 mb-block">Santhosh</span>
<span class="text-body-secondary sm-testi ms-3 mb-block">JEE</span>
</div>
</div>
<h4 class="testimonial-heading">
The study material and daily practice tests at Rasi helped me stay on track and boost my confidence. The faculty's guided us throughout the process and helped me achieve my dream
</h4>
<span class="testimonial-user mb-none">Santhosh </span>
</div>
</div>
</div>
<div class="swiper-slide" data-bullet-thumb="https://imgpanda.com/upload/ib/RvtK6ZZSki.jpg">
<div class="testimonial-wrap">
<div class="testimonial-wrap--inner">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-none" alt="">
<div class="d-flex">
<img src="assets/images/Fp_testimonial.png" class="quote-icon mb-block" alt="">
<div>
<span class="testimonial-user ms-3 mb-block">Praveen</span>
<span class="text-body-secondary sm-testi ms-3 mb-block">NEET</span>
</div>
</div>
<h4 class="testimonial-heading">
Joining Rasi Coaching was the best decision for my JEE preparation. The motivating environment, expert coaching, and constant feedback helped me crack my dream
</h4>
<span class="testimonial-user mb-none">Praveen </span>
</div>
</div>
</div>
</div>
<!-- <div class="swiper-pagination"></div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact-form" class="position-relative overflow-hidden pt-150px pb-150px pt-md-5">
<!-- SVG decoration -->
<!-- <figure class="position-absolute top-0 start-0 ms-n7 d-none d-xl-block">
<svg enable-background="new 0 0 253.7 138">
<path class="fill-info" d="m96.5 118.2c0 0.2 0.1 0.4 0.1 0.5l3-0.9c0-0.1-0.1-0.3-0.1-0.4-1 0.3-2 0.5-3 0.8m112-114v-0.4c-5.4-0.3-10.7-0.5-16.1-0.8v0.5c5.4 0.2 10.8 0.5 16.1 0.7m-87.7 89.2c23.1-3.7 45.7-8.8 67.4-17.7-22 7.6-44.5 13.4-67.4 17.7m-7.5-7.7c0 0.2 0.1 0.3 0.1 0.5 5.3-1 10.6-1.9 15.8-3 13.9-2.8 27.8-5.8 41.4-9.7 5.5-1.6 11-3.4 16.4-5.2 2.8-0.9 5.5-2 8.2-3 1.1-0.4 2.1-0.7 3.2-1.1-0.1-0.2-0.1-0.4-0.2-0.6-27.5 9.9-56 16.8-84.9 22.1m74.2-0.4c-0.1-0.2-0.2-0.3-0.3-0.5-2.1 1.1-4.2 2.4-6.3 3.4-5 2.4-10 4.7-15.1 6.9-6.1 2.6-12.2 5-18.3 7.3-1 0.4-2 1.5-3.2 0.3 0 0-0.4 0.3-0.6 0.4-0.7 0.5-1.3 1.2-2 1.4-11.5 3.6-23.1 7.2-34.6 10.8l-5.1 1.5c1 0.1 1.9 0 2.8-0.3 12.3-3.7 24.6-7.4 36.9-11.2 1.2-0.4 1.8-0.3 1.6 1.2-0.1 0.5 0.3 1 0.4 1.5 0.3-0.5 0.6-0.9 0.8-1.4 0.5-1.1 0.3-2.4 1.9-3 6.2-2.3 12.4-4.7 18.5-7.2 4.1-1.7 8-3.6 12-5.5 2.6-1.2 5.2-2.4 7.7-3.7 0.9-0.4 1.9-1.2 2.9-1.9m-162.4-10.9c0.1 0.1 0.1 0.3 0.2 0.4 2.3-1.5 4.7-3.1 7-4.5 8.5-5.1 17.2-9.6 26.5-13.1 8.1-3.1 16.3-6.2 24.6-8.5 10.5-2.9 21.2-5.2 31.8-7.4 4.5-1 9.1-1.2 13.6-1.8 2.7-0.3 5.3-0.6 8-0.9s5.4-0.5 8.1-0.8c-2.1-0.2-4.2-0.4-6.2-0.2-6.2 0.7-12.3 1.6-18.5 2.5-16.1 2.4-32 5.7-47.3 11.2-9.1 3.2-18 6.9-26.9 10.7-7.5 3.1-14.5 7.2-20.9 12.4m135.8-71.8c-24.3-0.3-62.8 5.2-107 27.8-11.3 5.6-21.9 12.4-31.7 20.4 41.8-29.7 88.1-46.3 138.7-48.2m64.4 8.6c-0.3 0.3-0.6 0.8-0.8 0.8-2.4-0.3-4.7-0.7-7.1-1.1-0.4-0.1-0.9 0-1.4 0 0.3 0.3 0.5 0.7 0.9 1 2.1 1.4 4.3 2.6 6.3 4.1 6.9 4.9 11.1 11.5 12.3 19.8 0.3 2.3 0 4.6 0 7.4 5-3.7 9-7.5 11.4-12.8 1.1-2.6 1.3-5.4-0.5-7.9-3.8-5-9.4-6.7-14.9-8.8-2.1-0.8-4.7-0.4-6.2-2.5m-98.8 33.2c0.3-0.4 0.6-0.8 1-1.2-0.5-0.1-0.8-0.2-1.1-0.1-0.7 0.2-1.3 0.5-2 0.7 0.8 0.2 1.5 0.4 2.1 0.6-0.4 0.3-0.8 0.8-1.3 0.9-0.9 0.1-1.9-0.3-2.7-0.1-1.3 0.3-2.4 1-3.7 1.3-9.6 2-19.3 3.8-29 6-3.8 0.9-7.5 2.3-11.1 3.7-6.1 2.3-12.7 3.6-18.7 6.6-0.5 0.3-1.2 0.2-1.7 0.4-1.9 0.9-3.9 1.8-5.8 2.7-1.8 0.9-3.4 2-5.2 2.8-1.7 0.8-3.6 1.4-5.3 2.1-4.7 2-8.5 5.4-12.4 8.5-2.2 1.7-4 3.9-5.9 6-1 1.1-1.7 2.4-2.5 3.7-0.8 1.4-0.1 2.1 1.3 2.3 4.1 0.5 8.1 1.2 12.2 1.2 19.1 0 38-2.7 56.9-5.5 10.6-1.6 21-3.5 31.5-5.5 17.3-3.3 34.6-7.1 51.5-12.1 11.9-3.5 23.7-7.4 35.2-12.1 1.5-0.6 1.3-1.2 0.4-2.1-2.9-3.2-6.6-5.2-10.5-6.6-4.9-1.8-10.2-2.6-15.3-3.8-0.4-0.1-0.6-0.6-0.9-0.9-0.4-0.3-0.9-0.6-1.3-0.9-0.2 0.2-0.3 0.4-0.5 0.6 0.5 0.1 0.9 0.2 1.4 0.3-0.1 0.1-0.2 0.3-0.3 0.4-0.9-0.2-1.9-0.6-2.7-0.4-2.7 0.4-5.4-0.5-8.1-0.5-4.6 0-9.2-0.4-13.8-0.7l-3.6-0.3c-1.1 0-2.2 0.2-3.2 0.2-0.8 0.1-1.6 0.1-2.4 0.2s-1.7 0.5-2.2 0.2c-1.5-0.9-2.8-0.3-4.2 0-1.2 0.3-2.3 0.8-3-0.7-0.1-0.3-0.7-0.3-1-0.4 0 0-0.3 0.3-0.3 0.4 0.7 1.4-0.5 0.8-0.9 0.9-0.6 0.2-1.2 0.2-1.8 0.3-1 0.2-2 0.3-3 0.4-1.2 0.2-2.6 0-3.6 0.5-1.1 0.9-1.7 0.5-2.5 0m-77.3 0.7c-2 0.9-4.2 1.7-6.1 2.8-9 4.9-17.2 11-24.5 18.1-2.5 2.5-4.5 5.6-6.7 8.4-2.8 3.4-4.3 7.3-4.5 11.6-0.1 1.3 0.2 2.9 1 3.8 1.8 2 4.2 3.2 7.1 3.9-2-3.6-2.8-7.1-0.7-10.6 1.4-2.4 3.2-4.7 5.2-6.6 6.1-5.9 13.4-10 20.9-13.9 11.7-6.1 24-10.8 36.5-14.7 16.3-5.1 32.9-8.8 49.8-10.6 5.9-0.6 11.8-1.1 17.7-1.5 12-0.8 23.9-0.3 35.8 1.5 6.5 1 12.8 2.3 19 4.7 6.3 2.5 11.9 5.4 15 11.8 0.4 0.8 0.8 1 1.7 0.6 2-1.1 4.1-2 6.1-3.1 1.6-0.9 3.5-1.7 4.7-3 2.6-3 4.2-6.6 4.5-10.7 0.2-3.2-0.3-6.4-2.2-8.9-2.2-3-4.5-6.2-8-7.8-1.7-0.8-2.4-3.1-4.6-2.9-0.2 0-0.4-0.6-0.6-0.9-0.7-0.9-2.3-0.6-2.7-1.8-0.1 0-0.2 0.1-0.3 0.1-0.5 0.1-1 0.3-1.4 0.2-4.9-1.7-9.8-3.6-15-4.6-4.7-1-9.4-1.5-14.3-1.2-3 0.2-6.1 1.2-9.2 0.1-0.6-0.2-1.5 0.7-2.3 0.8-5.3 0.7-10.6 1.4-15.9 1.8-5.2 0.4-10.2 2.4-15.5 1.8-1.2-0.1-2.9-0.2-4 1.3-0.5 0.6-2-0.2-3.2 0.4-1.3 0.7-3.1 0.4-4.6 0.6-0.1 0-0.1 0.1-0.2 0.1-3.4 0.8-6.8 2.1-10.1 3-12.8 3.6-25.5 7.4-37.9 12.2-2.8 1.1-5.5 2.3-8.4 3.2-3.8 1.2-7.7 1.9-11.1 4.3-1.3 0.9-2.9 1.2-4.4 1.9-0.6 0.2-1 0.7-1.6 1-1.9 1-3.4 1.9-5 2.8m114 46c-0.5 0.3-0.9 0.7-1.4 0.9-8.8 2.1-17.5 4.5-26.4 6.2-11.3 2.2-22.7 3.9-34 5.7-2.9 0.5-5.8 0.5-8.7 0.8-1.8 0.2-3.6 0.7-5.5 0.9-4.8 0.5-9.6 0.9-14.3 1.3-0.8 0.1-1.7-0.3-2.5-0.3-0.5 0-1 0.6-1.5 0.6-4.5 0.1-9 0.3-13.5 0.3-6.1-0.1-12.2 0-18.3-0.6-9.3-0.8-18.5-2.3-26.3-7.8-5.3-3.6-9.8-7.7-10.6-14.6-0.6-4.9 0.7-9.4 3.3-13.4 2-3 4.4-5.8 6.5-8.8 0.6-0.8 0.8-1.9 1.4-2.7 0.9-1.3 1.7-2.7 2.8-3.8 6.3-6 13.3-11.2 20.6-15.8 5.4-3.4 11-6.8 16.7-9.8 18.2-9.6 37.1-17.4 57.1-22.4 13.4-3.3 26.9-5.8 40.7-6.6 8.3-0.5 16.7-0.1 25-0.1 6.7 0 13.5 0.2 20.2 0.2 12.4 0.1 24.6 1.5 36.5 5.1 5.9 1.8 11.5 4.4 15.9 9 5.1 5.3 6.7 14.6 3.4 21.2-2.7 5.3-6.5 9.7-11.4 13.2-2.6 1.8-5.3 3.5-7.7 5.5-2 1.7-3.6 4-5.7 5.7-3.2 2.7-6.6 5.2-9.7 7.9-1 0.9-1.6 2.2-2.5 3.2-2.5 2.8-4.8 5.8-7.6 8.1-4.4 3.5-9.1 6.6-13.8 9.8-2.5 1.7-5.2 3.1-7.8 4.6-1.9 0.1-3.5 0.8-4.6 2.4-3 1.4-6.1 2.8-9.1 4.1-0.7 0.3-1.4 0.5-2 0.7-2.4 1-4.9 2-7.4 2.9-0.8 0.5-1.6 1.3-2.4 1.6-17.9 6.8-36.1 12.5-54.8 17-11.7 2.8-23.4 5.8-35.3 8.2-10.4 2.1-20.9 3.3-31.4 4.9-1.7 0.3-3.4 0.1-5.1 0.2-2 0.1-3.6-0.5-5.1-1.8-0.2-0.2-0.4-0.3-0.6-0.4-0.5-0.3-1.1-0.5-1.6-0.8 0.5-0.3 0.9-0.7 1.5-1.1-0.1-0.1-0.2-0.2-0.4-0.3-0.5-0.3-1.1-0.5-1.6-0.8 0.6-0.4 1.2-1 1.8-1 21-1.4 41.2-6.9 61.4-12 23.7-6 47-13 69.8-21.9 5.2-2 10.4-4.3 15.6-6.6 3.7-1.7 7.4-3.7 10.9-5.9-1.8 0.6-3.7 1.3-5.5 1.9-3.9 1.2-7.8 2.4-11.7 3.7-0.5 0.2-1 0.6-1.4 0.9-0.8 0.3-1.3 0.5-1.9 0.6"></path>
</svg>
</figure> -->
<figure class="position-absolute top-0 end-0 d-none d-lg-block">
<svg width="822.2px" height="301.9px" viewBox="0 0 822.2 301.9">
<path class="fill-warning opacity-5" d="M752.5,51.9c-4.5,3.9-8.9,7.8-13.4,11.8c-51.5,45.3-104.8,92.2-171.7,101.4c-39.9,5.5-80.2-3.4-119.2-12.1 c-32.3-7.2-65.6-14.6-98.9-13.9c-66.5,1.3-128.9,35.2-175.7,64.6c-11.9,7.5-23.9,15.3-35.5,22.8c-40.5,26.4-82.5,53.8-128.4,70.7 c-2.1,0.8-4.2,1.5-6.2,2.2L0,301.9c3.3-1.1,6.7-2.3,10.2-3.5c46.1-17,88.1-44.4,128.7-70.9c11.6-7.6,23.6-15.4,35.4-22.8 c46.7-29.3,108.9-63.1,175.1-64.4c33.1-0.6,66.4,6.8,98.6,13.9c39.1,8.7,79.6,17.7,119.7,12.1C634.8,157,688.3,110,740,64.6 c4.5-3.9,9-7.9,13.4-11.8C773.8,35,797,16.4,822.2,1l-0.7-1C796.2,15.4,773,34,752.5,51.9z"></path>
</svg>
</figure>
<div class="container">
<div class="row g-4 g-sm-5 ">
<div class="col-lg-6">
<h2>Admission Open </h2>
<p>NEET and JEE 2025 - 2026</p>
<p>For detailed information regarding admissions of our crash course and long-term JEE & NEET programs, Get in touch with our admission team or visit us at Rasi Institution.
</p>
<div class="row sm-padding sm-pt-20px mt-5">
<!-- Email box -->
<div class="col-sm-6 col-lg-12 col-xl-6 mb-5">
<div class="card card-body contact-body ">
<div class="icon-lg bg-warning text-white rounded-circle position-absolute top-0 start-100 translate-middle ms-n6">
<i class="fas fa-envelope"></i>
</div>
<h6>Email</h6>
<p class="h6 mb-0"><a href="mailto:admin@rasicoachinginstiute.com" class="text-primary-hover fw-light stretched-link">admin@rasicoachinginstiute.com
</a></p>
</div>
</div>
<!-- Live support box -->
<!-- <div class="col-sm-6 col-lg-12 col-xl-6 mb-5">
<div class="card card-body bg-light ">
<div class="icon-lg bg-success text-white rounded-circle position-absolute top-0 start-100 translate-middle ms-n6">
<i class="bi bi-whatsapp"></i>
</div>
<h6>WhatsApp number</h6>
<p class="h6 mb-0"><a href="#" class="text-primary-hover fw-light stretched-link">+256 359 556</a></p>
</div>
</div> -->
<!-- Telephone box -->
<div class="col-sm-6 col-lg-12 col-xl-6 mb-5 mb-xl-0">
<div class="card card-body contact-body ">
<div class="icon-lg bg-primary text-white rounded-circle position-absolute top-0 start-100 translate-middle ms-n6">
<i class="fas fa-tty"></i>
</div>
<h6>Telephone</h6>
<p class="h6 mb-0"><a href="tel:7373017105" class="text-primary-hover fw-light stretched-link">+91 73730 17105</a></p>
</div>
</div>
<!-- Website box -->
<!-- <div class="col-sm-6 col-lg-12 col-xl-6 mb-5 mb-xl-0">
<div class="card card-body bg-light ">
<div class="icon-lg bg-orange text-white rounded-circle position-absolute top-0 start-100 translate-middle ms-n6">
<i class="fas fa-globe"></i>
</div>
<h6>Website</h6>
<p class="h6 mb-0"><a href="#" class="text-primary-hover fw-light stretched-link">http://example.com</a></p>
</div>
</div> -->
</div>
</div>
<!-- Contact form START -->
<div class="col-lg-6">
<div class=" position-relative">
<!-- SVG decoration -->
<!-- <figure class="position-absolute top-0 start-100 mt-n5 ms-n7">
<svg enable-background="new 0 0 167 107">
<path class="fill-danger" d="m87.1 1c-0.4 0.5-0.8 1-1.3 1.5l-3 2.7c-2.6 2.3-5.1 4.7-7.8 6.8-13.4 10.5-26.8 21-40.1 31.5l-25.8 20.4c-0.4 0.3-0.8 0.6-1.1 0.9-0.7 0.6-1.5 1-2.4 0.2-0.8-0.7-0.6-1.7-0.1-2.4 0.6-1 1.4-2 2.2-2.8 0.5-0.4 1-0.9 1.5-1.3 2.8-2.6 5.7-5.2 8.6-7.5 21.6-16.6 43.3-33.1 65.8-48.5 1.2-0.9 2.5-1.7 3.8-2.5 0 0 0.1 0.1 0.4 0.2-0.2 0.3-0.5 0.6-0.7 0.8zm78.9 20.9c-0.4 0.2-0.7 0.4-1.1 0.6-0.3 0.2-0.7 0.5-1.1 0.7-14.6 8.6-29 17.5-43.1 27-21.6 14.4-43 29.2-63.4 45.2-3.8 3-7.5 6-11.2 9-0.6 0.5-1.1 0.9-1.7 1.3-0.8 0.6-1.6 0.9-2.4 0.2s-0.6-1.7-0.1-2.4c0.6-1 1.3-2 2.2-2.8l0.1-0.1c2.5-2.3 5-4.6 7.7-6.6 30.4-23 61.6-44.5 94.9-63 3.8-2.1 7.7-4.1 11.6-6 1.9-1 3.9-2 5.8-3 0.5-0.2 1-0.4 1.4-0.6 0.2 0.1 0.3 0.3 0.4 0.5zm-66.1-13.4c0.7-0.5 1.3-1.1 1.9-1.7-0.1-0.1-0.2-0.2-0.5-0.3-0.7 0.5-1.4 1-2.1 1.6-0.7 0.5-1.4 1.1-2.1 1.6-4 2.9-8.1 5.8-12.1 8.7-19.3 13.8-38.6 27.7-57.8 41.8-5.4 3.9-10.5 8.1-15.6 12.3-2.1 1.7-4.2 3.5-6.3 5.2-1.5 1.2-2.8 2.6-4.1 4-0.5 0.5-1 1.1-1.2 1.8-0.1 0.5 0.1 1.2 0.4 1.5s1.1 0.4 1.5 0.2c0.8-0.4 1.5-0.9 2.2-1.5l7.2-6c4.2-3.6 8.5-7.1 12.8-10.5 10.6-8.2 21.3-16.4 31.9-24.5l23.4-18c6.9-5.4 13.7-10.8 20.5-16.2zm0.5 13.5c-1.1 1-2.2 2-3.4 2.9-3.3 2.6-6.7 5.2-10 7.8-11 8.5-22 17-32.9 25.6-6.4 5.1-12.8 10.3-19.1 15.4-3.5 2.8-7 5.7-10.5 8.5-0.8 0.7-1.6 1.4-2.5 1.9-0.5 0.3-1.6 0.3-1.9 0-0.4-0.4-0.5-1.4-0.2-1.9 0.4-0.8 1-1.6 1.7-2.3 0.7-0.6 1.4-1.3 2.1-1.9 1.7-1.6 3.4-3.2 5.2-4.7 20-15.8 40.2-31.3 61.3-45.6 2.3-1.6 4.7-3.1 7.1-4.6 0.5-0.3 1-0.7 1.5-1 0.4-0.2 0.8-0.4 1.2-0.7 0.1 0.1 0.1 0.2 0.2 0.3s0.2 0.2 0.2 0.3zm7 13.4 0.6-0.6c-0.3-0.2-0.4-0.3-0.4-0.3-1.5 1.1-3 2.2-4.5 3.2-16.7 11.1-32.8 23-48.7 35.1-4.7 3.5-9.3 7.1-13.9 10.7-0.9 0.7-1.7 1.5-2.4 2.3-0.6 0.7-0.9 1.6-0.2 2.4 0.7 0.9 1.6 0.8 2.4 0.3 1.1-0.6 2.2-1.3 3.2-2.1 1.8-1.4 3.5-2.8 5.2-4.3 1.7-1.4 3.5-2.8 5.2-4.3 12.1-9.5 24.3-19 36.5-28.4l15-12c0.6-0.4 1.3-1.2 2-2z"></path>
</svg>
</figure> -->
<!-- Form START -->
<!-- Form START -->
<form id="contactForm" class="needs-validation row g-3 position-relative" novalidate>
<div id="generalError" class="alert alert-danger" style="display:none;">
Please fill in all required fields.
</div>
<div class="col-md-6 col-lg-12 col-xl-6">
<label class="form-label">First name *</label>
<input type="text" class="form-control" id="FirstName" name="FirstName" required>
<div class="invalid-feedback">Please enter your first name.</div>
</div>
<div class="col-md-6 col-lg-12 col-xl-6">
<label class="form-label">Last name *</label>
<input type="text" class="form-control" id="LastName" name="LastName" required>
<div class="invalid-feedback">Please enter your last name.</div>
</div>
<div class="col-md-6 col-lg-12 col-xl-6">
<label class="form-label">Email *</label>
<input type="email" class="form-control" id="emailInput" name="emailInput" required>
<div class="invalid-feedback">Please enter a valid email address.</div>
</div>
<div class="col-md-6 col-lg-12 col-xl-6">
<label class="form-label">Phone number *</label>
<input type="tel" class="form-control" id="Phone_Number" name="Phone_Number" required>
<div class="invalid-feedback">Please enter your phone number.</div>
</div>
<div class="col-12">
<label for="program" class="form-label">Select Program *</label>
<select class="form-control" id="program" name="program" required>
<option value="" disabled selected>Select Program</option>
<option value="NEET 2025 Crash Course">NEET 2025 Crash Course</option>
<option value="JEE 2025 Crash Course">JEE 2025 Crash Course</option>
<option value="NEET 2025 - 2026 Online">NEET 2025 - 2026 Online Program</option>
<option value="JEE 2025 - 2026 Online">JEE 2025 - 2026 Online Program</option>
<option value="NEET 2025 - 2026 Class room program">NEET 2025 - 2026 Class room program
</option>
<option value="JEE 2025 - 2026 Class room program">JEE 2025 - 2026 Class room program
</option>
</select>
<div class="invalid-feedback">Please select a program.</div>
</div>
<div class="col-12">
<label for="message" class="form-label">Drop your Enquiry</label>
<textarea class="form-control" id="message" name="message" rows="3"></textarea>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary mb-0">Submit</button>
</div>
</form>
<!-- Form END -->
</div>
</div>
<!-- Contact form END -->
</div>
</div>
</section>
</div>
</div>
</main>
<!-- **************** MAIN CONTENT END **************** -->
<!-- =======================
Footer START -->
<section class=" position-relative z-index-9 mb-overflow-hidden p-0">
<div class="container-fluid p-0">
<div class="row sm-padding">
<div class="col-12 col-md-12 ">
<div class="bg-warning p-3 p-sm-4 position-relative mb-overflow-hidden ">
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-100 translate-middle mt-n6 ms-n5">
<svg width="211px" height="211px">
<path class="fill-white opacity-4" d="M210.030,105.011 C210.030,163.014 163.010,210.029 105.012,210.029 C47.013,210.029 -0.005,163.014 -0.005,105.011 C-0.005,47.015 47.013,-0.004 105.012,-0.004 C163.010,-0.004 210.030,47.015 210.030,105.011 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-0 translate-middle mt-n6 ms-5">
<svg width="141px" height="141px">
<path class="fill-white opacity-4" d="M140.520,70.258 C140.520,109.064 109.062,140.519 70.258,140.519 C31.454,140.519 -0.004,109.064 -0.004,70.258 C-0.004,31.455 31.454,-0.003 70.258,-0.003 C109.062,-0.003 140.520,31.455 140.520,70.258 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute bottom-0 start-50 mt-n5 ms-n9">
<svg width="41px" height="41px">
<path class="fill-white opacity-4" d="M40.531,20.265 C40.531,31.458 31.457,40.531 20.265,40.531 C9.072,40.531 -0.001,31.458 -0.001,20.265 C-0.001,9.073 9.072,-0.001 20.265,-0.001 C31.457,-0.001 40.531,9.073 40.531,20.265 Z"></path>
</svg>
</figure>
<div class="container">
<div class="row sm-padding">
<div class="col-md-4 mt-n8 ">
<div class="d-none d-lg-block position-absolute bottom-0 4">
<img src="assets/images/stud-rasi.png" alt="">
</div>
</div>
<div class="col-md-8 mx-auto py-5 position-relative">
<!-- Title -->
<h2>Join Our Intensive One-Year NEET & JEE Coaching program
</h2>
<!-- Form -->
</div>
</div> <!-- Row END -->
</div>
</div>
</div>
</div> <!-- Row END -->
</div>
</section>
<footer class="bg-blue pt-100px">
<div class="container">
<!-- Row START -->
<div class="row g-4 sm-padding">
<!-- Widget 1 START -->
<div class="col-lg-4">
<!-- logo -->
<a class="me-0" href="index.html">
<img class="h-40px" src="assets/images/rasilogo_white.png" alt="logo">
</a>
<p class="my-3 text-body-secondary">We are dedicated to nurture holistic growth for students focusing on the development of life skills and personality along with their academics. </p>
</div>
<!-- Widget 1 END -->
<!-- Widget 2 START -->
<div class="col-lg-5">
<div class="row sm-padding g-4">
<!-- Link block -->
<!-- <div class="col-6 col-md-1"></div> -->
<div class="col-6 col-md-6">
<h5 class="mb-2 mb-md-3 text-white">Quick Links</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="NEET.html">NEET </a></li>
<li class="nav-item"><a class="nav-link" href="JEE.html">JEE </a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#">Career</a></li> -->
</ul>
</div>
<!-- Link block -->
<!-- <div class="col-6 col-md-1"></div> -->
<div class="col-6 col-md-6">
<h5 class="mb-2 mb-md-3 text-white">Rasi Groups</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="#">Rasi International School</a></li>
<li class="nav-item"><a class="nav-link" href="#">Rasi College of Education</a></li>
<li class="nav-item"><a class="nav-link" href="#">Rasi Coaching Institute</a></li>
<!--<li class="nav-item"><a class="nav-link" href="#">Sitemap</a></li>-->
</ul>
</div>
<!-- Link block -->
<!-- <div class="col-6 col-md-4">
<h5 class="mb-2 mb-md-3 text-white">Teaching</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="#">Become a teacher</a></li>
<li class="nav-item"><a class="nav-link" href="#">How to guide</a></li>
<li class="nav-item"><a class="nav-link" href="#">Terms & Conditions</a></li>
</ul>
</div> -->
</div>
</div>
<!-- Widget 2 END -->
<!-- Widget 3 START -->
<div class="col-lg-3 p-0">
<div class="row ">
<!-- Title -->
<h5 class="mb-2 mb-md-3 text-white">For enquiry</h5>
<p style="color: #cfd3d7;">Please drop your contact information and our team will get in touch</p>
<form class="row sm-padding align-items-center justify-content-center mt-3" id="enquiryForm">
<div class="rounded-pill">
<div class="input-group g-0">
<input class="form-control border-0" type="email" name="email" id="email" placeholder="Drop Contact Email" required>
<button type="submit" class="btn border-0 btn-blue bg-primary">Submit</button>
</div>
</div>
</form>
<div id="responseMessage"></div>
</div>
</div>
<!-- Widget 3 END -->
</div><!-- Row END -->
<!-- Divider -->
<hr class="mt-4 mb-0">
<!-- Bottom footer -->
<div class="py-3">
<div class="container px-0">
<div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-md-left">
<!-- copyright text -->
<div class=""><p class="text-white"> Rasi International School</a><a href="#" target="_blank" class="text-white"> All Rights Reserved.Designed with <i class="fa fa-heart" style="color:red !important;"></i> by <a href="https://thedotstudios.com/" class="text-white text-primary-hover" target="_blank">TheDotStudios.com</a> </p></div>
<!-- copyright links-->
<div class="nav justify-content-center mt-3 mt-lg-0">
<!-- Social media icon -->
<ul class="list-inline mb-0 mt-3">
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-facebook" href="#"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-instagram" href="#"><i class="fab fa-fw fa-instagram"></i></a> </li>
<!-- <li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-twitter" href="#"><i class="fab fa-fw fa-twitter"></i></a> </li> -->
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-linkedin" href="#"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- =======================
Footer END -->
<div id="popupModal" class="modal">
<div class="modal-content">
<!-- Close Icon -->
<span class="close-icon" onclick="closeModal()">×</span>
<div class="col-md-12">
<div class="row">
<div class="col-md-6 mb-none">
<figure class="mb-0">
<img src="assets/images/POP-UP.jpg" class="h-550px modal-img w-100" alt="NEET & JEE Crash Course">
</figure>
</div>
<div class="col-md-6 modal-right-content sm-pt-20px">
<div class="">
<!-- Title -->
<h2 class="mb-3">Neet & JEE 2025 <br>Crash Course</h2>
<h5 class="mb-0 h3">Admission Open</h5>
<p class="mb-0">Hi Aspirant? <a href="#">Drop your enquiry</a></p>
<!-- Form START -->
<form class="mt-3 mt-sm-4 text-start" id="popup-form">
<!-- Name -->
<div class="mb-3">
<label class="form-label">Name*</label>
<input type="text" name="name" class="form-control" placeholder="Enter Name" required>
<div class="invalid-feedback">Please enter your name</div>
</div>
<!-- Phone -->
<div class="mb-3">
<label class="form-label">Phone Number*</label>
<input type="text" name="phone" class="form-control" placeholder="Enter Phone Number" required>
<div class="invalid-feedback">Please enter a valid 10-digit phone number</div>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-primary mb-0">Submit</button>
</div>
</form>
<!-- Form END -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short position-absolute top-50 start-50 translate-middle"></i></div>
<!-- <div class="alert alert-light alert-dismissible fade show position-fixed bottom-0 start-50 translate-middle-x z-index-99 d-lg-flex justify-content-between align-items-center p-4 col-9 col-md-7 col-xxl-5" role="alert">
<div>
<h4 class="text-dark">Admissions open!</h4>
<p class="m-0 pe-3">We are so eager to be working with kids and making a difference in their careers. Being a mentor is what we have always wanted to be.</p>
</div>
<div class="d-flex mt-3 mt-lg-0">
<button type="button" class="btn btn-success btn-sm mb-0 me-2" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">Get Admission</span>
</button>
<div class="position-absolute end-0 top-0 mt-n3 me-n3">
<button type="button" class="btn btn-danger btn-round btn-sm mb-0" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="bi bi-x-lg"></i></span>
</button>
</div>
</div>
</div> -->
<!-- Bootstrap JS -->
<!-- Vendors -->
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> -->
<!-- Template Functions -->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/tiny-slider/tiny-slider.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.js"></script>
<script src="assets/vendor/purecounterjs/dist/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/js/functions.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<!-- Swiper JS -->
<!-- <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script> -->
<script>
$(document).ready(function () {
var isAlreadyShown = sessionStorage.getItem('alreadyShow');
if (!isAlreadyShown) {
$("#popupModal").css("display", "flex").hide().fadeIn(); // Show the modal as flex, ensuring it's centered
sessionStorage.setItem('alreadyShow', 'true');
}
$(".close-icon").click(function () {
$("#popupModal").fadeOut();
});
});
</script>
<script>
var swiper = new Swiper(".swiper-students", {
direction: "vertical",
slidesPerView: 3,
spaceBetween: 20,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const modal = document.getElementById("popupModal");
// Close modal when clicking outside modal content
window.onclick = function(event) {
if (event.target === modal) {
closeModal();
}
};
});
function closeModal() {
document.getElementById("popupModal").style.display = "none";
}
</script>
<script>
document.getElementById("enquiryForm").addEventListener("submit", function(event) {
event.preventDefault(); // Prevent form from refreshing page
let formData = new FormData(this); // Collect form data
fetch("send-email.php", {
method: "POST",
body: formData
})
.then(response => response.json())
.then(data => {
let messageDiv = document.getElementById("responseMessage");
if (data.status === "success") {
messageDiv.innerHTML = "<p style='color: #000;background-color:white;padding:10px;margin-top:10px;'>" + data.message + "</p>";
} else {
messageDiv.innerHTML = "<p style='color: red;'>" + data.message + "</p>";
}
// Clear the message after 1 minute (60000 milliseconds)
setTimeout(() => {
messageDiv.innerHTML = "";
}, 3000);
})
.catch(error => console.error("Error:", error));
});
</script>
<script>
$(document).ready(function() {
// Show popup modal after 3 seconds
// Form validation and submission
$("#popup-form").on('submit', function(e) {
e.preventDefault();
// Reset previous error states
$(".is-invalid").removeClass("is-invalid");
// Correctly selecting input fields
let name = $("input[name='name']").val()?.trim() || "";
let phone = $("input[name='phone']").val()?.trim() || "";
// Validate name field
if (name === "") {
$("input[name='name']").addClass("is-invalid");
return false;
}
// Validate phone field
if (phone === "" || !/^[0-9]{10}$/.test(phone)) {
$("input[name='phone']").addClass("is-invalid");
return false;
}
// Submit form if validation passes
const $submitBtn = $(this).find('button[type="submit"]');
const originalBtnText = $submitBtn.text();
$.ajax({
type: "POST",
url: "popup-mailer.php", // Ensure this PHP file exists and is accessible
data: { name: name, phone: phone },
dataType: 'json',
beforeSend: function() {
$submitBtn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-2"></span> Submitting...');
},
success: function(response) {
if (response.status === 'success') {
$("#popup-form").html('<div class="alert alert-success">' +
'<h4>Thank You!</h4>' +
'<p>' + response.message + '</p>' +
'</div>');
// Close the modal after 3 seconds
setTimeout(function() {
closeModal();
}, 3000);
} else {
alert(response.message || "An error occurred. Please try again.");
$submitBtn.prop('disabled', false).text(originalBtnText);
}
},
error: function(xhr, status, error) {
console.error("Ajax error:", { xhr, status, error });
alert("An error occurred while sending your message. Please try again later.");
$submitBtn.prop('disabled', false).text(originalBtnText);
}
});
});
// Remove invalid class on input change
$("input").on('input', function() {
$(this).removeClass("is-invalid");
});
});
// Function to close the modal
function closeModal() {
$("#popupModal").fadeOut();
}
</script>
<script>
$(document).ready(function() {
$("#enquiryFormNew").on('submit', function(e) {
e.preventDefault();
$(".is-invalid").removeClass("is-invalid");
$("#generalError").hide();
let isValid = true;
$(this).find('[required]').each(function() {
if (!$(this).val().trim()) {
$(this).addClass("is-invalid");
isValid = false;
}
});
const email = $("#emailInput").val().trim();
if (email && !isValidEmail(email)) {
$("#emailInput").addClass("is-invalid");
isValid = false;
}
if (!isValid) {
$("#generalError").show();
return;
}
const $submitBtn = $(this).find('button[type="submit"]');
const originalBtnText = $submitBtn.text();
$.ajax({
type: "POST",
url: "send_email.php",
data: new FormData(this),
processData: false,
contentType: false,
dataType: 'json',
beforeSend: function() {
$submitBtn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-2"></span>Sending...');
},
success: function(response) {
alert(response.message);
if (response.status === 'success') {
$("#enquiryFormNew")[0].reset();
}
},
error: function(xhr, status, error) {
console.error("Ajax error:", {xhr, status, error});
alert("An error occurred while sending your message. Please try again later.");
},
complete: function() {
$submitBtn.prop('disabled', false).text(originalBtnText);
}
});
});
function isValidEmail(email) {
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
}
$("input, textarea, select").on('input change', function() {
$(this).removeClass("is-invalid");
$("#generalError").hide();
});
});
</script>
<script>
$(document).ready(function() {
// Form validation and submission
$("#contactForm").on('submit', function(e) {
e.preventDefault();
// Reset previous error states
$(".is-invalid").removeClass("is-invalid");
$("#generalError").hide();
// Validate all required fields
let isValid = true;
$(this).find('[required]').each(function() {
if (!$(this).val()) {
$(this).addClass("is-invalid");
isValid = false;
}
});
// Validate email format
const email = $("#emailInput").val().trim();
if (email && !isValidEmail(email)) {
$("#emailInput").addClass("is-invalid");
isValid = false;
}
// Show general error if validation fails
if (!isValid) {
$("#generalError").show();
return;
}
// Submit form if validation passes
const $submitBtn = $(this).find('button[type="submit"]');
const originalBtnText = $submitBtn.text();
$.ajax({
type: "POST",
url: "mailto.php",
data: new FormData(this),
processData: false,
contentType: false,
dataType: 'json',
beforeSend: function() {
$submitBtn.prop('disabled', true)
.html('<span class="spinner-border spinner-border-sm me-2"></span>Sending...');
},
success: function(response) {
if (response.status === 'success') {
alert(response.message);
$("#contactForm")[0].reset();
} else {
alert(response.message || "An error occurred. Please try again.");
}
},
error: function(xhr, status, error) {
console.error("Ajax error:", {xhr, status, error});
alert("An error occurred while sending your message. Please try again later.");
},
complete: function() {
$submitBtn.prop('disabled', false).text(originalBtnText);
}
});
});
// Helper function to validate email
function isValidEmail(email) {
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
}
// Remove invalid class on input change
$("input, textarea, select").on('input change', function() {
$(this).removeClass("is-invalid");
$("#generalError").hide();
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
var courseLink = document.getElementById("courseLink");
var dropdownToggle = document.getElementById("courseDropdownToggle");
var dropdownMenu = dropdownToggle.nextElementSibling;
// The course link just navigates normally (no need for special handling)
// The browser will handle the navigation to course.html
// Handle only the dropdown toggle icon for showing/hiding the menu
dropdownToggle.addEventListener("click", function (event) {
if (window.innerWidth < 992) { // Mobile screens
event.preventDefault();
dropdownMenu.style.display =
dropdownMenu.style.display === "block" ? "none" : "block";
}
});
// Close dropdown when clicking outside
document.addEventListener("click", function (event) {
if (window.innerWidth < 992 &&
!dropdownToggle.contains(event.target) &&
!dropdownMenu.contains(event.target) &&
!courseLink.contains(event.target)) {
dropdownMenu.style.display = "none";
}
});
});
</script>
<script>
var swiper = new Swiper(".custom-swiper", {
slidesPerView: 1,
spaceBetween: 20,
loop: true,
autoplay:true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
1024: { slidesPerView: 5 }, // Large screens
768: { slidesPerView: 2 }, // Tablets
425: { slidesPerView: 2 } // Mobile screens
}
});
</script>
<!-- <script>
document.addEventListener("DOMContentLoaded", function() {
const modal = document.getElementById("popupModal");
const pageUrl = window.location.pathname; // Get current page URL
const popupKey = "popupShown_" + pageUrl; // Create unique key for this page
// Ensure modal is hidden initially
modal.style.display = "none";
// Check if popup was already shown in this session
if (!sessionStorage.getItem(popupKey)) {
setTimeout(() => {
modal.style.display = "flex"; // Show the modal properly
sessionStorage.setItem(popupKey, "true"); // Store flag in session
}, 500); // Optional: Add delay for smoother appearance
}
// Close modal when clicking outside modal content
window.onclick = function(event) {
if (event.target === modal) {
closeModal();
}
};
});
function closeModal() {
document.getElementById("popupModal").style.display = "none";
}
</script> -->
<script>
document.addEventListener("DOMContentLoaded", function () {
// Initialize both Swipers with the same delay
const SWIPER_DELAY = 2000;
// Initialize Right-moving Swiper
const swiperRight = new Swiper(".swiper-right", {
slidesPerView: 6,
spaceBetween: 20,
loop: true,
navigation: {
nextEl: ".swiper-right .swiper-button-next",
prevEl: ".swiper-right .swiper-button-prev",
},
pagination: {
el: ".swiper-right .swiper-pagination",
clickable: true,
},
autoplay: {
delay: SWIPER_DELAY,
disableOnInteraction: false,
reverseDirection: false
},
breakpoints: {
1024: { slidesPerView: 7, spaceBetween: 20 },
768: { slidesPerView: 2, spaceBetween: 15 },
320: { slidesPerView: 2, spaceBetween: 20, slidesPerGroup: 1 }
}
});
// Initialize Left-moving Swiper
const swiperLeft = new Swiper(".swiper-left", {
slidesPerView: 6,
spaceBetween: 20,
loop: true,
navigation: {
nextEl: ".swiper-left .swiper-button-next",
prevEl: ".swiper-left .swiper-button-prev",
},
pagination: {
el: ".swiper-left .swiper-pagination",
clickable: true,
},
autoplay: {
delay: SWIPER_DELAY, // Same delay as right swiper
disableOnInteraction: false,
reverseDirection: true
},
breakpoints: {
1024: { slidesPerView: 7, spaceBetween: 20 },
768: { slidesPerView: 2, spaceBetween: 15 },
320: { slidesPerView: 2, spaceBetween: 20, slidesPerGroup: 1 }
}
});
// Function to start both swipers together
function startSwipers() {
swiperRight.autoplay.stop();
swiperLeft.autoplay.stop();
// Small timeout to ensure clean restart
setTimeout(() => {
swiperRight.autoplay.start();
swiperLeft.autoplay.start();
}, 50);
}
// Synchronize on interaction
swiperRight.on('touchEnd', startSwipers);
swiperLeft.on('touchEnd', startSwipers);
// Handle manual navigation
const handleNavigation = () => {
startSwipers();
};
// Add listeners for navigation buttons
document.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(button => {
button.addEventListener('click', handleNavigation);
});
// Start swipers initially
startSwipers();
// Handle page visibility changes
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') {
startSwipers();
}
});
});
</script>
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 4, // Default for large screens
spaceBetween: 20,
loop: true,
slidesPerGroup: 1,
centeredSlides: false,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
speed: 800,
breakpoints: {
1024: {
slidesPerView: 4, // 4 slides on desktop
},
768: {
slidesPerView: 2, // 2 slides on tablets
spaceBetween: 50
},
320: {
slidesPerView: 2, // Changed to 2 for mobile screens
spaceBetween: 20, // Reduced spacing for better fit on mobile
slidesPerGroup: 1
}
}
});
</script>
<script>
var swiper = new Swiper(".testimonial-swiper", {
slidesPerView: "auto", // Allows custom sizing
slidesPerGroup: 1, // Moves one slide at a time
spaceBetween: 20, // Spacing between slides
centeredSlides: false, // Ensures alignment
loop: true, // Enables infinite looping
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
speed: 800,
breakpoints: {
1024: {
slidesPerView: 2 // 2 fully visible slides, 3rd partially visible
},
768: {
slidesPerView: 2 // Only 2 slides on smaller screens
},
480: {
slidesPerView: 1 // 1 slide per view on mobile
}
}
});
</script>
<script>
// Initialize swiper only on mobile
let achievementsSwiper;
function initSwiper() {
if (window.innerWidth < 768) {
achievementsSwiper = new Swiper('.achievements-swiper', {
slidesPerView: 1,
spaceBetween: 20,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
});
} else if (achievementsSwiper) {
achievementsSwiper.destroy();
achievementsSwiper = undefined;
}
}
// Initialize on page load
window.addEventListener('load', initSwiper);
// Reinitialize on window resize
let resizeTimer;
window.addEventListener('resize', () => {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(initSwiper, 300);
});
</script>
<script>
// Initialize swiper only on mobile
let whyRasiSwiper;
function initWhyRasiSwiper() {
if (window.innerWidth < 768) {
whyRasiSwiper = new Swiper('.why-rasi-swiper', {
slidesPerView: 1,
spaceBetween: 20,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
autoplay: {
delay: 3000,
disableOnInteraction: false,
}
});
} else if (whyRasiSwiper) {
whyRasiSwiper.destroy();
whyRasiSwiper = undefined;
}
}
// Initialize on page load
window.addEventListener('load', initWhyRasiSwiper);
// Handle window resize
let whyRasiResizeTimer;
window.addEventListener('resize', () => {
clearTimeout(whyRasiResizeTimer);
whyRasiResizeTimer = setTimeout(initWhyRasiSwiper, 300);
});
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script> -->
</body>
</html>