Elehhjhjjkjkfpf6df56fd65ffff

korsygfhrfggfhfgfffgffg6655665dtggggggzangaiide Elehhjhjjkjkfpf6df56fd65ffff

<?php
include 'includes/config.php';
ob_start();

if (isset($_POST['submit_form'])) {

$f_name   = filter_var($_POST['f_name'], FILTER_SANITIZE_STRING);
    $flt_typ   = filter_var($_POST['flt_typ'], FILTER_SANITIZE_STRING);
    $phone_no   = filter_var($_POST['phone_no'], FILTER_VALIDATE_INT);
    $email_id   = filter_var($_POST['email_id'], FILTER_VALIDATE_EMAIL);
    $mgg_area   = filter_var($_POST['mgg_area'], FILTER_SANITIZE_STRING);

date_default_timezone_set('Asia/Kolkata');
    $date_time = date('d-m-Y h:i:s A', time());

$full_name = $f_name;

$sfhfql = "INSERT INTO `contact_form` (`name`, `email`, `phone_no`, `flt_typ`, `message`, `posted_on`) VALUES 
('$full_name','$email_id','$phone_no','$flt_typ','$mgg_area','$date_time')";

$result2 = mysqli_query($conn, $sfhfql);

if ($result2 == 1) {

$success_msg1 = "<i class=\"fa fa-check-circle\" style=\"color: green;\"></i> &nbsp;
          Thank you for contacting Tata Ariana !! We will get back to you soon.";

switch ($flt_typ) {
            case '1 BHK':
                $pdf_link = 'assets/images/projects/1BHK.pdf';
                break;
            case '2 BHK':
                $pdf_link = 'assets/images/projects/2BHK.pdf';
                break;
            case '3 BHK':
                $pdf_link = 'assets/images/projects/3BHK.pdf';
                break;
            case '4 BHK':
                $pdf_link = 'assets/images/projects/4BHK.pdf';
                break;
            case 'Floor Duplex':
                $pdf_link = 'assets/images/projects/DUPLEX.pdf';
                break;
            case 'Penthouse':
                $pdf_link = 'assets/images/projects/PENTHOUSE.pdf';
                break;
            case 'BROCHURE':
                $pdf_link = 'assets/images/projects/Ariana_Floor.pdf';
                break;
            default:
                $pdf_link = '';
                break;
          }

// header("refresh: 7;url=./");

$to = 'tataarianabhubaneswar@gmail.com';
        $subject = "New Get in touch with us | Tata Ariana";
        $message = '<!DOCTYPE html>
                        <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
                        <head>
                        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1125402716332925"
                            crossorigin="anonymous"></script>
                        <meta charset="UTF-8">
                        <meta name="viewport" content="width=device-width,initial-scale=1">
                        <meta name="x-apple-disable-message-reformatting">
                        <title></title>
                        
                        <style>
                            table, td, div, h1, p {font-family: Arial, sans-serif;}
                        </style>
                        </head>
                        <body style="margin:0;padding:0;">
                            
                        <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;">
                            <tr>
                            <td align="center" style="padding:0;">
                                
                                <table role="presentation" style="width:602px;border-collapse:collapse;border:1px solid #cccccc;border-spacing:0;text-align:left;border-top: solid 10px #398439;">
                                
                                
                                <tr>
                                    <td style="padding:30px;background: white;">
                                    <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family:Arial,sans-serif;">
                                        <tr>
                                        <td style="padding:0;width: 40%;" align="center">
                                            <img src="https://www.tataarianaofficial.com/assets/images/logo/tata_logos.png"  style="height:100px;width:170px;"/>
                                        </td>
                                        
                                        </tr>
                                    </table>
                                    </td>
                                </tr>
                                
                                
                            
                                <tr>
                                    <td style="padding:34px 30px 42px 30px;">
                                    <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
                                        <tr>
                                        <td style="padding:0 0 36px 0;color:#000 !important;">
                                            <p style="margin:0 0 12px 0;font-size:14px;line-height:24px;font-family:Arial,sans-serif;text-align: justify;">

<tr>
                            <th style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;">Email ID</th>
                            <td style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;"><b>' . $email_id . ' </b></td>
                        </tr>
                        <tr>
                        
                            <tr>

<th style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;">Phone Number</th>
                            <td style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;"><b>' . $phone_no . ' </b></td>
                            </tr>

<tr>

<tr>

<th style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;">Message</th>
                            <td style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;"><b>' . $mgg_area . ' </b></td>
                            </tr>

<tr>

<th style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;">Posted on :</th>
                            <td style="border: 1px solid black;
                        border-collapse: collapse; padding: 10px;
                        text-align: left;"><b>' . $date_time . ' </b></td>
                            </tr>

</table>

</p>
                        
                        <br><br><br><br><br><br><br><br><br>

<b>Warm Regards</b>,
                        <br><br>
                        Tata Ariana ,
                        <br>
                        </p>

</td>
                                        </tr>
                                        </tr>
                                    </table>
                                    </td>
                                </tr>
                                
                                </table>
                            </td>
                            </tr>
                        </table>
                        </body>
                        </html>';

$header = "From: $full_name <$email_id> \r\n";

// $header = "From: hello@gmail.com \r\n";
        $header .= "MIME-Version: 1.0\r\n";
        $header .= "Content-type: text/html\r\n";
        $retval = mail($to, $subject, $message, $header);

// header( "refresh: 4;url=./" );

<div id="myModal5" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    
                    
                    
                    <div class="modal-body">

<p style="font-size: 30px;padding-top: 10px;color: #595959;">
                                        Success

</p>
                                    <p style="font-size: 20px;padding-top: 10px;color: #545454;">
                                        Message sent successfully, we will get back to you soon.

</p>
                                    <p>

</center>

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

<?php

if (!empty($pdf_link)) {
                header("Location: $pdf_link");
                exit();
            } else {
                echo "<script>alert('No PDF available for the selected type. Redirecting back...');</script>";
                header("refresh: 7;url=./");
                exit();
            }

} else {

$eror_msg1 = "<i class=\"fa fa-exclamation-triangle\" style=\"color: red;\"></i> &nbsp; Please try after sometime !!";

header("refresh: 7;url=./");
    ?>

<p style="font-size: 30px;padding-top: 10px;color: #595959;">
                                        Failed
                                    </p>
                                    <p style="font-size: 20px;padding-top: 10px;color: #545454;">
                                        Please Try after sometime<br>

</p>

</center>

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

<?php

}
}

