@section('meta_description', 'Have a look at Ali Builders & Developers' gallery. It showcases the images of Al Qaim Housing, a place where your dreams come true.')
@section('meta_keywords', 'Gallery')

@section('content')
    <!--============================== Breadcumb ============================== -->
    <div class="breadcumb-wrapper " data-bg-src="https://alibuilders.pk/public/frontend/img/bg/gallery_banner.webp">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Amazing Gallery</h1>
                <ul class="breadcumb-menu">
                    <li><a href="/">Home</a></li>
                    <li>Gallery</li>
                </ul>
            </div>
        </div>
    </div>
    <!--==============================
                Gallery Inner Area
                ==============================-->
    <section class="gallery-inner-sec space">
        <div class="container">
            <!--<div class="row justify-content-center">-->
            <!--    <div class="col-xl-7">-->
            <!--        <div class="title-area text-center mb-2">-->
            <!--            <p class="sub-title fadeinup wow" data-wow-duration="1.5s" data-wow-delay="0.1s"> <span class="double-line"></span> Gallery</p>-->
            <!--            <h2 class="sec-title mb-4 fadeinup wow" data-wow-duration="1.5s" data-wow-delay="0.3s">Stunning Pillar Gallery</h2>-->
            <!--            <div class="filter-menu style-2 indicator-active filter-menu-active mt-2 justify-content-center fadeinup wow" data-wow-duration="1.5s" data-wow-delay="0.5s">-->
            <!--                <button data-filter="*" class="th-btn tab-btn active" type="button">View All</button>-->
            <!--                <button data-filter=".cat1" class="th-btn tab-btn" type="button">Apartment</button>-->
            <!--                <button data-filter=".cat2" class="th-btn tab-btn" type="button">Commercial</button>-->
            <!--                <button data-filter=".cat3" class="th-btn tab-btn" type="button">Land or Plot</button>-->
            <!--                <button data-filter=".cat4" class="th-btn tab-btn" type="button">Farm</button>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->

            <div class="row gy-4 justify-content-center filter-active">
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat3 cat2 cat4">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic11.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic11.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat3 cat3 cat4">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic2.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic2.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat2 cat0 cat4">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic3.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic3.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat2 cat0 cat3">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic4.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic4.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat3 cat1 cat2">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic5.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic5.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat1 cat2 cat3">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic6.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic6.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat3 cat1 cat4">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic7.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic7.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat2 cat0 cat1">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic8.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic8.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat4 cat3 cat4">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic9.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic9.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat1 cat0 cat1">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic10.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic10.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat0 cat1 cat3">
                    <div class="gallery-card2">
                        <div class="gallery-img">
                            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic1.webp" alt="gallery image">
                            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-pic1.webp">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <!--<div class="col-lg-4 col-xl-4 col-md-6 col-xxl-auto filter-item cat1 cat2 cat0">-->
                <!--    <div class="gallery-card2">-->
                <!--        <div class="gallery-img">-->
                <!--            <img src="https://alibuilders.pk/public/frontend/img/gallery/gallery-inner-12.jpg" alt="gallery image">-->
                <!--            <a class="popular-popup-image" href="https://alibuilders.pk/public/frontend/img/gallery/gallery-inner-12.jpg">-->
                <!--                <i class="fa-solid fa-eye"></i>-->
                <!--            </a>-->
                <!--        </div>-->
                <!--    </div>-->
                <!--</div>-->
            </div>
        </div>
    </section>
@endsection

<!DOCTYPE html>
<html class="no-js home-2" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <title>Gallery | Ali Builders &amp; Developers</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="robots" content="INDEX,FOLLOW">

    <!-- Favicons - Place favicon.ico in the root directory -->
    <link rel="icon" type="image/png" sizes="192x192" href="https://alibuilders.pk/public/frontend/img/favicon.png">
    <link rel="manifest" href="https://alibuilders.pk/public/frontend/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="https://alibuilders.pk/public/frontend/img/favicon.png">
    <meta name="theme-color" content="#ffffff">
    <!--============================== Google Fonts ============================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
        
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
        
    <!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
    <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
    <!--<link href="https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap" rel="stylesheet">-->

    <!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
    <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
    <!--<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">-->
    
    <!--============================== All CSS File ============================== -->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="stylesheet" href="https://alibuilders.pk/public/frontend/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="https://alibuilders.pk/public/frontend/css/fontawesome.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="https://alibuilders.pk/public/frontend/css/magnific-popup.min.css">
    <!-- Swiper Js -->
    <link rel="stylesheet" href="https://alibuilders.pk/public/frontend/css/swiper-bundle.min.css">
    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="https://alibuilders.pk/public/frontend/css/style.css">

    </head>

<style>
    .pagination {
        justify-content: flex-end;
    }

    .pagination .page-item {
        display: inline-block;
        margin: 0 3px;
        list-style-type: none;
    }

    .pagination .page-item:first-child {
        margin-left: 0;
    }

    .pagination .page-link {
        color: var(--title-color);
        background-color: transparent;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        font-weight: 500;
        border-radius: 4px;
        border: 1px solid var(--th-border-color);
        padding: 0;
    }

    .pagination .page-item.active .page-link {
        color: var(--white-color);
        background-color: var(--theme-color);
    }

    @media (max-width: 767px) {
        .pagination .page-link {
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }
    }
</style>

<body class="home-2">
    <!-- Header -->
    <!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!--******************************** Code Start From Here ******************************** --> 
<!--==============================Preloader==============================-->
<div class="preloader">
    <!--<button class="th-btn preloaderCls">Cancel Preloader</button>-->
    <div id="preloader" class="preloader-inner">
        <div class="preloder-pic">
            <img src="https://alibuilders.pk/public/frontend/img/preloader.gif" alt="Logo" />
            <!--<video width="100%" height="100%" loop autoplay>-->
            <!--      <source src="https://alibuilders.pk/public/frontend/img/logo_animation.webm" type="video/mp4">-->
            <!--</video>-->
        </div>
        <!--<div class="txt-loading">-->
        <!--    <span data-text-preloader="A" class="letters-loading">A</span>-->
        <!--    <span data-text-preloader="L" class="letters-loading">L</span>-->
        <!--    <span data-text-preloader="I" class="letters-loading">I</span>-->
        <!--    <span data-text-preloader="B" class="letters-loading">B</span>-->
        <!--    <span data-text-preloader="U" class="letters-loading">U</span>-->
        <!--    <span data-text-preloader="I" class="letters-loading">I</span>-->
        <!--    <span data-text-preloader="L" class="letters-loading">L</span>-->
        <!--    <span data-text-preloader="D" class="letters-loading">D</span>-->
        <!--    <span data-text-preloader="E" class="letters-loading">E</span>-->
        <!--    <span data-text-preloader="R" class="letters-loading">R</span>-->
        <!--    <span data-text-preloader="S" class="letters-loading">S</span>-->
        <!--</div>-->
    </div>
</div>

<!--============================== Sidemenu ============================== -->
<div class="sidemenu-wrapper sidemenu-cart d-none d-lg-block">
    <div class="sidemenu-content">
        <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
        <div class="widget woocommerce widget_shopping_cart">
            <h3 class="widget_title">Shopping cart</h3>
            <div class="widget_shopping_cart_content">
                <ul class="woocommerce-mini-cart cart_list product_list_widget">
                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                        <a href="#"><img src="https://alibuilders.pk/public/frontend/img/product/product_1_1.png"
                                alt="Cart Image" />Bosco Apple
                            Fruit</a>
                        <span class="quantity">
                            1 ×
                            <span class="woocommerce-Price-amount amount"> <span
                                    class="woocommerce-Price-currencySymbol">$</span>940.00</span>
                        </span>
                    </li>
                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                        <a href="#"><img src="assets/img/product/product_1_2.png" alt="Cart Image" />Green
                            Cauliflower</a>
                        <span class="quantity">
                            1 ×
                            <span class="woocommerce-Price-amount amount"> <span
                                    class="woocommerce-Price-currencySymbol">$</span>899.00</span>
                        </span>
                    </li>
                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                        <a href="#"><img src="assets/img/product/product_1_3.png" alt="Cart Image" />Mandarin
                            orange</a>
                        <span class="quantity">
                            1 ×
                            <span class="woocommerce-Price-amount amount"> <span
                                    class="woocommerce-Price-currencySymbol">$</span>756.00</span>
                        </span>
                    </li>
                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                        <a href="#"><img src="assets/img/product/product_1_4.png" alt="Cart Image" />Shallot Red
                            onion</a>
                        <span class="quantity">
                            1 ×
                            <span class="woocommerce-Price-amount amount"> <span
                                    class="woocommerce-Price-currencySymbol">$</span>723.00</span>
                        </span>
                    </li>
                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                        <a href="#"><img src="assets/img/product/product_1_5.png" alt="Cart Image" />Sour Red
                            Cherry</a>
                        <span class="quantity">
                            1 ×
                            <span class="woocommerce-Price-amount amount"> <span
                                    class="woocommerce-Price-currencySymbol">$</span>1080.00</span>
                        </span>
                    </li>
                </ul>
                <p class="woocommerce-mini-cart__total total">
                    <strong>Subtotal:</strong>
                    <span class="woocommerce-Price-amount amount"> <span
                            class="woocommerce-Price-currencySymbol">$</span>4398.00</span>
                </p>
                <p class="woocommerce-mini-cart__buttons buttons">
                    <a href="cart.php" class="th-btn wc-forward">View cart</a>
                    <a href="checkout.php" class="th-btn checkout wc-forward">Checkout</a>
                </p>
            </div>
        </div>
    </div>
</div>
<!--============================== Sidemenu ============================== -->
<div class="sidemenu-wrapper sidemenu-info d-none d-lg-block">
    <div class="sidemenu-content">
        <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
        <div class="widget">
            <div class="th-widget-about">
                <div class="about-logo">
                    <a href="/"><img src="https://alibuilders.pk/public/frontend/img/alibuilders-logo.png" alt="Logo" /></a>
                </div>
                <p class="about-text mb-4">Pillar is a luxury to the resilience, adaptability, Spacious modern villa
                    living room with centrally placed swimming pool blending indooroutdoor.</p>

                <p class="footer-info">
                    <i class="fas fa-phone"></i>
                    <a href="tel:+00(123)456789012" class="info-box_link">+00 (123) 456 789 012</a>
                </p>
                <p class="footer-info">
                    <i class="fas fa-envelope"></i>
                    <a href="mailto:infomail123@domain.com" class="info-box_link">infomail123@domain.com</a>
                </p>
                <p class="footer-info">
                    <i class="fas fa-location-dot"></i>
                    <span>West 2nd lane, Inner circular road, New York City</span>
                </p>
            </div>
        </div>
        <div class="widget">
            <h3 class="widget_title">Recent Posts</h3>
            <div class="recent-post-wrap">
                <div class="recent-post">
                    <div class="media-img">
                        <a href="/blog-details"><img
                                src="https://alibuilders.pk/public/frontend/img/blog/featured-listing-sidebar-1-1.jpg"
                                alt="Image" /></a>
                    </div>
                    <div class="media-body">
                        <div class="recent-post-meta">
                            <a href="blog.php"><i class="fa-solid fa-calendar-days"></i> 10 Dec, 2025</a>
                        </div>
                        <h4 class="post-title"><a class="text-inherit" href="blog-details.php">The Ever-Evolving Land
                                cape of</a></h4>
                    </div>
                </div>
                <div class="recent-post">
                    <div class="media-img">
                        <a href="blog-details.php"><img
                                src="https://alibuilders.pk/public/frontend/img/blog/featured-listing-sidebar-1-3.jpg"
                                alt="Image" /></a>
                    </div>
                    <div class="media-body">
                        <div class="recent-post-meta">
                            <a href="blog.php"><i class="fa-solid fa-calendar-days"></i> 10 Dec, 2025</a>
                        </div>
                        <h4 class="post-title"><a class="text-inherit" href="blog-details.php">The Ever-Evolving Land
                                cape of</a></h4>
                    </div>
                </div>
                <div class="recent-post">
                    <div class="media-img">
                        <a href="blog-details.php"><img
                                src="https://alibuilders.pk/public/frontend/img/blog/featured-listing-sidebar-1-3.jpg"
                                alt="Image" /></a>
                    </div>
                    <div class="media-body">
                        <div class="recent-post-meta">
                            <a href="blog.php"><i class="fa-solid fa-calendar-days"></i> 10 Dec, 2025</a>
                        </div>
                        <h4 class="post-title"><a class="text-inherit" href="blog-details.php">The Ever-Evolving Land
                                cape of</a></h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="widget newsletter-widget">
            <h3 class="widget_title">Newsletter</h3>
            <p class="footer-text">Sign up to receive the latest articles</p>
            <form class="newsletter-form">
                <input class="form-control" type="email" placeholder="Enter Email" required="" />
                <button type="submit" class="th-btn bg-theme radius w-100 mb-3">Subscribe Now</button>
            </form>
        </div>
    </div>
</div>
<div class="popup-search-box d-none d-lg-block">
    <button class="searchClose"><i class="fal fa-times"></i></button>
    <form action="#">
        <input type="text" placeholder="What are you looking for?" />
        <button type="submit"><i class="fal fa-search"></i></button>
    </form>
</div>
<!--============================== Mobile Menu ============================== -->
<div class="th-menu-wrapper">
    <div class="th-menu-area text-center">
        <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
        <div class="mobile-logo">
            <a href="/"><img src="https://alibuilders.pk/public/frontend/img/alibuilders-logo.png" alt="logo" /></a>
        </div>
        <div class="th-mobile-menu">
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/listing-property">Properties</a></li>
                <!--<li><a href="/events">Events</a></li>-->
                <!--<li><a href="/gallery">Gallery</a></li>-->
                <li><a href="/blogs">Blogs</a></li>
                <!--<li><a href="/career">Career</a></li>-->
                <li><a href="/contact">Contact</a></li>
                <li><a href="/seller/dashboard"><b>Sell/Purchase Portal</b></a></li>
                <!--<li class="menu-item-has-children">-->
                <!--    <a href="#">Blog</a>-->
                <!--    <ul class="sub-menu">-->
                <!--        <li><a href="blog.php">Blog Grid</a></li>-->
                <!--        <li><a href="blog-grid-right-sidebar.php">Blog Grid With Right Sidebar</a></li>-->
                <!--        <li><a href="blog-grid-left-sidebar.php">Blog Grid With Left Sidebar</a></li>-->
                <!--        <li><a href="blog-details.php">Blog Details</a></li>-->
                <!--    </ul>-->
                <!--</li>-->
                <!--<li class="menu-item-has-children">-->
                <!--    <a href="#">Property</a>-->
                <!--    <ul class="sub-menu">-->
                <!--        <li><a href="listing-property.php">Properties</a></li>-->
                <!--        <li><a href="property-details.php">Properties Details</a></li>-->
                <!--    </ul>-->
                <!--</li>-->
                <!--<li class="menu-item-has-children">-->
                <!--    <a href="#">Agencies</a>-->
                <!--    <ul class="sub-menu">-->
                <!--        <li><a href="agency.php">Agencies </a></li>-->
                <!--        <li><a href="agency-details.php">Agency Details</a></li>-->
                <!--    </ul>-->
                <!--</li>-->
                <!--<li class="menu-item-has-children">-->
                <!--    <a href="#">Pages</a>-->
                <!--    <ul class="sub-menu">-->
                <!--        <li class="menu-item-has-children">-->
                <!--            <a href="#">Shop</a>-->
                <!--            <ul class="sub-menu">-->
                <!--                <li><a href="shop.php">Shop</a></li>-->
                <!--                <li><a href="shop-details.php">Shop Details</a></li>-->
                <!--                <li><a href="cart.php">Cart Page</a></li>-->
                <!--                <li><a href="checkout.php">Checkout</a></li>-->
                <!--                <li><a href="wishlist.php">Wishlist</a></li>-->
                <!--            </ul>-->
                <!--        </li>-->
                <!--        <li><a href="team.php">Agents Page</a></li>-->
                <!--        <li><a href="team-details.php">Agent Details</a></li>-->
                <!--        <li><a href="gallery.php">Gallery Page</a></li>-->
                <!--        <li><a href="service.php">Service Page</a></li>-->
                <!--        <li><a href="service-right-sidebar.php">Service with sidebar</a></li>-->
                <!--        <li><a href="service-details.php">Service Details</a></li>-->
                <!--        <li><a href="pricing.php">Pricing Plan</a></li>-->
                <!--        <li><a href="neighborhood-guide.php">Neighborhood Guide</a></li>-->
                <!--        <li><a href="faq.php">Faq Page</a></li>-->
                <!--        <li><a href="error.php">Error Page</a></li>-->
                <!--    </ul>-->
                <!--</li>-->
            </ul>
        </div>
    </div>
</div>
<!--============================== Header Area ==============================-->
<header class="th-header header-default">
    <!--<div class="header-top">-->
    <!--    <div class="container th-container3">-->
    <!--        <div class="row justify-content-center justify-content-lg-between align-items-center gy-2">-->
    <!--            <div class="col-auto d-none d-lg-block">-->
    <!--                <div class="header-links">-->
    <!--                    <ul>-->
    <!--                        <li><i class="fa-solid fa-envelope"></i> <a href="mailto:infomailexample@mail.com">infomailexample@mail.com</a></li>-->
    <!--                        <li><i class="fa-solid fa-phone"></i> <a href="tel:+0012345678900">+00 (123) 456 789 00</a></li>-->
    <!--                    </ul>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <div class="col-auto">-->
    <!--                <div class="header-links">-->
    <!--                    <ul>-->
    <!--                        <li>-->
    <!--                            <div class="th-social">-->
    <!--                                <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>-->
    <!--                                <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>-->
    <!--                                <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>-->
    <!--                                <a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>-->
    <!--                            </div>-->
    <!--                        </li>-->
    <!--                        <li class="lang-wrapper">-->
    <!--                            <div class="lang-menu">-->
    <!--                                <div class="icon">-->
    <!--                                    <img src="assets/img/icon/english.png" alt="icon">-->
    <!--                                </div>-->
    <!--                                <select class="form-select nice-select">-->
    <!--                                    <option selected="">English</option>-->
    <!--                                    <option>Spanish</option>-->
    <!--                                    <option>Hindi</option>-->
    <!--                                </select>-->
    <!--                            </div>-->
    <!--                        </li>-->
    <!--                    </ul>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <div class="sticky-wrapper">
        <!-- Main Menu Area -->
        <div class="menu-area">
            <div class="container th-container3">
                <div class="row align-items-center justify-content-between">
                    <div class="col-auto">
                        <div class="header-logo">
                            <a href="/"><img src="https://alibuilders.pk/public/frontend/img/alibuilders-logo.png"
                                    alt="logo" /></a>
                        </div>
                    </div>
                    <div class="col-auto">
                        <nav class="main-menu d-none d-lg-inline-block">
                            <!--<ul>-->
                            <!--    <li class="menu-item-has-children active">-->
                            <!--        <a href="index.php">Home</a>-->
                            <!--        <ul class="mega-menu mega-menu-content allow-natural-scroll">-->
                            <!--            <li>-->
                            <!--                <div class="container">-->
                            <!--                    <div class="row gy-4">-->
                            <!--                        <div class="col-lg-4">-->
                            <!--                            <div class="mega-menu-box">-->
                            <!--                                <div class="mega-menu-img">-->
                            <!--                                    <img src="assets/img/pages/index.jpg" alt="Home One">-->
                            <!--                                    <div class="btn-wrap">-->
                            <!--                                        <a href="index.php" class="th-btn radius">View Demo</a>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->
                            <!--                                <h3 class="mega-menu-title"><a href="index.php"> <span class="text-theme">01.</span> Home Real Estate </a></h3>-->
                            <!--                            </div>-->
                            <!--                        </div>-->
                            <!--                        <div class="col-lg-4">-->
                            <!--                            <div class="mega-menu-box">-->
                            <!--                                <div class="mega-menu-img">-->
                            <!--                                    <img src="assets/img/pages/home-2.jpg" alt="Home Two">-->
                            <!--                                    <div class="btn-wrap">-->
                            <!--                                        <a href="home-2.php" class="th-btn radius">View Demo</a>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->
                            <!--                                <h3 class="mega-menu-title"><a href="home-2.php"> <span class="text-theme">02.</span> Home Property</a></h3>-->
                            <!--                            </div>-->
                            <!--                        </div>-->
                            <!--                        <div class="col-lg-4">-->
                            <!--                            <div class="mega-menu-box">-->
                            <!--                                <div class="mega-menu-img">-->
                            <!--                                    <img src="assets/img/pages/home-3.jpg" alt="Home Three">-->
                            <!--                                    <div class="btn-wrap">-->
                            <!--                                        <a href="home-3.php" class="th-btn radius">View Demo</a>-->
                            <!--                                    </div>-->
                            <!--                                </div>-->
                            <!--                                <h3 class="mega-menu-title"><a href="home-3.php"> <span class="text-theme">03.</span> Home Map</a></h3>-->
                            <!--                            </div>-->
                            <!--                        </div>-->
                            <!--                    </div>-->
                            <!--                </div>-->
                            <!--            </li>-->
                            <!--        </ul>-->
                            <!--    </li>-->
                            <!--    <li>-->
                            <!--        <a href="about.php">About Us</a>-->
                            <!--    </li>-->
                            <!--    <li class="menu-item-has-children">-->
                            <!--        <a href="#">Property</a>-->
                            <!--        <ul class="sub-menu">-->
                            <!--            <li><a href="listing-property.php">Properties</a></li>-->
                            <!--            <li><a href="property-details.php">Properties Details</a></li>-->
                            <!--        </ul>-->
                            <!--    </li>-->
                            <!--    <li class="menu-item-has-children">-->
                            <!--        <a href="#">Agencies</a>-->
                            <!--        <ul class="sub-menu">-->
                            <!--            <li><a href="agency.php">Agencies </a></li>-->
                            <!--            <li><a href="agency-details.php">Agency Details</a></li>-->
                            <!--        </ul>-->
                            <!--    </li>-->
                            <!--    <li class="menu-item-has-children">-->
                            <!--        <a href="#">Pages</a>-->
                            <!--        <ul class="sub-menu">-->
                            <!--            <li class="menu-item-has-children">-->
                            <!--                <a href="#">Shop</a>-->
                            <!--                <ul class="sub-menu">-->
                            <!--                    <li><a href="shop.php">Shop</a></li>-->
                            <!--                    <li><a href="shop-details.php">Shop Details</a></li>-->
                            <!--                    <li><a href="cart.php">Cart Page</a></li>-->
                            <!--                    <li><a href="checkout.php">Checkout</a></li>-->
                            <!--                    <li><a href="wishlist.php">Wishlist</a></li>-->
                            <!--                </ul>-->
                            <!--            </li>-->
                            <!--            <li><a href="team.php">Agents Page</a></li>-->
                            <!--            <li><a href="team-details.php">Agent Details</a></li>-->
                            <!--            <li><a href="gallery.php">Gallery Page</a></li>-->
                            <!--            <li><a href="service.php">Service Page</a></li>-->
                            <!--            <li><a href="service-right-sidebar.php">Service with sidebar</a></li>-->
                            <!--            <li><a href="service-details.php">Service Details</a></li>-->
                            <!--            <li><a href="pricing.php">Pricing Plan</a></li>-->
                            <!--            <li><a href="neighborhood-guide.php">Neighborhood Guide</a></li>-->
                            <!--            <li><a href="faq.php">Faq Page</a></li>-->
                            <!--            <li><a href="error.php">Error Page</a></li>-->
                            <!--        </ul>-->
                            <!--    </li>-->
                            <!--    <li class="menu-item-has-children">-->
                            <!--        <a href="#">Blog</a>-->
                            <!--        <ul class="sub-menu">-->
                            <!--            <li><a href="blog.php">Blog Grid</a></li>-->
                            <!--            <li><a href="blog-grid-right-sidebar.php">Blog Grid With Right Sidebar</a></li>-->
                            <!--            <li><a href="blog-grid-left-sidebar.php">Blog Grid With Left Sidebar</a></li>-->
                            <!--            <li><a href="blog-details.php">Blog Details</a></li>-->
                            <!--        </ul>-->
                            <!--    </li>-->
                            <!--    <li>-->
                            <!--        <a href="contact.php">Contact Us</a>-->
                            <!--    </li>-->
                            <!--</ul>-->
                            <ul>
                                <!--<li class="menu-item-has-children active">-->
                                <!--    <a href="index.php">Home</a>-->
                                <!--    <ul class="sub-menu th-submenu th-open" style="">-->
                                <!--        <li><a href="index.php">Home Real Estate</a></li>-->
                                <!--        <li><a href="home-2.php">Home Property</a></li>-->
                                <!--        <li><a href="home-3.php">Home Map</a></li>-->
                                <!--    </ul>-->
                                <!--</li>-->
                                <li><a href="/">Home</a></li>
                                <li><a href="/about">About</a></li>
                                <li><a href="/listing-property">Properties</a></li>
                                <!--<li><a href="/events">Events</a></li>-->
                                <li><a href="/blogs">Blogs</a></li>
                                <!--<li><a href="/career">Career</a></li>-->
                                <!--<li class="menu-item-has-children">-->
                                <!--    <a href="javascript:void(0)">Blog</a>-->
                                <!--    <ul class="sub-menu">-->
                                <!--        <li><a href="/blogs">Blogs</a></li>-->
                                <!--        <li><a href="/construction-companies-in-pakistan">Construction Companies</a></li>-->
                                <!--        <li><a href="/builders-and-developers-in-pakistan">7 Leading Builders & Developers</a></li>-->
                                <!--        <li><a href="/investment-opportunities-in-pakistan">Best Investment Opportunities</a></li>-->
                                <!--        <li><a href="/real-estate-development-in-karachi">Real Estate Development in Karachi</a></li>-->
                                <!--        <li><a href="/real-estate-development-in-gwadar">Real Estate Development in Gwadar</a></li>-->
                                <!--    </ul>-->
                                <!--</li>-->
                                <li><a href="/contact">Contact</a></li>
                            </ul>
                        </nav>
                        <button type="button" class="th-menu-toggle d-block d-lg-none"><i
                                class="far fa-bars"></i></button>
                    </div>

                    <div class="col-auto d-md-block d-none">
                        <div class="header-logo">
                                                            <a href="/seller/dashboard" class="th-btn bg-black pill">
                                    <!--<i class="fa fa-sign-in"></i> &nbsp;-->
                                    Sell/Purchase Portal
                                </a>
                                                    </div>
                    </div>

                    <!--<div class="col-auto d-none d-xl-block">-->
                    <!--    <div class="header-button">-->
                    <!--        <a href="contact.php" class="th-btn bg-black pill"><i class="fa-regular fa-house-chimney me-2"></i> Add Listing </a>-->
                    <!--        <button type="button" class="sidemenu-bar sideMenuInfo pill">-->
                    <!--            <span></span>-->
                    <!--            <span></span>-->
                    <!--            <span></span>-->
                    <!--        </button>-->
                    <!--    </div>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
</header>

    <!-- Content -->
    
    <!-- Footer -->
    <footer class="footer-wrapper footer-default">
    <div class="widget-area">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-lg-3">
                    <div class="about-logo">
                        <a href="/"><img src="https://alibuilders.pk/public/frontend/img/alibuilders&amp;developers_logo.png" alt="logo"></a>
                        <p>Ali Builders & Developers</p>
                    </div>
                </div>
                <div class="col-lg-8 col-md-12 col-12">
                    <div class="footer-about">
                        <div class="quick-link">
                            <ul>
                                <li><a href="/about">About</a></li>
                                <li><a href="/listing-property">Properties</a></li>
                                <li><a href="/blogs">Blogs</a></li>
                                <li><a href="/contact">Contact</a></li>
                                <li><a href="/faqs">FAQs</a></li>
                                <li><a href="/privacy-policy">Privacy Policy</a></li>
                            </ul>
                        </div>
                        <!--<p class="about-text">Established in 1995, Ali Builders &amp; Developers is a property developer committed to sustainability and-->
                        <!--    innovation in the society. With the help of our customer-centric approach, result-driven strategies, and-->
                        <!--    tactical planning, we have successfully achieved our position as a prominent real estate company in the-->
                        <!--    country. Our goal is to become the best real estate company in Pakistan that provides growth to its-->
                        <!--    shareholders, stakeholders, and country’s economy.</p>-->
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-12">
                            <div class="social-link">
                                <div class="footer-link">
                                    <div class="social-icon"><i class="fas fa-location-dot"></i></div>
                                    <div class="social-content">
                                        <h4>Address</h4>
                                        <p class="info-box_link"><a href="https://www.google.com/maps/place/Ali+Builders+%26+Developers%DB%94+%D8%B9%D9%84%DB%8C+%D8%A8%D9%84%DA%88%D8%B1%D8%B2+%D8%A7%DB%8C%D9%86%DA%88+%DA%88%DB%8C%D9%88%DB%8C%D9%84%D9%BE%D8%B1%D8%B2%E2%80%AD/@24.9085988,67.0790122,17z/data=!3m1!4b1!4m6!3m5!1s0x3eb33f28b42c2983:0x504c4156fbe4b4f5!8m2!3d24.908594!4d67.0836256!16s%2Fg%2F1tg_dj9q?entry=ttu&g_ep=EgoyMDI1MTExNy4wIKXMDSoASAFQAw%3D%3D" target="_blank">4th floor, Crown Centre, Block: 13-C, Main University Road, Gulshan-e-Iqbal, Karachi.</a></p>
                                        <!--<p class="info-box_link"><a href="javascript:void(0)">Gwadar Office: Office No. 06, Qasim Complex, Airport Road, Gwadar.</a></p>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="social-link">
                                <div class="footer-link">
                                    <div class="social-icon"><i class="fas fa-envelope"></i></div>
                                    <div class="social-content">
                                        <h4>Email</h4>
                                        <p class="info-box_link"><a href="mailto:info@alibuilders.net">info@alibuilders.net</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="social-link">
                                <div class="footer-link">
                                    <div class="social-icon"><i class="fas fa-phone"></i></div>
                                    <div class="social-content">
                                        <h4>UAN</h4>
                                        <p class="info-box_link"><a href="tel:+92-21-111-101-191">+92-21-111-101-191</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="row justify-content-center align-items-center">-->
            <!--    <div class="col-lg-3">-->
            <!--        <div class="about-logo">-->
            <!--            <a href="/"><img src="https://alibuilders.pk/public/frontend/img/alibuilders&amp;developers_logo.png" alt="logo"></a>-->
            <!--            <p>Ali Builders & Developers</p>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--    <div class="col-lg-10">-->
            <!--        <div class="row">-->
            <!--            <div class="col-lg-6 col-md-12 col-12">-->
            <!--                <div class="links-heading text-center">-->
            <!--                    <h3>Quick Links</h3>-->
            <!--                </div>-->
            <!--                <div class="quick-link">-->
            <!--                    <ul>-->
            <!--                        <li><a href="/">Home</a></li>-->
            <!--                        <li><a href="/about">About</a></li>-->
            <!--                        <li><a href="/listing-property">Properties</a></li>-->
            <!--                        <li><a href="/blogs">Blogs</a></li>-->
            <!--                        <li><a href="/contact">Contact</a></li>-->
            <!--                    </ul>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--            <div class="col-lg-6 col-md-6 col-12">-->
            <!--                <div class="links-heading">-->
            <!--                    <h3>Contact Us</h3>-->
            <!--                </div>-->
            <!--                <div class="social-link">-->
            <!--                    <div class="footer-link">-->
            <!--                        <div class="social-icon"><i class="fas fa-envelope"></i></div>-->
            <!--                        <div class="social-content">-->
            <!--                            <h4>Email</h4>-->
            <!--                            <p class="info-box_link"><a href="mailto:info@alibuilders.net">info@alibuilders.net</a></p>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--                <div class="social-link">-->
            <!--                    <div class="footer-link">-->
            <!--                        <div class="social-icon"><i class="fas fa-phone"></i></div>-->
            <!--                        <div class="social-content">-->
            <!--                            <h4>UAN</h4>-->
            <!--                            <p class="info-box_link"><a href="tel:+92-21-111-101-191">+92-21-111-101-191</a></p>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--                <div class="social-link">-->
            <!--                    <div class="footer-link">-->
            <!--                        <div class="social-icon"><i class="fas fa-location-dot"></i></div>-->
            <!--                        <div class="social-content">-->
            <!--                            <h4>Address</h4>-->
            <!--                            <p class="info-box_link"><a href="https://www.google.com/maps/place/Ali+Builders+%26+Developers%DB%94+%D8%B9%D9%84%DB%8C+%D8%A8%D9%84%DA%88%D8%B1%D8%B2+%D8%A7%DB%8C%D9%86%DA%88+%DA%88%DB%8C%D9%88%DB%8C%D9%84%D9%BE%D8%B1%D8%B2%E2%80%AD/@24.9085988,67.0790122,17z/data=!3m1!4b1!4m6!3m5!1s0x3eb33f28b42c2983:0x504c4156fbe4b4f5!8m2!3d24.908594!4d67.0836256!16s%2Fg%2F1tg_dj9q?entry=ttu&g_ep=EgoyMDI1MTExNy4wIKXMDSoASAFQAw%3D%3D" target="_blank">4th floor, Crown Centre, Block: 13-C, Main University Road, Gulshan-e-Iqbal, Karachi.</a></p>-->
            <!--                            <p class="info-box_link"><a href="javascript:void(0)">Gwadar Office: Office No. 06, Qasim Complex, Airport Road, Gwadar.</a></p>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
        </div>
    </div>
    <div class="copyright-wrap">
        <div class="footer-bottom-top-shape animation-infinite"
            data-bg-src="https://alibuilders.pk/public/frontend/img/icon/footer-bottom-top-shape.png"></div>
        <div class="container">
            <div class="row gy-3 justify-content-lg-between justify-content-center align-items-center">
                <div class="col-lg-6 col-md-12 col-12">
                    <!--<p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2025 <a href="index.php">Piller</a>. All Rights Reserved.</p>-->
                    <!--<p class="copyright-text">Copyright © 2025. All Rights Reserved.</p>-->
                    <p class="copyright-text">Copyright © 2025 Ali Builders & Developers. All Rights Reserved. | Developed by <a href="https://keplercodes.net/">Kepler Codes</a></p>
                </div>
                <div class="col-lg-6 col-md-12 col-12">
                   <div class="footer-default-copy-right">
                        <!--<p>Social Media:</p>-->
                        <div class="th-social">
                            <a href="https://www.facebook.com/alibuilders"><i class="fab fa-facebook-f"></i></a>
                            <a href="https://www.instagram.com/alibuildersofficial/"><i
                                    class="fab fa-instagram"></i></a>
                            <a href="https://x.com/alibuilders"><i class="fa-brands fa-x-twitter"></i></a>
                            <a href="https://www.linkedin.com/company/alibuilders/"><i
                                    class="fab fa-linkedin-in"></i></a>
                            <a href="https://www.youtube.com/channel/UCq-pYO6TxewV6U8_K2oKZVg"><i
                                    class="fab fa-youtube"></i></a>
                        </div>
                    </div> 
                </div>
                <!--<div class="col-lg-2 col-md-12 col-12">-->
                <!--    <div class="footer-bottom-link">-->
                <!--        <ul class="menu">-->
                <!--            <li><a href="/faqs">FAQs</a></li>-->
                <!--            <li><a href="/privacy-policy">Privacy Policy</a></li>-->
                <!--        </ul>-->
                <!--    </div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</footer>
<script>
    
    // $(document).ready(function () {
    //     $("#preloader").remove();
        
    //     let videoElement = $(".hero-style2 video");
    //     let videoSrc = videoElement.attr('data-src');
    
    //     if (videoSrc) {
    //         videoElement.append(`<source src="${videoSrc}" type="video/webm" />`);
    //         videoElement[0].load();
    //     }
    // })
    
</script>
    
    <!--Whatsapp Icon-->
    <div class="whatsapp">
        <a href="https://wa.link/8xerzo"><img src="https://alibuilders.pk/public/frontend/img/icon/whatsapp.svg" alt="WhatsApp"></a>
    </div>

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
                style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
            </path>
        </svg>
    </div>

    <!-- Jquery -->
    <script src="https://alibuilders.pk/public/frontend/js/vendor/jquery-3.7.1.min.js"></script>
    <!-- Swiper Js -->
    <script src="https://alibuilders.pk/public/frontend/js/swiper-bundle.min.js"></script>
    <!-- Bootstrap -->
    <script src="https://alibuilders.pk/public/frontend/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="https://alibuilders.pk/public/frontend/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="https://alibuilders.pk/public/frontend/js/jquery.counterup.min.js"></script>
    <!-- Tilt JS -->
    <script src="https://alibuilders.pk/public/frontend/js/tilt.jquery.min.js"></script>
    <!-- Isotope Filter -->
    <script src="https://alibuilders.pk/public/frontend/js/imagesloaded.pkgd.min.js"></script>
    <script src="https://alibuilders.pk/public/frontend/js/isotope.pkgd.min.js"></script>
    <script src="https://alibuilders.pk/public/frontend/js/jquery-ui.min.js"></script>
    <!-- Lenis -->
    <script src="https://alibuilders.pk/public/frontend/js/lenis.min.js"></script>

    <!-- 360 degree Js start -->
    <script src="https://alibuilders.pk/public/frontend/js/360.min.js"></script>
    <script src="https://alibuilders.pk/public/frontend/js/panolens.min.js"></script>
    <!-- 360 degree Js end -->

    <!-- Wow Js -->
    <script src="https://alibuilders.pk/public/frontend/js/wow.min.js"></script>
    <!-- nice select -->
    <script src="https://alibuilders.pk/public/frontend/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="https://alibuilders.pk/public/frontend/js/main.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.9.2/ckeditor.js"
        integrity="sha512-OF6VwfoBrM/wE3gt0I/lTh1ElROdq3etwAquhEm2YI45Um4ird+0ZFX1IwuBDBRufdXBuYoBb0mqXrmUA2VnOA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <link rel="stylesheet" href="https://alibuilders.pk/public/assets/css/iziToast.min.css">
<script src="https://alibuilders.pk/public/assets/js/iziToast.min.js"></script>



<script>
    "use strict";

    function notify(status, message) {
        iziToast[status]({
            message: message,
            position: "topRight"
        });
    }
</script>    <div class="modal fade" id="inquiryFormModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5">Enquire Now</h1>
                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">
                    <i class="fa fa-times"></i>
                </button>
            </div>
            <div class="modal-body">
                <form action="/inquiry-form-submit" method="POST" class="row g-1">
                    <input type="hidden" name="_token" value="mbh3CgjfJzDNv3XGV8zrkh37kvg89eTo3qeT21eS" autocomplete="off">                    <input type="hidden" name="property_id" value="">
                    <div class="col-12">
                        <div class="form-group">
                            <label class="form-label">Property Title</label>
                            <input type="text" class="form-control" name="title" value="" readonly>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label">Name</label>
                            <input type="text" class="form-control" name="name" value="" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label">Email</label>
                            <input type="email" class="form-control" name="email" value="" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label">Mobile Number</label>
                            <input type="number" class="form-control" name="phone" value="" required>
                        </div>
                    </div>
                    <div class="col-8">
                        <div class="form-group">
                            <label class="form-label">Address</label>
                            <input type="text" class="form-control" name="address" value="" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label">Size</label>
                            <select name="size" class="form-select" required>
                                <option value="80 Sq.Yds">80 Sq.Yds</option>
                                <option value="120 Sq.Yds">120 Sq.Yds</option>
                                <option value="200 Sq.Yds">200 Sq.Yds</option>
                                <option value="240 Sq.Yds">240 Sq.Yds</option>
                                <option value="400 Sq.Yds">400 Sq.Yds</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label class="form-label">Message (Optional)</label>
                            <textarea class="form-control" name="message"></textarea>
                        </div>
                    </div>
                    <div class="col-12">
                        <button type="submit" class="th-btn sm text-white radius">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $(document).on("click", ".inquiry_form_btn", function(e) {
            e.preventDefault();
            let id = $(this).data('id');
            let title = $(this).data('title');

            if (id && title) {
                $("#inquiryFormModal form").find("input[name=property_id]").val(id);
                $("#inquiryFormModal form").find("input[name=title]").val(title);
                $("#inquiryFormModal").modal('show');
            }
        })
    })
</script>

    
    <script>
        $(document).ready(function() {
            if ($(".editor").length) {
                CKEDITOR.replaceAll('editor');
            }
            
            setTimeout(function() { 
                let videoElement = $("#my_video");
                let videoSrc = videoElement.attr('data-src');
                
                if (videoSrc) {
                    videoElement.append(`<source src="${videoSrc}" type="video/webm" />`);
                    videoElement[0].load();
                }
            }, 1000);
        })
    </script>

</body>

</html>