<!DOCTYPE html>
<html>

<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TDD6596T');</script>
    <!-- End Google Tag Manager -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Venus Skky City</title>
    <link rel="icon" href="images/fav-icon.png" type="image/png" sizes="16x16">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="intl-tel-input/css/intlTelInput.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css"
        rel="stylesheet">
    <link href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet">
    <link href="css/hover.css" rel="stylesheet">
    <link href="lightbox/light-box.css" rel='stylesheet' type='text/css'>
    <link href="css/flaticon.css" rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" />
    <link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.12/css/lightgallery.css">



    <!-----------------newwwwwww data------>
    <style>
    .her {
        text-align: center;
    }
    </style>




</head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TDD6596T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->


    <header class="normal-header">
        <div class="">
            <div class="col-md-1">
                <div class="logo-wrapper">

                    <a class="navbar-brand" href="index.php">
                        <img src="images/logo.png" class="img-responsive logo-color">
                        <!-- <img src="images/logo.png" class="secondlogo visible-xs"> -->

                    </a>
                </div>
            </div>

            <div class="col-md-10 ">
                <div class="nav-wrapper">
                    <nav class="nav-links">
                        <a href="#overview" data-event-category="header" data-event-action="click"
                            data-event-name="menu-Overview">Overview</a>
                        <a href="#configuration" data-event-category="header" data-event-action="click"
                            data-event-name="menu-Configuration">Configurations</a>
                        <a href="#amenities" data-event-category="header" data-event-action="click"
                            data-event-name="menu-project-amenities">amenities</a>
                        <!-- <a rel="conve" data-event-category="header" data-event-action="click"
                        data-event-name="menu-about-specifications">Convenience</a> -->

                        <a href="#gallery" data-event-category="header" data-event-action="click"
                            data-event-name="menu-location">Gallery</a>

                        <a href="#floor" data-event-category="header" data-event-action="click"
                            data-event-name="menu-location"> Plans</a>


                        <a rel="location" data-event-category="header" data-event-action="click"
                            data-event-name="menu-location">Location</a>


                        <a href="#about" data-event-category="header" data-event-action="click"
                            data-event-name="menu-location">About Us</a>
                        <a rel="contact" data-event-category="header" data-event-action="click"
                            data-event-name="tact">Contact Us</a>

                        <a rel="" data-event-category="header" data-event-action="click"
                            data-event-name="menu-location"> <button class=" dbroucher">E-Brochure</button></a>

                    </nav>
                </div>


            </div>
            <div class="col-md-1">
                <a class="navbar-brand" href="index.php" style="padding:0px">
                    <img src="images/logo-1.png" class="secondlogo ">
                </a>
            </div>
            <div class="burger-menu hide-in-desktop">
                <i class="fa fa-bars" aria-hidden="true"></i>
            </div>
        </div>
        <!--<div id="form_success" style="display:none; font-size:20px; padding:20px 10px; text-align:center;color:#fff;">
                        <span> - Your request has been submitted successfully.</span><br/><br/>
                        <span> - We will get back to you soon.</span>
                    </div>-->

    </header>

    <!--<section class="panoroma">