if (isset($_POST['ph_sugbmit'])) {

$email_id   = filter_var($_POST['email_id'], FILTER_VALIDATE_EMAIL);

date_default_timezone_set('Asia/Kolkata');
    $date_time = date('d-m-Y h:i:s A', time());

if (!empty($email_id)) {

$to = 'tataarianabhubaneswar@gmail.com';

$subject = "New Get in touch with us | Realty";

$message = '<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="x-apple-disable-message-reformatting">
  <title></title>
  
  <style>
    table, td, div, h1, p {font-family: Arial, sans-serif;}
  </style>
</head>
<body style="margin:0;padding:0;">
    
  <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;">
    <tr>
      <td align="center" style="padding:0;">
          
        <table role="presentation" style="width:602px;border-collapse:collapse;border:1px solid #cccccc;border-spacing:0;text-align:left;border-top: solid 10px #398439;">
        
        
        <tr>
            <td style="padding:30px;background: white;">
              <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family:Arial,sans-serif;">
                <tr>
                  <td style="padding:0;width: 40%;" align="center">
                      <img src="https://thihomehealthcare.com/realty/assets/images/logo/tata_logos.png"  style="height:100px;width:170px;"/>
                  </td>
                  
                </tr>
              </table>
            </td>
          </tr>
          
          
      
          <tr>
            <td style="padding:34px 30px 42px 30px;">
              <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
                <tr>
                  <td style="padding:0 0 36px 0;color:#000 !important;">
                    <p style="margin:0 0 12px 0;font-size:14px;line-height:24px;font-family:Arial,sans-serif;text-align: justify;">

<tr>

</table>

</p>

<b>Warm Regards</b>,
<br>
Tata Ariana ,
<br>
</p>

</td>
                </tr>
                </tr>
              </table>
            </td>
          </tr>
         
        </table>
      </td>
    </tr>
  </table>
</body>
</html>';

$header = "From: realty <realty@tata.com> \r\n";

// $header = "From: hello@gmail.com \r\n";
        $header .= "MIME-Version: 1.0\r\n";
        $header .= "Content-type: text/html\r\n";
        $retval = mail($to, $subject, $message, $header);

if ($retval == true) {

$success_msg2 = "<i class=\"fa fa-check-circle\" style=\"color: green;\"></i> &nbsp;
     Success, Message sent successfully, we will get back to you soon.";

header("refresh: 7;url=./");

<div id="myModal5" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        
                        
                        
                        
                        <div class="modal-body">

<p style="font-size: 30px;padding-top: 10px;color: #595959;">
                                            Thank You

</p>
                                        <p style="font-size: 20px;padding-top: 10px;color: #545454;">
                                            Message Sent Successfully, We will get back to you soon.
                                            <br>

</p>

</center>

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

<?php

} else {

$eror_msg2 = "<i class=\"fa fa-exclamation-triangle\" style=\"color: red;\"></i> &nbsp; Please try after sometime !!";

header("refresh: 7;url=./");
        ?>

<div id="myModal5" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        
                        
                        
                        
                        <div class="modal-body">

<p style="font-size: 30px;padding-top: 10px;color: #595959;">
                                            Failed
                                        </p>
                                        <p style="font-size: 20px;padding-top: 10px;color: #545454;">
                                            Please try again, after sometime.
                                            <br>

</p>

</center>

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

<?php

}
    } else {

</p>

</center>

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

<?php

}
}

<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Tata Ariana Phase-3 Flats Available | Book Now </title>
    <meta name="description" content="Tata Ariana Phase-3 Flats Available">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

<link rel="shortcut icon" type="image/x-icon" href="assets/images/logo/tata_logo.png" />

<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="assets/css/style.css" />

}

@media only screen and (max-width: 500px) {

#mob_img {
                height: 300px !important;
            }

}

@media (min-width: 992px) {
            .lg\:top-\[100\%\] {
                top: 52%;
            }
        }

#subn_btn {
            width: 100%;
            background-color: red;
            border-radius: 5px;
        }

#subn_btn:hover {
            background-color: #0b2c3d;
        }

input,
        textarea {
            color: #000;
        }

input:focus {
            border: 1px solid #69451f !important;
        }

@media only screen and (max-width: 500px) {

.min-h-\[360px\] {
                min-height: 180px;
            }

}

.gap-y-\[30px\] {
            row-gap: 17px;
        }

@media (min-width: 1280px) {
            .xl\:h-\[830px\] {
                height: 870px;
            }
        }

#broch_btn {
            float: right;
            background-color: #0a53a0;
        }

#broch_btn:hover {

background-color: #69451f;
        }

.floor-button {
    text-decoration: none;
    padding: 8px;
    color: #fff;
    background-color:#0a53a0;
    z-index: 100;
    font-size: 17px;
    animation: whatsapp-animation 0.5s ease-in-out;
    box-shadow: 1px 2px 5px 2px rgba(30,30,30,0.3);
    transition:all 0.3s ease-out;
}

.floor-button .fa-download {
    padding-right: 3px;
    padding-left: 3px;
}

.callbtn {
    margin-bottom: 45px;
    margin-top: 25px;
}

