<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head>
    <title>Trusted Real Estate Developer in India | Mahavir Group</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta name="theme-color" content="#000" />
    <meta name="description" content="Discover Mahavir Group, a leading real estate developer shaping Mumbai’s skyline with sustainable, high-quality projects. Explore our visionary developments." />
    
    <meta property="og:url" content="https://www.mahavirgroup.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Trusted Real Estate Developer in India | Mahavir Group" />
    <meta property="og:description" content="Discover Mahavir Group, a leading real estate developer shaping Mumbai’s skyline with sustainable, high-quality projects. Explore our visionary developments." />
    <meta property="og:image" content="https://mahavirgroup.com/dist/images/favicon/android-chrome-512x512.png" />
    <meta property="og:image:secure_url" content="https://mahavirgroup.com/dist/images/favicon/android-chrome-512x512.png" />
   
    <link rel="apple-touch-icon" sizes="180x180" href="https://mahavirgroup.com/dist/images/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://mahavirgroup.com/dist/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://mahavirgroup.com/dist/images/favicon/favicon-16x16.png">
    <link rel="manifest" href="https://mahavirgroup.com/site.webmanifest">
    <link rel="shortcut icon" type="image/x-icon" href="https://mahavirgroup.com/dist/images/favicon/favicon-32x32.png" />
    <link rel="icon" href="https://mahavirgroup.com/dist/images/favicon/favicon.ico">
    <link rel="mask-icon" href="https://mahavirgroup.com/dist/images/favicon/favicon.ico" color="#000000">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="JqjQYqAff0LtXQ3LZ7pSjOVC5ngdlV0OKTLOVLC9">

    <!-- Custom Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VH72EL8SB1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-VH72EL8SB1');
    </script>

        <link href="https://mahavirgroup.com/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://mahavirgroup.com/dist/css/fontawesome.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
<link href="https://mahavirgroup.com/dist/css/lightgallery.css" rel="stylesheet" type="text/css" />
<link href="https://mahavirgroup.com/dist/css/animate.min.css" rel="stylesheet" type="text/css" />
<link href="https://mahavirgroup.com/dist/css/style.css" rel="stylesheet" type="text/css" />
<link href="https://mahavirgroup.com/dist/css/responsive.css" rel="stylesheet" type="text/css" />
</head>

<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->