</section>-->


    <section class="relative" id="home">

        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

            <!-- <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol> -->


            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img class="d-banner" src="images/slider/web-1.jpg" alt="banner" style="width: 100%">
                    <img class="m-banner" src="images/slider/mobile-1.jpg" alt="banner" style="width: 100%">
                </div>
                <div class="item ">
                    <img class="d-banner" src="images/slider/web-2.jpg" alt="banner" style="width: 100%">
                    <img class="m-banner" src="images/slider/mobile-2.jpg" alt="banner" style="width: 100%">
                </div>
                
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><img src="images/left.png"></span>

            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><img src="images/right.png"></span>

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


    <section>
        <div class="col-md-12 visible-xs" id="">
            <div class="up-form">
                <p class="reg-title">REGISTER YOUR INTEREST</p>
                <form id="reg-form" action="thank-you.php" name="reg-form" method="POST"
                    onsubmit="return save_landing_pageinfo('reg-form');">
                    <div class="form-group col-md-12 pd">
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                            </div>
                            <input type="text" class="form-control" name="fname" placeholder="Name*">
                            <input type="hidden" name="source" value="Regiter Form Mobile" id="source">
                        </div>
                        <label for="fname" generated="true" class="error"></label>
                    </div>
                    <div class="form-group col-md-12 pd">
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                            </div>
                            <input type="number" placeholder="Phone*" name="mobile" required>
                            <input type="hidden" name="cc" value="+91">
                        </div>
                        <label for="mobile" generated="true" class="error"></label>
                    </div>

                    <div class="form-group col-md-12 pd">
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i></div>
                            <input type="email" class="form-control" name="email" placeholder="Email">
                        </div>
                        <label for="email" generated="true" class="error"></label>
                    </div>
                    <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                </form>
            </div>
        </div>
    </section>

    <section class=" gre" id="overview">
        <div id="crown" class="wow">
            <div class="container">

                <div class="col-12 col-md-12 wrap">
                    <div class="section-title gall-head">
                        Overview
                    </div>
                    <div class="underline2">&nbsp;</div>
                    <!-- <div class="section-subtitle relative">
                    The Better world
                    </div> -->
                    <div class="col-12 col-left block float-none">

                        <div class="content-wrapper text-center">
                            <p>Venus Skky City true to its name is the celebration of breathtaking views, evergreen hues and morning dews. Nestled within 20+ acres of a lush integrated township, the project offers you a grandeur life along with the wellness of modern recreational amenities and the convenience of connectivity.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="" id="configuration">
        <div class="padding confback">
            <div class="container ">
                <h1 class="section-header  section-title foo" style="color:#fff">Configuration</h1>
                <div class="underline2" style="background:#fff;">&nbsp;</div>
                <!-- <div class="section-subtitle relative" style="color: #fff;">
                        CHOOSE FROM 1 & 2 BED RESIDENCES STARTING &#8377;1.05 Cr*
                    </div> -->

                <div class="col-md-12">

                    <div class="col-md-offset-2 col-md-4 col-xs-12" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
                        <div class="config-wrap">
                            <h3><span>1 BHK</h3>
                            <div class="config-line"></div>
                            <h2> 400 & 436 <br>SQ.FT.</br></h2>
                            <div class="config-line"></div>
                            <button class="pricing_btn price-click">₹ Check Price</button>
                            <!-- <button class="pricing_btn floor"> View Plan</button> -->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-12" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
                        <div class="config-wrap">
                            <h3><span>2 BHK</span></h3>
                            <div class="config-line"></div>
                            <h2>500 & 526<br>SQ.FT.<br></h2>
                            <div class="config-line"></div>
                            <button class="pricing_btn price-click">₹ Check Price</button>
                        </div>
                    </div>

                    <!-- <div class="col-md-4" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
                        <div class="config-wrap">
                            <h3><span>2 BHK with Deck + <br>Jodi Options Available</span></h3>
                            <div class="config-line"></div>
                            <h2>716 <br>SQ.FT.<br></h2>
                            <div class="config-line"></div>
                            <button class="pricing_btn price-click">₹ Check Price</button>
                        </div>
                    </div> -->
                    <div class="col-md-12">
                    <p class="text-center white">*As per RERA Carpet Area</p>
                    </div>
                    
                </div>
            </div>
        </div>

    </section>

    <section class="padding grey" id="amenities">
        <div class="container-fluid">
            <h1 class="section-header  gall-head foo">Amenities</h1>
            <div class="underline2">&nbsp;</div>
            <div class="row">
                <div class="col-md-offset-1 col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/1.png">
                        </div>
                        <h3 class="title">Gazebo</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/2.png">
                        </div>
                        <h3 class="title">Library & Multipurpose Chamber</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/3.png">
                        </div>
                        <h3 class="title">Yoga & Pilates Deck</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/4.png">
                        </div>
                        <h3 class="title">Senior Citizens Area</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/5.png">
                        </div>
                        <h3 class="title">Jogging Track</h3>
                    </div>
                    
                </div>
                <div class=" col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/6.png">
                        </div>
                        <h3 class="title">Kids Play Area </h3>
                    </div>
                    
                </div>
               
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/7.png">
                        </div>
                        <h3 class="title">Fire Pit & Mount Sitting</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/8.png">
                        </div>
                        <h3 class="title">Air Conditioned Gymnasium</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/9.png">
                        </div>
                        <h3 class="title">Cross-fit Area</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/10.png">
                        </div>
                        <h3 class="title">Star Gazing Arena</h3>
                    </div>
                    
                </div>
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div class="serviceBox">
                        <div class="service-icon">
                            <img src="images/icon/11.png">
                        </div>
                        <h3 class="title">Theatre cum Auditorium</h3>
                    </div>
                    
                </div>
            </div>
           
        </div>
    </section>



    <section id="reasons" class="sppb-section  resort-title-heading wow" style="display: none;">
        <div class="container">
            <div class="sppb-section-title sppb-text-center">
                <h2 class="sppb-title-heading delay-09s animated wow fadeInDown animated gall-head"
                    style="visibility: visible; animation-name: fadeInDown; text-align: center; margin-bottom: 15px;">
                    9 REASONS TO BUY AT Venus Skky City</h2>
                <div class="underline2">&nbsp;</div>
            </div>
            <div class="sppb-row">
                <div class="sppb-col-sm-12">
                    <div id="column-id-1507611942" class="sppb-column">
                        <div class="sppb-column-addons">
                            <div id="sppb-addon-1507611943" class="clearfix">
                                <div class="sppb-addon sppb-addon-latest-posts ">
                                    <div class="sppb-addon-content">
                                        <div class="latest-posts clearfix">
                                            <div class="sppb-row">

                                                <div class="tab-content delay-09s animated wow fadeInDown animated"
                                                    style="visibility: visible; animation-name: fadeInDown;">

                                                    <div role="tabpanel" class="tab-pane fade active in" id="floorplan">
                                                        <div id="lightgallery3" class="">

                                                            <div class="floor reaso owl-carousel owl-theme">
                                                                
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>1</h1>
                                                                        <p><b>Construction in
                                                                                full swing</b>: With
                                                                            the construction in
                                                                            full swing for the
                                                                            project and RCC
                                                                            completed, you can
                                                                            envision this dream
                                                                            coming to life
                                                                            within the promised
                                                                            time-line.</p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>2</h1>
                                                                        <p>The only project in
                                                                            Powai which has <b>~ 8 Acres</b> of space
                                                                            with
                                                                            large recreational
                                                                            ground & a lavish
                                                                            clubhouse inside
                                                                            the complex with
                                                                            39+ amenities,
                                                                            including special
                                                                            digital screens.</p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>3</h1>
                                                                        <p>Privilege of
                                                                            <b>uninterrupted
                                                                                views</b> from the
                                                                            highest point of
                                                                            Powai.
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>4</h1>
                                                                        <p>The coming
                                                                            together of the
                                                                            <b>Venus Skky City Group’s
                                                                                trust</b> with the best
                                                                            of Architects,
                                                                            Structure
                                                                            Consultants,
                                                                            Landscape
                                                                            Designers and MEP
                                                                            consultants to
                                                                            create a “Venus Skky City - Silicon Valley” in the
                                                                            true
                                                                            sense of the word.
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>5</h1>
                                                                        <p><b>Efficiently
                                                                                planned</b> 2 & 3 BED
                                                                            residences which
                                                                            amplify space,
                                                                            ventilation and
                                                                            natural light.</p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>6</h1>
                                                                        <p><b>Well-Planned building with a modern facade
                                                                                that makes it stand out from the
                                                                                rest</b> glass
                                                                            façade building
                                                                            that makes it stand
                                                                            out from the rest.</p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>7</h1>
                                                                        <p><b>Connected
                                                                                exceptionally</b> well
                                                                            with both Western
                                                                            and Eastern
                                                                            Express Highways,
                                                                            close proximity to
                                                                            the airport and the
                                                                            Metro line 6, it is a
                                                                            well poised
                                                                            location.</p>
                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>8</h1>
                                                                        <p>Add Zero Pre-EMI, Zero Floor Rise and Zero
                                                                            Premium Charges</p>
                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="wrap">
                                                                        <h1>9</h1>
                                                                        <p><b>Attractive Payment Plan</b></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>





                                                    <!--    <div role="tabpanel" class="tab-pane fade  in" id="master">
                                                        <div id="lightgallery2" class="">

                                                            <div class="col-md-offset-3 col-md-6">
                                                                <div class="">
                                                                    <div class="master"
                                                                        data-src="images/gallery/master.jpg">
                                                                        <img src="images/gallery/master.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>


                                                            </div>
                                                        </div>

                                                    </div> -->
                                                </div>


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




    <section id="gallery" class="sppb-section  resort-title-heading wow padding">
        <div class="container">
            <div class="sppb-section-title sppb-text-center">
                <h2 class="sppb-title-heading delay-09s animated wow fadeInDown animated gall-head"
                    style="visibility: visible; animation-name: fadeInDown; text-align: center; margin-bottom: 15px;">
                    Gallery</h2>
                <div class="underline2">&nbsp;</div>
            </div>
            <div class="sppb-row">
                <div class="sppb-col-sm-12">
                    <div id="column-id-1507611942" class="sppb-column">
                        <div class="sppb-column-addons">
                            <div id="sppb-addon-1507611943" class="clearfix">
                                <div class="sppb-addon sppb-addon-latest-posts ">
                                    <div class="sppb-addon-content">
                                        <div class="latest-posts clearfix">
                                            <div class="sppb-row">

                                                <ul class="nav nav-tabs mytab" role="tablist">

                                                    <!-- <li role="presentation" class="active">
                                                        <a href="#int2" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">Gallery
                                                        </a>
                                                    </li> -->
                                                    <li role="presentation" class="active">
                                                        <a href="#elevation" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">Elevation
                                                        </a>
                                                    </li>
                                                    <li role="presentation" class="">
                                                        <a href="#interior" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">interior
                                                        </a>
                                                    </li>

                                                    <li role="presentation" class="">
                                                        <a href="#ame" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">Amenities
                                                        </a>
                                                    </li>
                                                    <!-- <li role="presentation" class="">
                                                        <a href="#view" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">View
                                                        </a>
                                                    </li> -->




                                                </ul>

                                                <div class="tab-content delay-09s animated wow fadeInDown animated"
                                                    style="visibility: visible; animation-name: fadeInDown;">

                                                    <!-- ==================== interior ======================== -->

                                                    <div role="tabpanel" class="tab-pane fade in" id="interior">
                                                        <div id="lightgallery11" class="">
                                                        <div class="inte owl-carousel owl-theme">
                                                            <div class="item">
                                                                <div class="gal2"
                                                                    data-src="images/gallery/interior/1.jpg">
                                                                    <img src="images/gallery/interior/1.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <div class="item">
                                                                <div class="gal2"
                                                                    data-src="images/gallery/interior/2.jpg">
                                                                    <img src="images/gallery/interior/2.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <div class="item">
                                                                <div class="gal2"
                                                                    data-src="images/gallery/interior/3.jpg">
                                                                    <img src="images/gallery/interior/3.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <div class="item">
                                                                <div class="gal2"
                                                                    data-src="images/gallery/interior/4.jpg">
                                                                    <img src="images/gallery/interior/4.jpg"
                                                                        width="100%" />

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

                                                    <!-- ============================================ -->
                                                    <!-- ==================== view ======================== -->

                                                    <div role="tabpanel" class="tab-pane fade in" id="view">
                                                        <div id="flatgal8" class="">
                                                        <div class="inte owl-carousel owl-theme">
                                                            <div class="item">
                                                                <div class="flatgal"
                                                                    data-src="images/gallery/view/1.jpg">
                                                                    <img src="images/gallery/view/1.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <div class="item">
                                                                <div class="flatgal"
                                                                    data-src="images/gallery/view/2.jpg">
                                                                    <img src="images/gallery/view/2.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <div class="item">
                                                                <div class="flatgal"
                                                                    data-src="images/gallery/view/3.jpg">
                                                                    <img src="images/gallery/view/3.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <!-- <div class="item">
                                                                <div class="gal2"
                                                                    data-src="images/gallery/view/4.jpg">
                                                                    <img src="images/gallery/view/4.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div> -->
                                                        </div>
                                                        </div>
                                                    </div>

                                                    <!-- ============================================ -->

                                                    <!-- ==================== exterior ======================== -->


                                                    <div role="tabpanel" class="tab-pane fade active in" id="elevation">
                                                        <div class="row">
                                                            <div class="col-md-offset-2 col-md-4">
                                                                <div id="lightgallery76" class="">
                                                                    <div class="gal76"
                                                                        data-src="images/gallery/eleva/1.jpg">
                                                                        <img src="images/gallery/eleva/1.jpg"
                                                                            width="100%" />
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div id="lightgallery77" class="">
                                                                    <div class="gal77"
                                                                        data-src="images/gallery/eleva/2.jpg">
                                                                        <img src="images/gallery/eleva/2.jpg"
                                                                            width="100%" />
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <!-- <div class="col-md-6">
                                                                <div id="lightgallery4" class="">
                                                                    <div class="gal2"
                                                                        data-src="images/gallery/eleva/2.jpg">
                                                                        <img src="images/gallery/eleva/2.jpg"
                                                                            width="100%" />
                                                                    </div>

                                                                </div>
                                                            </div> -->
                                                        </div>


                                                    </div>

                                                    <!-- ============================================ -->





                                                    <!-- ==================== amenities ======================== -->

                                                    <div role="tabpanel" class="tab-pane fade  in" id="ame">
                                                        <div id="lightgallery" class="">
                                                            <!-- <div class="col-md-6">
                                                                <div class="gal"
                                                                    data-src="images/gallery/interior/15.jpg">
                                                                    <img src="images/gallery/interior/15.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="gal"
                                                                    data-src="images/gallery/interior/14.jpg">
                                                                    <img src="images/gallery/interior/14.jpg"
                                                                        width="100%" />

                                                                </div>
                                                            </div> -->
                                                            <div class="inte owl-carousel owl-theme">

                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/1.jpg">
                                                                        <img src="images/gallery/amenities/1.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/2.jpg">
                                                                        <img src="images/gallery/amenities/2.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>




                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/3.jpg">
                                                                        <img src="images/gallery/amenities/3.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/4.jpg">
                                                                        <img src="images/gallery/amenities/4.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/5.jpg">
                                                                        <img src="images/gallery/amenities/5.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/6.jpg">
                                                                        <img src="images/gallery/amenities/6.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/7.jpg">
                                                                        <img src="images/gallery/amenities/7.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/8.jpg">
                                                                        <img src="images/gallery/amenities/8.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/9.jpg">
                                                                        <img src="images/gallery/amenities/9.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/10.jpg">
                                                                        <img src="images/gallery/amenities/10.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="gal"
                                                                        data-src="images/gallery/amenities/11.jpg">
                                                                        <img src="images/gallery/amenities/11.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>
                                                    <!-- ============================================ -->


                                                    <!-- ==================== exterior ======================== -->


                                                    <!-- <div role="tabpanel" class="tab-pane fade  in" id="exterior">
                                                        <div id="lightgallery4" class="">

                                                            <div class="inte owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <div class="unit"
                                                                        data-src="images/gallery/view/1.jpg">
                                                                        <img src="images/gallery/view/1.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="unit"
                                                                        data-src="images/gallery/view/2.jpg">
                                                                        <img src="images/gallery/view/2.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="unit"
                                                                        data-src="images/gallery/view/3.jpg">
                                                                        <img src="images/gallery/view/3.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>




                                                            </div>
                                                        </div>

                                                    </div> -->

                                                    <!-- ============================================ -->


                                                </div>


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



    <section id="floor"  class="sppb-section  resort-title-heading wow padding">
        <div class="container">
            <div class="sppb-section-title sppb-text-center">
                <h2 class="sppb-title-heading delay-09s animated wow fadeInDown animated gall-head"
                    style="visibility: visible; animation-name: fadeInDown; text-align: center; margin-bottom: 15px;">
                    Floor Plans</h2>
                <div class="underline2">&nbsp;</div>
            </div>
            <div class="sppb-row">
                <div class="sppb-col-sm-12">
                    <div id="column-id-1507611942" class="sppb-column">
                        <div class="sppb-column-addons">
                            <div id="sppb-addon-1507611943" class="clearfix">
                                <div class="sppb-addon sppb-addon-latest-posts ">
                                    <div class="sppb-addon-content">
                                        <div class="latest-posts clearfix">
                                            <div class="sppb-row">



                                                <!--    <ul class="nav nav-tabs mytab" role="tablist" style="margin-top: 0px;">

                                                    <li role="presentation" class="active">
                                                        <a href="#floorplan" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">Floor Plans
                                                        </a>
                                                    </li>

                                                    <li role="presentation">
                                                        <a href="#master" aria-controls="settings" role="tab"
                                                            data-toggle="tab" aria-expanded="false">Master Plan
                                                        </a>
                                                    </li>
                                                </ul> -->


                                                <div class="tab-content delay-09s animated wow fadeInDown animated"
                                                    style="visibility: visible; animation-name: fadeInDown;">

                                                    <div role="tabpanel" class="tab-pane fade active in" id="floorplan">
                                                        <div id="lightgallery3" class="">

                                                            <div class="floor reasons owl-carousel owl-theme">


                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);"
                                                                            class="floor-click">
                                                                            <img src="images/gallery/floor/1.jpg"
                                                                                width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);"
                                                                            class="floor-click">
                                                                            <img src="images/gallery/floor/2.jpg"
                                                                                width="100%" /></a>

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);"
                                                                            class="floor-click">
                                                                            <img src="images/gallery/floor/3.jpg"
                                                                                width="100%" /></a>

                                                                    </div>
                                                                </div>


                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);"
                                                                            class="floor-click">
                                                                            <img src="images/gallery/floor/4.jpg"
                                                                                width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                

                                                                <!-- <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/9.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/8.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div> -->

                                                                <!-- <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/9.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/10.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>



                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/11.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/12.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/13.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/14.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/15.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/16.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/17.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/18.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/19.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>
                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/20.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/21.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div>

                                                                <div class="item">
                                                                    <div class="">
                                                                        <a href="javascript:void(0);" class="floor-click">
                                                                            <img src="images/gallery/floor/22.jpg" width="100%" /></a>

                                                                    </div>
                                                                </div> -->





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





                                                    <!--    <div role="tabpanel" class="tab-pane fade  in" id="master">
                                                        <div id="lightgallery2" class="">

                                                            <div class="col-md-offset-3 col-md-6">
                                                                <div class="">
                                                                    <div class="master"
                                                                        data-src="images/gallery/master.jpg">
                                                                        <img src="images/gallery/master.jpg"
                                                                            width="100%" />

                                                                    </div>
                                                                </div>


                                                            </div>
                                                        </div>

                                                    </div> -->
                                                </div>


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

    <!-- <section class="padding grey" id="about">
        <div class="container">

            <div class="col-12 col-md-12 wrap">
                <div class="section-title">
                    Video
                </div>
                <div class="underline2">&nbsp;</div>

                <div class="col-md-offset-3 col-md-6">
                    <div class="video-click">
                        <iframe width="100%" height="550" src="https://www.youtube.com/embed/YPOnTUGLFP4" title="Venus Skky City Go Zero" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                </div>

            </div>


            <div class="clearfix"></div>

        </div>

    </section> -->


    <!-- <section class="padding grey" id="location">
        <div class="container">
            <div class="">
                <div class="">
                    <div class="section-title">
                        SUPERPOWERED INFRASTRUCTURE
                    </div>
                    <div class="underline2">&nbsp;</div>

                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h4 class="panel-title">
                                        <a role="button" data-toggle="collapse" data-parent="#accordion"
                                            href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"
                                            class="collapsed">
                                            Connectivity
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingOne" aria-expanded="false" style="height: 0px;">
                                    <div class="panel-body">
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; International Airport


                                             <span> - 20 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;Western Express Highway
                                             <span> - 25 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Eastern Express Highway
                                             <span> - 10 mins</span>
                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; JVLR

                                             <span> - 10 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; LBS Road

                                             <span> - 20 mins</span>
                                        </p>


                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Kanjurmarg Railway Station

                                             <span> - 15 mins</span>
                                        </p>


                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;Vikhroli Railway Station
                                             <span> - 10 mins</span>
                                        </p>


                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;Sakinaka Metro Station
                                             <span> - 20 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Asalpha Metro Station
                                             <span> - 25 mins</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingTwo">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo">
                                            Healthcare
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingTwo">
                                    <div class="panel-body">
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;Seven Hills Hospital
                                            <span> - 20 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Godrej Memorial Hospital
                                            <span> - 25 mins</span>
                                            </p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingThree">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            Schools
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingThree">
                                    <div class="panel-body">
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;Podar International School
                                            <span> - 4 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; S.M. Shetty School
                                            <span> - 8 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Bombay Scottish School
                                            <span> - 15 mins</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingfour">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapsefour" aria-expanded="false"
                                            aria-controls="collapsefour">
                                            Retail
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapsefour" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingfour">
                                    <div class="panel-body">
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Renaissance Hotel
                                            <span> - 18 mins</span>

                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; The Beatle
                                            <span> - 30 mins</span>

                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Lakeside Chalet Marriott Hotel
                                            <span> - 30 mins</span>
                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Powai Galleria
                                            <span> - 5 mins</span>

                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Powai Plaza
                                            <span> - 5 mins</span>
                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Dmart
                                            <span> - 5 mins</span>
                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Hakone Entertainment Centre
                                            <span> - 7 mins</span>
                                        </p>

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


                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingfive">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapsefive" aria-expanded="false"
                                            aria-controls="collapsefive">
                                            Business Centres
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapsefive" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingfive">
                                    <div class="panel-body">
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Central Avenue
                                            <span> - 7 mins</span>

                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Kensington Business Park
                                            <span> - 15 mins</span>

                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; SEEPZ
                                            <span> - 20 mins</span>

                                        </p>
                                    </div>
                                </div>
                            </div>


                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingsix">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapsesix" aria-expanded="false"
                                            aria-controls="collapsesix">
                                            Food & Restaurant
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapsesix" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingsix">
                                    <div class="panel-body">
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Indigo Delicatessen
                                            <span> - 10-20 mins</span>

                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Breeze Hoppipola
                                            <span> - 10-20 mins</span>

                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Rodas
                                            <span> - 10-20 mins</span>

                                        </p>

                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Pizza Express
                                            <span> - 10-20 mins</span>

                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Chilli’s American Grill & Bar
                                            <span> - 10-20 mins</span>

                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Mehman Nawazi
                                            <span> - 10-20 mins</span>

                                        </p>
                                        <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Starbucks
                                            <span> - 10-20 mins</span>

                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div id="lightgallery50" class="">
                            <div class="floorpla" data-src="images/location.jpg">
                                <img src="images/location.jpg" width="100%" />

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

    <!-- =============================location====================================================== -->

    <section class="section2" id="location" data-parallax="scroll" data-bleed="15" data-position="top"
        style="background-color:#fff;">
        <div class="container">
            <!-- <h3 class="sub-head" style="color:#fff">UNBEATABLE</h3>-->
            <h2 class="section-title head-center gall-head">Location Advantage</h2>
            <div class="underline2">&nbsp;</div>
            <p style="text-align: center; margin-bottom: 30px; margin-top: -10px;"> </p>

            <div class="col-md-6 pd0-m">

                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                                    aria-expanded="true" aria-controls="collapseOne" class="">
                                    Connectivity
                                </a>
                            </h4>
                        </div>


                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
                            aria-labelledby="headingOne" aria-expanded="true" style="">
                            <div class="panel-body">
                                <p> Dombivali Station  3.5 km </p>
                                <p> Kalyan Station  9.9 km </p>
                                <p> Mumbai International Airport  37.2 km </p>
                                <p> Kalyan - Shil Road  0.2 km </p>
                                <p> Mankoli - Mothagaon Bridge  7.0 km </p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                    href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Upcoming Infra
                                </a>
                            </h4>
                        </div>


                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                            aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
                            <div class="panel-body">
                            <p> Navi Mumbai International Airport 33.9 km </p>
                            <p> Kalyan - Taloja Metro 0.4 km </p>
                            <p> Virar Alibaug Multi Modal Corridor 0.2 km </p>
                            <p> Airoli - Katai Tunnel Road 1.5 km </p>
                            <p> Vasai - Panvel Rail Expansion 2.2 km </p>
                            <p> Ahmedabad - Mumbai Bullet Train 3.9 km </p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                    href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Education
                                </a>
                            </h4>
                        </div>


                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                            aria-labelledby="headingThree" aria-expanded="false">
                            <div class="panel-body">
                            <p> New Cambridge International School  1.1 km </p>
                            <p> Guardian School  0.3 km </p>
                            <p> Model School  1.6 km </p>
                            <p> Don Bosco High School  1.6 km </p>
                            <p> S.S. Jondhale College of Engineering  3.2 km </p>
                            <p> Euro School  1 km </p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFour">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                    href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    Retail  
                                </a>
                            </h4>
                        </div>

                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
                            aria-labelledby="headingFour" aria-expanded="false">
                            <div class="panel-body">
                            <p> D Mart - Dombivali  0.5 km </p>
                            <p> Xperia Mall  3.9 km </p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFive">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                    href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    Health Care
                                </a>
                            </h4>
                        </div>

                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel"
                            aria-labelledby="headingFive" aria-expanded="false">
                            <div class="panel-body">
                            <p> Icon Hospital  3.1 km </p>
                            <p> R R Hospital  4.1 km </p>
                            <p> AIIMS Hospital  3.5 km </p>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingsix">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                    href="#collapsesix" aria-expanded="false" aria-controls="collapsesix">
                                    Spiritual
                                </a>
                            </h4>
                        </div>

                        <div id="collapsesix" class="panel-collapse collapse" role="tabpanel"
                            aria-labelledby="headingsix" aria-expanded="false">
                            <div class="panel-body">
                            <p>Vasant Deep Vatika (Jain Temple)  0 km</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 pd0-m">
                <div id="lightgalleryloc" class="">
                    <div class="loc" data-src="images/map.jpg">
                        <img src="images/map.jpg" width="100%" />
                    </div>
                </div>
                <!-- <div class="amenities-gallery map_img mg-mb">
                    <div class="overlayg"></div>
                    <img src="images/4.jpg" alt="" class="">
                    <a href="images/4.jpg" data-fancybox="map">
                        <div class="ami-overlay">
                            <div class="d-flex"></div>
                        </div>
                    </a>
                </div> -->
            </div> 
            <p style="text-align: end;">*Travel Distances as per Google Maps | All points of interest are indicative.</p>
        </div>
    </section>

    <!-- =============================location ====================================================== -->

    <section class="padding grey" id="about">
        <div class="container">

            <div class="col-12 col-md-12 wrap">
                <div class="section-title">
                    About Us
                </div>
                <div class="underline2" style="background:#fff;">&nbsp;</div>
                <div class="col-12 col-left block float-none">
                    <div class="content-wrapper text-center" style="color:#fff;">
                        <!-- <h2 class="text-center">Transcon</h2> -->
                        <p>
                         Venus Nirvana LLP is driven by a strong vision of elevating the overall housing experience of its purchasers with a modern, luxurious lifestyle, superior safety and security. Venus Skky City will also be instrumental in creating rewarding investment opportunities with lucrative returns on investment in future.
                        </p>
                    </div>
                </div>

                <!-- <div class="col-lg-12 box"> -->
                <!-- <img src="images/numbers.png" alt="" width="100%" class="hidden-xs"> -->
                <!-- <div class="col-lg-12 highlight-wrapper hidden-xs hidden-sm">
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/01.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/02.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/03.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/04.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/05.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/06.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/07.png" alt="01">
                        </div>
                        <div class="col-lg-3 highlights">
                            <img src="images/highlights/08.png" alt="01">
                        </div>
                    </div> -->
                <!-- <div class="visible-xs">
                        <div class="owl-carousel owl-theme reasons-carousel owl-loaded owl-drag">
                            <div class="owl-stage-outer">
                                <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/01.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/02.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/03.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/04.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/05.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/06.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/07.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="owl-item">
                                        <div class="item">
                                            <div class="about-wrap">
                                                <img src="images/highlights/08.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-nav">
                                <button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
                                <button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
                            </div>
                            <div class="owl-dots disabled"></div>
                        </div>
                    </div> -->
                <!-- </div> -->
            </div>
        </div>
        <div class="clearfix"></div>
        </div>
    </section>

    <section class="contact-map" style="background-color:#efefef">
        <div class="container-fluid">
            <div class="row">
                <div id="googleMap" class="col-md-6 pd0">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3768.1186671470623!2d73.08047868536336!3d19.190018635724954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7be3291093aa1%3A0xa1733d940e70669a!2svenus-skky-city!5e0!3m2!1sen!2sin!4v1691756857592!5m2!1sen!2sin" width="100%" height="550" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>

                <div class="col-md-offset-1 col-md-4 pd0" id="contact">
                    <div class="contactback">
                        <!-- <div style="width: 100%;height: 10%;"></div> -->
                        <h1 class="section-header section-title foo" style="color: #000;">Contact Us</h1>
                        <p class="form-p" style="color:#000;">Please enter the details below to get in touch
                            with us
                            !</p>
                        <div class="">
                            <form id="contact-form" action="thank-you.php" name="contact-form" method="POST"
                                onsubmit="return save_landing_pageinfo('contact-form');">

                                <div class="form-group col-md-12 pd">
                                    <div class="input-group">
                                        <div class="input-group-addon"><i class="fa fa-user form-ico"
                                                aria-hidden="true"></i>
                                        </div>
                                        <input type="text" class="form-control" name="fname" placeholder="Name*">
                                        <input type="hidden" name="source" value="Enquiry Form" id="source">
                                    </div>
                                    <label for="fname" generated="true" class="error"></label>
                                </div>
                                <div class="form-group col-md-12 pd">
                                    <div class="input-group">
                                        <div class="input-group-addon"><i class="fa fa-mobile form-ico"
                                                aria-hidden="true"></i>
                                        </div>
                                        <input type="number" placeholder="Phone*" name="mobile" required>
                                        <input type="hidden" name="cc" value="+91">
                                    </div>
                                    <label for="mobile" generated="true" class="error"></label>
                                </div>

                                <div class="form-group col-md-12 pd">
                                    <div class="input-group">
                                        <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                        </div>
                                        <input type="email" class="form-control" name="email" placeholder="Email">
                                    </div>
                                    <label for="email" generated="true" class="error"></label>
                                </div>
                                <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                            </form>

                            <div class="cta">
                                <h2>Call - 02268680091</h2>
                            </div>
                        </div>
                        <!-- <div class="container">
                        </div> -->
                        <!-- <p class="foo-txt footer-call"> Call:
                        <a href="tel:9999999999"> &nbsp;9999999999</a>
                        </p> -->
                    </div>
                </div>
            </div>
        </div>
    </section>


    <br clear="all" />

    <footer>
        <div class="container">
            <div class="footer">
                <div class="wrapper-1400">
                    <img src="images/footer.png" class="footer-logo">
                    <!-- <img src="images/logo.png" class="footer-logo2"> -->

                    <div class="adress">

                        <!--<span>MAHA RERA Registration Number</span>-->
                        <p>Project is Mortgaged with and Funded by Bajaj Housing Finance Ltd. and No objection certificate/permission to mortgage from Bajaj Housing Finance Limited will be provided for sale of flats.<p>
                            <div class="qr-box">
                                <img src="images/qr.jpg" alt="qrcode">
                                <p> MahaRERA Registration No: P51700048407 available on maharera.mahaonline.gov.in</p>
                            </div>
                            <p>
                            <!-- <a rel="googleMap" class="move-to-map" href="javascript:void(0);"> -->
                            Site Address: Venus Skky City, Near Vasantdeep
                                Vatika Jain Temple, Bhadra Nagar,
                                Dombivli East, Thane - 421 201.
                            <!-- </a> -->
                        </p>

                        <p>
                            © 2023 Venus Skky City. All Rights Reserved

                        </p>
                    </div>
                </div>
                <div class="disclimer1">


                    <p>
                        <a href="javascript:void(0);" id="disclaimerPopUp" class="foo-click disclaimer">Disclaimer</a>


                    </p>

                </div>


                <!-- <div class="disclimer">

                    <h3>
                        Privacy Policy : We collect information from you when you register on our site or fill out a
                        form. When
                        filling out a form on our site, for any of the above-mentioned reasons, you may be asked to
                        enter your:
                        name, e-mail address and phone number. You may, however, visit our site anonymously. Any of the
                        information we collect from you is to personalize your experience, to improve our website and to
                        improve
                        customer service. "Any data collected will not be shared with any 3rd party" in the privacy
                        disclaimer section.
                    </h3>

                </div> -->



            </div>
    </footer>



    <div class="col-lg-12 col-sm-12 col-xs-12 fixed-footer-cust hidden-md hidden-lg hidden-sm">
        <div class="container">
            <div class="col-lg-6 col-sm-6 col-xs-6 div-line pd0">
                <a href="tel:02268680091" class="fix-link  callme"><i class="fa fa-phone f-icon fa-rotate-90"
                        aria-hidden="true"></i>
                    CALL NOW</a>
            </div>
            <div class="col-lg-6 col-sm-6 col-xs-6 pd0">
                <button class="btn interested fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE
                    NOW</button>
            </div>
        </div>
    </div>


    <!--<div class="footer-mobile">-->
    <!--    <div class="col-md-6 text-center">-->
    <!--        <a class="mob_number" style="color:#fff;"></a>-->
    <!--    </div>-->
    <!--    <div class="col-md-6 text-center open-form">-->
    <!--        Enquire Now-->
    <!--    </div>-->
    <!--</div>-->


    <div id="pageloader">
        <img src="images/loader1.gif" alt="processing..." />
    </div>

    <!-- ================ main popup ==================== -->


    <div class="modal fade in" tabindex="-1" role="dialog" id="main-pop" data-backdrop="static" data-keyboard="false"
        style="opacity: 1;">
        <div class="modal-backdrop fade in"></div>
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Enter your details to get a callback!</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <!-- <p>Please enter the details below to get the detailed pricing information.</p> -->
                    <form id="main-popup" action="thank-you.php" name="main-popup" method="POST"
                        onsubmit="return save_landing_pageinfo('main-popup');">
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Main PopUp" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <div class="form-group col-md-12 pd">
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i></div>
                            <input type="email" class="form-control" name="email" placeholder="Email">
                        </div>
                        <label for="email" generated="true" class="error"></label>
                    </div>


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>

    <!-- ================ price popup ==================== -->


    <div class="modal fade in" tabindex="-1" role="dialog" id="price-model" data-backdrop="static"
        data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"> Price</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <p>Please enter the details below to get the detailed pricing information.</p>
                    <form id="price-ultima" action="thank-you.php" name="price-ultima" method="POST"
                        onsubmit="return save_landing_pageinfo('price-ultima');">
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Price PopUp" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <div class="form-group col-md-12 pd">
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i></div>
                            <input type="email" class="form-control" name="email" placeholder="Email">
                        </div>
                        <label for="email" generated="true" class="error"></label>
                    </div>


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- ================ Footer popup ==================== -->


    <div class="modal fade in" tabindex="-1" role="dialog" id="foo-model" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"> Disclaimer</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>




                </div>
                <div class="modal-body">
                    <p>
                    Disclaimer: The information and material contained herein are not intended to substitute the information available on the website of MahaRERA. Any person who is considering/evaluating any apartment in any of the registered real estate projects is required to independently analyze, acquaint and familiarise themselves with the information and disclosures uploaded on the website of MahaRERA. In the event of any conflict (whether actual or perceived) between the information and material contained herein and the details available on the website of MahaRERA, the details as available on the website of MahaRERA shall prevail. We will be registering separate real estate projects, from time to time. The photographs, images, videos, plans, drawings, sketches, renderings, pictorial and graphical representations, specifications, illustrations, other information etc. contained herein are typical stock/standard photography used by the industry at large and/or pure imagination and are intended to indicate a conceptual and aspirational lifestyle. None of the aforementioned is indicative of how the larger or any part thereof looks at present and/or may eventually look in future and/or may be designed, constructed and/or completed.

                    </p>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>



    <!-- ================ i am  ==================== -->


    <div class="modal fade in" tabindex="-1" role="dialog" id="iam-model" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">I'm interested</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <p>Please enter the details below .</p>
                    <form id="float-form" action="thank-you.php" name="float-form" method="POST"
                        onsubmit="return save_landing_pageinfo('float-form');">
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Im Interested" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                </div>
                                <input type="email" class="form-control" name="email" placeholder="Email">
                            </div>
                            <label for="email" generated="true" class="error"></label>
                        </div>


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>


    <!-- ================ I'm interested ==================== -->

    <button class="btn btn-danger interested i-am hidden-xs">I'm Interested</button>
    <button class="btn btn-danger down-bro  dbroucher hidden-xs">Download Brochure</button>



    <!-- ================ Offfer ==================== -->

    <div class="modal fade in" tabindex="-1" role="dialog" id="offer-model" data-backdrop="static"
        data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Limited Period Offer</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <!-- <p>Please enter the details below to get the offer information.</p> -->
                    <img src="images/offer.jpg" class="offernew">

                    <form id="offer-form" action="thank-you.php" name="offer-form" method="POST"
                        onsubmit="return save_landing_pageinfo('offer-form');">
                        <div class="form-group col-md-6 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Offer" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-6 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <!-- <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                </div>
                                <input type="email" class="form-control" name="email" placeholder="Email">
                            </div>
                            <label for="email" generated="true" class="error"></label>
                        </div> -->


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>



    <!-- <button class="btn btn-danger offer offerm  button">Limited Period Offer </button> -->
    <!-- ==================================== -->



    <!-- ================ brochure ==================== -->

    <div class="modal fade in" tabindex="-1" role="dialog" id="broucher" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Download Brochure</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <p>Please enter the details below to download brochure. </p>
                    <form id="broucher-form" action="thank-you.php" name="broucher-form" method="POST"
                        onsubmit="return save_landing_pageinfo('broucher-form');">
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Brochure" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                </div>
                                <input type="email" class="form-control" name="email" placeholder="Email">
                            </div>
                            <label for="email" generated="true" class="error"></label>
                        </div>


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    
    <!-- ==================================== -->

    <a id="broucher1" href="images/VENUS SKKYCITY_eBro.pdf" download> </a>

    <!-- ================ Floor plans ==================== -->

    <div class="modal fade in" tabindex="-1" role="dialog" id="floor-modal" data-backdrop="static"
        data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Download Floor Plans</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <p>Please enter the details below to download Floor Plans. </p>
                    <form id="floor-form" action="thank-you.php" name="floor-form" method="POST"
                        onsubmit="return save_landing_pageinfo('floor-form');">
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Floor Plans" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                </div>
                                <input type="email" class="form-control" name="email" placeholder="Email">
                            </div>
                            <label for="email" generated="true" class="error"></label>
                        </div>


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>

   
    <!--------------------------Video------------------------------------>
    <div class="modal fade in" tabindex="-1" role="dialog" id="video-modal" data-backdrop="static"
        data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Watch Video</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>


                </div>
                <div class="modal-body">
                    <p>Please enter the details below to watch video.</p>
                    <form id="video-form" action="thank-you.php" name="video-form" method="POST"
                        onsubmit="return save_landing_pageinfo('video-form');">
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-user form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="text" class="form-control" name="fname" placeholder="Name*">
                                <input type="hidden" name="source" value="Video" id="source">
                            </div>
                            <label for="fname" generated="true" class="error"></label>
                        </div>
                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-mobile form-ico" aria-hidden="true"></i>
                                </div>
                                <input type="number" placeholder="Phone*" name="mobile" required>
                                <input type="hidden" name="cc" value="+91">
                            </div>
                            <label for="mobile" generated="true" class="error"></label>
                        </div>

                        <div class="form-group col-md-12 pd">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                </div>
                                <input type="email" class="form-control" name="email" placeholder="Email">
                            </div>
                            <label for="email" generated="true" class="error"></label>
                        </div>


                        <button type="submit" class="btn btn-default price-btn" value="proceed">SUBMIT</button>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- ========================================================================== -->

    <a id="broucher2" href="images/VENUS SKKYCITY_eBro.pdf" download> </a>


    <!-- <script src="https://use.fontawesome.com/9513ddc8db.js"></script> -->
    <script src="js/jquery.bxslider.min.js"></script>
    <script src="js/customOnePageScroll.js"></script>
    <script type="text/javascript" src="js/number.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/app.js"></script>

    <script src="js/jquery.validate.js"></script>
    <script src="js/mobilevalidate.js"></script>
    <!-- <script type="text/javascript" src="lightbox/light-box.js"></script> -->

    <script src="js/cookie.js"></script>
    <!--<script src="js/popout.js"></script>-->
    <script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
    <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.7.0/js/lightgallery-all.min.js"></script>



    <script type="text/javascript">
    $(document).ready(function() {
        $('#lightgallery').lightGallery({
            selector: '.gal',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });

        $('#lightgallery1').lightGallery({
            selector: '.gal1',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });
        $('#lightgallery76').lightGallery({
            selector: '.gal76',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });
        $('#lightgallery77').lightGallery({
            selector: '.gal77',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });

        $('#flatgal8').lightGallery({
            selector: '.flatgal',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: true

        });
        $('#lightgallery11').lightGallery({
            selector: '.gal2',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });

        $('#lightgallery2').lightGallery({
            selector: '.master',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });


        $('#lightgalleryloc').lightGallery({
            selector: '.loc',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });


        $('#lightgallery50').lightGallery({
            selector: '.floorpla',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });

        $('#lightgallery4').lightGallery({
            selector: '.unit',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });

        $('#video-gallery').lightGallery({
            loadYoutubeThumbnail: true,

            youtubeThumbSize: 'navbar-default',
            loadVimeoThumbnail: true,
            vimeoThumbSize: 'thumbnail_medium',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });

        $('#map').lightGallery({
            loadYoutubeThumbnail: true,

            youtubeThumbSize: 'navbar-default',
            loadVimeoThumbnail: true,
            vimeoThumbSize: 'thumbnail_medium',
            thumbnail: false,
            fullScreen: false,
            share: false,
            download: false,
            autoplay: false

        });
    });
    </script>


    <script>
    jQuery(document).ready(function($) {
        if (!Get_Cookie('popout')) {
            setTimeout(function() {
                $('#main-pop').modal('show');
            }, 3000);
        }
        $('.modal .close').click(function() {
            Set_Cookie('popout', 'it works', '', '/', '', '');
            // $('.popupDiv').fadeOut(1000);
            // $('.overlay').fadeOut(1000);
        });
    });
    </script>


    <script>
    $('.reasons').owlCarousel({
        items: 2,
        loop: true,
        margin: 20,

        nav: true,
        // navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],

        responsiveClass: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 2
            }
        }
    })
    $('.inte').owlCarousel({
        items: 2,
        loop: true,
        margin: 20,

        nav: true,
        // navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],

        responsiveClass: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 3
            }
        }
    })
    $('.reaso').owlCarousel({
        items: 2,
        loop: true,
        margin: 20,

        nav: true,
        // navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],

        responsiveClass: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 5
            }
        }
    })
    </script>

    <script>
    $('.conve').owlCarousel({
        items: 2,
        loop: true,
        margin: 20,
        autoplay: true,

        nav: true,
        // navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],

        responsiveClass: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 2
            }
        }
    })
    </script>



    <script>
    $('.amen').owlCarousel({
        items: 3,
        loop: true,
        margin: 20,

        nav: true,
        // navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],

        responsiveClass: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 3
            },
            1000: {
                items: 3
            }
        }
    })
    </script>



    <script>
    $('.owl-carousel').owlCarousel({
        items: 4,
        loop: true,
        margin: 20,


        nav: true,

        responsiveClass: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 3
            },
            1000: {
                items: 4
            }
        }
    })
    </script>





    <script>
    jQuery(document).ready(function($) {
        $('.map-btn').simpleLightbox();


    });
    </script>






    <script type="text/javascript">
    jQuery(document).ready(function($) {
        Delete_Cookie('formfilled');

        // ---------------for model only-----
        $(".price-click").click(function() {
            $('#price-model').modal('show');
        });
        $(".foo-click").click(function() {
            $('#foo-model').modal('show');
        });



        $(".i-am").click(function() {
            $('#iam-model').modal('show');
        });

        $(".dbroucher").click(function() {
            $('#broucher').modal('show');
        });
        $(".floor-click").click(function() {
            $('#floor-modal').modal('show');
        });

        $(".offerm").click(function() {
            $('#offer-model').modal('show');
        });
        $(".video-click").click(function() {
            $('#video-modal').modal('show');
        });



        // ---------------for model only-----
    });
    </script>



    <script type="text/javascript">
    jQuery(document).ready(function($) {
        slide();

        setInterval(function() {
            slide();
        }, 30000);
    });

    function slide() {
        $('.panoroma').css({
            'background-position': -3000 + $(window).width() + 'px 0'
        });

        setTimeout(function() {
            $('.panoroma').css({
                'background-position': '0 0'
            });
        }, 15000);
    }
    </script>



    <script>
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll >= 75) {
            $(".normal-header").addClass("fixHeader");
        } else {
            $(".normal-header").removeClass("fixHeader");
        }
    });
    </script>



    <script type="text/javascript">
    function save_landing_pageinfo(elm) {
        jQuery('#' + elm + ' input[type=submit], #' + elm + ' button').prop('disabled', true);
        setTimeout(function() {
            jQuery('#' + elm + ' input[type=submit], #' + elm + ' button').prop('disabled', false);
        }, 5000);



        var name = jQuery('#' + elm + ' input[name="fname"]').val();
        var mobileno = jQuery('#' + elm + ' input[name="mobile"]').val();
        var emailid = jQuery('#' + elm + ' input[name="email"]').val();
        var message = jQuery('#' + elm + ' textarea[name="message"]').val();
        var fsource = jQuery('#' + elm + ' input[name="source"]').val();
        var current_url = location.hostname;




        if (name == "") {
            //alert("Please Enter Your Name");
            return false;
        }


        mobileno = mobileno.replace(/[^0-9]/g, '');
        if (mobileno.length != 10) {
            //alert("Please Enter 10 Digit Mobile Number");
            return false;
        }
        

        if (message == undefined) {
            message = "";
        }

        if (name != "" && mobileno != "") {
            $("#pageloader").fadeIn();
            if (elm == 'broucher-form') {
            document.getElementById('broucher1').click();
        }
        if (elm == 'floor-form') {
            document.getElementById('broucher2').click();
        }
            return true;
        }
        return false;
    }

    function submitForm(elm) {
        document.createElement('form').submit.call(document.getElementById(elm));
    }
    </script>

</body>

</html>