.phone {
    background-color: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 36px;
    position: absolute;
    cursor: pointer;
}

.cta {
    height: 80px;
    width: 320px;
    color: white;
    z-index: 1;
    background: linear-gradient(to right bottom, #0a53a0, #ffb15e);
    transition: all 0.6s ease; 
}

.number {
    height: 80px;
    width: 318px;
    background-color: #fff;
    background-size: cover;
    color: #000;
    box-shadow: 1px 1px 12px #aaa;
    transition: all 0.6s ease; 
}

.cta:hover {
    transform: translateX(90%);
    background: linear-gradient(to left bottom, #ffb15e, #0a53a0); 
    transition: all 0.6s ease; 
}

.blink {
    animation: blink-animation 1.5s infinite;
    padding: 10px 15px;
    border-radius: 25px;
    color: #fff; 
    background: #000; 
}

@keyframes blink-animation {
    0% {
        color: #000;
        background: #000; 
    }
    50% {
        color: #ffffff; 
        background: #e7b90b; 
    }
    100% {
        color: #e7b90b; 
        background: #000;
    }
}

#callback{
    background-image: url('assets/images/newsletter/bg.jpeg'); background-size: contain; background-position: center;background-repeat:no-repeat;background-blend-mode: color-dodge;
}
@media (max-width:991px) {
    #callback{
        background-position: right!important;
    }
}

</style>
</head>

<header id="sticky-header" class="relative bg-[#e7e7e7] lg:py-[15px] z-10 secondary-sticky secondary-sticky secondary-sticky"
            style="padding-top: 12px;padding-bottom: 15px;">

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="#about_us" class="transition-all hover:text-secondary">ABOUT US</a>
                                    </li>

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="#amenities" class="transition-all hover:text-secondary">AMENITIES</a>
                                    </li>

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="#price" class="transition-all hover:text-secondary">PRICE</a>
                                    </li>

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="#gallery" class="transition-all hover:text-secondary">GALLERY</a>
                                    </li>

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="#plans" class="transition-all hover:text-secondary">FLOOR PLAN</a>
                                    </li>

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="#" class="transition-all hover:text-secondary">CONTACT US</a>
                                    </li>

<li class="mr-7 xl:mr-[20px] relative group py-[20px]">
                                        <a href="./" class="transition-all hover:text-secondary blink" title="Please fill out the form to download the content"><i class="fa fa-download" aria-hidden="true"></i> BROCHURE</a>
                                    </li>

</ul>

</ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </header>

<div class="offcanvas-overlay hidden fixed inset-0 bg-black opacity-50 z-50"></div>
        
        
        <div id="offcanvas-mobile-menu" class="offcanvas left-0 transform -translate-x-full fixed font-normal text-sm top-0 z-50 h-screen xs:w-[300px] lg:w-[380px] transition-all ease-in-out duration-300 bg-white">

<li class="relative block border-b-primary border-b"><a href="#about_us" class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">ABOUT US</a></li>

<li class="relative block border-b-primary border-b"><a href="#amenities" class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">AMENITIES</a></li>

<li class="relative block border-b-primary border-b"><a href="#price" class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">PRICE</a></li>

<li class="relative block border-b-primary border-b"><a href="#gallery" class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">GALLERY</a></li>

<li class="relative block border-b-primary border-b"><a href="#plans" class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">FLOOR PLAN</a></li>

<li class="relative block border-b-primary border-b"><a href="#" class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">CONTACT US</a></li>

<li class="relative block border-b-primary border-b"><a href="https://api.whatsapp.com/send?phone=917008711934&amp;text=Download Brochure." class="relative block capitalize text-black hover:text-secondary text-base my-2 py-1 px-5">DOWNLOAD BROCHURE </a>
                       </li>

</ul>
                </nav>

</div>
        </div>

</div>

</div>

</div>

</div>

</div>

</section>

});
            </script>

<div class="col-span-12 lg:col-span-6 mb-[30px]" style="background-color: #060606b5;padding: 25px;color: white !important;border-radius: 10px;">
                       
                        <h2 style="margin: 0px 0px 4px;font-size:23px;text-align:center;">Tata Ariana Phase3</h2>
                        <h4 class="font-lora text-dark text-[18px] leading-[1.277] sm:text-[25px] capitalize mb-[10px] font-medium">
                            
                            Get Your Quote Now
                            
                        </h4>
                        <?php if (isset($success_msg2) && $success_msg2 != '') { ?>

<div class="alert alert-success alert-dismissible fade show" id="form_alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span>
                                </button><?php echo $success_msg2; ?>.
                            </div>

<?php
                        }
                        ?>

<?php if (isset($eror_msg2) && $eror_msg2 != '') { ?>
                            <div class="alert alert-danger" role="alert" style="border-radius: 0px;color: white;;background-color: #ff6b68">
                                <?php echo $eror_msg2; ?>
                            </div>

<?php
                        }
                        ?>

<select class="font-light w-full leading-[1.2] placeholder:opacity-100 placeholder:text-body border border-[#1B2D40] border-opacity-60 rounded-[8px] p-[15px] focus:border-secondary focus:border-opacity-60 focus:outline-none focus:drop-shadow-[0px_6px_15px_rgba(0,0,0,0.1)] " name="flt_typ" required style="color: #000;padding: 13px;">
                                    <option selected value="none">----- Type of BHK -----</option>
                                    <option value="1 BHK">1 BHK</option>
                                    <option value="2 BHK">2 BHK</option>
                                    <option value="3 BHK">3 BHK</option>
                                    <option value="4 BHK">4 BHK</option>
                                    <option value="Floor Duplex">Floor Duplex</option>
                                    <option value="Penthouse">Penthouse</option>
                                    <option value="BROCHURE">BROCHURE</option>
                                </select>
                            </div>

</form>