<body class="min-vh-100 d-flex flex-column justify-content-between">
    <div class="w-100">
        <!--[if lt IE 8]>
            <p class="browserupgrade">
              You are using an <strong>outdated</strong> browser. Please
              <a href="http://browsehappy.com/"> upgrade your browser </a>
              to improve your experience.
            </p>
          <![endif]-->

            <header id="main-header">
    <div class="nav-wrap">
        <nav
            class="navbar navbar-expand-lg navbar-light  fix-top  ">
            <div class="container-fluid">
                <button class="navbar-toggler hamburger-menu" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
                <a href="https://mahavirgroup.com/index.php" title="Logo" class="logo-img"><img
                        src="https://mahavirgroup.com/dist/images/logo.png" class="mobile-logo" /></a>
                <div>&nbsp;</div>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav m-auto head-nav">
                        <li class="nav-item">
                            <a class="nav-link "
                                href="https://mahavirgroup.com/index.php/about-us">ABOUT</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle "
                                href="#" role="button" data-bs-toggle="dropdown"
                                aria-expanded="false">PROJECTS</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a class="dropdown-item "
                                        href="https://mahavirgroup.com/index.php/projects/ongoing">Ongoing</a>
                                </li>
                                <li>
                                    <a class="dropdown-item "
                                        href="https://mahavirgroup.com/index.php/projects/completed">Completed</a>
                                </li>
                            </ul>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link "
                                href="https://mahavirgroup.com/index.php/design">DESIGN</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link head-logo-link" href="https://mahavirgroup.com/index.php">
                                                                    <img src="https://mahavirgroup.com/dist/images/logo.svg" alt="mahavir-logo"
                                        class="head-logo white-logo" />
                                    <img src="https://mahavirgroup.com/dist/images/blue-logo.svg" alt="mahavir-logo"
                                        class="head-logo blue-logo" />
                                                            </a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link "
                                href="https://mahavirgroup.com/index.php/careers">CAREER</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link "
                                href="https://mahavirgroup.com/index.php/blogs">BLOGS</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link "
                                href="https://mahavirgroup.com/index.php/contact-us">CONTACT</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</header>

    <section class="banner-section-2 d-flex">
        <!-- <img src="https://mahavirgroup.com/dist/images/banner1.png" class="m-auto" /> -->
        <!-- <div class="loader"></div> -->
        <img class="loader" src="https://www.mahavirgroup.com/dist/images/logo.svg" alt="Loading...">
        <video id="homeVid" width="100%" autoplay loop playsinline muted>
          <source src="" type="video/mp4">
        </video>
        <a id="MuteButton" class="muted" onclick="toggleMute();"></a>
    </section>
    <section class="why-section">
        <div class="why-wrap">
            <div class="why-desc">
                <div class="lhs wow fadeInUp">
                    <img src="https://mahavirgroup.com/dist/images/why-banner-2x.png" />
                </div>
                <div class="rhs wow fadeInUp">
                    <h3>ABOUT US</h3>
                    <p>
                        At Mahavir Group, we create environments that inspire growth and
                        transformation. Founded in 2003, our visionary team has been
                        redefining real estate by delivering projects with unmatched
                        character and integrity. Whether shaping urban landscapes or
                        crafting iconic spaces, we focus on creating developments that
                        stand the test of time and enhance the communities they serve.
                    </p>
                    <a href="https://mahavirgroup.com/index.php/about-us" class="primary-btn">Learn More</a>
                </div>
            </div>
            <div class="why-us">
                <div class="lhs wow fadeInUp">
                    <h3>WHY US?</h3>
                    <p class="why-us-desc">
                        When you choose Mahavir Group for your residential needs, you
                        are selecting more than just a home; you are investing in a
                        legacy of trust and satisfaction. With over 20 years of
                        experience, we offer:
                    </p>
                    <div class="why-icons">
                        <div class="icon-wrap">
                            <img src="https://mahavirgroup.com/dist/images/why1-2x.png" alt="Unmatched artisanal excellence" />
                            <p>Unmatched artisanal excellence</p>
                        </div>
                        <div class="icon-wrap">
                            <img src="https://mahavirgroup.com/dist/images/why2-2x.png" alt="Timely possession" />
                            <p>Timely possession</p>
                        </div>
                        <div class="icon-wrap">
                            <img src="https://mahavirgroup.com/dist/images/why3-2x.png" alt="Customised financing options" />
                            <p>Customised financing options</p>
                        </div>
                        <div class="icon-wrap">
                            <img src="https://mahavirgroup.com/dist/images/why4-2x.png" alt="Innovative designs" />
                            <p>Innovative designs</p>
                        </div>
                        <div class="icon-wrap">
                            <img src="https://mahavirgroup.com/dist/images/why5-2x.png" alt="Personalised after sales support" />
                            <p>Personalised after sales support</p>
                        </div>
                        <div class="icon-wrap">
                            <img src="https://mahavirgroup.com/dist/images/why6-2x.png" alt="Personalised after sales support" />
                            <p>Over 5 lakh SQ. FT. area Delivered</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="philosophy-section">
        <div class="philosophy-wrap">
            <h3 class="wow fadeInUp">Introducing Mahavir’s Design Philosophy</h3>
            <div class="cards-wrap wow fadeInUp">
                <div class="philosophy-card">
                    <img src="https://mahavirgroup.com/dist/images/phi5-color.png" />
                    <div class="overlay"></div>
                    <p class="title"><a href="https://mahavirgroup.com/index.php/design" style="text-decoration: none;color: white;">A</a></p>
                    <p class="desc">
                        Architectural<br />
                        Evolution
                    </p>
                </div>
                <div class="philosophy-card">
                    <img src="https://mahavirgroup.com/dist/images/phi1-color.png" />
                    <div class="overlay"></div>
                    <p class="title"><a href="https://mahavirgroup.com/index.php/design" style="text-decoration: none;color: white;">R</a></p>
                    <p class="desc">
                        Renewable<br>
                        Ecosystems
                    </p>
                </div>
                <div class="philosophy-card">
                    <img src="https://mahavirgroup.com/dist/images/phi2-color.png" />
                    <div class="overlay"></div>
                    <p class="title"><a href="https://mahavirgroup.com/index.php/design" style="text-decoration: none;color: white;">H</a></p>
                    <p class="desc">
                        Holistic<br>
                        Approach
                    </p>
                </div>
                <div class="philosophy-card">
                    <img src="https://mahavirgroup.com/dist/images/phi3-color.png" />
                    <div class="overlay"></div>
                    <p class="title"><a href="https://mahavirgroup.com/index.php/design" style="text-decoration: none;color: white;">A</a></p>
                    <p class="desc">
                        Aesthetic<br>
                        harmony
                    </p>
                </div>
                <div class="philosophy-card">
                    <img src="https://mahavirgroup.com/dist/images/phi4-color.png" />
                    <div class="overlay"></div>
                    <p class="title"><a href="https://mahavirgroup.com/index.php/design" style="text-decoration: none;color: white;">M</a></p>
                    <p class="desc">
                        Multi<br>functionality
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- <section class="video-section wow fadeInUp">
        <video width="100%" autoplay="" playsinline="" muted="">
            <source src="https://dizrupt.in/projects/mahavir/dist/videos/Video 02 HD.mp4" type="video/mp4" />
        </video>
    </section> -->
    <section class="featured-title wow fadeInUp">
        <h3>
            Step into a <span>Mahavir</span> marvel and experience a sanctuary to
            flourish
        </h3>
    </section>
    <section class="projects-section">
        <div class="projects-wrap wow fadeInUp">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="delivered-tab" data-bs-toggle="tab" data-bs-target="#delivered"
                        type="button" role="tab" aria-controls="delivered" aria-selected="true">
                        Projects delivered by Mahavir<br /><span>(over 5 lakh sq. ft.)</span>
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="underconstruction-tab" data-bs-toggle="tab"
                        data-bs-target="#underconstruction" type="button" role="tab" aria-controls="underconstruction"
                        aria-selected="false">
                        Projects Under Consrtuction<br /><span>(over 5 lakh sq. ft.)</span>
                    </button>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="delivered" role="tabpanel" aria-labelledby="delivered-tab">
                    <div class="project-slider">
                        <a href="https://mahavirgroup.com/index.php/projects/completed"><img src="https://mahavirgroup.com/dist/images/project1-2x.png" /></a>
                        <a href="https://mahavirgroup.com/index.php/projects/completed"><img src="https://mahavirgroup.com/dist/images/project2-2x.png" /></a>
                        <a href="https://mahavirgroup.com/index.php/projects/completed"><img src="https://mahavirgroup.com/dist/images/project3-2x.png" /></a>
                    </div>
                    <div><a href="https://mahavirgroup.com/index.php/projects/completed" class="primary-btn">View All</a></div>
                </div>
                <div class="tab-pane fade" id="underconstruction" role="tabpanel"
                    aria-labelledby="underconstruction-tab">
                    <div class="project-slider">
                        <a href="https://mahavirgroup.com/index.php/projects/ongoing/arham-mourya"><img src="https://mahavirgroup.com/dist/images/up1.png" /></a>
                        <a href="https://mahavirgroup.com/index.php/projects/ongoing/arham-chidakash"><img src="https://mahavirgroup.com/dist/images/up2.png" /></a>
                        <a href="https://mahavirgroup.com/index.php/projects/ongoing/arham-arya"><img src="https://mahavirgroup.com/dist/images/up3.png" /></a>
                    </div>
                    <div><a href="https://mahavirgroup.com/index.php/projects/ongoing" class="primary-btn">View All</a></div>
                </div>
            </div>
        </div>
    </section>
    <section class="testimonial-section">
        <h3 class="wow fadeInUp">Customer Testimonials</h3>
        <p class="testimonial-desc wow fadeInUp">
            While we believe our quality, great pricing, and exceptional customer
            service do speak for themselves, it is always gratifying to hear
            positive feedback from others.
        </p>
        <div class="testimonial-wrap wow fadeInUp">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                From design to delivery, Mahavir Group made everything seamless. The quality of construction
                                is
                                top-notch!
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Arvind Desai<br /><span>Customer</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                Living here has been a wonderful experience. The location
                                and amenities make everyday life comfortable.
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Lakshmi Menon<br /><span>Architect</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                The whole process was seamless, and the final product was even better than we imagined.
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Shantanu Reddy<br /><span>Customer</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                Their professionalism throughout the process made buying our first home stress-free.
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Tanvi Kothari<br /><span>Architect</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                From design to delivery, Mahavir Group made everything seamless. The quality of construction
                                is
                                top-notch!
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Arvind Desai<br /><span>Customer</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                Living here has been a wonderful experience. The location
                                and amenities make everyday life comfortable.
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Lakshmi Menon<br /><span>Architect</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                The whole process was seamless, and the final product was even better than we imagined.
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Shantanu Reddy<br /><span>Customer</span></p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <img src="https://mahavirgroup.com/dist/images/quotes.svg" />
                            <p>
                                Their professionalism throughout the process made buying our first home stress-free.
                            </p>
                        </div>
                        <div class="bottom">
                            <p>Tanvi Kothari<br /><span>Architect</span></p>
                        </div>
                    </div>
                </div>
                <div class="nav-button-wrap">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
        </div>
    </section>
    <section class="contact-section">
        <div class="contact-wrap">
            <h3 class="wow fadeInUp">Contact Us</h3>
            <div class="contact-info wow fadeInUp">
                <img src="https://mahavirgroup.com/dist/images/mail.png" />
                <a href="mailto:admin@mahavirgroup.com" class="mail">admin@mahavirgroup.com</a>
            </div>
            <div class="contact-info wow fadeInUp">
                <img src="https://mahavirgroup.com/dist/images/phone.png" />
                <a href="tel:+91 22 2502890">+91 22 2502890</a>
                <a href="tel:+91 22 25211098">+91 22 25211098</a>
            </div>
        </div>
    </section>


    </div>

        <footer class="footer">
    <div class="container">
        <div class="footer-top">
            <div class="brand-info">
                <img src="https://mahavirgroup.com/dist/images/footer-logo.svg" />
                <!-- <p>
                    At Mahavir, we transform the ordinary into the extraordinary,
                    crafting environments that enrich your lifestyle.
                </p> -->
            </div>
            <div class="brand-info">
                <p>
                    At Mahavir, we transform the ordinary into the extraordinary,
                    crafting environments that enrich your lifestyle.
                </p>
            </div>
            
            <div class="quick-links">
                <div>
                    <h3>Company</h3>
                    <ul>
                        <li><a href="https://mahavirgroup.com/index.php/about-us">About us</a></li>
                        <li><a href="https://mahavirgroup.com/index.php/careers">Careers</a></li>
                        <li><a href="https://mahavirgroup.com/index.php/contact-us">Contact us</a></li>
                        <li><a href="https://mahavirgroup.com/index.php/blogs">Blogs & FAQs</a></li>
                    </ul>
                </div>
            </div>
            <div class="newsletter">
                <h3>Subscribe to Project Updates</h3>
                <div class="newsletter-wrap">
                    <form id="newsletter" method="post" action="https://mahavirgroup.com/index.php/newsletter">
                        <input type="hidden" name="_token" value="JqjQYqAff0LtXQ3LZ7pSjOVC5ngdlV0OKTLOVLC9">                        <div class="newsletter-input">
                            <input name="email" type="email" placeholder="Enter you email"
                                class="newsletter-text" />
                        </div>
                        <button class="newsletter-btn"><img
                                src="https://mahavirgroup.com/dist/images/arrows-down-top-move-1.png" /></button>
                    </form>
                    <div id="success-msg1" class="success-message">
                        <div>Thank you! Your submission has been received!</div>
                    </div>
                    <div id="error-msg1" class="error-message">
                        <div>Oops! Something went wrong while submitting the form.</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="ft-nav d-flex gap-4">
                <a href="https://www.linkedin.com/company/mahavir-group-real-estate/" target="_blank"><img
                        src="https://mahavirgroup.com/dist/images/Linkedin.svg" /></a>
                <a href="https://www.facebook.com/mahavirgroupchembur/" target="_blank"><img
                        src="https://mahavirgroup.com/dist/images/facebook.svg" /></a>
                <a href="https://www.instagram.com/mahavirgroup" target="_blank"><img
                        src="https://mahavirgroup.com/dist/images/insta.svg" /></a>
                <!-- <a href="https://theplaincanvas.com" target="_blank"><img
                        src="https://mahavirgroup.com/dist/images/Twitter.svg" /></a> -->
            </div>
            <div class="copyright-text">
                © 2024 Mahavir Group. All rights reserved
            </div>
        </div>
    </div>
