<div class="offcanvas offcanvas-end" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title" id="offcanvasScrollingLabel">Compare & Selected Property</h5>
        <a href="#" data-bs-dismiss="offcanvas" aria-label="Close">
            <span class="svg-icon text-primary svg-icon-2hx">
                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor"/>
                    <rect x="7" y="15.3137" width="12" height="2" rx="1" transform="rotate(-45 7 15.3137)" fill="currentColor"/>
                    <rect x="8.41422" y="7" width="12" height="2" rx="1" transform="rotate(45 8.41422 7)" fill="currentColor"/>
                </svg>
            </span>
        </a>
    </div>
    <div class="offcanvas-body">
        <ul class="nav nav-pills sider_tab mb-3" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="pills-compare-tab" data-bs-toggle="pill" data-bs-target="#pills-compare" type="button" role="tab" aria-controls="pills-compare" aria-selected="true">Compare Property</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-saved-tab" data-bs-toggle="pill" data-bs-target="#pills-saved" type="button" role="tab" aria-controls="pills-saved" aria-selected="false">Saved Property</button>
            </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-compare" role="tabpanel" aria-labelledby="pills-compare-tab" tabindex="0">
                <div class="sidebar_featured_property">
                            
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-1.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Loss vengel New Apartment</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Sans Fransico</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix sale">For Sale</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$4,240</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-4.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Montreal Quriqe Apartment</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Liverpool, London</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix">For Rent</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$7,380</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-7.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Curmic Studio For Office</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Montreal, Canada</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix buy">For Buy</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$8,730</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-5.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Montreal Quebec City</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Sreek View, New York</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix">For Rent</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$6,240</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="input-group">
                        <a href="compare-property.php" class="btn btn-light-primary fw-medium full-width">View & Compare</a>
                    </div>
                </div>	
            </div>
            <div class="tab-pane fade" id="pills-saved" role="tabpanel" aria-labelledby="pills-saved-tab" tabindex="0">
                <div class="sidebar_featured_property">
                            
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-2.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Loss vengel New Apartment</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Sans Fransico</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix sale">For Sale</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$4,240</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-3.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Montreal Quriqe Apartment</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Liverpool, London</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix">For Rent</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$7,380</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-4.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Curmic Studio For Office</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Montreal, Canada</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix buy">For Buy</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$8,730</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- List Sibar Property -->
                    <div class="sides_list_property p-2">
                        <div class="sides_list_property_thumb">
                            <img src="<?php echo $static_url; ?>/img/p-27.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="sides_list_property_detail">
                            <h4><a href="single-property-1.php">Montreal Quebec City</a></h4>
                            <span class="text-muted-2"><i class="fa-solid fa-location-dot"></i>Sreek View, New York</span>
                            <div class="lists_property_price">
                                <div class="lists_property_types">
                                    <div class="property_types_vlix">For Rent</div>
                                </div>
                                <div class="lists_property_price_value">
                                    <h4 class="text-primary">$6,240</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="input-group">
                        <a href="#" class="btn btn-light-primary fw-medium full-width">View & Compare</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>