<?php if (isset($success_msg1) && $success_msg1 != '') { ?>

<?php
                        }
                        ?>

<?php if (isset($eror_msg1) && $eror_msg1 != '') { ?>
                            <div class="alert alert-danger" role="alert" style="border-radius: 0px;color: white;;background-color: #ff6b68">
                                <?php echo $eror_msg1; ?>
                            </div>

<?php
                        }
                        ?>

</div>

</div>

</div>
        </div>

<section class="about-section py-[50px] lg:py-[90px]" id="about_us" style="padding-bottom: 10px;">
            <div class="container">
                <div class="grid grid-cols-12 gap-x-[30px] mb-[-30px]">

<h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                                ABOUT TATA ARIANA

</h2>

</center>

<p style="text-align: justify;">
                                Ariana is among Bhubaneswar’s premier residences, with 12 Acres of residential development overlooking 25 acres of expansive forest reserves, offering a modern lifestyle amidst acres of lush foliage. offers everything quintessential to an epicurean set-up. The nucleus of Ariana’s design is a rich balance between residential dwellings and community-driven amenities. These 2 BHK residences designed by Woods Baggot come with state-of-the-art amenities and a unique leaf-shaped clubhouse. A self-sustained township based on the concept of community living. With stunning views at hand, the buildings are located in a way that maximizes the visual connectivity to the surrounding parkland. The favored destination of the well-heeled and well-traveled, Ariana is truly the pride of Bhubaneswar. Few reasons which makes ARIANA The Most Lucrative and Coveted proposition along with being a Destination in itself to reside, Ariana has seen an appreciation of around 30-35 percent per square feet within just 2 year of its launch. One of its kind project in the southern part of the city ( Kalinga Nagar) having 1, 2 and 3 BHKs and combination 4 BHKs. Lavish upscale amenities in the form of around 25,000 sq.ft clubhouse, large size swimming pool, open to sky fitness station, Lawn tennis court, Kids area, Gym, steam, Sauna, Yoga and lots more. Usage of quality materials, e.g.- FE 500 steel – Earthquake and storm resistant and latest available technology based steel. Usage of Fly ash Bricks for constructing walls – It is light weight and it has good strength and recycles waste conforming to the Green building concept and is efflorescence resistant. Entire land and basement has been waterproofed (using membrane system – which is a permanent solution from water seepage) to arrest the capillary reaction of ground water. Fire Fighting system, video door phone. Also each tower will have service lift till basement. All elevators will have automatic rescue device in case of power and mechanical failure. Live with beauty and gaiety at Tata Ariana. Book a flat now and enjoy your life with your loved ones in the ambiance of enrichment.

</p>

</div>

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

<section class="pt-[30px] lg:pt-[50px] video-section">
        <div class="container">
            <div class="grid grid-cols-12 text-center">
                <div class="col-span-12 text-center mb-[20px]">
                    <div class="max-w-[100%] mx-auto">
                        <span class="text-secondary text-tiny inline-block mb-2"></span>
                        <h2 class="font-lora text-secondary text-[20px] sm:text-[17px] leading-[1.277] xl:text-xl capitalize mb-3 font-bold" style="color: #0a53a0;">
                            12 ACRES RESIDENTIAL DEVELOPMENT
                        </h2>
                        <span class="text-primary text-tiny inline-block mb-2">
                            Watch the video for taking your decision easily.
                        </span>
                    </div>
                </div>
            </div>

<center> <video width="507" height="349" controls style="width: auto;height: 400px;">
                                        <source src="assets/video/Customer_Speaks.mp4" type="video/mp4">
                                        Your browser does not support the video tag.
                                    </video>

</center>
                            </div>

</div>

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

<!-- <section class="featured-properties py-[80px] lg:py-[120px]" id="gallery">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <center>
                        <h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                            OUR GALLERY

</h2>
                    </center>

</div>
                <br>