</footer>

    <!-- Bootstrap Modal -->
    <div class="modal fade" id="welcomeModal" tabindex="-1" aria-labelledby="welcomeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <!-- <div class="modal-header">
                    <h5 class="modal-title" id="welcomeModalLabel">Welcome!</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div> -->
                <div class="modal-body">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="float:right"></button>
                    <div class="rhs">
            <h3>WE’D LOVE TO HELP</h3>
            <p>Let's Build Your Dream Together – Reach Out to Us Today! </p>
            <div class="contact-form">
                <form id="enquiry_form_popup" action="https://mahavirgroup.com/index.php/contact-us" method="post">
                    <input type="hidden" name="_token" value="JqjQYqAff0LtXQ3LZ7pSjOVC5ngdlV0OKTLOVLC9">
                    <div class="row g-5">
                        <div class="col-md-6 mt-70">
                            <div class="floating-label-group">
                                <input type="text" name="firstname" class="form-control" autocomplete="off" required>
                                <label class="floating-label">First name</label>
                            </div>
                        </div>
                        <div class="col-md-6 mt-70 mt-40-sm">
                            <div class="floating-label-group">
                                <input type="text" name="lastname" class="form-control" autocomplete="off" required>
                                <label class="floating-label">Last name</label>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="floating-label-group">
                                <input type="email" name="email" class="form-control" autocomplete="off" required>
                                <label class="floating-label">Email address</label>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="floating-label-group">
                                <input type="text" name="phone" class="form-control" autocomplete="off" required>
                                <label class="floating-label">Phone No.</label>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="floating-label-group">
                                <textarea class="form-control" name="message" autocomplete="off" required></textarea>
                                <label class="floating-label">Your message</label>
                            </div>
                        </div>
                    </div>
                    <div class="w-100 mt-md-5"><button type="submit" class="primary-btn">Submit</button></div>
                    <div id="pop-success-msg" class="success-message">
                        <br>
                        <div>Thank you! Your submission has been received!</div>
                    </div>
                    <div id="pop-error-msg" class="error-message">
                        <br>
                        <div>Oops! Something went wrong while submitting the form.</div>
                    </div>
                </form>
            </div>
        </div>
                </div>
            </div>
        </div>
    </div>

        <script src="https://mahavirgroup.com/dist/js/jquery-1.11.1.js" type="text/javascript"></script>
