<!DOCTYPE html>
<html lang="zxx">

<head>
    <?php include("head.php"); ?>
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <link href="assets/css/custom.css" rel="stylesheet">

</head>

<body class="blue-skin">

    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div id="preloader">
        <div class="preloader"><span></span><span></span></div>
    </div>

    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper">

        <!-- ============================================================== -->
        <!-- Top header  -->
        <!-- ============================================================== -->
        <!-- Start Navigation -->
        <?php include("header.php"); ?>
        <!-- End Navigation -->
        <!-- ============================================================== -->
        <!-- Top header  -->
        <!-- ============================================================== -->


        <!-- ============================ Hero Banner  Start================================== -->
        <div class="image-bottom hero-banner" style="background:#2540a2 url(assets/img/new-banner.jpg) no-repeat;"
            data-overlay="7">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-11 col-md-11 col-sm-12">
                        <div class="inner-banner-text text-center">
                            <p class="lead-i">Amet consectetur adipisicing <span class="badge badge-success">New</span>
                            </p>
                            <h2><span class="font-normal">Find Your</span> Perfect Place.</h2>
                        </div>
                        <div class="full-search-2 eclip-search italian-search hero-search-radius shadow-hard mt-5">
                            <div class="hero-search-content">

                                <form action="ab.php">

                                    <input type="text" id="values" values="ff" name="" class="well">
                                    <input type="text" id="values1" values="ff" name="" class="well">
                                    <input type="text" id="values2" values="ff" name="" class="well">
                                    <input type="text" id="values3" values="ff" name="" class="well">
                                    <input type="text" id="values4" values="ff" name="" class="well">
                                    <input type="text" id="values5" values="ff" name="" class="well">
                                    <div class="row">

                                        <div class="col-lg-12 col-md-12 col-sm-12 ">
                                            <div class="form-group">
                                                <div class="choose-propert-type">
                                                    <ul>

                                                        <li>
                                                            <input id="cp-1" class="checkbox-custom" name="cpt"
                                                                value="s1" type="radio" onclick="setCssClass('buy');"
                                                                checked>
                                                            <label for="cp-1" class="checkbox-custom-label">Buy</label>
                                                        </li>
                                                        <li>
                                                            <input id="cp-2" class="checkbox-custom" name="cpt"
                                                                value="s2" type="radio" onclick="setCssClass('rent');">
                                                            <label for="cp-2"
                                                                class="checkbox-custom-label">Rent/PG</label>
                                                        </li>
                                                        <li>
                                                            <input id="cp-3" class="checkbox-custom" name="cpt"
                                                                value="s3" type="radio"
                                                                onclick="setCssClass('project');">
                                                            <label for="cp-3"
                                                                class="checkbox-custom-label">Projects</label>
                                                        </li>
                                                        <li>
                                                            <input id="cp-4" class="checkbox-custom" name="cpt"
                                                                value="s4" type="radio"
                                                                onclick="setCssClass('commercial');">
                                                            <label for="cp-4"
                                                                class="checkbox-custom-label">Commercial</label>
                                                        </li>
                                                        <li>
                                                            <input id="cp-5" class="checkbox-custom" name="cpt"
                                                                value="s5" type="radio"
                                                                onclick="setCssClass('dealers');">
                                                            <label for="cp-5"
                                                                class="checkbox-custom-label">Dealers</label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">



                                        <div class="col-lg-8 col-md-8 col-sm-10 p-0 ">
                                            <div class="row" style="margin:0">

                                                <div class="col-md-2 col-sm-12 1buy  display-block"
                                                    style="z-index: 4;font-size:12px;">

                                                    <div id="treeview-container1" class="dropdown">
                                                        <button class=" dropdown-toggle" id="menu1" type="button"
                                                            data-toggle="dropdown">All Residential1
                                                        </button>
                                                        <ul class="dropdown-menu maindrop" role="menu"
                                                            aria-labelledby="menu1">
                                                            <?php
																$sql2="select * from  cnf_mst_service_type where transaction_status='1' order by serialno ASC";
																$result2=$conn->query($sql2);
																$i=1;
																while($row2=$result2->fetch_assoc()){
															?>
                                                            <li data-value="<?php echo $row2['pk_service_code']; ?>">
                                                                <?php echo $row2['service_name']; ?>

                                                                <ul>
                                                                    <?php
																$sql3="select * from  cnf_mst_service_category where fk_service_code='".$row2['pk_service_code']."' order by service_category_name ASC";
																$result3=$conn->query($sql3);
																$i=1;
																while($row3=$result3->fetch_assoc()){
															        ?>
                                                                    <li
                                                                        data-value="<?php echo $row3['pk_service_category_code']; ?>">
                                                                        <?php echo $row3['service_category_name']; ?>
                                                                    </li>
                                                                    <?php
																}
															        ?>
                                                                </ul>
                                                            </li>
                                                            <?php
																}
															?>

                                                        </ul>

                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-sm-12 1rent display-none"
                                                    style="z-index: 4; font-size:12px;">
                                                    <div id="treeview-container2" class="dropdown">
                                                        <button class=" dropdown-toggle" id="menu2" type="button"
                                                            data-toggle="dropdown">All Residential2
                                                        </button>
                                                        <ul class="dropdown-menu maindrop" role="menu"
                                                            aria-labelledby="menu2">
                                                            <?php
																$sql2="select * from  cnf_mst_service_type where transaction_status='1' order by serialno ASC";
																$result2=$conn->query($sql2);
																$i=1;
																while($row2=$result2->fetch_assoc()){
															?>
                                                            <li data-value="<?php echo $row2['pk_service_code']; ?>">
                                                                <?php echo $row2['service_name']; ?>

                                                                <ul>
                                                                    <?php
																$sql3="select * from  cnf_mst_service_category where fk_service_code='".$row2['pk_service_code']."' order by service_category_name ASC";
																$result3=$conn->query($sql3);
																$i=1;
																while($row3=$result3->fetch_assoc()){
															        ?>
                                                                    <li
                                                                        data-value="<?php echo $row3['pk_service_category_code']; ?>">
                                                                        <?php echo $row3['service_category_name']; ?>
                                                                    </li>
                                                                    <?php
																}
															        ?>
                                                                </ul>
                                                            </li>
                                                            <?php
																}
															?>

                                                        </ul>

                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-sm-12 1project display-none"
                                                    style="z-index: 4; font-size:12px;">
                                                    <div id="treeview-container3" class="dropdown">
                                                        <button class=" dropdown-toggle" id="menu3" type="button"
                                                            data-toggle="dropdown">All Residential
                                                        </button>
                                                        <ul class="dropdown-menu maindrop" role="menu"
                                                            aria-labelledby="menu3">
                                                            <?php
																$sql2="select * from  cnf_mst_service_type where transaction_status='1' AND pk_service_code!='s1' order by serialno ASC";
																$result2=$conn->query($sql2);
																$i=1;
																while($row2=$result2->fetch_assoc()){
															?>
                                                            <li data-value="<?php echo $row2['pk_service_code']; ?>">
                                                                <?php echo $row2['service_name']; ?>

                                                                <ul>
                                                                    <?php
																$sql3="select * from  cnf_mst_service_category where fk_service_code='".$row2['pk_service_code']."' order by service_category_name ASC";
																$result3=$conn->query($sql3);
																$i=1;
																while($row3=$result3->fetch_assoc()){
															        ?>
                                                                    <li
                                                                        data-value="<?php echo $row3['pk_service_category_code']; ?>">
                                                                        <?php echo $row3['service_category_name']; ?>
                                                                    </li>
                                                                    <?php
																}
															        ?>
                                                                </ul>
                                                            </li>
                                                            <?php
																}
															?>

                                                        </ul>

                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-sm-12 1commercial display-none"
                                                    style="z-index: 4; font-size:12px;">
                                                    <div id="treeview-container4" class="dropdown">
                                                        <button class=" dropdown-toggle" id="menu4" type="button"
                                                            data-toggle="dropdown">All Residential
                                                        </button>
                                                        <ul class="dropdown-menu maindrop" role="menu"
                                                            aria-labelledby="menu4">
                                                            <?php
																$sql2="select * from  cnf_mst_service_type where transaction_status='1' order by serialno ASC";
																$result2=$conn->query($sql2);
																$i=1;
																while($row2=$result2->fetch_assoc()){
															?>
                                                            <li data-value="<?php echo $row2['pk_service_code']; ?>">
                                                                <?php echo $row2['service_name']; ?>

                                                                <ul>
                                                                    <?php
																$sql3="select * from  cnf_mst_service_category where fk_service_code='".$row2['pk_service_code']."' order by service_category_name ASC";
																$result3=$conn->query($sql3);
																$i=1;
																while($row3=$result3->fetch_assoc()){
															        ?>
                                                                    <li
                                                                        data-value="<?php echo $row3['pk_service_category_code']; ?>">
                                                                        <?php echo $row3['service_category_name']; ?>
                                                                    </li>
                                                                    <?php
																}
															        ?>
                                                                </ul>
                                                            </li>
                                                            <?php
																}
															?>

                                                        </ul>

                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-sm-12 1dealer display-none"
                                                    style="z-index: 4; font-size:12px;">
                                                    <div id="treeview-container5" class="dropdown">
                                                        <button class=" dropdown-toggle" id="menu5" type="button"
                                                            data-toggle="dropdown">All Residential
                                                        </button>
                                                        <ul class="dropdown-menu maindrop" role="menu"
                                                            aria-labelledby="menu5">
                                                            <?php
																$sql2="select * from  cnf_mst_service_type where transaction_status='1' order by serialno ASC";
																$result2=$conn->query($sql2);
																$i=1;
																while($row2=$result2->fetch_assoc()){
															?>
                                                            <li data-value="<?php echo $row2['pk_service_code']; ?>">
                                                                <?php echo $row2['service_name']; ?>

                                                                <ul>
                                                                    <?php
																$sql3="select * from  cnf_mst_service_category where fk_service_code='".$row2['pk_service_code']."' order by service_category_name ASC";
																$result3=$conn->query($sql3);
																$i=1;
																while($row3=$result3->fetch_assoc()){
															        ?>
                                                                    <li
                                                                        data-value="<?php echo $row3['pk_service_category_code']; ?>">
                                                                        <?php echo $row3['service_category_name']; ?>
                                                                    </li>
                                                                    <?php
																}
															        ?>
                                                                </ul>
                                                            </li>
                                                            <?php
																}
															?>

                                                        </ul>

                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sm-12">
                                                    <div class="form-group">
                                                        <div class="input-with-icon">
                                                            <input type="text" class="form-control" name="location"
                                                                id="search" placeholder="Search for a location">
                                                            <img src="assets/img/pin.svg" width="20"></i>
                                                        </div>
                                                        <div id="mydiv"></div>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>

                                        <div class="col-lg-1 col-md-1 col-sm-2">
                                            <div class="form-group">
                                                <a role="button" class="collapsed ad-search display-block" id="buy1"
                                                    data-bs-toggle="collapse" href="#advance-search-buy"
                                                    aria-expanded="false" aria-controls="advance-search"><i
                                                        class="fa fa-sliders-h"></i></a>
                                                <a role="button" class="collapsed ad-search display-none" id="rent1"
                                                    data-bs-toggle="collapse" href="#advance-search-rent"
                                                    aria-expanded="false" aria-controls="advance-search"><i
                                                        class="fa fa-sliders-h"></i></a>
                                                <a role="button" class="collapsed ad-search display-none" id="project1"
                                                    data-bs-toggle="collapse" href="#advance-search-project"
                                                    aria-expanded="false" aria-controls="advance-search"><i
                                                        class="fa fa-sliders-h"></i></a>
                                                <a role="button" class="collapsed ad-search display-none"
                                                    id="commercial1" data-bs-toggle="collapse"
                                                    href="#advance-search-commercial" aria-expanded="false"
                                                    aria-controls="advance-search"><i class="fa fa-sliders-h"></i></a>
                                                <a role="button" class="collapsed ad-search display-none" id="dealer1"
                                                    data-bs-toggle="collapse" href="#advance-search-dealer"
                                                    aria-expanded="false" aria-controls="advance-search"><i
                                                        class="fa fa-sliders-h"></i></a>

                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12">

                                            <div class="form-group">
                                                <!-- <a href="#" class="btn search-btn black"> -->
                                                <input type="submit" name="search" class="btn search-btn black"
                                                    value="Search">
                                                <!-- </a> -->
                                            </div>
                                        </div>

                                    </div>
                                    <!-- Collapse Advance Search Form -->
                                    <div class="collapse colaps" id="advance-search-buy" aria-expanded="false"
                                        role="banner">

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

                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select id="construction_satus" name="construction_satus"
                                                            class="form-control select22">
                                                            <option value="">Construction Satus</option>
                                                            <?php
																$sql1="select * from  construction_status where transaction_status='1'";
																$result1=$conn->query($sql1);
																$i=1;
																while($row1=$result1->fetch_assoc()){
															?>

                                                            <option value="<?php echo $row1['id']; ?>">
                                                                <?php echo $row1['construction_status_name']; ?>
                                                            </option>
                                                            <?php
																}
															?>

                                                        </select>
                                                        <i class="ti-location-pin"></i>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select id="budget" name="budget" class="form-control select22">
                                                            <option value="">Budget</option>
                                                            <option value="499999">Less than 5 Lacs</option>
                                                            <option value="1000000">10 Lacs</option>
                                                            <option value="2000000">20 Lacs</option>
                                                            <option value="5000000">50 Lacs</option>
                                                            <option value="50000001"> More Than 50 Lacs</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">

                                                        <select id="bedroom_type" name="bedroom_type"
                                                            class="form-control select22">
                                                            <option value="">Bedroom</option>
                                                            <?php
																$sql1="select * from  cnf_mst_bedroom_type where transaction_status='1'";
																$result1=$conn->query($sql1);
																$i=1;
																while($row1=$result1->fetch_assoc()){
															?>

                                                            <option value="<?php echo $row1['id']; ?>">
                                                                <?php echo $row1['destination_type_name']; ?></option>
                                                            <?php
																}
															?>

                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="posted_by" class="form-control select22">
                                                            <option value="">Posted By</option>
                                                            <option value="owner">Owner</option>
                                                            <option value="builder">Builder</option>
                                                            <option value="dealer">Dealer</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>




                                        <!-- /row -->

                                    </div>
                                    <div class="collapse colaps " id="advance-search-rent" aria-expanded="false"
                                        role="banner">

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

                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon" style="line-height:3.5;">
                                                        <input type="radio" class="form-control" id="crent"
                                                            name="rent_pg" value="rent" onclick="setrent_pg('crent');"
                                                            checked>
                                                        <label for="crent">Rent</label>

                                                        <input type="radio" class="form-control" id="cpg" name="rent_pg"
                                                            value="pg" onclick="setrent_pg('cpg');">
                                                        <label for="cpg">PG</label>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="col-lg-3 col-md-3 col-sm-12 rentshow">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select id="" name="budgetrent" class="form-control select22">
                                                            <option value="">Budget</option>
                                                            <option value="4999">Less than 5000</option>
                                                            <option value="10000">10000</option>
                                                            <option value="20000">20000</option>
                                                            <option value="50000">50000</option>
                                                            <option value="50001"> More Than 50000</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-3 col-md-3 col-sm-12 rentshow">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">

                                                        <select id="" name="bedroom_typerent"
                                                            class="form-control select22 ">
                                                            <option value="">Bedroom</option>
                                                            <?php
																$sql1="select * from  cnf_mst_bedroom_type where transaction_status='1'";
																$result1=$conn->query($sql1);
																$i=1;
																while($row1=$result1->fetch_assoc()){
															?>

                                                            <option value="<?php echo $row1['id']; ?>">
                                                                <?php echo $row1['destination_type_name']; ?></option>
                                                            <?php
																}
															?>

                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 rentshow">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="posted_byrent" class="form-control select22">
                                                            <option value="">Posted By</option>
                                                            <option value="owner">Owner</option>
                                                            <option value="builder">Builder</option>
                                                            <option value="dealer">Dealer</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 pgshow display-none ">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select id="" name="budgetpg" class="form-control select22">
                                                            <option value="">Budget</option>
                                                            <option value="4999">Less than 5000</option>
                                                            <option value="10000">10000</option>
                                                            <option value="20000">20000</option>
                                                            <option value="50000">50000</option>
                                                            <option value="50001"> More Than 50000</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 pgshow display-none">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="availableforpg" class="form-control select22">
                                                            <option value="">Available For</option>
                                                            <option value="Girls">Girls</option>
                                                            <option value="boys">Boys</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 pgshow display-none">

                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="posted_bypg" class="form-control select22">
                                                            <option value="">Posted By</option>
                                                            <option value="owner">Owner</option>
                                                            <option value="builder">Builder</option>
                                                            <option value="dealer">Dealer</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>



                                        </div>
                                        <!-- /row -->



                                    </div>
                                    <div class="collapse colaps " id="advance-search-project" aria-expanded="false"
                                        role="banner">

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

                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon" style="line-height:3.5;">
                                                        <input type="radio" class="form-control" id="pres"
                                                            name="projects_type" value="rent" onclick="setproject('r');"
                                                            checked>
                                                        <label for="pres">Residential Projects</label>

                                                        <input type="radio" class="form-control" id="pcom"
                                                            name="projects_type" value="pro_com"
                                                            onclick="setproject('c');">
                                                        <label for="pcom">Commercial Projects</label>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="col-lg-3 col-md-3 col-sm-12 rentshow">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select id="" name="budgetrent" class="form-control select22">
                                                            <option value="">Budget</option>
                                                            <option value="4999">Less than 5000</option>
                                                            <option value="10000">10000</option>
                                                            <option value="20000">20000</option>
                                                            <option value="50000">50000</option>
                                                            <option value="50001"> More Than 50000</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-3 col-md-3 col-sm-12 rentshow">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">

                                                        <select id="" name="bedroom_typerent"
                                                            class="form-control select22 ">
                                                            <option value="">Bedroom</option>
                                                            <?php
																$sql1="select * from  cnf_mst_bedroom_type where transaction_status='1'";
																$result1=$conn->query($sql1);
																$i=1;
																while($row1=$result1->fetch_assoc()){
															?>

                                                            <option value="<?php echo $row1['id']; ?>">
                                                                <?php echo $row1['destination_type_name']; ?></option>
                                                            <?php
																}
															?>

                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 rentshow">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="posted_byrent" class="form-control select22">
                                                            <option value="">Posted By</option>
                                                            <option value="owner">Owner</option>
                                                            <option value="builder">Builder</option>
                                                            <option value="dealer">Dealer</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 pgshow display-none ">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select id="" name="budgetpg" class="form-control select22">
                                                            <option value="">Budget</option>
                                                            <option value="4999">Less than 5000</option>
                                                            <option value="10000">10000</option>
                                                            <option value="20000">20000</option>
                                                            <option value="50000">50000</option>
                                                            <option value="50001"> More Than 50000</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 pgshow display-none">
                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="availableforpg" class="form-control select22">
                                                            <option value="">Available For</option>
                                                            <option value="Girls">Girls</option>
                                                            <option value="boys">Boys</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-12 pgshow display-none">

                                                <div class="form-group mb-2">
                                                    <div class="input-with-icon">
                                                        <select name="posted_bypg" class="form-control select22">
                                                            <option value="">Posted By</option>
                                                            <option value="owner">Owner</option>
                                                            <option value="builder">Builder</option>
                                                            <option value="dealer">Dealer</option>
                                                        </select>
                                                        <i class="fas fa-bed"></i>
                                                    </div>
                                                </div>
                                            </div>



                                        </div>
                                        <!-- /row -->



                                    </div>


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

                    </div>
                </div>
            </div>
        </div>
        <!-- ============================ Hero Banner End ================================== -->

        <!-- ============================ Achievement Start ================================== -->
        <section>
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-10 text-center">
                        <div class="sec-heading center mb-4">
                            <h2>Achievement</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                voluptatum deleniti atque corrupti quos dolores</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="achievement-wrap">
                            <div class="achievement-content">
                                <h4>20500+</h4>
                                <p>Completed Property</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="achievement-wrap">
                            <div class="achievement-content">
                                <h4>7600+</h4>
                                <p>Property Sales</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="achievement-wrap">
                            <div class="achievement-content">
                                <h4>12300+</h4>
                                <p>Apartment Rent</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="achievement-wrap">
                            <div class="achievement-content">
                                <h4>15200+</h4>
                                <p>Happy Clients</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </section>
        <div class="clearfix"></div>
        <!-- ============================ Achievement End ================================== -->

        <!-- ============================ Latest Property For Sale Start ================================== -->
        <section class="pt-0">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-10 text-center">
                        <div class="sec-heading center mb-4">
                            <h2>Recent Property For Rent</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                voluptatum deleniti atque corrupti quos dolores</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <div class="property-slide">

                            <!-- Single Property -->
                            <div class="single-items">
                                <div class="property-listing shadow-none property-2 border">

                                    <div class="listing-img-wrapper">
                                        <div class="_exlio_125">$8420</div>
                                        <div class="list-img-slide">
                                            <div class="click">
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail-wrap">
                                            <div class="listing-short-detail">
                                                <span class="property-type elt_rent">For Rent</span>
                                                <h4 class="listing-name verified"><a href="single-property-1.html"
                                                        class="prt-link-detail">Banyon Tree Realty</a></h4>
                                            </div>
                                            <div class="listing-short-detail-flex">
                                                <div class="prt_saveed_12lk">
                                                    <label class="toggler toggler-danger"><input type="checkbox"><i
                                                            class="fas fa-heart"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="price-features-wrapper">
                                        <div class="list-fx-features">
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                        alt="" /></div>3 Beds
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                        alt="" /></div>1 Bath
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                        alt="" /></div>800 sqft
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-footer">
                                        <div class="footer-first">
                                            <div class="foot-location"><img src="assets/img/pin.svg" width="18"
                                                    alt="" />210 Zirak Road, Canada</div>
                                        </div>
                                        <div class="footer-flex">
                                            <a href="property-detail.html" class="prt-view">View</a>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!-- Single Property -->
                            <div class="single-items">
                                <div class="property-listing shadow-none property-2 border">

                                    <div class="listing-img-wrapper">
                                        <div class="_exlio_125">$8420</div>
                                        <div class="list-img-slide">
                                            <div class="click">
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail-wrap">
                                            <div class="listing-short-detail">
                                                <span class="property-type elt_sale">For Sale</span>
                                                <h4 class="listing-name verified"><a href="single-property-1.html"
                                                        class="prt-link-detail">Blue Reef Properties</a></h4>
                                            </div>
                                            <div class="listing-short-detail-flex">
                                                <div class="prt_saveed_12lk">
                                                    <label class="toggler toggler-danger"><input type="checkbox"><i
                                                            class="fas fa-heart"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="price-features-wrapper">
                                        <div class="list-fx-features">
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                        alt="" /></div>3 Beds
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                        alt="" /></div>1 Bath
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                        alt="" /></div>800 sqft
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-footer">
                                        <div class="footer-first">
                                            <div class="foot-location"><img src="assets/img/pin.svg" width="18"
                                                    alt="" />210 Zirak Road, Canada</div>
                                        </div>
                                        <div class="footer-flex">
                                            <a href="property-detail.html" class="prt-view">View</a>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!-- Single Property -->
                            <div class="single-items">
                                <div class="property-listing shadow-none property-2 border">

                                    <div class="listing-img-wrapper">
                                        <div class="_exlio_125">$8420</div>
                                        <div class="list-img-slide">
                                            <div class="click">
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail-wrap">
                                            <div class="listing-short-detail">
                                                <span class="property-type elt_rent">For Rent</span>
                                                <h4 class="listing-name verified"><a href="single-property-1.html"
                                                        class="prt-link-detail">Beacon Homes LLC</a></h4>
                                            </div>
                                            <div class="listing-short-detail-flex">
                                                <div class="prt_saveed_12lk">
                                                    <label class="toggler toggler-danger"><input type="checkbox"><i
                                                            class="fas fa-heart"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="price-features-wrapper">
                                        <div class="list-fx-features">
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                        alt="" /></div>3 Beds
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                        alt="" /></div>1 Bath
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                        alt="" /></div>800 sqft
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-footer">
                                        <div class="footer-first">
                                            <div class="foot-location"><img src="assets/img/pin.svg" width="18"
                                                    alt="" />210 Zirak Road, Canada</div>
                                        </div>
                                        <div class="footer-flex">
                                            <a href="property-detail.html" class="prt-view">View</a>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!-- Single Property -->
                            <div class="single-items">
                                <div class="property-listing shadow-none property-2 border">

                                    <div class="listing-img-wrapper">
                                        <div class="_exlio_125">$8420</div>
                                        <div class="list-img-slide">
                                            <div class="click">
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail-wrap">
                                            <div class="listing-short-detail">
                                                <span class="property-type elt_rent">For Rent</span>
                                                <h4 class="listing-name verified"><a href="single-property-1.html"
                                                        class="prt-link-detail">Bluebell Real Estate</a></h4>
                                            </div>
                                            <div class="listing-short-detail-flex">
                                                <div class="prt_saveed_12lk">
                                                    <label class="toggler toggler-danger"><input type="checkbox"><i
                                                            class="fas fa-heart"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="price-features-wrapper">
                                        <div class="list-fx-features">
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                        alt="" /></div>3 Beds
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                        alt="" /></div>1 Bath
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                        alt="" /></div>800 sqft
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-footer">
                                        <div class="footer-first">
                                            <div class="foot-location"><img src="assets/img/pin.svg" width="18"
                                                    alt="" />210 Zirak Road, Canada</div>
                                        </div>
                                        <div class="footer-flex">
                                            <a href="property-detail.html" class="prt-view">View</a>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!-- Single Property -->
                            <div class="single-items">
                                <div class="property-listing shadow-none property-2 border">

                                    <div class="listing-img-wrapper">
                                        <div class="_exlio_125">$8420</div>
                                        <div class="list-img-slide">
                                            <div class="click">
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail-wrap">
                                            <div class="listing-short-detail">
                                                <span class="property-type elt_sale">For Sale</span>
                                                <h4 class="listing-name verified"><a href="single-property-1.html"
                                                        class="prt-link-detail">Found Property Group</a></h4>
                                            </div>
                                            <div class="listing-short-detail-flex">
                                                <div class="prt_saveed_12lk">
                                                    <label class="toggler toggler-danger"><input type="checkbox"><i
                                                            class="fas fa-heart"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="price-features-wrapper">
                                        <div class="list-fx-features">
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                        alt="" /></div>3 Beds
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                        alt="" /></div>1 Bath
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                        alt="" /></div>800 sqft
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-footer">
                                        <div class="footer-first">
                                            <div class="foot-location"><img src="assets/img/pin.svg" width="18"
                                                    alt="" />210 Zirak Road, Canada</div>
                                        </div>
                                        <div class="footer-flex">
                                            <a href="property-detail.html" class="prt-view">View</a>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!-- Single Property -->
                            <div class="single-items">
                                <div class="property-listing shadow-none property-2 border">

                                    <div class="listing-img-wrapper">
                                        <div class="_exlio_125">$8420</div>
                                        <div class="list-img-slide">
                                            <div class="click">
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                                <div><a href="single-property-1.html"><img
                                                            src="https://via.placeholder.com/1200x800"
                                                            class="img-fluid mx-auto" alt="" /></a></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail-wrap">
                                            <div class="listing-short-detail">
                                                <span class="property-type elt_rent">For Rent</span>
                                                <h4 class="listing-name verified"><a href="single-property-1.html"
                                                        class="prt-link-detail">Strive Partners Realty</a></h4>
                                            </div>
                                            <div class="listing-short-detail-flex">
                                                <div class="prt_saveed_12lk">
                                                    <label class="toggler toggler-danger"><input type="checkbox"><i
                                                            class="fas fa-heart"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="price-features-wrapper">
                                        <div class="list-fx-features">
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                        alt="" /></div>3 Beds
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                        alt="" /></div>1 Bath
                                            </div>
                                            <div class="listing-card-info-icon">
                                                <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                        alt="" /></div>800 sqft
                                            </div>
                                        </div>
                                    </div>

                                    <div class="listing-detail-footer">
                                        <div class="footer-first">
                                            <div class="foot-location"><img src="assets/img/pin.svg" width="18"
                                                    alt="" />210 Zirak Road, Canada</div>
                                        </div>
                                        <div class="footer-flex">
                                            <a href="property-detail.html" class="prt-view">View</a>
                                        </div>
                                    </div>

                                </div>
                            </div>

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

            </div>
        </section>
        <!-- ============================ Latest Property For Sale End ================================== -->

        <!-- ============================ All Property ================================== -->
        <section class="bg-light">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-10 text-center">
                        <div class="sec-heading center">
                            <h2>Featured Property For Sale</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                voluptatum deleniti atque corrupti quos dolores</p>
                        </div>
                    </div>
                </div>

                <div class="row list-layout">

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Resort Valley
                                                    Ocs</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types sale">For Sale</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$7,000</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Adobe Property
                                                    Advisors</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types rent">For Rent</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$6,800</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Bluebell Real
                                                    Estate</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types rent">For Rent</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$7,000</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Agile Real Estate
                                                    Group</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types sale">For Sale</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$8,100</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Nestled Real
                                                    Estate</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types sale">For Sale</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$5,700</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Flow Group Real
                                                    Estate</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types rent">For Rent</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$5,900</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Strive Partners
                                                    Realty</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types sale">For Sale</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$6,200</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                    <!-- Single Property Start -->
                    <div class="col-lg-6 col-md-12">
                        <div class="property-listing property-1">

                            <div class="listing-img-wrapper">
                                <a href="single-property-2.html">
                                    <img src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" />
                                </a>
                            </div>

                            <div class="listing-content">

                                <div class="listing-detail-wrapper-box">
                                    <div class="listing-detail-wrapper">
                                        <div class="listing-short-detail">
                                            <h4 class="listing-name"><a href="single-property-2.html">Black Oak
                                                    Realty</a></h4>
                                            <div class="fr-can-rating">
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star filled"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="reviews_text">(42 Reviews)</span>
                                            </div>
                                            <span class="prt-types rent">For Rent</span>
                                        </div>
                                        <div class="list-price">
                                            <h6 class="listing-card-info-price">$8,400</h6>
                                        </div>
                                    </div>
                                </div>

                                <div class="price-features-wrapper">
                                    <div class="list-fx-features">
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13"
                                                    alt="" /></div>3 Beds
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13"
                                                    alt="" /></div>1 Bath
                                        </div>
                                        <div class="listing-card-info-icon">
                                            <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13"
                                                    alt="" /></div>800 sqft
                                        </div>
                                    </div>
                                </div>

                                <div class="listing-footer-wrapper">
                                    <div class="listing-locate">
                                        <span class="listing-location"><i class="ti-location-pin"></i>Quice Market,
                                            Canada</span>
                                    </div>
                                    <div class="listing-detail-btn">
                                        <a href="single-property-2.html" class="more-btn">View</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- Single Property End -->

                </div>

                <!-- Pagination -->
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                        <a href="listings-list-with-sidebar.html" class="btn btn-theme-light rounded">Browse More
                            Properties</a>
                    </div>
                </div>

            </div>
        </section>
        <!-- ============================ All Featured Property ================================== -->

        <!-- ============================ Step How To Use Start ================================== -->
        <section>
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-10 text-center">
                        <div class="sec-heading center">
                            <h2>Explore Featured Agents</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                voluptatum deleniti atque corrupti quos dolores</p>
                        </div>
                    </div>
                </div>

                <div class="row">

                    <!-- Single Agent -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="agents-grid">

                            <div class="agents-grid-wrap">

                                <div class="fr-grid-thumb">
                                    <a href="freelancer-detail.html">
                                        <img src="https://via.placeholder.com/400x400" class="img-fluid mx-auto"
                                            alt="" />
                                    </a>
                                </div>

                                <div class="fr-grid-deatil">
                                    <div class="fr-grid-deatil-flex">
                                        <h5 class="fr-can-name"><a href="#">James N. Green</a></h5>
                                        <span class="agent-property">117 Properties</span>
                                    </div>
                                    <div class="fr-grid-deatil-flex-right">
                                        <div class="agent-email"><a href="#"><i class="ti-email"></i></a></div>
                                    </div>
                                </div>

                            </div>

                            <div class="fr-grid-info">
                                <ul>
                                    <li><strong>Call:</strong>91 123 456 7859</li>

                                    <li>
                                        <div class="fr-can-rating">
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star"></i>
                                            <span class="reviews_text">(42 Reviews)</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="fr-grid-footer">
                                <div class="fr-grid-footer-flex">
                                    <span class="fr-position"><i class="lni-map-marker"></i>3599 Huntz Lane</span>
                                </div>
                                <div class="fr-grid-footer-flex-right">
                                    <a href="agent-page.html" class="prt-view" tabindex="0">View</a>
                                </div>
                            </div>

                        </div>
                    </div>

                    <!-- Single Agent -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="agents-grid">

                            <div class="agents-grid-wrap">

                                <div class="fr-grid-thumb">
                                    <a href="freelancer-detail.html">
                                        <img src="https://via.placeholder.com/400x400" class="img-fluid mx-auto"
                                            alt="" />
                                    </a>
                                </div>

                                <div class="fr-grid-deatil">
                                    <div class="fr-grid-deatil-flex">
                                        <h5 class="fr-can-name"><a href="#">Charles T. Hines</a></h5>
                                        <span class="agent-property">302 Properties</span>
                                    </div>
                                    <div class="fr-grid-deatil-flex-right">
                                        <div class="agent-email"><a href="#"><i class="ti-email"></i></a></div>
                                    </div>
                                </div>

                            </div>

                            <div class="fr-grid-info">
                                <ul>
                                    <li><strong>Call:</strong>91 123 456 7859</li>

                                    <li>
                                        <div class="fr-can-rating">
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star"></i>
                                            <span class="reviews_text">(42 Reviews)</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="fr-grid-footer">
                                <div class="fr-grid-footer-flex">
                                    <span class="fr-position"><i class="lni-map-marker"></i>3599 Huntz Lane</span>
                                </div>
                                <div class="fr-grid-footer-flex-right">
                                    <a href="agent-page.html" class="prt-view" tabindex="0">View</a>
                                </div>
                            </div>

                        </div>
                    </div>

                    <!-- Single Agent -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="agents-grid">

                            <div class="agents-grid-wrap">

                                <div class="fr-grid-thumb">
                                    <a href="freelancer-detail.html">
                                        <img src="https://via.placeholder.com/400x400" class="img-fluid mx-auto"
                                            alt="" />
                                    </a>
                                </div>

                                <div class="fr-grid-deatil">
                                    <div class="fr-grid-deatil-flex">
                                        <h5 class="fr-can-name"><a href="#">Colin H. Renda</a></h5>
                                        <span class="agent-property">302 Properties</span>
                                    </div>
                                    <div class="fr-grid-deatil-flex-right">
                                        <div class="agent-email"><a href="#"><i class="ti-email"></i></a></div>
                                    </div>
                                </div>

                            </div>

                            <div class="fr-grid-info">
                                <ul>
                                    <li><strong>Call:</strong>91 123 456 7859</li>

                                    <li>
                                        <div class="fr-can-rating">
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star filled"></i>
                                            <i class="fas fa-star"></i>
                                            <span class="reviews_text">(42 Reviews)</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="fr-grid-footer">
                                <div class="fr-grid-footer-flex">
                                    <span class="fr-position"><i class="lni-map-marker"></i>3599 Huntz Lane</span>
                                </div>
                                <div class="fr-grid-footer-flex-right">
                                    <a href="agent-page.html" class="prt-view" tabindex="0">View</a>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>

                <!-- Pagination -->
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                        <a href="listings-list-with-sidebar.html" class="btn btn-theme-light-2 rounded">Explore More
                            Agents</a>
                    </div>
                </div>

            </div>
        </section>
        <div class="clearfix"></div>
        <!-- ============================ Step How To Use End ================================== -->

        <!-- ============================ Smart Testimonials ================================== -->
        <section class="bg-orange">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-10 text-center">
                        <div class="sec-heading center">
                            <h2>Good Reviews by Customers</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                voluptatum deleniti atque corrupti quos dolores</p>
                        </div>
                    </div>
                </div>

                <div class="row justify-content-center">

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

                        <div class="smart-textimonials smart-center" id="smart-textimonials">

                            <!-- Single Item -->
                            <div class="item">
                                <div class="item-box">
                                    <div class="smart-tes-author">
                                        <div class="st-author-box">
                                            <div class="st-author-thumb">
                                                <div class="quotes bg-blue"><i class="ti-quote-right"></i></div>
                                                <img src="https://via.placeholder.com/400x400" class="img-fluid"
                                                    alt="" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="smart-tes-content">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                            praesentium voluptatum deleniti.</p>
                                    </div>

                                    <div class="st-author-info">
                                        <h4 class="st-author-title">Adam Williams</h4>
                                        <span class="st-author-subtitle">CEO Of Microwoft</span>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Item -->
                            <div class="item">
                                <div class="item-box">
                                    <div class="smart-tes-author">
                                        <div class="st-author-box">
                                            <div class="st-author-thumb">
                                                <div class="quotes bg-inverse"><i class="ti-quote-right"></i></div>
                                                <img src="https://via.placeholder.com/400x400" class="img-fluid"
                                                    alt="" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="smart-tes-content">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                            praesentium voluptatum deleniti.</p>
                                    </div>

                                    <div class="st-author-info">
                                        <h4 class="st-author-title">Retha Deowalim</h4>
                                        <span class="st-author-subtitle">CEO Of Apple</span>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Item -->
                            <div class="item">
                                <div class="item-box">
                                    <div class="smart-tes-author">
                                        <div class="st-author-box">
                                            <div class="st-author-thumb">
                                                <div class="quotes bg-purple"><i class="ti-quote-right"></i></div>
                                                <img src="https://via.placeholder.com/400x400" class="img-fluid"
                                                    alt="" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="smart-tes-content">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                            praesentium voluptatum deleniti.</p>
                                    </div>

                                    <div class="st-author-info">
                                        <h4 class="st-author-title">Sam J. Wasim</h4>
                                        <span class="st-author-subtitle">Pio Founder</span>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Item -->
                            <div class="item">
                                <div class="item-box">
                                    <div class="smart-tes-author">
                                        <div class="st-author-box">
                                            <div class="st-author-thumb">
                                                <div class="quotes bg-primary"><i class="ti-quote-right"></i></div>
                                                <img src="https://via.placeholder.com/400x400" class="img-fluid"
                                                    alt="" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="smart-tes-content">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                            praesentium voluptatum deleniti.</p>
                                    </div>

                                    <div class="st-author-info">
                                        <h4 class="st-author-title">Usan Gulwarm</h4>
                                        <span class="st-author-subtitle">CEO Of Facewarm</span>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Item -->
                            <div class="item">
                                <div class="item-box">
                                    <div class="smart-tes-author">
                                        <div class="st-author-box">
                                            <div class="st-author-thumb">
                                                <div class="quotes bg-success"><i class="ti-quote-right"></i></div>
                                                <img src="https://via.placeholder.com/400x400" class="img-fluid"
                                                    alt="" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="smart-tes-content">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                            praesentium voluptatum deleniti.</p>
                                    </div>

                                    <div class="st-author-info">
                                        <h4 class="st-author-title">Shilpa Shethy</h4>
                                        <span class="st-author-subtitle">CEO Of Zapple</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- ============================ Smart Testimonials End ================================== -->

        <!-- ============================ Price Table Start ================================== -->
        <section>
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-10 text-center">
                        <div class="sec-heading center">
                            <h2>See our packages</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                                voluptatum deleniti atque corrupti quos dolores</p>
                        </div>
                    </div>
                </div>

                <div class="row">

                    <!-- Single Package -->
                    <div class="col-lg-4 col-md-4">
                        <div class="pricing-wrap basic-pr">

                            <div class="pricing-header">
                                <h4 class="pr-value"><sup>$</sup>49</h4>
                                <h4 class="pr-title">Basic Package</h4>
                            </div>
                            <div class="pricing-body">
                                <ul>
                                    <li class="available">5+ Listings</li>
                                    <li class="available">Contact With Agent</li>
                                    <li class="available">3 Month Validity</li>
                                    <li>7x24 Fully Support</li>
                                    <li>50GB Space</li>
                                </ul>
                            </div>
                            <div class="pricing-bottom">
                                <a href="#" class="btn-pricing">Choose Plan</a>
                            </div>

                        </div>
                    </div>

                    <!-- Single Package -->
                    <div class="col-lg-4 col-md-4">
                        <div class="pricing-wrap platinum-pr recommended">

                            <div class="pricing-header">
                                <h4 class="pr-value"><sup>$</sup>99</h4>
                                <h4 class="pr-title">Platinum Package</h4>
                            </div>
                            <div class="pricing-body">
                                <ul>
                                    <li class="available">5+ Listings</li>
                                    <li class="available">Contact With Agent</li>
                                    <li class="available">3 Month Validity</li>
                                    <li class="available">7x24 Fully Support</li>
                                    <li>50GB Space</li>
                                </ul>
                            </div>
                            <div class="pricing-bottom">
                                <a href="#" class="btn-pricing">Choose Plan</a>
                            </div>

                        </div>
                    </div>

                    <!-- Single Package -->
                    <div class="col-lg-4 col-md-4">
                        <div class="pricing-wrap standard-pr">

                            <div class="pricing-header">
                                <h4 class="pr-value"><sup>$</sup>199</h4>
                                <h4 class="pr-title">Standard Package</h4>
                            </div>
                            <div class="pricing-body">
                                <ul>
                                    <li class="available">5+ Listings</li>
                                    <li class="available">Contact With Agent</li>
                                    <li class="available">3 Month Validity</li>
                                    <li class="available">7x24 Fully Support</li>
                                    <li class="available">50GB Space</li>
                                </ul>
                            </div>
                            <div class="pricing-bottom">
                                <a href="#" class="btn-pricing">Choose Plan</a>
                            </div>

                        </div>
                    </div>

                </div>

            </div>
        </section>
        <!-- ============================ Price Table End ================================== -->

        <!-- ========================== Download App Section =============================== -->
        <section class="bg-light">
            <div class="container">
                <div class="row align-items-center">

                    <div class="col-lg-7 col-md-12 col-sm-12 content-column">
                        <div class="content_block_2">
                            <div class="content-box">
                                <div class="sec-title light">
                                    <p class="text-blue">Download apps</p>
                                    <h2>Download App Free App For Android and iPhone</h2>
                                </div>
                                <div class="text">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
                                        doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
                                        veritatis et quasi architecto accusantium.</p>
                                </div>
                                <div class="btn-box clearfix mt-5">
                                    <a href="index.html" class="download-btn play-store">
                                        <i class="fab fa-google-play"></i>
                                        <span>Download on</span>
                                        <h3>Google Play</h3>
                                    </a>

                                    <a href="index.html" class="download-btn app-store">
                                        <i class="fab fa-apple"></i>
                                        <span>Download on</span>
                                        <h3>App Store</h3>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5 col-md-12 col-sm-12 image-column">
                        <div class="image-box">
                            <figure class="image"><img src="https://via.placeholder.com/600x600" class="img-fluid"
                                    alt=""></figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ========================== Download App Section =============================== -->

        <!-- ============================ Call To Action ================================== -->
        <section class="theme-bg call-to-act-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <div class="call-to-act">
                            <div class="call-to-act-head">
                                <h3>Want to Become a Real Estate Agent?</h3>
                                <span>We'll help you to grow your career and growth.</span>
                            </div>
                            <a href="#" class="btn btn-call-to-act">SignUp Today</a>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- ============================ Call To Action End ================================== -->

        <!-- ============================ Footer Start ================================== -->
        <?php include("footer.php"); ?>
        <!-- ============================ Footer End ================================== -->

        <!-- Log In Modal -->
        <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
                <div class="modal-content" id="registermodal">
                    <span class="mod-close" data-bs-dismiss="modal" aria-hidden="true"><i class="ti-close"></i></span>
                    <div class="modal-body">
                        <h4 class="modal-header-title">Log In</h4>
                        <div class="login-form">
                            <form>

                                <div class="form-group">
                                    <label>User Name</label>
                                    <div class="input-with-icon">
                                        <input type="text" class="form-control" placeholder="Username">
                                        <i class="ti-user"></i>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Password</label>
                                    <div class="input-with-icon">
                                        <input type="password" class="form-control" placeholder="*******">
                                        <i class="ti-unlock"></i>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <button type="submit"
                                        class="btn btn-md full-width btn-theme-light-2 rounded">Login</button>
                                </div>

                            </form>
                        </div>
                        <div class="modal-divider"><span>Or login via</span></div>
                        <div class="social-login mb-3">
                            <ul>
                                <li><a href="#" class="btn connect-fb"><i class="ti-facebook"></i>Facebook</a></li>
                                <li><a href="#" class="btn connect-google"><i class="ti-google"></i>Google+</a></li>
                            </ul>
                        </div>
                        <div class="text-center">
                            <p class="mt-5"><a href="#" class="link">Forgot password?</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modal -->

        <!-- Sign Up Modal -->
        <div class="modal fade signup" id="signup" tabindex="-1" role="dialog" aria-labelledby="sign-up"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
                <div class="modal-content" id="sign-up">
                    <span class="mod-close" data-bs-dismiss="modal" aria-hidden="true"><i class="ti-close"></i></span>
                    <div class="modal-body">
                        <h4 class="modal-header-title">Sign Up</h4>
                        <div class="login-form">
                            <form>

                                <div class="row">

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="text" class="form-control" placeholder="Full Name">
                                                <i class="ti-user"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="email" class="form-control" placeholder="Email">
                                                <i class="ti-email"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="text" class="form-control" placeholder="Username">
                                                <i class="ti-user"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="password" class="form-control" placeholder="*******">
                                                <i class="ti-unlock"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="password" class="form-control" placeholder="123 546 5847">
                                                <i class="lni-phone-handset"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <select class="form-control">
                                                    <option>As a Customer</option>
                                                    <option>As a Agent</option>
                                                    <option>As a Agency</option>
                                                </select>
                                                <i class="ti-briefcase"></i>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="form-group">
                                    <button type="submit" class="btn btn-md full-width btn-theme-light-2 rounded">Sign
                                        Up</button>
                                </div>

                            </form>
                        </div>
                        <div class="modal-divider"><span>Or login via</span></div>
                        <div class="social-login mb-3">
                            <ul>
                                <li><a href="#" class="btn connect-fb"><i class="ti-facebook"></i>Facebook</a></li>
                                <li><a href="#" class="btn connect-google"><i class="ti-google"></i>Google+</a></li>
                            </ul>
                        </div>
                        <div class="text-center">
                            <p class="mt-5"><i class="ti-user mr-1"></i>Already Have An Account? <a href="#"
                                    class="link">Go For LogIn</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modal -->

        <a id="back2Top" class="top-scroll" title="Back to top" href="#"><i class="ti-arrow-up"></i></a>


    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->

    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <?php include("foot.php"); ?>
    <script src="assets/checkjs/dev/logger.js"></script>
    <script src="assets/checkjs/dev/treeview.js"></script>
    <!-- ============================================================== -->
    <!-- This page plugins -->
    <!-- ============================================================== -->
    <script type="text/javascript">
    function setCssClass(className) {
        // $("#IMAGE_ID").addClass(className);
        if (className == 'buy') {

            $('.colaps').removeClass().addClass('collapse colaps');
            $('#buy1').removeClass().addClass('collapsed ad-search display-block');
            $('#rent1').removeClass().addClass('display-none');
            $('#project1').removeClass().addClass('display-none');
            //first select

            $('.1buy').removeClass('display-none').addClass('display-block');
            $('.1rent').removeClass('display-block').addClass('display-none');
            $('.1project').removeClass('display-block').addClass('display-none');
            $('.1commercial').removeClass('display-block').addClass('display-none');
            $('.1dealer').removeClass('display-block').addClass('display-none');


        } else if (className == 'rent') {
            $('.colaps').removeClass().addClass('collapse colaps');
            $('#buy1').removeClass('display-block display-none').addClass('display-none');
            $('#rent1').removeClass('display-block display-none').addClass('collapsed ad-search display-block');
            $('#project1').removeClass('display-block display-none').addClass('display-none');

            $('.1rent').removeClass('display-none').addClass('display-block');
            $('.1buy').removeClass('display-block').addClass('display-none');
            $('.1project').removeClass('display-block').addClass('display-none');
            $('.1commercial').removeClass('display-block').addClass('display-none');
            $('.1dealer').removeClass('display-block').addClass('display-none');


        } else if (className == 'project') {
            $('.colaps').removeClass().addClass('collapse colaps');
            $('#buy1').removeClass().addClass('display-none');
            $('#rent1').removeClass().addClass('display-none');
            $('#project1').removeClass().addClass('collapsed ad-search display-block');

            $('.1project').removeClass('display-none').addClass('display-block');
            $('.1rent').removeClass('display-none').addClass('display-none');
            $('.1buy').removeClass('display-block').addClass('display-none');
            $('.1commercial').removeClass('display-block').addClass('display-none');
            $('.1dealer').removeClass('display-block').addClass('display-none');
        }
    }

    function setrent_pg(className) {
        if (className == 'crent') {

            $('.rentshow').removeClass('display-none').addClass('display-block');
            $('.pgshow').removeClass('display-block').addClass('display-none');
            // $('.rentshow').removeClass('pgshow display-none').addClass('display-block rentshow');
            // $('.pgshow').removeClass('rentshow display-block').addClass('display-none pgshow');

        } else if (className == 'cpg') {
            $('.pgshow').removeClass('display-none').addClass('display-block');
            $('.rentshow').removeClass('display-block').addClass('display-none');
            // $('.pgshow').removeClass('display-none rentshow').addClass('display-block pgshow');
            // $('.rentshow').removeClass('display-block pgshow').addClass('display-none rentshow');
        }
    }
    </script>
    <script type="text/javascript">
    $(function() {
        $("#search").autocomplete({
            source: 'location.php',
        });
    });
    $("#construction_satus").select2().select2();
    $("#bedroom_type").select2().select2();
    $(".select22").select2().select2();
    $("#budget").select2().select2();
    </script>



    

    <!-- <script>
    $('#treeview-container').treeview({
        debug: true,
       
    });
    $('#treeview-container').on('change', function() {
        alert($('#treeview-container').treeview('selectedValues'));
        $('#values').val(
            $('#treeview-container').treeview('selectedValues')
        );
    });
    </script> -->
    <script>
    $('#treeview-container1').treeview({
        debug: true,
        
    });
    $('#treeview-container1').on('change', function() {
        alert($('#treeview-container1').treeview('selectedValues'));
        $('#values1').val(
            $('#treeview-container1').treeview('selectedValues')
        );
    });
    </script>
         <script>
    $('#treeview-container2').treeview({
        debug: true,
        
    });
    $('#treeview-container2').on('change', function() {
        alert($('#treeview-container2').treeview('selectedValues'));
        $('#values2').val(
            $('#treeview-container2').treeview('selectedValues')
        );
    });
    </script>

<!--<script>
    $('#treeview-container3').treeview({
        debug: true,
        
    });
    $('#treeview-container3').on('change', function() {
        $('#values3').val(
            $('#treeview-container3').treeview('selectedValues')
        );
    });
    </script> -->

<!-- <script>
    $('#treeview-container4').treeview({
        debug: true,
        
    });
    $('#treeview-container4').on('change', function() {
        $('#values4').val(
            $('#treeview-container4').treeview('selectedValues')
        );
    });
    </script>

<script>
    $('#treeview-container5').treeview({
        debug: true,
        
    });
    $('#treeview-container5').on('change', function() {
        $('#values5').val(
            $('#treeview-container5').treeview('selectedValues')
        );
    });
    </script> -->

</body>

</html>