</h2>
                    </div>
                    <ul class="all-properties flex flex-wrap lg:pt-[10px]">
                        <li data-tab="all-properties" class="mr-[30px] md:mr-[45px] mb-4 lg:mb-0 leading-none active"><button class="leading-none capitalize text-primary hover:text-secondary transition-all text-[16px] ease-out font-bold">ALL PHOTOS</button></li>
                        <li data-tab="ForBuy" class="mr-[30px] md:mr-[45px] mb-4 lg:mb-0 leading-none"><button class="leading-none capitalize text-primary hover:text-secondary transition-all text-[16px] ease-out font-bold">COMMUNITY LIFE</button></li>
                        <li data-tab="ForSale" class="mr-[30px] md:mr-[45px] mb-4 lg:mb-0 leading-none"><button class="leading-none capitalize text-primary hover:text-secondary transition-all text-[16px] ease-out font-bold">EXTERIOR</button></li>
                        <li data-tab="ForRent" class="mr-[30px] md:mr-[45px] mb-4 lg:mb-0 leading-none"><button class="leading-none capitalize text-primary hover:text-secondary transition-all text-[16px] ease-out font-bold">INTERIOR</button></li>
                    </ul>
                </div>
                <div class="col-span-12">
                    <div class="all-properties properties-tab-content active">
                        <div class="grid grid-cols-12 gap-x-[15px] lg:gap-x-[30px] mb-[-30px]">
                            <div class="mb-[30px] col-span-12 sm:col-span-4">
                                <a class="gallery-image" href="assets/images/projects/February2020/80cc036b9b7bb51a4f4f-resize.webp">
                                    <img class="object-cover w-full h-full rounded-[8px]" src="assets/images/projects/80cc036b9b7bb51a4f4f-resize.webp" alt="gallery image" loading="lazy" width="100%" height="281" style="width: 100%;">
                                </a>
                            </div>
                            <div class="mb-[30px] col-span-12 sm:col-span-4">
                                <a class="gallery-image" href="assets/images/projects/b7b9e8ead0a507616769-resize.webp">
                                    <img class="object-cover w-full h-full rounded-[8px]" src="assets/images/projects/b7b9e8ead0a507616769-resize.webp" alt="gallery image" loading="lazy" width="100%" height="281" style="width: 100%;">
                                </a>
                            </div>
                            <div class="mb-[30px] col-span-12 sm:col-span-4">
                                <a class="gallery-image" href="assets/images/projects/007059514015b14b7910-resize.webp">
                                    <img class="object-cover w-full h-full rounded-[8px]" src="assets/images/projects/007059514015b14b7910-resize.webp" alt="gallery image" loading="lazy" width="100%" height="281" style="width: 100%;">
                                </a>
                            </div>
                            <div class="mb-[30px] col-span-12 sm:col-span-4">
                                <a class="gallery-image" href="assets/images/projects/5b29cfb3b687c5735184-resize.webp">
                                    <img class="object-cover w-full h-full rounded-[8px]" src="assets/images/projects/5b29cfb3b687c5735184-resize.webp" alt="gallery image" loading="lazy" width="100%" height="281" style="width: 100%;">
                                </a>
                            </div>
                            <div class="mb-[30px] col-span-12 sm:col-span-4">
                                <a class="gallery-image" href="assets/images/projects/91c9ec9ad64170d65ad9-resize.webp">
                                    <img class="object-cover w-full h-full rounded-[8px]" src="assets/images/projects/91c9ec9ad64170d65ad9-resize.webp" alt="gallery image" loading="lazy" width="100%" height="281" style="width: 100%;">
                                </a>
                            </div>
                            <div class="mb-[30px] col-span-12 sm:col-span-4">
                                <a class="gallery-image" href="assets/images/projects/a4b6bd7af8a58141c0eb-resize.webp">
                                    <img class="object-cover w-full h-full rounded-[8px]" src="assets/images/projects/a4b6bd7af8a58141c0eb-resize.webp" alt="gallery image" loading="lazy" width="100%" height="281" style="width: 100%;">
                                </a>
                            </div>

</div>
                    </div>

</div>
                    </div>

</div>
                    </div>

</div>
                    </div>

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

<section class="featured-properties py-[80px] lg:py-[120px]" id="gallery">
        <div class="container">
           
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="mb-[30px] lg:mb-[60px] text-center">
                        <center>
                            <h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                                OUR GALLERY
                            </h2>
                        </center>
                    </div>

<div class="swiper-slide text-center swiper-slide-visible swiper-slide-active" role="group" aria-label="1 / 10" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="assets/images/projects/img1.png" class="block transition-all duration-300 gallery-image">
                                            <img src="assets/images/projects/img1.png" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" style="height: 300px;width: 100%;">
                                        </a>
                                    </div>
                                </div>

</div>

<section class="explore-cities-section" id="amenities">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="mb-[30px] lg:mb-[60px] text-center">
                        <center>
                            <h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                                AMENITIES
                            </h2>
                        </center>
                        <span class="text-primary text-tiny inline-block mb-2">
                            One Life, Different Lifestyles
                        </span>
                    </div>

<div class="cities-slider">
                        <div class="swiper -mx-[30px] -my-[60px] px-[30px] py-[60px] swiper-initialized swiper-horizontal swiper-pointer-events">
                            <div class="swiper-wrapper" id="swiper-wrapper-74eeb6cb79c29ff3" aria-live="enabled" style="transition-duration: 0ms; transform: translate3d(-441px, 0px, 0px);">
                                <div class="swiper-slide text-center swiper-slide-duplicate swiper-slide-prev" role="group" aria-label="5 / 5" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="4" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/projects/b7b9e8ead0a507616769-resize.webp" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Francisco">
                                            <div class="bg-[rgb(255,253,252,0.9)] rounded-[6px] px-[5px] py-[15px] absolute group-hover:bottom-[25px] group-hover:opacity-100 bottom-[0px] opacity-0 left-[25px] right-[25px] transition-all duration-500">
                                                <span class="font-lora font-normal text-[18px] text-primary transition-all leading-none">Gymnasium</span>

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

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="2 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/projects/8e9fbfc7bc456c3c50d2.webp" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Indoor Games and Reading Room" style="height: 300px;width: 100%;">
                                            <span class="absolute bottom-5 left-5 bg-[#FFFDFC] p-[5px] rounded-[2px] text-primary leading-none text-[20px] font-normal capitalize" style="background-color: #0a53a0; color: white;">Indoor Games and Reading Room</span>
                                        </a>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="3 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/projects/5b29cfb3b687c5735184-resize.webp" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Indoor Games and Reading Room" style="height: 300px;width: 100%;">
                                            <span class="absolute bottom-5 left-5 bg-[#FFFDFC] p-[5px] rounded-[2px] text-primary leading-none text-[20px] font-normal capitalize" style="background-color: #0a53a0; color: white;">Kids' Playground</span>
                                        </a>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="4 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/projects/d93cb12d3a204b245f59.webp" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Swimming Pool" style="height: 300px;width: 100%;">
                                            <span class="absolute bottom-5 left-5 bg-[#FFFDFC] p-[5px] rounded-[2px] text-primary leading-none text-[20px] font-normal capitalize" style="background-color: #0a53a0; color: white;">Swimming Pool</span>
                                        </a>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="5 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/projects/3caa0e007b231f184422.webp" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Mini theatre" style="height: 300px;width: 100%;">
                                            <span class="absolute bottom-5 left-5 bg-[#FFFDFC] p-[5px] rounded-[2px] text-primary leading-none text-[20px] font-normal capitalize" style="background-color: #0a53a0; color: white;">Mini theatre</span>
                                        </a>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="6 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/projects/0b1bfb357c3501951219.webp" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Mini theatre" style="height: 300px;width: 100%;">
                                            <span class="absolute bottom-5 left-5 bg-[#FFFDFC] p-[5px] rounded-[2px] text-primary leading-none text-[20px] font-normal capitalize" style="background-color: #0a53a0; color: white;">Sauna, steam, and spa</span>
                                        </a>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-duplicate swiper-slide-duplicate-active" role="group" aria-label="1 / 5" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="0" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="./" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets/images/cities/image1.png" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="New York">
                                            <div class="bg-[rgb(255,253,252,0.9)] rounded-[6px] px-[5px] py-[15px] absolute group-hover:bottom-[25px] group-hover:opacity-100 bottom-[0px] opacity-0 left-[25px] right-[25px] transition-all duration-500">
                                                <span class="font-lora font-normal text-[18px] text-primary transition-all leading-none" style="background-color: #0a53a0; color: white;">New York</span>
                                                <p class="font-light text-[14px] capitalize text-secondary transition-all leading-none">36 Properties</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>

});
    </script>