<script src="https://mahavirgroup.com/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://mahavirgroup.com/dist/js/wow.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" type="text/javascript"></script>
<script src="https://mahavirgroup.com/dist/js/jquery-validator.min.js"></script>
<script src="https://mahavirgroup.com/assets/malsup.js"></script>
<script>
    var wow = new WOW({
        mobile: true,
        offset: 60,
    });
    wow.init();
</script>
<script>
    $("#newsletter").validate({
        rules: {
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            email: {
                required: "This field is required",
                emailtest: "Please enter a valid email address"
            }
        }
    });

    $("#newsletter").ajaxForm({
        success: function($response) {
            if ($response.success) {
                $("#success-msg1").fadeIn(1000).delay(5000).fadeOut(5000);
            } else {
                var errorString = '<ul>';
                $.each($response.errors, function(key, value) {
                    errorString += '<li>' + value + '</li>';
                });
                errorString += '</ul>';
                $("#error-msg1").fadeIn(1000).html(errorString).delay(5000).fadeOut(5000);
            }
            document.getElementById("newsletter").reset();
        }
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        const header = document.getElementById("main-header");
        let lastScrollY = 0;

        window.addEventListener("scroll", function() {
            const currentScrollY = window.scrollY;

            if (currentScrollY > lastScrollY && currentScrollY > header.offsetHeight) {
                // Scrolling down: Hide the header
                header.classList.add("hidden");
                header.classList.remove("sticky");
            } else if (currentScrollY < lastScrollY) {
                // Scrolling up: Show the sticky header
                header.classList.remove("hidden");
                header.classList.add("sticky");
            }

            // When scrolled to the top: Remove sticky header
            if (currentScrollY === 0) {
                header.classList.remove("sticky");
            }

            lastScrollY = currentScrollY;
        });
    });