<div class="col-span-12">
                   <div class="mb-[30px] lg:mb-[60px] text-center">
                        <center>
                            <h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                                FLOOR PLAN
                            </h2>
                        </center>
                        <span class="text-primary text-tiny inline-block mb-2">
                            Layouts and Plans
                        </span>
                    </div>
                </div>
              
                <div class="col-span-12">
                    <div class="cities-slider">
                        <div class="swiper -mx-[30px] -my-[60px] px-[30px] py-[60px] swiper-initialized swiper-horizontal swiper-pointer-events">
                            <div class="swiper-wrapper" id="swiper-wrapper-74eeb6cb79c29ff3" aria-live="enabled" style="transition-duration: 0ms; transform: translate3d(-441px, 0px, 0px);">

<div class="swiper-slide text-center swiper-slide-visible swiper-slide-active" role="group" aria-label="1 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="https://api.whatsapp.com/send?phone=917008711934&amp;text=Hello👋%0AI'm interested for 1BHK floor plan. Could you please provide details about the layout, pricing, and availability?%0AThank you! 😊" target="_blank" class="block transition-all duration-300">
                                            <img src="assets\images\floor-plan\1bhk.png" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Gymnasium" style="height: 300px;width: 100%;filter:blur(3px)" >
                                        </a>
                                        <div class="flrbtn" style="margin-top: 15px;text-align: center;">
                                            <span style="font-size: 19px;font-weight: bold;color: #000;padding-right: 6px;">1 BHK</span>
                                                <a class="floor-button mt-[60px]" href="./" title="Please fill out the form to download the content">
                                                    <i class="fa fa-download" aria-hidden="true"></i>
                                                </a>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="4 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="https://api.whatsapp.com/send?phone=917008711934&amp;text=Hello👋%0AI'm interested for Floor Duplex floor plan. Could you please provide details about the layout, pricing, and availability?%0AThank you! 😊" target="_blank" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets\images\floor-plan\duplex.png" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Indoor Games and Reading Room" style="height: 300px;width: 100%;filter:blur(3px)">
                                        </a>
                                        <div class="flrbtn" style="margin-top: 15px;text-align: center;">
                                            <span style="font-size: 19px;font-weight: bold;color: #000;padding-right: 6px;">Floor Duplex</span>
                                            <a class="floor-button mt-[60px]" href="./" title="Please fill out the form to download the content">
                                                    <i class="fa fa-download" aria-hidden="true"></i>
                                                </a>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="5 / 6" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="relative group">
                                        <a href="https://api.whatsapp.com/send?phone=917008711934&amp;text=Hello👋%0AI'm interested for Penthouse floor plan. Could you please provide details about the layout, pricing, and availability?%0AThank you! 😊" target="_blank" class="block group-hover:shadow-[0_10px_15px_0px_rgba(0,0,0,0.1)] transition-all duration-300">
                                            <img src="assets\images\floor-plan\panthouse.png" class="w-full h-full block mx-auto rounded-[6px]" loading="lazy" width="270" height="380" alt="Mini theatre" style="height: 300px;width: 100%;filter:blur(3px)">
                                        </a>
                                        <div class="flrbtn" style="margin-top: 15px;text-align: center;">
                                            <span style="font-size: 19px;font-weight: bold;color: #000;padding-right: 6px;">Penthouse</span>
                                            <a class="floor-button mt-[60px]" href="./" title="Please fill out the form to download the content">
                                                    <i class="fa fa-download" aria-hidden="true"></i>
                                                </a>
                                        </div>
                                    </div>
                                </div>

<section class="featured-properties mt-5" id="price">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <center>
                        <h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                            PRICING
                        </h2>
                    </center>
                </div>
                <br>

<div class="swiper-slide text-center swiper-slide-visible swiper-slide-active" role="group" aria-label="1 / 7" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="1" data-swiper-autoplay="2000">
                                    <div class="mb-[30px] col-span-12 sm:col-span-4">
                                        <div class="card text-center" style="box-shadow:0 4px 8px rgb(145 101 55 / 31%);">
                                            <div class="card-header" style="background-color: #69451f;padding: 10px;color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;">
                                                1 BHK
                                            </div>
                                            <div class="card-body">
                                                <br>
                                                
                                                <h5 class="card-title mt-2" style="font-weight: bold;font-size: 25px;"> Price On Request </h5>
                                                <br>
                                                <hr>
                                            </div>
                                            <div class="card-footer text-muted mt-2">
                                                <br>
                                                <a href="#" title="Please fill out the form to download the content" class="inline-block before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-secondary before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] py-[15px] capitalize font-medium text-white text-center text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-primary after:rounded-md after:transition-all" style="margin-bottom: 24px;">
                                                    Get Your Quote</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="2 / 7" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="2" data-swiper-autoplay="2000">
                                    <div class="mb-[30px] col-span-12 sm:col-span-4">
                                        <div class="card text-center" style="box-shadow:0 4px 8px rgb(145 101 55 / 31%);">
                                            <div class="card-header" style="background-color: #69451f;padding: 10px;color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;">
                                                2 BHK
                                            </div>
                                            <div class="card-body">
                                                <br>
                                                
                                                <h5 class="card-title mt-2" style="font-weight: bold;font-size: 25px;"> Price On Request </h5>
                                                <br>
                                                <hr>
                                            </div>
                                            <div class="card-footer text-muted mt-2">
                                                <br>
                                                <a href="#" title="Please fill out the form to download the content" class="inline-block before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-secondary before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] py-[15px] capitalize font-medium text-white text-center text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-primary after:rounded-md after:transition-all" style="margin-bottom: 24px;">
                                                    Get Your Quote</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="3 / 7" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="2" data-swiper-autoplay="2000">
                                    <div class="mb-[30px] col-span-12 sm:col-span-4">
                                        <div class="card text-center" style="box-shadow:0 4px 8px rgb(145 101 55 / 31%);">
                                            <div class="card-header" style="background-color: #69451f;padding: 10px;color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;">
                                               3 BHK
                                            </div>
                                            <div class="card-body">
                                                <br>
                                                
                                                <h5 class="card-title mt-2" style="font-weight: bold;font-size: 25px;"> Price On Request </h5>
                                                <br>
                                                <hr>
                                            </div>
                                            <div class="card-footer text-muted mt-2">
                                                <br>
                                                <a href="#" title="Please fill out the form to download the content" class="inline-block before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-secondary before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] py-[15px] capitalize font-medium text-white text-center text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-primary after:rounded-md after:transition-all" style="margin-bottom: 24px;">
                                                    Get Your Quote</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="5 / 7" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="2" data-swiper-autoplay="2000">
                                    <div class="mb-[30px] col-span-12 sm:col-span-4">
                                        <div class="card text-center" style="box-shadow:0 4px 8px rgb(145 101 55 / 31%);">
                                            <div class="card-header" style="background-color: #69451f;padding: 10px;color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;">
                                               4 BHK
                                            </div>
                                            <div class="card-body">
                                                <br>
                                                
                                                <h5 class="card-title mt-2" style="font-weight: bold;font-size: 25px;"> Price On Request </h5>
                                                <br>
                                                <hr>
                                            </div>
                                            <div class="card-footer text-muted mt-2">
                                                <br>
                                                <a href="#" title="Please fill out the form to download the content" class="inline-block before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-secondary before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] py-[15px] capitalize font-medium text-white text-center text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-primary after:rounded-md after:transition-all" style="margin-bottom: 24px;">
                                                    Get Your Quote</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="6 / 7" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="2" data-swiper-autoplay="2000">
                                    <div class="mb-[30px] col-span-12 sm:col-span-4">
                                        <div class="card text-center" style="box-shadow:0 4px 8px rgb(145 101 55 / 31%);">
                                            <div class="card-header" style="background-color: #69451f;padding: 10px;color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;">
                                               Penthouse
                                            </div>
                                            <div class="card-body">
                                                <br>
                                                
                                                <h5 class="card-title mt-2" style="font-weight: bold;font-size: 25px;"> Price On Request </h5>
                                                <br>
                                                <hr>
                                            </div>
                                            <div class="card-footer text-muted mt-2">
                                                <br>
                                                <a href="#" title="Please fill out the form to download the content" class="inline-block before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-secondary before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] py-[15px] capitalize font-medium text-white text-center text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-primary after:rounded-md after:transition-all" style="margin-bottom: 24px;">
                                                    Get Your Quote</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

<div class="swiper-slide text-center swiper-slide-next" role="group" aria-label="7 / 7" style="width: 411px; margin-right: 30px;" data-swiper-slide-index="2" data-swiper-autoplay="2000">
                                    <div class="mb-[30px] col-span-12 sm:col-span-4">
                                        <div class="card text-center" style="box-shadow:0 4px 8px rgb(145 101 55 / 31%);">
                                            <div class="card-header" style="background-color: #69451f;padding: 10px;color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;">
                                               Floor Duplex
                                            </div>
                                            <div class="card-body">
                                                <br>
                                                
                                                <h5 class="card-title mt-2" style="font-weight: bold;font-size: 25px;"> Price On Request </h5>
                                                <br>
                                                <hr>
                                            </div>
                                            <div class="card-footer text-muted mt-2">
                                                <br>
                                                <a href="#" title="Please fill out the form to download the content" class="inline-block before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-secondary before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] py-[15px] capitalize font-medium text-white text-center text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-primary after:rounded-md after:transition-all" style="margin-bottom: 24px;">
                                                    Get Your Quote</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

</div>

</div>

</div>
    </section>

<section class="pt-[60px] lg:pt-[60px] service-section" id="location">

<div class="container">
            <div class="grid grid-cols-12 text-center">
                <div class="col-span-12 text-center mb-[55px]">
                    <div class="max-w-[460px] mx-auto">
                        <center>
                            <h2 class="font-lora text-secondary text-[24px] sm:text-[25px] leading-[1.277] xl:text-xl max-w-[100%] mb-3 font-bold" style="color: #0a53a0;">
                                LOCATION

</h2>
                        </center>
                    </div>
                </div>
            </div>
        </div>

</section>

<section class="py-[80px] lg:p-[90px] bg-primary relative" id="callback">
        <div class="container">
            <div class="grid grid-cols-1">
                <div class="col-span">
                    <div class="flex flex-wrap items-center justify-between">
                        <div class="w-full lg:w-auto">
                            <h3 class="font-lora text-white text-[24px] sm:text-[30px] xl:text-[36px] leading-[1.277] mb-[10px]">INSTANT CALL BACK
                            </h3>