</script>
<script>
        document.addEventListener("DOMContentLoaded", function() {
            if (!sessionStorage.getItem("popupShown")) {
                setTimeout(() => {
                    var modal = new bootstrap.Modal(document.getElementById('welcomeModal'));
                    modal.show();
                    sessionStorage.setItem("popupShown", "true");
                }, 10000);
            }
        });
    </script>
    <script>
        // document.addEventListener("DOMContentLoaded", function() {
        //     setTimeout(() => {
        //         var modal = new bootstrap.Modal(document.getElementById('welcomeModal'));
        //         modal.show();
        //     }, 1000);
        // });
    </script>

<script>
        //for letters only
        $.validator.addMethod("lettersonly", function(value, element) {
            return this.optional(element) || /^[a-zA-Z][a-zA-Z ]+$/i.test(value);
        });
        $("#enquiry_form_popup").validate({
            rules: {
                name: {
                    required: true,
                    lettersonly: true,
                    minlength: 2
                },
                email: {
                    required: true,
                    email: true
                },
                message: {
                    required: true
                }
            },
            messages: {
                name: {
                    required: "This field is required",
                    lettersonly: "Please enter a text only"
                },
                email: {
                    required: "This field is required",
                    emailtest: "Please enter a valid email address"
                },
                message: {
                    required: "This field is required"
                }
            }
        });

        $("#enquiry_form_popup").ajaxForm({
            success: function($response) {
                if ($response.success) {
                    $("#pop-success-msg").fadeIn(1000).delay(5000).fadeOut(5000);
                } else {
                    var errorString = '<ul>';
                    $.each($response.errors, function(key, value) {
                        errorString += '<li>' + value + '</li>';
                    });
                    errorString += '</ul>';
                    $("#pop-error-msg").fadeIn(1000).html(errorString).delay(5000).fadeOut(5000);
                }
                document.getElementById("enquiry_form_popup").reset();
            }
        });
    </script>    <script>
        // Initialize Swiper
        var swiper = new Swiper(".mySwiper", {
            loop: true,
            // loopedSlides: 5,
            slidesPerView: 3,
            spaceBetween: 5,
            slideToClickedSlide: true,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            // pagination: {
            // el: ".swiper-pagination",
            // clickable: true,
            // },
            breakpoints: {
                360: {
                    slidesPerView: 1.4,
                    spaceBetween: 10,
                },
                375: {
                    slidesPerView: 1.4,
                    spaceBetween: 10,
                },
                640: {
                    slidesPerView: 1.4,
                    spaceBetween: 10,
                },
                768: {
                    slidesPerView: 1,
                    spaceBetween: 0,
                },
                1024: {
                    slidesPerView: 3.8,
                    spaceBetween: 25,
                },
            },
        });
    </script>

    <script>

    window.onload = (event) => { myFunction(event) };

    function myFunction(event) {
        let upcomingVid = document.getElementById("homeVid");
        let bannerSection = document.querySelector(".banner-section-2");

        if (screen.width > 991) {
            upcomingVid.src = "https://www.mahavirgroup.com/dist/videos/Video 1 HD.mp4";
        } else {
            upcomingVid.src = "https://www.mahavirgroup.com/dist/videos/VerticalVideo01.mp4";
        }
        
        upcomingVid.load();

        // Wait for the video to load completely
        upcomingVid.oncanplaythrough = () => {
            bannerSection.classList.add("video-loaded"); // Hide loader, show video
        };
    }

    function toggleMute() {
        var button = document.getElementById("MuteButton");
        var video = document.getElementById("homeVid");
        
        video.muted = !video.muted;
        button.classList.toggle('muted');
    }

    // window.onload = (event) => { myFunction( event ) };

    // function myFunction( event ) 
    // {
    //  let homeVid = document.getElementById("homeVid");
    //  if ( screen.width > 991 ) { homeVid.src = "https://www.mahavirgroup.com/dist/videos/Video 1 HD.mp4"; }
    //  if ( screen.width <= 991 ) { homeVid.src = "https://cdn.jsdelivr.net/gh/realtytech/videos_arham@main/Verticalvideo01_HD.mp4"; }
    //  homeVid.load();
    // }

    // function toggleMute() {
    //   var button = document.getElementById("MuteButton")
    //   var video = document.getElementById("homeVid")
    //   if(video.muted){
    //     video.muted = false;
    //   } else {
    //     video.muted = true;
    //   }
    //   button.classList.toggle('muted');
    // }

    </script>
    <script type="text/javascript">
        (function($) {
            if (document.head.querySelector('meta[name="csrf-token"]')) {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            } else {
                console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
            }
        })(jQuery);
    </script>
</body>

</html>