<div class="callbtn">
                                  <a href="tel:+917008711934">
                                     <div class="phone cta">Call us</div>
                                     <div class="phone number">(+91) 7008711934</div> 
                                  </a> 
                                </div>

</div>
                        
                        <div class="w-full hidden lg:block lg:w-auto mt-5 lg:mt-0">
                            <div class="relative mt-10 md:mt-0 lg:absolute lg:right-0 lg:bottom-0">
                                <img class="hero_image lg:max-w-[550px] xl:max-w-[650px] 2xl:max-w-[714px]" src="assets/images/newsletter/bg-1.png" width="866" height="879" alt="hero image">
                            </div>
                        </div>
                    </div>

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

<h3 style="font-size: 16px;color: #ffdb2a;">
                    An address for the choicest few for whom “Elite & quality living is a Necessity In The Lap of Nature”

</h3>

<br>

<p class="font-light text-[18px] lg:max-w-[100%]" style="text-align: center;color: white;">Tata Ariana Phase-3 Launching
                            <br>
                            <strong>“ULTRA PPREMIUM APARTMENTS”</strong>
                        </p>
                    </div>
                </div>

<div class="grid grid-cols-12 gap-x-[15px] lg:gap-x-[30px]">
                    <div class="col-span-12 sm:col-span-6">
                        <div class="flex flex-wrap items-center justify-between mt-[5px]" style="font-size: 13px;">
                            <ul>
                                <li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">25 acres of expansive forest reserves</span>
                                </li>

<li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">Floor plan – G+14, G+16, G+21</span>
                                </li>

<li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">Tower No – 12</span>
                                </li>

<li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">No of Units – 1200</span>
                                </li>

</ul>

</div>

<div class="col-span-12 sm:col-span-6">
                        <div class="flex flex-wrap items-center justify-between" style="font-size: 13px;">
                            <ul>
                                <li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">Unit Variant – 1, 2 & 3 BHK, 4 BHK, Floor Duplex, Penthouse</span>
                                </li>
                                <li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">RERA – Phase 1 MP/19/2018/00014</span>
                                </li>
                                <li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">RERA – Phase 2 MP/19/2019/00001</span>
                                </li>
                                <li class="flex flex-wrap mb-[10px]">
                                    <img class="self-start mt-[2px] mr-[15px]" src="assets/images/about/check.png" loading="lazy" alt="icon" width="20" height="20">
                                    <span class="flex-1 max-w-[315px]">RERA – Phase 3 MP/19/2025/01331</span>
                                </li>

</ul>

</div>

</div>
    </section>

<footer class="footer bg-[#EEEEEE] pt-[80px] lg:pt-[20px] pb-30 md:pb-[80px] lg:pb-[110px] font-normal bg-no-repeat" style="background-image: url('assets/images/footer/pattern.png');">
        <div class="container">
            <div class="grid grid-cols-12 gap-x-[30px] mb-[-30px]">
                <div class="col-span-12 sm:col-span-6 lg:col-span-4 mb-[30px]">

<p class="mb-[5px] xl:mb-[40px] max-w-[270px]">Properties are most budget friendly so you have are find opportunity is main responsibility to clients </p>
                </div>
                <div class="col-span-12 sm:col-span-6 lg:col-span-2 mb-[30px]">
                    <h3 class="font-lora font-normal text-[22px] leading-[1.222] text-primary mb-[20px] lg:mb-[30px]">
                        CORPORATE</h3>
                    <ul class="text-[16px] leading-none mb-[-20px]">
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#about_us">About
                                us</a></li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#location">Location</a></li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#gallery">Gallery</a></li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#amenities">Amenities</a></li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#plans">Layouts and Plans</a></li>
                    </ul>
                </div>
                <div class="col-span-12 sm:col-span-6 lg:col-span-2 mb-[30px]">
                    <h3 class="font-lora font-normal text-[22px] leading-[1.222] text-primary mb-[20px] lg:mb-[30px]">
                        OTHER</h3>
                    <ul class="text-[16px] leading-none mb-[-20px]">

<li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#">Terms &
                                Conditions</a></li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#">Privacy Policy</a>
                        </li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="./">Our
                                Agents</a></li>
                        <li class="mb-[20px]"><a class="inline-block transition-all hover:text-secondary" href="#">Features</a></li>
                    </ul>
                </div>

<div class="col-span-12 sm:col-span-6 lg:col-span-4 mb-[30px]">
                    <h3 class="font-lora font-normal text-[22px] leading-[1.222] text-primary mb-[20px] lg:mb-[30px]">
                        Address<span class="text-secondary">.</span></h3>
                    <p>Tata Housing Ariana <br>
                        Plot No. 87/1263 and 87/1264. Zone-20, Mouza - Shankarpur, Bhubaneswar, Odisha 751019, India
                    </p>
                    <p>Email: <a href="mailto:tataarianabhubaneswar@gmail.com">tataarianabhubaneswar@gmail.com</a></p>
                    <ul class="inline-flex items-center justify-center mt-[20px]">

</a>
                        </li>

</a>
                        </li>

</ul>

Disclaimer Marketed By An Authorized Channel Partner Of TATA Housing
                    </p>

</div>

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

Disclaimer Marketed By An Authorized Channel Partner Of TATA Housing
                    </p>

</center>
                <br>

</div>

</div>
    </div>

<a id="scrollUp" class="w-12 h-12 rounded-full bg-primary text-white fixed right-5 bottom-16 flex flex-wrap items-center justify-center transition-all duration-300 z-10" href="#" aria-label="scroll up">
        <svg width="25" height="25" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
            <path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z" />
        </svg>
    </a>
    </div>

<script src="assets/js/vendor/modernizr-3.11.7.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/popper.min.js"></script>
    <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/parallax.min.js"></script>

<script src="assets/js/main.js"></script>

</body>

</html>