{"id":1036,"date":"2025-01-12T11:42:48","date_gmt":"2025-01-12T11:42:48","guid":{"rendered":"https:\/\/www.wpdirectorykit.com\/nexproperty\/?page_id=1036"},"modified":"2026-07-16T06:57:02","modified_gmt":"2026-07-16T06:57:02","slug":"home-page","status":"publish","type":"page","link":"https:\/\/bskgroups.com\/ur\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1036\" class=\"elementor elementor-1036\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3088b11 e-flex e-con-boxed e-con e-parent\" data-id=\"3088b11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-7e2021b-5a60a37\" data-interaction-id=\"7e2021b\" id=\"1037255\" src=\"https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633\" width=\"1709\" height=\"920\" srcset=\"https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633 1709w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-300x161.png?v=1781274633 300w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-1024x551.png?v=1781274633 1024w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-768x413.png?v=1781274633 768w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-1536x827.png?v=1781274633 1536w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-18x10.png?v=1781274633 18w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-400x215.png?v=1781274633 400w, https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM-800x431.png?v=1781274633 800w\" alt=\"\"\/>\t\t\t\t<div class=\"elementor-element elementor-element-6cc4607 elementor-widget elementor-widget-hivepress-listing-search-form\" data-id=\"6cc4607\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hivepress-listing-search-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"hp-form--wide hp-form--primary hp-block hp-form hp-form--listing-search\" action=\"https:\/\/bskgroups.com\/ur\" method=\"GET\" data-component=\"form\"><div class=\"hp-form__messages\" data-component=\"messages\"><\/div><div class=\"hp-form__fields\"><input type=\"hidden\" name=\"post_type\" value=\"hp_listing\" class=\"hp-field hp-field--hidden\"><input type=\"hidden\" name=\"latitude\" value=\"\" data-coordinate=\"lat\" class=\"hp-field hp-field--hidden\"><input type=\"hidden\" name=\"longitude\" value=\"\" data-coordinate=\"lng\" class=\"hp-field hp-field--hidden\"><input type=\"hidden\" name=\"_region\" value=\"\" data-region=\"data-region\" class=\"hp-field hp-field--hidden\"><div class=\"hp-form__field hp-form__field--search\"><input type=\"search\" name=\"s\" value=\"\" placeholder=\"Keywords\" maxlength=\"256\" class=\"hp-field hp-field--search\"><\/div><div class=\"hp-form__field hp-form__field--location\"><div data-format=\"\" data-countries=\"[&quot;PK&quot;]\" data-region-types=\"[&quot;country&quot;,&quot;region&quot;,&quot;district&quot;,&quot;place&quot;]\" data-component=\"location\" class=\"hp-field hp-field--location\"><input type=\"text\" name=\"location\" value=\"\" autocomplete=\"off\" placeholder=\"Location\" maxlength=\"256\" class=\"hp-field hp-field--text\"><a href=\"#\" title=\"Locate Me\"><i class=\"hp-icon fas fa-location-arrow\"><\/i><\/a><\/div><\/div><div class=\"hp-form__field hp-form__field--select\"><select name=\"_category\" data-component=\"select\" class=\"hp-field hp-field--select\"><option value=\"\">All Categories<\/option><option value=\"244\">Homes<\/option><option value=\"348\">Plots<\/option><option value=\"245\">Commercial<\/option><option value=\"246\">Requirement<\/option><\/select><\/div><div class=\"hp-form__field hp-form__field--select\"><label class=\"hp-field__label hp-form__label\"><span>Purpose<\/span><\/label><select name=\"purpose\" data-component=\"select\" class=\"hp-field hp-field--select\"><option value=\"\">For<\/option><option value=\"286\">Sale<\/option><option value=\"293\">Rent<\/option><\/select><\/div><div class=\"hp-form__field hp-form__field--select\"><label class=\"hp-field__label hp-form__label\"><span>City<\/span><\/label><select name=\"city\" data-component=\"select\" class=\"hp-field hp-field--select\"><option value=\"\">Any City<\/option><option value=\"419\">Abbottabad<\/option><option value=\"420\">Abdul Hakim<\/option><option value=\"421\">Ahmedpur East<\/option><option value=\"422\">Ali Masjid<\/option><option value=\"423\">Alipur<\/option><option value=\"425\">Astore<\/option><option value=\"426\">Bannu<\/option><option value=\"427\">Charsadda<\/option><option value=\"413\">Islamabad<\/option><option value=\"428\">Jhelum<\/option><option value=\"414\">Karachi<\/option><option value=\"415\">Lahore<\/option><option value=\"429\">Lakki Marwat<\/option><option value=\"430\">Landi Kotal<\/option><option value=\"432\">Mardan<\/option><option value=\"431\">Nowshera<\/option><option value=\"416\">Peshawar<\/option><option value=\"417\">Quetta<\/option><option value=\"418\">Rawalpindi<\/option><\/select><\/div><div class=\"hp-form__field hp-form__field--number\"><label class=\"hp-field__label hp-form__label\"><span>Price<\/span><\/label><input type=\"number\" name=\"price\" value=\"\" placeholder=\"Price (PKR)\" step=\"1\" min=\"0\" max=\"5000000000\" data-component=\"number\" class=\"hp-field hp-field--number\"><\/div><\/div><div class=\"hp-form__footer\"><button type=\"submit\" class=\"hp-form__button button-primary alt button hp-field hp-field--submit\"><span>Search<\/span><\/button><\/div><\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef40dc5 e-flex e-con-boxed e-con e-parent\" data-id=\"ef40dc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<h2 data-interaction-id=\"f201288\" class=\"e-heading-base\"><strong>Browse Properties<\/strong><\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dde906 e-grid e-con-boxed e-con e-parent\" data-id=\"6dde906\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f0ae3 elementor-widget elementor-widget-html\" data-id=\"a1f0ae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ur\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Browse Properties - Homes<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            --primary:       #00A651;\r\n            --primary-light: #E8F7EF;\r\n            --primary-hover: #008C44;\r\n            --text:          #1A1A1A;\r\n            --muted:         #6B7280;\r\n            --bg:            #F4F6F5;\r\n            --card-bg:       #FFFFFF;\r\n            --border:        #E2E8E5;\r\n            --shadow-sm:     0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);\r\n            --shadow-md:     0 4px 12px rgba(0,0,0,0.08);\r\n            --radius-lg:     14px;\r\n            --radius-md:     10px;\r\n            --radius-sm:     7px;\r\n            --transition:    0.22s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        *, *::before, *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background: var(--bg);\r\n            min-height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            padding: 48px 20px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Fixed Column Wrapper \u2500\u2500 *\/\r\n        .browse-container {\r\n            width: 100%;\r\n            max-width: 100%; \/* \u0627\u0628 \u06cc\u06c1 \u0627\u067e\u0646\u06d2 \u06a9\u0627\u0644\u0645 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u062e\u0648\u062f \u06a9\u0648 \u0641\u06a9\u0633 \u0631\u06a9\u06be\u06d2 \u06af\u0627 *\/\r\n        }\r\n\r\n        \/* \u2500\u2500 Card \u2500\u2500 *\/\r\n        .category-card {\r\n            background: var(--card-bg);\r\n            border: 1px solid var(--border);\r\n            border-radius: var(--radius-lg);\r\n            padding: 24px;\r\n            box-shadow: var(--shadow-sm);\r\n            width: 100%;\r\n        }\r\n\r\n        \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n        .category-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .category-icon-wrap {\r\n            width: 38px;\r\n            height: 38px;\r\n            background: var(--primary-light);\r\n            border-radius: var(--radius-sm);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary);\r\n            font-size: 17px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .category-title {\r\n            font-size: 17px;\r\n            font-weight: 600;\r\n            color: var(--text);\r\n        }\r\n\r\n        \/* \u2500\u2500 Tabs \u2500\u2500 *\/\r\n        .tabs-container {\r\n            display: flex;\r\n            gap: 0;\r\n            border-bottom: 1.5px solid var(--border);\r\n            margin-bottom: 26px;\r\n        }\r\n\r\n        .tab-btn {\r\n            background: none;\r\n            border: none;\r\n            font-family: inherit;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--muted);\r\n            padding: 0 14px 10px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: color var(--transition);\r\n        }\r\n\r\n        .tab-btn:first-child { padding-left: 0; }\r\n\r\n        .tab-btn:hover { color: var(--text); }\r\n\r\n        .tab-btn.active {\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .tab-btn.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -1.5px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: var(--primary);\r\n            border-radius: 2px 2px 0 0;\r\n        }\r\n\r\n        \/* \u2500\u2500 Tab Panels \u2500\u2500 *\/\r\n        .tab-panel {\r\n            display: none;\r\n            position: relative;\r\n        }\r\n\r\n        .tab-panel.active { display: block; }\r\n\r\n        \/* \u2500\u2500 Slider \u2500\u2500 *\/\r\n        .slider-wrapper { overflow: hidden; }\r\n\r\n        .slider-track {\r\n            display: flex;\r\n            transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        .slider-page {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-auto-rows: 72px;\r\n            gap: 12px;\r\n            flex-shrink: 0;\r\n            width: 100%;\r\n            align-content: start;\r\n        }\r\n\r\n        \/* \u2500\u2500 Property Item \u2500\u2500 *\/\r\n        .property-item {\r\n            background: var(--bg);\r\n            border: 1.5px solid transparent;\r\n            border-radius: var(--radius-md);\r\n            padding: 14px 12px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            height: 100%;\r\n            transition:\r\n                border-color var(--transition),\r\n                background var(--transition),\r\n                box-shadow var(--transition),\r\n                transform var(--transition);\r\n        }\r\n\r\n        .property-item:hover {\r\n            border-color: var(--primary);\r\n            background: #fff;\r\n            box-shadow: 0 4px 14px rgba(0,166,81,0.10);\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .property-item:active { transform: translateY(0); }\r\n\r\n        .item-main {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--text);\r\n            margin-bottom: 2px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .item-sub {\r\n            font-size: 11px;\r\n            color: var(--muted);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* \u2500\u2500 Nav Arrows \u2500\u2500 *\/\r\n        .nav-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 34px;\r\n            height: 34px;\r\n            background: var(--card-bg);\r\n            border: 1.5px solid var(--border);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary);\r\n            font-size: 12px;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            box-shadow: var(--shadow-sm);\r\n            transition:\r\n                background var(--transition),\r\n                border-color var(--transition),\r\n                color var(--transition),\r\n                box-shadow var(--transition);\r\n        }\r\n\r\n        .nav-arrow:hover {\r\n            background: var(--primary);\r\n            border-color: var(--primary);\r\n            color: #fff;\r\n            box-shadow: 0 4px 12px rgba(0,166,81,0.30);\r\n        }\r\n\r\n        .prev-arrow {\r\n            left: -17px;\r\n            display: none;\r\n        }\r\n\r\n        .next-arrow {\r\n            right: -17px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Pagination Dots \u2500\u2500 *\/\r\n        .pagination-dots {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 6px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: var(--border);\r\n            border-radius: 99px;\r\n            cursor: pointer;\r\n            transition:\r\n                width var(--transition),\r\n                background var(--transition);\r\n        }\r\n\r\n        .dot.active {\r\n            width: 18px;\r\n            background: var(--primary);\r\n        }\r\n\r\n        \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n        @media (max-width: 768px) {\r\n            .slider-page { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n        @media (max-width: 480px) {\r\n            .category-card { padding: 16px; }\r\n            .prev-arrow { left: -5px; }\r\n            .next-arrow { right: -5px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"browse-container\">\r\n    <div class=\"category-card\">\r\n\r\n        <div class=\"category-header\">\r\n            <div class=\"category-icon-wrap\">\r\n                <i class=\"fa-solid fa-house\"><\/i>\r\n            <\/div>\r\n            <span class=\"category-title\">Homes<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"tabs-container\" role=\"tablist\" aria-label=\"Browse categories\">\r\n            <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\"  aria-controls=\"popular-panel\" id=\"tab-popular\"  onclick=\"switchTab(event, 'popular-panel')\">Popular<\/button>\r\n            <button class=\"tab-btn\"        role=\"tab\" aria-selected=\"false\" aria-controls=\"type-panel\"    id=\"tab-type\"     onclick=\"switchTab(event, 'type-panel')\">Type<\/button>\r\n            <button class=\"tab-btn\"        role=\"tab\" aria-selected=\"false\" aria-controls=\"area-panel\"    id=\"tab-area\"     onclick=\"switchTab(event, 'area-panel')\">Area Size<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"popular-panel\" class=\"tab-panel active\" role=\"tabpanel\" aria-labelledby=\"tab-popular\">\r\n            <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous\" onclick=\"moveSlider('popular-panel', -1)\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n            <button class=\"nav-arrow next-arrow\" aria-label=\"Next\"     onclick=\"moveSlider('popular-panel',  1)\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n            <div class=\"slider-wrapper\">\r\n                <div class=\"slider-track\">\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=5-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">5 Marla<\/span>\r\n                            <span class=\"item-sub\">Houses<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=10-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">10 Marla<\/span>\r\n                            <span class=\"item-sub\">Houses<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=3-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">3 Marla<\/span>\r\n                            <span class=\"item-sub\">Houses<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?sort=latest\" class=\"property-item\">\r\n                            <span class=\"item-main\">New<\/span>\r\n                            <span class=\"item-sub\">Houses<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?sort=price\" class=\"property-item\">\r\n                            <span class=\"item-main\">Low Price<\/span>\r\n                            <span class=\"item-sub\">All Homes<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_size_type=small\" class=\"property-item\">\r\n                            <span class=\"item-main\">Small<\/span>\r\n                            <span class=\"item-sub\">Houses<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_status=on-instalments\" class=\"property-item\">\r\n                            <span class=\"item-main\">On Instalments<\/span>\r\n                            <span class=\"item-sub\">Houses<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_bedrooms=1\" class=\"property-item\">\r\n                            <span class=\"item-main\">1 Bedroom<\/span>\r\n                            <span class=\"item-sub\">Flats<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_bedrooms=2\" class=\"property-item\">\r\n                            <span class=\"item-main\">2 Bedroom<\/span>\r\n                            <span class=\"item-sub\">Flats<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_bedrooms=3\" class=\"property-item\">\r\n                            <span class=\"item-main\">3 Bedroom<\/span>\r\n                            <span class=\"item-sub\">Flats<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_status=on-instalments\" class=\"property-item\">\r\n                            <span class=\"item-main\">On Instalments<\/span>\r\n                            <span class=\"item-sub\">Flats<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pagination-dots\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"type-panel\" class=\"tab-panel\" role=\"tabpanel\" aria-labelledby=\"tab-type\">\r\n            <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous\" onclick=\"moveSlider('type-panel', -1)\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n            <button class=\"nav-arrow next-arrow\" aria-label=\"Next\"     onclick=\"moveSlider('type-panel',  1)\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n            <div class=\"slider-wrapper\">\r\n                <div class=\"slider-track\">\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=houses\" class=\"property-item\">\r\n                            <span class=\"item-main\">Houses<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=flats\" class=\"property-item\">\r\n                            <span class=\"item-main\">Flats<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=upper-portion\" class=\"property-item\">\r\n                            <span class=\"item-main\">Upper Portion<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=lower-portion\" class=\"property-item\">\r\n                            <span class=\"item-main\">Lower Portion<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=farmhouse\" class=\"property-item\">\r\n                            <span class=\"item-main\">Farmhouse<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=penthouse\" class=\"property-item\">\r\n                            <span class=\"item-main\">Penthouse<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_type=room\" class=\"property-item\">\r\n                            <span class=\"item-main\">Room<\/span>\r\n                            <span class=\"item-sub\">Category<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pagination-dots\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"area-panel\" class=\"tab-panel\" role=\"tabpanel\" aria-labelledby=\"tab-area\">\r\n            <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous\" onclick=\"moveSlider('area-panel', -1)\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n            <button class=\"nav-arrow next-arrow\" aria-label=\"Next\"     onclick=\"moveSlider('area-panel',  1)\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n            <div class=\"slider-wrapper\">\r\n                <div class=\"slider-track\">\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=5-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">5 Marla<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=3-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">3 Marla<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=7-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">7 Marla<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=8-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">8 Marla<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=10-marla\" class=\"property-item\">\r\n                            <span class=\"item-main\">10 Marla<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=1-kanal\" class=\"property-item\">\r\n                            <span class=\"item-main\">1 Kanal<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/homes\/?_listing_area_size=2-kanal\" class=\"property-item\">\r\n                            <span class=\"item-main\">2 Kanal<\/span>\r\n                            <span class=\"item-sub\">Homes<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pagination-dots\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const state = {};\r\n\r\n    function initPanel(panelId) {\r\n        const panel = document.getElementById(panelId);\r\n        if (!panel) return;\r\n        const pages = panel.querySelectorAll('.slider-page');\r\n        const total = pages.length;\r\n\r\n        const track = panel.querySelector('.slider-track');\r\n        track.style.width = (total * 100) + '%';\r\n        \r\n        pages.forEach(p => {\r\n            p.style.width = (100 \/ total) + '%';\r\n        });\r\n\r\n        state[panelId] = { current: 0, total };\r\n\r\n        buildDots(panelId);\r\n        updateUI(panelId);\r\n    }\r\n\r\n    function buildDots(panelId) {\r\n        const panel = document.getElementById(panelId);\r\n        const dotsContainer = panel.querySelector('.pagination-dots');\r\n        const { total } = state[panelId];\r\n\r\n        if (total <= 1) {\r\n            dotsContainer.style.display = 'none';\r\n            return;\r\n        }\r\n\r\n        dotsContainer.style.display = 'flex';\r\n        dotsContainer.innerHTML = '';\r\n        for (let i = 0; i < total; i++) {\r\n            const dot = document.createElement('div');\r\n            dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n            dot.setAttribute('role', 'button');\r\n            dot.setAttribute('aria-label', `Page ${i + 1}`);\r\n            dot.addEventListener('click', () => jumpToPage(panelId, i));\r\n            dotsContainer.appendChild(dot);\r\n        }\r\n    }\r\n\r\n    function updateUI(panelId) {\r\n        const panel   = document.getElementById(panelId);\r\n        const { current, total } = state[panelId];\r\n        const track   = panel.querySelector('.slider-track');\r\n        const dots    = panel.querySelectorAll('.dot');\r\n        const prevBtn = panel.querySelector('.prev-arrow');\r\n        const nextBtn = panel.querySelector('.next-arrow');\r\n\r\n        const percent = current * (100 \/ total);\r\n        track.style.transform = `translateX(-${percent}%)`;\r\n\r\n        dots.forEach((d, i) => d.classList.toggle('active', i === current));\r\n\r\n        if (prevBtn) prevBtn.style.display = current === 0          ? 'none' : 'flex';\r\n        if (nextBtn) nextBtn.style.display = current === total - 1  ? 'none' : 'flex';\r\n    }\r\n\r\n    function moveSlider(panelId, direction) {\r\n        const s = state[panelId];\r\n        s.current = Math.max(0, Math.min(s.total - 1, s.current + direction));\r\n        updateUI(panelId);\r\n    }\r\n\r\n    function jumpToPage(panelId, index) {\r\n        state[panelId].current = index;\r\n        updateUI(panelId);\r\n    }\r\n\r\n    function switchTab(event, panelId) {\r\n        document.querySelectorAll('.tab-btn').forEach(btn => {\r\n            btn.classList.remove('active');\r\n            btn.setAttribute('aria-selected', 'false');\r\n        });\r\n        event.currentTarget.classList.add('active');\r\n        event.currentTarget.setAttribute('aria-selected', 'true');\r\n\r\n        document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\r\n        document.getElementById(panelId).classList.add('active');\r\n\r\n        if (!state[panelId]) initPanel(panelId);\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        initPanel('popular-panel');\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f558db elementor-widget elementor-widget-html\" data-id=\"6f558db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"category-card\" style=\"margin-top: 0px;\"> <div class=\"category-header\">\r\n        <div class=\"category-icon-wrap\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n        <\/div>\r\n        <span class=\"category-title\">Plots<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"tabs-container\" role=\"tablist\" aria-label=\"Browse plots categories\">\r\n        <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\"  aria-controls=\"plots-popular-panel\" id=\"tab-plots-popular\"  onclick=\"switchTab(event, 'plots-popular-panel')\">Popular<\/button>\r\n        <button class=\"tab-btn\"        role=\"tab\" aria-selected=\"false\" aria-controls=\"plots-type-panel\"    id=\"tab-plots-type\"     onclick=\"switchTab(event, 'plots-type-panel')\">Type<\/button>\r\n        <button class=\"tab-btn\"        role=\"tab\" aria-selected=\"false\" aria-controls=\"plots-area-panel\"    id=\"tab-plots-area\"     onclick=\"switchTab(event, 'plots-area-panel')\">Area Size<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"plots-popular-panel\" class=\"tab-panel active\" role=\"tabpanel\" aria-labelledby=\"tab-plots-popular\">\r\n        <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous\" onclick=\"moveSlider('plots-popular-panel', -1)\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n        <button class=\"nav-arrow next-arrow\" aria-label=\"Next\"     onclick=\"moveSlider('plots-popular-panel',  1)\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n        <div class=\"slider-wrapper\">\r\n            <div class=\"slider-track\">\r\n                <div class=\"slider-page\">\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=5-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">5 Marla<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=10-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">10 Marla<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=3-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">3 Marla<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-status=on-instalments\" class=\"property-item\">\r\n                        <span class=\"item-main\">On Instalments<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-status=on-instalments\" class=\"property-item\">\r\n                        <span class=\"item-main\">On Instalments<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_status=with-possession\" class=\"property-item\">\r\n                        <span class=\"item-main\">With Possession<\/span>\r\n                        <span class=\"item-sub\">Commercial Plots<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"slider-page\">\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_feature=developed\" class=\"property-item\">\r\n                        <span class=\"item-main\">Developed<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_feature=corner\" class=\"property-item\">\r\n                        <span class=\"item-main\">Corner<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?sort=price\" class=\"property-item\">\r\n                        <span class=\"item-main\">Low Price<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_feature=park-facing\" class=\"property-item\">\r\n                        <span class=\"item-main\">Park Facing<\/span>\r\n                        <span class=\"item-sub\">Residential Plots<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pagination-dots\"><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"plots-type-panel\" class=\"tab-panel\" role=\"tabpanel\" aria-labelledby=\"tab-plots-type\">\r\n        <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous\" onclick=\"moveSlider('plots-type-panel', -1)\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n        <button class=\"nav-arrow next-arrow\" aria-label=\"Next\"     onclick=\"moveSlider('plots-type-panel',  1)\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n        <div class=\"slider-wrapper\">\r\n            <div class=\"slider-track\">\r\n                <div class=\"slider-page\">\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_type=residential-plot\" class=\"property-item\">\r\n                        <span class=\"item-main\">Residential Plot<\/span>\r\n                        <span class=\"item-sub\">Category<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_type=commercial-plot\" class=\"property-item\">\r\n                        <span class=\"item-main\">Commercial Plot<\/span>\r\n                        <span class=\"item-sub\">Category<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_type=plot-file\" class=\"property-item\">\r\n                        <span class=\"item-main\">Plot File<\/span>\r\n                        <span class=\"item-sub\">Category<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_type=plot-form\" class=\"property-item\">\r\n                        <span class=\"item-main\">Plot Form<\/span>\r\n                        <span class=\"item-sub\">Category<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_type=agricultural-land\" class=\"property-item\">\r\n                        <span class=\"item-main\">Agricultural Land<\/span>\r\n                        <span class=\"item-sub\">Category<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_type=industrial-land\" class=\"property-item\">\r\n                        <span class=\"item-main\">Industrial Land<\/span>\r\n                        <span class=\"item-sub\">Category<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pagination-dots\"><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"plots-area-panel\" class=\"tab-panel\" role=\"tabpanel\" aria-labelledby=\"tab-plots-area\">\r\n        <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous\" onclick=\"moveSlider('plots-area-panel', -1)\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n        <button class=\"nav-arrow next-arrow\" aria-label=\"Next\"     onclick=\"moveSlider('plots-area-panel',  1)\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n\r\n        <div class=\"slider-wrapper\">\r\n            <div class=\"slider-track\">\r\n                <div class=\"slider-page\">\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=3-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">3 Marla<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=5-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">5 Marla<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=7-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">7 Marla<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=8-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">8 Marla<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=10-marla\" class=\"property-item\">\r\n                        <span class=\"item-main\">10 Marla<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=1-kanal\" class=\"property-item\">\r\n                        <span class=\"item-main\">1 Kanal<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"slider-page\">\r\n                    <a href=\"https:\/\/bskgroups.com\/listing-category\/plots\/?_listing_area_size=2-kanal\" class=\"property-item\">\r\n                        <span class=\"item-main\">2 Kanal<\/span>\r\n                        <span class=\"item-sub\">Plots<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pagination-dots\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5a13fa elementor-widget elementor-widget-html\" data-id=\"e5a13fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ur\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Browse Properties - Commercial<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            --primary:       #00A651;\r\n            --primary-light: #E8F7EF;\r\n            --text:          #1A1A1A;\r\n            --muted:         #6B7280;\r\n            --bg:            #F4F6F5;\r\n            --card-bg:       #FFFFFF;\r\n            --border:        #E2E8E5;\r\n            --shadow-sm:     0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);\r\n            --shadow-hover:  0 4px 14px rgba(0,166,81,0.12);\r\n            --radius-lg:     14px;\r\n            --radius-md:     10px;\r\n            --radius-sm:     7px;\r\n            --ease:          cubic-bezier(0.4, 0, 0.2, 1);\r\n            --t-fast:        0.18s;\r\n            --t-med:         0.28s;\r\n            --t-slide:       0.38s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background: var(--bg);\r\n            min-height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            padding: 48px 20px;\r\n        }\r\n\r\n        .browse-wrapper {\r\n            width: 100%;\r\n            max-width: 920px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Card \u2500\u2500 *\/\r\n        .category-card {\r\n            background: var(--card-bg);\r\n            border: 1px solid var(--border);\r\n            border-radius: var(--radius-lg);\r\n            padding: 28px;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .category-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .category-icon-wrap {\r\n            width: 38px;\r\n            height: 38px;\r\n            background: var(--primary-light);\r\n            border-radius: var(--radius-sm);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary);\r\n            font-size: 17px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .category-title {\r\n            font-size: 17px;\r\n            font-weight: 600;\r\n            color: var(--text);\r\n        }\r\n\r\n        \/* \u2500\u2500 Tabs \u2500\u2500 *\/\r\n        .tabs-bar {\r\n            display: flex;\r\n            border-bottom: 1.5px solid var(--border);\r\n            margin-bottom: 26px;\r\n        }\r\n\r\n        .tab-btn {\r\n            background: none;\r\n            border: none;\r\n            font-family: inherit;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--muted);\r\n            padding: 0 18px 10px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: color var(--t-fast) var(--ease);\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .tab-btn:first-child { padding-left: 0; }\r\n        .tab-btn:hover { color: var(--text); }\r\n\r\n        .tab-btn[aria-selected=\"true\"] {\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .tab-btn[aria-selected=\"true\"]::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -1.5px;\r\n            left: 0; right: 0;\r\n            height: 2px;\r\n            background: var(--primary);\r\n            border-radius: 2px 2px 0 0;\r\n        }\r\n\r\n        \/* \u2500\u2500 Panels \u2500\u2500 *\/\r\n        .tab-panel {\r\n            display: none;\r\n            position: relative;\r\n        }\r\n        .tab-panel.is-active { display: block; }\r\n\r\n        \/* \u2500\u2500 Slider \u2500\u2500 *\/\r\n        .slider-wrapper { overflow: hidden; }\r\n\r\n        .slider-track {\r\n            display: flex;\r\n            will-change: transform;\r\n            transition: transform var(--t-slide);\r\n        }\r\n\r\n        .slider-page {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 12px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* \u2500\u2500 Items \u2500\u2500 *\/\r\n        .property-item {\r\n            background: var(--bg);\r\n            border: 1.5px solid transparent;\r\n            border-radius: var(--radius-md);\r\n            padding: 14px 16px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            min-height: 72px;\r\n            transition:\r\n                border-color var(--t-fast) var(--ease),\r\n                background   var(--t-fast) var(--ease),\r\n                box-shadow   var(--t-fast) var(--ease),\r\n                transform    var(--t-fast) var(--ease);\r\n        }\r\n\r\n        .property-item:hover,\r\n        .property-item:focus-visible {\r\n            border-color: var(--primary);\r\n            background: var(--card-bg);\r\n            box-shadow: var(--shadow-hover);\r\n            transform: translateY(-1px);\r\n            outline: none;\r\n        }\r\n\r\n        .property-item:active { transform: translateY(0); }\r\n\r\n        .item-main {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: var(--text);\r\n            margin-bottom: 2px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .item-sub {\r\n            font-size: 12px;\r\n            color: var(--muted);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* \u2500\u2500 Arrows \u2500\u2500 *\/\r\n        .nav-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 34px;\r\n            height: 34px;\r\n            background: var(--card-bg);\r\n            border: 1.5px solid var(--border);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary);\r\n            font-size: 11px;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            box-shadow: var(--shadow-sm);\r\n            transition:\r\n                background   var(--t-fast) var(--ease),\r\n                border-color var(--t-fast) var(--ease),\r\n                color        var(--t-fast) var(--ease),\r\n                opacity      var(--t-fast) var(--ease);\r\n        }\r\n\r\n        .nav-arrow:hover {\r\n            background: var(--primary);\r\n            border-color: var(--primary);\r\n            color: #fff;\r\n            box-shadow: 0 4px 12px rgba(0,166,81,0.30);\r\n        }\r\n\r\n        .nav-arrow.is-hidden {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .prev-arrow { left: -17px; }\r\n        .next-arrow { right: -17px; }\r\n\r\n        \/* \u2500\u2500 Dots \u2500\u2500 *\/\r\n        .pagination-dots {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 6px;\r\n            margin-top: 20px;\r\n            min-height: 14px;\r\n        }\r\n\r\n        .dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: var(--border);\r\n            border-radius: 99px;\r\n            cursor: pointer;\r\n            transition:\r\n                width      var(--t-med) var(--ease),\r\n                background var(--t-med) var(--ease);\r\n        }\r\n\r\n        .dot.is-active { width: 18px; background: var(--primary); }\r\n\r\n        \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n        @media (max-width: 640px) {\r\n            .category-card { padding: 20px 16px; }\r\n            .slider-page   { grid-template-columns: repeat(2, 1fr); }\r\n            .nav-arrow     { display: none !important; }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .slider-track, .property-item, .nav-arrow, .dot { transition: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"browse-wrapper\">\r\n\r\n    <div class=\"category-card\" data-card=\"commercial\">\r\n\r\n        <div class=\"category-header\">\r\n            <div class=\"category-icon-wrap\" aria-hidden=\"true\">\r\n                <i class=\"fa-solid fa-building-user\"><\/i>\r\n            <\/div>\r\n            <span class=\"category-title\">Commercial<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"tabs-bar\" role=\"tablist\" aria-label=\"Commercial categories\">\r\n            <button class=\"tab-btn\" role=\"tab\" aria-selected=\"true\"\r\n                    aria-controls=\"commercial-popular\" id=\"commercial-tab-popular\">Popular<\/button>\r\n            <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\"\r\n                    aria-controls=\"commercial-type\"    id=\"commercial-tab-type\">Type<\/button>\r\n            <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\"\r\n                    aria-controls=\"commercial-area\"    id=\"commercial-tab-area\">Area Size<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"commercial-popular\" class=\"tab-panel is-active\"\r\n             role=\"tabpanel\" aria-labelledby=\"commercial-tab-popular\">\r\n            <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous page\">\r\n                <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n            <\/button>\r\n            <button class=\"nav-arrow next-arrow\" aria-label=\"Next page\">\r\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n            <\/button>\r\n            <div class=\"slider-wrapper\">\r\n                <div class=\"slider-track\">\r\n\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=office&_listing_size_type=small\" class=\"property-item\">\r\n                            <span class=\"item-main\">Small<\/span>\r\n                            <span class=\"item-sub\">Offices<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=office&sort=latest\" class=\"property-item\">\r\n                            <span class=\"item-main\">New<\/span>\r\n                            <span class=\"item-sub\">Offices<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=shop&_listing_status=on-instalments\" class=\"property-item\">\r\n                            <span class=\"item-main\">On Instalments<\/span>\r\n                            <span class=\"item-sub\">Shops<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=shop&_listing_size_type=small\" class=\"property-item\">\r\n                            <span class=\"item-main\">Small<\/span>\r\n                            <span class=\"item-sub\">Shops<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=shop&sort=latest\" class=\"property-item\">\r\n                            <span class=\"item-main\">New<\/span>\r\n                            <span class=\"item-sub\">Shops<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=shop&_listing_status=running\" class=\"property-item\">\r\n                            <span class=\"item-main\">Running<\/span>\r\n                            <span class=\"item-sub\">Shops<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=warehouse&sort=latest\" class=\"property-item\">\r\n                            <span class=\"item-main\">New<\/span>\r\n                            <span class=\"item-sub\">Warehouses<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?sort=price_low_high\" class=\"property-item\">\r\n                            <span class=\"item-main\">Low Price<\/span>\r\n                            <span class=\"item-sub\">All Commercial<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pagination-dots\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"commercial-type\" class=\"tab-panel\"\r\n             role=\"tabpanel\" aria-labelledby=\"commercial-tab-type\">\r\n            <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous page\">\r\n                <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n            <\/button>\r\n            <button class=\"nav-arrow next-arrow\" aria-label=\"Next page\">\r\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n            <\/button>\r\n            <div class=\"slider-wrapper\">\r\n                <div class=\"slider-track\">\r\n\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=office\" class=\"property-item\">\r\n                            <span class=\"item-main\">Office<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=shop\" class=\"property-item\">\r\n                            <span class=\"item-main\">Shop<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=building\" class=\"property-item\">\r\n                            <span class=\"item-main\">Building<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=warehouse\" class=\"property-item\">\r\n                            <span class=\"item-main\">Warehouse<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=factory\" class=\"property-item\">\r\n                            <span class=\"item-main\">Factory<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_type=others\" class=\"property-item\">\r\n                            <span class=\"item-main\">Others<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pagination-dots\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"commercial-area\" class=\"tab-panel\"\r\n             role=\"tabpanel\" aria-labelledby=\"commercial-tab-area\">\r\n            <button class=\"nav-arrow prev-arrow\" aria-label=\"Previous page\">\r\n                <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n            <\/button>\r\n            <button class=\"nav-arrow next-arrow\" aria-label=\"Next page\">\r\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n            <\/button>\r\n            <div class=\"slider-wrapper\">\r\n                <div class=\"slider-track\">\r\n\r\n                    <div class=\"slider-page\">\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_area_max=100\" class=\"property-item\">\r\n                            <span class=\"item-main\">Less than 100 sq ft<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_area_min=100&_listing_area_max=200\" class=\"property-item\">\r\n                            <span class=\"item-main\">100-200 sq ft<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_area_min=200&_listing_area_max=300\" class=\"property-item\">\r\n                            <span class=\"item-main\">200-300 sq ft<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_area_min=300&_listing_area_max=400\" class=\"property-item\">\r\n                            <span class=\"item-main\">300-400 sq ft<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_area_min=400&_listing_area_max=500\" class=\"property-item\">\r\n                            <span class=\"item-main\">400-500 sq ft<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/bskgroups.com\/listing-category\/commercial\/?_listing_area_min=500\" class=\"property-item\">\r\n                            <span class=\"item-main\">More than 500 sq ft<\/span>\r\n                            <span class=\"item-sub\">Commercial<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pagination-dots\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div><\/div><script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BrowseCard \u2014 fully scoped, zero global functions\r\n   Safe to use alongside Homes & Plots cards on same page\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nclass BrowseCard {\r\n    constructor(cardEl) {\r\n        this.card    = cardEl;\r\n        this.panels  = {};\r\n        this.tabBtns = [...cardEl.querySelectorAll('[role=\"tab\"]')];\r\n\r\n        this._bindTabs();\r\n        this._initActivePanels();\r\n    }\r\n\r\n    \/* \u2500\u2500 Tabs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    _bindTabs() {\r\n        this.tabBtns.forEach(btn => {\r\n            btn.addEventListener('click', (e) => this._onTabClick(e));\r\n\r\n            \/* Arrow key navigation between tabs *\/\r\n            btn.addEventListener('keydown', (e) => {\r\n                const i = this.tabBtns.indexOf(e.currentTarget);\r\n                let target = null;\r\n                if (e.key === 'ArrowRight') target = this.tabBtns[(i + 1) % this.tabBtns.length];\r\n                if (e.key === 'ArrowLeft')  target = this.tabBtns[(i - 1 + this.tabBtns.length) % this.tabBtns.length];\r\n                if (target) { target.focus(); target.click(); }\r\n            });\r\n        });\r\n    }\r\n\r\n    _onTabClick(e) {\r\n        const btn     = e.currentTarget;\r\n        const panelId = btn.getAttribute('aria-controls');\r\n\r\n        \/* Scoped to THIS card only \u2014 no interference with other cards *\/\r\n        this.tabBtns.forEach(b => b.setAttribute('aria-selected', 'false'));\r\n        this.card.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('is-active'));\r\n\r\n        btn.setAttribute('aria-selected', 'true');\r\n        document.getElementById(panelId).classList.add('is-active');\r\n\r\n        \/* Lazy init \u2014 only on first visit *\/\r\n        if (!this.panels[panelId]) this._initPanel(panelId);\r\n    }\r\n\r\n    \/* \u2500\u2500 Panel \/ Slider Init \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    _initActivePanels() {\r\n        this.card.querySelectorAll('.tab-panel.is-active')\r\n            .forEach(p => this._initPanel(p.id));\r\n    }\r\n\r\n    _initPanel(panelId) {\r\n        const panelEl = document.getElementById(panelId);\r\n        const track   = panelEl.querySelector('.slider-track');\r\n        const pages   = [...panelEl.querySelectorAll('.slider-page')];\r\n        const total   = pages.length;\r\n\r\n        \/* Dynamic width \u2014 works for any number of pages *\/\r\n        track.style.width = (total * 100) + '%';\r\n        pages.forEach(p => { p.style.width = (100 \/ total) + '%'; });\r\n\r\n        this.panels[panelId] = { current: 0, total, track, panelEl };\r\n\r\n        this._buildDots(panelId);\r\n        this._bindArrows(panelId);\r\n        this._bindSwipe(panelId);\r\n        this._render(panelId);\r\n    }\r\n\r\n    \/* \u2500\u2500 Dots \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    _buildDots(panelId) {\r\n        const { total, panelEl } = this.panels[panelId];\r\n        const container = panelEl.querySelector('.pagination-dots');\r\n        container.innerHTML = '';\r\n\r\n        \/* Single page \u2014 no dots needed *\/\r\n        if (total <= 1) { container.style.display = 'none'; return; }\r\n\r\n        for (let i = 0; i < total; i++) {\r\n            const dot = document.createElement('div');\r\n            dot.className = 'dot' + (i === 0 ? ' is-active' : '');\r\n            dot.setAttribute('role', 'button');\r\n            dot.setAttribute('tabindex', '0');\r\n            dot.setAttribute('aria-label', `Page ${i + 1} of ${total}`);\r\n            dot.addEventListener('click',   () => this.goTo(panelId, i));\r\n            dot.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') this.goTo(panelId, i);\r\n            });\r\n            container.appendChild(dot);\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500 Arrows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    _bindArrows(panelId) {\r\n        const { total, panelEl } = this.panels[panelId];\r\n        const prev = panelEl.querySelector('.prev-arrow');\r\n        const next = panelEl.querySelector('.next-arrow');\r\n\r\n        \/* Single page \u2014 hide both arrows permanently *\/\r\n        if (total <= 1) {\r\n            prev.classList.add('is-hidden');\r\n            next.classList.add('is-hidden');\r\n            return;\r\n        }\r\n\r\n        prev.addEventListener('click', () => this.move(panelId, -1));\r\n        next.addEventListener('click', () => this.move(panelId,  1));\r\n    }\r\n\r\n    \/* \u2500\u2500 Touch & Mouse Swipe \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    _bindSwipe(panelId) {\r\n        const { panelEl } = this.panels[panelId];\r\n        const wrapper = panelEl.querySelector('.slider-wrapper');\r\n        let startX = 0, active = false;\r\n        const THRESHOLD = 50;\r\n\r\n        const onStart = (x) => { startX = x; active = true; };\r\n        const onEnd   = (x) => {\r\n            if (!active) return;\r\n            const delta = startX - x;\r\n            if (Math.abs(delta) >= THRESHOLD) this.move(panelId, delta > 0 ? 1 : -1);\r\n            active = false;\r\n        };\r\n\r\n        wrapper.addEventListener('touchstart',  (e) => onStart(e.touches[0].clientX),        { passive: true });\r\n        wrapper.addEventListener('touchend',    (e) => onEnd(e.changedTouches[0].clientX),    { passive: true });\r\n        wrapper.addEventListener('mousedown',   (e) => onStart(e.clientX));\r\n        wrapper.addEventListener('mouseup',     (e) => onEnd(e.clientX));\r\n        wrapper.addEventListener('mouseleave',  () => { active = false; });\r\n    }\r\n\r\n    \/* \u2500\u2500 Render \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    _render(panelId) {\r\n        const { current, total, track, panelEl } = this.panels[panelId];\r\n\r\n        track.style.transform = `translateX(-${current * (100 \/ total)}%)`;\r\n\r\n        panelEl.querySelectorAll('.dot').forEach((d, i) =>\r\n            d.classList.toggle('is-active', i === current));\r\n\r\n        panelEl.querySelector('.prev-arrow')\r\n            .classList.toggle('is-hidden', current === 0);\r\n        panelEl.querySelector('.next-arrow')\r\n            .classList.toggle('is-hidden', current === total - 1);\r\n    }\r\n\r\n    \/* \u2500\u2500 Public API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    move(panelId, dir) {\r\n        const s = this.panels[panelId];\r\n        s.current = Math.max(0, Math.min(s.total - 1, s.current + dir));\r\n        this._render(panelId);\r\n    }\r\n\r\n    goTo(panelId, index) {\r\n        this.panels[panelId].current = index;\r\n        this._render(panelId);\r\n    }\r\n}\r\n\r\n\/* \u2500\u2500 Bootstrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    document.querySelectorAll('.category-card').forEach(el => new BrowseCard(el));\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3c7e61 e-con e-atomic-element e-flexbox-base \" data-id=\"b3c7e61\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b3c7e61\">\n    \t\t\t<h2 data-interaction-id=\"3a1b5e2\" class=\"e-3a1b5e2-acb703c e-heading-base\"><strong>Explore more on Bsk group<\/strong><\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-75f9b3a e-grid e-con-boxed e-con e-parent\" data-id=\"75f9b3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20b74d2 elementor-widget elementor-widget-html\" data-id=\"20b74d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/bskgroups.com\/new-projects\/\" target=\"_blank\" style=\"text-decoration: none; display: block; -webkit-tap-highlight-color: transparent;\">\r\n  <div style=\"background: #ffffff; padding: 24px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid #f0f2f5; display: flex; align-items: center; gap: 16px; cursor: pointer; min-height: 95px;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.08)'; this.style.borderColor='#e2e8f0';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f2f5';\">\r\n    \r\n    <div style=\"background: #eef7f2; width: 52px; height: 52px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M3 21H21\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M5 21V7C5 5.89543 5.89543 4 7 4H13C14.1046 4 15 5.89543 15 7V21\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M15 11H19C20.1046 11 21 11.8954 21 13V21\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M8 8H10\" stroke=\"#00A651\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M8 12H10\" stroke=\"#00A651\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M8 16H10\" stroke=\"#00A651\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M12 8H12.01\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M12 12H12.01\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M12 16H12.01\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; flex-direction: column; gap: 4px;\">\r\n      <h3 style=\"font-size: 16px; font-weight: 700; color: #1a202c; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.3px;\">New Projects<\/h3>\r\n      <p style=\"font-size: 12px; color: #718096; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.3;\">The best investment opportunities in Peshawar<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf34576 elementor-widget elementor-widget-html\" data-id=\"cf34576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/bskgroups.com\/live-inventory\/\" target=\"_blank\" style=\"text-decoration: none; display: block; -webkit-tap-highlight-color: transparent;\">\r\n  <div style=\"background: #ffffff; padding: 24px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid #f0f2f5; display: flex; align-items: center; gap: 16px; cursor: pointer; min-height: 95px; position: relative; overflow: hidden;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.08)'; this.style.borderColor='#e2e8f0';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f2f5';\">\r\n    \r\n    <div style=\"position: absolute; top: 12px; right: 12px; width: 8px; height: 8px; background: #ee4b2b; border-radius: 50%; box-shadow: 0 0 8px #ee4b2b;\">\r\n      <div style=\"position: absolute; width: 100%; height: 100%; background: #ee4b2b; border-radius: 50%; opacity: 0.6; animation: bsk-live-pulse 1.5s infinite;\"><\/div>\r\n    <\/div>\r\n\r\n    <div style=\"background: #eef2f7; width: 52px; height: 52px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M19 11V20C19 20.5523 18.5523 21 18 21H6C5.44772 21 5 20.5523 5 20V11M21 9L12 3L3 9\" stroke=\"#4a5568\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <circle cx=\"15.5\" cy=\"14.5\" r=\"3.5\" stroke=\"#00A651\" stroke-width=\"2\" fill=\"#ffffff\"\/>\r\n        <path d=\"M18 17L20 19\" stroke=\"#00A651\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M9 13H11\" stroke=\"#4a5568\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M9 16H11\" stroke=\"#4a5568\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; flex-direction: column; gap: 4px;\">\r\n      <h3 style=\"font-size: 16px; font-weight: 700; color: #1a202c; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.3px;\">Live Inventory<\/h3>\r\n      <p style=\"font-size: 12px; color: #718096; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.3;\">Verified plot listings & real-time rates<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/a>\r\n\r\n<style>\r\n@keyframes bsk-live-pulse {\r\n  0% { transform: scale(1); opacity: 0.6; }\r\n  50% { transform: scale(2.2); opacity: 0; }\r\n  100% { transform: scale(1); opacity: 0; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da7345f elementor-widget elementor-widget-html\" data-id=\"da7345f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/bskgroups.com\/trending-properties\/\" target=\"_blank\" style=\"text-decoration: none; display: block; -webkit-tap-highlight-color: transparent;\">\r\n  <div style=\"background: #ffffff; padding: 24px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid #f0f2f5; display: flex; align-items: center; gap: 16px; cursor: pointer; min-height: 95px;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.08)'; this.style.borderColor='#e2e8f0';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f2f5';\">\r\n    \r\n    <div style=\"background: #eef7f2; width: 52px; height: 52px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M3 20H21\" stroke=\"#4a5568\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M19 5L13 11L9 7L4 12\" stroke=\"#00A651\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M14 5H19V10\" stroke=\"#00A651\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <circle cx=\"19\" cy=\"5\" r=\"1.5\" fill=\"#00A651\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; flex-direction: column; gap: 4px;\">\r\n      <h3 style=\"font-size: 16px; font-weight: 700; color: #1a202c; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.3px;\">Property Trends<\/h3>\r\n      <p style=\"font-size: 12px; color: #718096; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.3;\">Find popular areas to buy property<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a94d6ce elementor-widget elementor-widget-html\" data-id=\"a94d6ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/bskgroups.com\/affiliate-home\/\" target=\"_blank\" style=\"text-decoration: none; display: block; -webkit-tap-highlight-color: transparent;\">\r\n  <div style=\"background: #ffffff; padding: 24px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid #f0f2f5; display: flex; align-items: center; gap: 16px; cursor: pointer; min-height: 95px;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.08)'; this.style.borderColor='#e2e8f0';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f2f5';\">\r\n    \r\n    <div style=\"background: #f0fdf4; width: 52px; height: 52px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C14.214 16.9217 1 17.9391 1 19V21\" stroke=\"#115c3a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"#115c3a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"#115c3a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45768C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"#115c3a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; flex-direction: column; gap: 4px;\">\r\n      <h3 style=\"font-size: 16px; font-weight: 700; color: #1a202c; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.3px;\">Affiliate Program<\/h3>\r\n      <p style=\"font-size: 12px; color: #115c3a; font-weight: 600; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.3;\">Earn for free and unlock massive property commissions<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a77e330 elementor-widget elementor-widget-html\" data-id=\"a77e330\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/care.bskgroups.com\" target=\"_blank\" style=\"text-decoration: none; display: block; -webkit-tap-highlight-color: transparent; width: 100%;\">\r\n  <div style=\"background: #ffffff; padding: 24px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); text-align: left; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid #f0f2f5; display: flex; align-items: center; gap: 16px; cursor: pointer; min-height: 95px; position: relative; box-sizing: border-box; width: 100%;\" onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.08)'; this.style.borderColor='#e2e8f0';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f2f5';\">\r\n    \r\n    <span style=\"position: absolute; top: 10px; right: 12px; background-color: #dc3545; color: #ffffff; font-size: 8px; font-weight: bold; padding: 2px 6px; border-radius: 4px; letter-spacing: 0.5px; font-family: 'Inter', system-ui, -apple-system, sans-serif; white-space: nowrap;\">COMPLIMENTARY<\/span>\r\n\r\n    <div style=\"background: #fff5f5; width: 52px; height: 52px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\" fill=\"#dc3545\" opacity=\"0.15\"\/>\r\n        <path d=\"M10.5 8.5H13.5M12 7V10M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\" stroke=\"#dc3545\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; flex-direction: column; gap: 4px; padding-top: 8px; flex-grow: 1; min-width: 0;\">\r\n      <h3 style=\"font-size: 16px; font-weight: 700; color: #1a202c; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">Senior Clients Care<\/h3>\r\n      <p style=\"font-size: 12px; color: #dc3545; font-weight: 600; margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.3; padding-right: 10px;\">Free Home Nursing Care for our valued senior clients...<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02bd799 elementor-widget elementor-widget-html\" data-id=\"02bd799\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/bskgroups.com\/live-bidding\/\" class=\"bsk-final-bidding-btn\" aria-label=\"Digital Live Bidding - \u0688\u06cc\u062c\u06cc\u0679\u0644 \u0644\u0627\u0626\u06cc\u0648 \u0628\u0648\u0644\u06cc\">\r\n    <div class=\"bsk-final-icon-box\">\r\n        <span class=\"bsk-final-pulse-dot\" aria-hidden=\"true\"><\/span>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"24\" height=\"24\" aria-hidden=\"true\">\r\n            <defs>\r\n                <linearGradient id=\"gavelGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                    <stop offset=\"0%\" stop-color=\"#22c55e\" \/>\r\n                    <stop offset=\"100%\" stop-color=\"#15803d\" \/>\r\n                <\/linearGradient>\r\n            <\/defs>\r\n            <path fill=\"url(#gavelGrad)\" d=\"M418.6 275.6L275.6 418.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3L245.4 102.4c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3zm-324.7 93c-6.2-6.2-16.4-6.2-22.6 0l-48 48c-6.2 6.2-6.2 16.4 0 22.6l16 16c6.2 6.2 16.4 6.2 22.6 0l48-48c6.2-6.2 6.2-16.4 0-22.6l-16-16zM11.3 495.3c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l48-48c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-48 48z\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n    <div class=\"bsk-final-text-box\">\r\n        <span class=\"bsk-final-en\">Digital Live Bidding<\/span>\r\n        <span class=\"bsk-final-ur\">\u0688\u06cc\u062c\u06cc\u0679\u0644 \u0644\u0627\u0626\u06cc\u0648 \u0628\u0648\u0644\u06cc<\/span>\r\n    <\/div>\r\n<\/a>\r\n\r\n<style>\r\n.bsk-final-bidding-btn {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 16px !important;\r\n    background: #ffffff !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    border-radius: 12px !important;\r\n    padding: 16px 20px !important;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    cursor: pointer !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.bsk-final-bidding-btn:hover {\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 10px 25px rgba(34, 197, 94, 0.12) !important;\r\n    border-color: #22c55e !important;\r\n}\r\n\r\n.bsk-final-icon-box {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background: #f0fdf4 !important;\r\n    width: 46px !important;\r\n    height: 46px !important;\r\n    border-radius: 10px !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n.bsk-final-text-box {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 3px !important;\r\n    text-align: left !important;\r\n}\r\n\r\n.bsk-final-en {\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    color: #0f172a !important;\r\n    font-family: system-ui, -apple-system, sans-serif !important;\r\n    letter-spacing: 0.3px !important;\r\n}\r\n\r\n.bsk-final-ur {\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    color: #16a34a !important;\r\n    font-family: 'Noto Nastaliq Urdu', 'Segoe UI', sans-serif !important;\r\n}\r\n\r\n.bsk-final-pulse-dot {\r\n    position: absolute !important;\r\n    top: -2px !important;\r\n    right: -2px !important;\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    background-color: #ef4444 !important;\r\n    border-radius: 50% !important;\r\n    border: 2px solid #ffffff !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.bsk-final-pulse-dot::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: -2px !important;\r\n    left: -2px !important;\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    background-color: #ef4444 !important;\r\n    border-radius: 50% !important;\r\n    animation: bskFinalPulse 2s infinite ease-in-out !important;\r\n    opacity: 0.75 !important;\r\n}\r\n\r\n@keyframes bskFinalPulse {\r\n    0% { transform: scale(1); opacity: 0.75; }\r\n    100% { transform: scale(3.2); opacity: 0; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba71491 e-con e-atomic-element e-flexbox-base \" data-id=\"ba71491\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ba71491\">\n    \t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"4b8f26e\"><\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f6bb79d e-con e-atomic-element e-flexbox-base e-247ab1d \" data-id=\"f6bb79d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f6bb79d\">\n    \t\t<div class=\"elementor-element elementor-element-2357d0e elementor-widget elementor-widget-html\" data-id=\"2357d0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"bsk-recent-wrap\" style=\"font-family:'Segoe UI',system-ui,sans-serif;width:100%;box-sizing:border-box;padding:10px 0;\">\r\n  <div id=\"bsk-rs-title\" style=\"display:none;font-size:18px;font-weight:700;color:#1a202c;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;\">\r\n    \ud83d\udd50 Recent Searches\r\n  <\/div>\r\n  <div id=\"bsk-rs-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;width:100%;\">\r\n    <div id=\"bsk-rs-empty\" style=\"grid-column:1\/-1;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:24px;text-align:center;color:#64748b;font-size:14px;\">\r\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin:0 auto 8px;display:block;opacity:0.6\">\r\n        <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n        <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n      <\/svg>\r\n      \u0622\u067e \u06a9\u06cc recent property searches \u06cc\u06c1\u0627\u06ba \u0646\u0638\u0631 \u0622\u0626\u06cc\u06ba \u06af\u06cc\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.bsk-rs-card {\r\n  background: #fff;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 12px;\r\n  padding: 16px;\r\n  cursor: pointer;\r\n  transition: all .25s ease;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,.04);\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n}\r\n.bsk-rs-card:hover {\r\n  border-color: #10b981;\r\n  box-shadow: 0 6px 20px rgba(16,185,129,.10);\r\n  transform: translateY(-2px);\r\n}\r\n.bsk-rs-top {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.bsk-rs-icon {\r\n  background: #f0fdf4;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.bsk-rs-keyword {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #10b981;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: 70%;\r\n}\r\n.bsk-rs-size {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: #4a5568;\r\n  padding-left: 42px;\r\n}\r\n.bsk-rs-bottom {\r\n  border-top: 1px solid #f1f5f9;\r\n  padding-top: 10px;\r\n  padding-left: 42px;\r\n  font-size: 12px;\r\n  color: #94a3b8;\r\n  line-height: 1.7;\r\n}\r\n.bsk-rs-bottom .loc {\r\n  color: #64748b;\r\n  font-weight: 600;\r\n}\r\n.bsk-rs-close {\r\n  margin-left: auto;\r\n  background: none;\r\n  border: none;\r\n  color: #cbd5e1;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  padding: 0 4px;\r\n  transition: color .2s;\r\n  flex-shrink: 0;\r\n}\r\n.bsk-rs-close:hover {\r\n  color: #ef4444;\r\n}\r\n@media(max-width:600px) {\r\n  #bsk-rs-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:420px) {\r\n  #bsk-rs-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const KEY = 'bsk_recent_final';\r\n  const MAX = 6;\r\n\r\n  function sanitize(str) {\r\n    if(!str) return '';\r\n    return str.replace(\/[&<>\"']\/g, function(m) {\r\n      return { '&':'&amp;', '<':'&lt;', '>':'&gt;', '\"':'&quot;', \"'\":'&#39;' }[m];\r\n    });\r\n  }\r\n\r\n  function fmt(n) {\r\n    const num = parseInt(n);\r\n    if(isNaN(num)) return n;\r\n    if(num >= 10000000) return (num\/10000000).toFixed(1) + ' Cr';\r\n    if(num >= 100000)   return (num\/100000).toFixed(0) + ' Lac';\r\n    return num.toLocaleString();\r\n  }\r\n\r\n  function getCategory(text) {\r\n    const t = text.toLowerCase();\r\n    if(t.includes('plot') || t.includes('\u067e\u0644\u0627\u0679')) return 'Plots for Sale';\r\n    if(t.includes('flat') || t.includes('apartment') || t.includes('\u0641\u0644\u06cc\u0679')) return 'Flats for Sale';\r\n    if(t.includes('house') || t.includes('home') || t.includes('ghar') || t.includes('\u06af\u06be\u0631')) return 'Houses for Sale';\r\n    if(t.includes('commercial')) return 'Commercial for Sale';\r\n    if(t.includes('rent') || t.includes('\u06a9\u0631\u0627\u06cc\u06c1')) return 'Properties for Rent';\r\n    return 'Properties for Sale';\r\n  }\r\n\r\n  function extractLocation(text) {\r\n    const t = text.toLowerCase();\r\n    const locations = [\r\n      'DHA', 'Hayatabad', 'Regi Model Town', 'University Town', \r\n      'Warsak Road', 'Bahria Town', 'Islamabad', 'Lahore', \r\n      'Karachi', 'Rawalpindi', 'Peshawar'\r\n    ];\r\n    for(let loc of locations) {\r\n      if(t.includes(loc.toLowerCase())) {\r\n        return loc;\r\n      }\r\n    }\r\n    return 'Pakistan';\r\n  }\r\n\r\n  function load() {\r\n    try {\r\n      return JSON.parse(localStorage.getItem(KEY)) || [];\r\n    } catch(e) {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  function save(data) {\r\n    try {\r\n      localStorage.setItem(KEY, JSON.stringify(data));\r\n    } catch(e) {}\r\n  }\r\n\r\n  function addEntry(kw, targetUrl, extraPrice) {\r\n    if(!kw || !kw.trim()) return;\r\n    kw = sanitize(kw.trim());\r\n    let url = '#';\r\n    try {\r\n      url = new URL(targetUrl || window.location.href).href;\r\n    } catch(e) {\r\n      url = window.location.href;\r\n    }\r\n\r\n    const entry = {\r\n      keyword: kw,\r\n      category: getCategory(kw),\r\n      location: extractLocation(kw),\r\n      price: extraPrice || 'Any price',\r\n      url: url,\r\n      time: Date.now()\r\n    };\r\n\r\n    let history = load();\r\n    history = history.filter(i => i.keyword.toLowerCase() !== kw.toLowerCase());\r\n    history.unshift(entry);\r\n    \r\n    if(history.length > MAX) {\r\n      history = history.slice(0, MAX);\r\n    }\r\n    save(history);\r\n  }\r\n\r\n  function captureFromURL() {\r\n    const p = new URLSearchParams(window.location.search);\r\n    const kw = p.get('s') || p.get('search') || p.get('location') || p.get('listing_location') || p.get('_category') || p.get('listing_category') || p.get('q') || '';\r\n    \r\n    if(!kw.trim()) return;\r\n\r\n    const minP = p.get('min_price') || p.get('price_min') || '';\r\n    const maxP = p.get('max_price') || p.get('price_max') || '';\r\n    let price = 'Any price';\r\n    \r\n    if(minP && maxP) {\r\n      price = `PKR ${fmt(minP)} \u2013 ${fmt(maxP)}`;\r\n    } else if(maxP) {\r\n      price = `Up to PKR ${fmt(maxP)}`;\r\n    } else if(minP) {\r\n      price = `From PKR ${fmt(minP)}`;\r\n    }\r\n\r\n    addEntry(decodeURIComponent(kw), window.location.href, price);\r\n  }\r\n\r\n  function captureFromForms() {\r\n    const forms = document.querySelectorAll('.hp-form--listing-search, .search-form, form[role=\"search\"]');\r\n    forms.forEach(form => {\r\n      form.addEventListener('submit', function() {\r\n        const input = form.querySelector('input[type=\"search\"],input[name=\"s\"],input[name=\"location\"],input[name=\"listing_location\"],input[name=\"q\"]');\r\n        if(!input || !input.value.trim()) return;\r\n        \r\n        const kw = input.value.trim();\r\n        const action = form.action || window.location.origin;\r\n        const fd = new FormData(form);\r\n        const params = new URLSearchParams();\r\n        \r\n        fd.forEach((v, k) => {\r\n          if(v && typeof v === 'string') {\r\n            params.set(k, v);\r\n          }\r\n        });\r\n        \r\n        const submitUrl = action + (action.includes('?') ? '&' : '?') + params.toString();\r\n        addEntry(kw, submitUrl, 'Any price');\r\n      });\r\n    });\r\n  }\r\n\r\n  function removeEntry(kw) {\r\n    save(load().filter(i => i.keyword.toLowerCase() !== kw.toLowerCase()));\r\n    render();\r\n  }\r\n\r\n  function render() {\r\n    const grid = document.getElementById('bsk-rs-grid');\r\n    const empty = document.getElementById('bsk-rs-empty');\r\n    const title = document.getElementById('bsk-rs-title');\r\n    if(!grid) return;\r\n\r\n    grid.querySelectorAll('.bsk-rs-card').forEach(el => el.remove());\r\n    const history = load();\r\n\r\n    if(!history.length) {\r\n      if(empty) empty.style.display = 'block';\r\n      if(title) title.style.display = 'none';\r\n      return;\r\n    }\r\n    if(empty) empty.style.display = 'none';\r\n    if(title) title.style.display = 'block';\r\n\r\n    history.forEach(item => {\r\n      const card = document.createElement('a');\r\n      card.className = 'bsk-rs-card';\r\n      card.href = item.url;\r\n      card.innerHTML = `\r\n        <div class=\"bsk-rs-top\">\r\n          <div class=\"bsk-rs-icon\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n              <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"bsk-rs-keyword\"><\/span>\r\n          <button class=\"bsk-rs-close\">\u2715<\/button>\r\n        <\/div>\r\n        <div class=\"bsk-rs-size\">All area sizes<\/div>\r\n        <div class=\"bsk-rs-bottom\">\r\n          <span class=\"loc\">\ud83d\udccd <\/span><br>\r\n          <span class=\"price\">\ud83d\udcb0 <\/span><br>\r\n          <span class=\"cat\" style=\"color:#10b981;font-weight:600;\">\u2022 <\/span>\r\n        <\/div>\r\n      `;\r\n\r\n      card.querySelector('.bsk-rs-keyword').textContent = item.keyword;\r\n      card.querySelector('.loc').appendChild(document.createTextNode(item.location));\r\n      card.querySelector('.price').appendChild(document.createTextNode(item.price));\r\n      card.querySelector('.cat').appendChild(document.createTextNode(item.category));\r\n\r\n      const closeBtn = card.querySelector('.bsk-rs-close');\r\n      closeBtn.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        removeEntry(item.keyword);\r\n      });\r\n\r\n      grid.appendChild(card);\r\n    });\r\n  }\r\n\r\n  captureFromURL();\r\n  if(document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      captureFromForms();\r\n      render();\r\n    });\r\n  } else {\r\n    captureFromForms();\r\n    render();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-900d825 e-con e-atomic-element e-flexbox-base e-b58ff77 \" data-id=\"900d825\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"900d825\">\n    \t\t<div class=\"elementor-element elementor-element-1b53691 elementor-widget elementor-widget-html\" data-id=\"1b53691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"bsk-vp-wrap\">\r\n  <div id=\"bsk-vp-title\">\ud83d\udd25 Viewed Properties<\/div>\r\n  <div id=\"bsk-vp-grid\">\r\n    <div id=\"bsk-vp-empty\" style=\"display: none;\">\r\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n        <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n        <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n      <\/svg>\r\n      <span>\u0622\u067e \u06a9\u06cc \u062d\u0627\u0644\u06cc\u06c1 \u062f\u06cc\u06a9\u06be\u06cc \u06af\u0626\u06cc \u067e\u0631\u0627\u067e\u0631\u0679\u06cc\u0632 \u06cc\u06c1\u0627\u06ba \u0646\u0638\u0631 \u0622\u0626\u06cc\u06ba \u06af\u06cc<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#bsk-vp-wrap {\r\n  width: 100%;\r\n  padding: 18px 0;\r\n  box-sizing: border-box;\r\n  font-family: 'Segoe UI', system-ui, sans-serif;\r\n}\r\n\r\n#bsk-vp-title {\r\n  display: none;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  color: #111827;\r\n  margin-bottom: 18px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 2px solid #e5e7eb;\r\n}\r\n\r\n#bsk-vp-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n#bsk-vp-empty {\r\n  grid-column: 1 \/ -1;\r\n  background: #f8fafc;\r\n  border: 1px dashed #cbd5e1;\r\n  border-radius: 14px;\r\n  padding: 28px;\r\n  text-align: center;\r\n  color: #64748b;\r\n  font-size: 14px;\r\n}\r\n\r\n#bsk-vp-empty svg {\r\n  display: block;\r\n  margin: 0 auto 10px;\r\n  opacity: .6;\r\n}\r\n\r\n\/* Premium Card Design *\/\r\n.bsk-vp-card {\r\n  position: relative;\r\n  background: #fff;\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1), border-color .25s ease, box-shadow .25s ease;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,.04);\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bsk-vp-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: #10b981;\r\n  box-shadow: 0 12px 28px rgba(16,185,129,.12);\r\n}\r\n\r\n.bsk-vp-image-wrap {\r\n  width: 100%;\r\n  height: 190px;\r\n  background: #f1f5f9;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.bsk-vp-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .5s ease;\r\n}\r\n\r\n.bsk-vp-card:hover .bsk-vp-image {\r\n  transform: scale(1.03); \/* \u0632\u0645\u06cc\u0646 \u0627\u0633\u0679\u0627\u0626\u0644 \u06a9\u0627\u0631\u0688 \u0632\u0648\u0645 \u0627\u06cc\u0641\u06cc\u06a9\u0679 *\/\r\n}\r\n\r\n\/* Remove Button *\/\r\n.bsk-vp-remove {\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  width: 28px;\r\n  height: 28px;\r\n  border: none;\r\n  border-radius: 50%;\r\n  background: rgba(0,0,0,.55);\r\n  color: #fff;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  font-size: 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background .2s ease;\r\n}\r\n\r\n.bsk-vp-remove:hover {\r\n  background: #ef4444;\r\n}\r\n\r\n\/* Content Area *\/\r\n.bsk-vp-content {\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  flex-grow: 1;\r\n}\r\n\r\n.bsk-vp-price {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #10b981;\r\n}\r\n\r\n.bsk-vp-name {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #111827;\r\n  line-height: 1.4;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  height: 42px; \/* \u0641\u06a9\u0633\u0688 \u06c1\u0627\u0626\u0679 \u062a\u0627\u06a9\u06c1 \u062a\u0645\u0627\u0645 \u06a9\u0627\u0631\u0688\u0632 \u06a9\u06cc \u0627\u0644\u0627\u0626\u0646\u0645\u0646\u0679 \u0628\u0631\u0627\u0628\u0631 \u0631\u06c1\u06d2 *\/\r\n}\r\n\r\n.bsk-vp-location {\r\n  font-size: 13px;\r\n  color: #6b7280;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  margin-top: auto; \/* \u0644\u0648\u06a9\u06cc\u0634\u0646 \u06c1\u0645\u06cc\u0634\u06c1 \u06a9\u0627\u0631\u0688 \u06a9\u06d2 \u0628\u0627\u0679\u0645 \u067e\u0631 \u0631\u06c1\u06d2 \u06af\u06cc *\/\r\n}\r\n\r\n\/* Responsive Grid Breakpoints *\/\r\n@media(max-width:768px) {\r\n  #bsk-vp-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n  .bsk-vp-image-wrap { height: 140px; }\r\n  .bsk-vp-name { height: 38px; font-size: 14px; }\r\n}\r\n\r\n@media(max-width:480px) {\r\n  #bsk-vp-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  const STORAGE_KEY = \"bsk_viewed_properties_pro\";\r\n  const MAX_ITEMS   = 6;\r\n  const PLACEHOLDER_IMAGE = \"https:\/\/bskgroups.com\/wp-content\/uploads\/no-image.jpg\";\r\n\r\n  function sanitize(str) {\r\n    if(!str) return \"\";\r\n    return str.replace(\/[&<>\"']\/g, function(m) {\r\n      return {  \"&\":\"&amp;\", \"<\":\"&lt;\", \">\":\"&gt;\", '\"':\"&quot;\", \"'\":\"&#39;\" }[m];\r\n    });\r\n  }\r\n\r\n  function loadData() {\r\n    try {\r\n      return JSON.parse(localStorage.getItem(STORAGE_KEY)) || [];\r\n    } catch(e) {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  function saveData(data) {\r\n    try {\r\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\r\n    } catch(e) {}\r\n  }\r\n\r\n  \/\/ \u2500\u2500 PROPERTY CAPTURE \u2500\u2500\r\n  function captureProperty() {\r\n    const isListingPage = document.body.classList.contains(\"single-hp_listing\") || document.querySelector(\".hp-listing--view-page\");\r\n    if(!isListingPage) return;\r\n\r\n    try {\r\n      const titleEl = document.querySelector(\".hp-listing__title\") || document.querySelector(\"h1\");\r\n      if(!titleEl) return;\r\n\r\n      const priceEl = document.querySelector(\".hp-listing__attribute--price\") || document.querySelector(\".hp-listing__price\");\r\n      const imgEl = document.querySelector(\".hp-listing__images img\") || document.querySelector(\".hp-listing__image img\") || document.querySelector(\".slick-active img\");\r\n      const locationEl = document.querySelector(\".hp-listing__attribute--location\") || document.querySelector(\".hp-listing__location\");\r\n\r\n      const propertyId = window.location.origin + window.location.pathname;\r\n\r\n      const property = {\r\n        id: propertyId,\r\n        title: sanitize(titleEl.textContent.trim()),\r\n        price: priceEl ? sanitize(priceEl.textContent.trim()) : \"Contact For Price\",\r\n        image: imgEl && imgEl.src ? imgEl.src : PLACEHOLDER_IMAGE,\r\n        location: locationEl ? sanitize(locationEl.textContent.trim()) : \"Peshawar, Pakistan\",\r\n        url: window.location.href,\r\n        time: Date.now()\r\n      };\r\n\r\n      let history = loadData();\r\n      history = history.filter(item => item.id !== property.id);\r\n      history.unshift(property);\r\n\r\n      if(history.length > MAX_ITEMS) {\r\n        history = history.slice(0, MAX_ITEMS);\r\n      }\r\n\r\n      saveData(history);\r\n    } catch(err) {\r\n      console.warn(\"BSK Viewed Properties Capture Error:\", err);\r\n    }\r\n  }\r\n\r\n  \/\/ \u2500\u2500 REMOVE PROPERTY \u2500\u2500\r\n  function removeProperty(id) {\r\n    let history = loadData();\r\n    history = history.filter(item => item.id !== id);\r\n    saveData(history);\r\n    renderProperties();\r\n  }\r\n\r\n  \/\/ \u2500\u2500 RENDERING ENGINE \u2500\u2500\r\n  function renderProperties() {\r\n    const grid = document.getElementById(\"bsk-vp-grid\");\r\n    const empty = document.getElementById(\"bsk-vp-empty\");\r\n    const title = document.getElementById(\"bsk-vp-title\");\r\n    if(!grid) return;\r\n\r\n    grid.querySelectorAll(\".bsk-vp-card\").forEach(card => card.remove());\r\n    const history = loadData();\r\n\r\n    if(!history.length) {\r\n      if(empty) empty.style.display = \"block\";\r\n      if(title) title.style.display = \"none\";\r\n      return;\r\n    }\r\n\r\n    if(empty) empty.style.display = \"none\";\r\n    if(title) title.style.display = \"block\";\r\n\r\n    history.forEach(function(item) {\r\n      const card = document.createElement(\"a\");\r\n      card.className = \"bsk-vp-card\";\r\n      card.href = item.url;\r\n      card.innerHTML = `\r\n        <div class=\"bsk-vp-image-wrap\">\r\n          <button class=\"bsk-vp-remove\" title=\"Remove\">\u2715<\/button>\r\n          <img class=\"bsk-vp-image\" loading=\"lazy\" alt=\"Property Image\">\r\n        <\/div>\r\n        <div class=\"bsk-vp-content\">\r\n          <div class=\"bsk-vp-price\"><\/div>\r\n          <div class=\"bsk-vp-name\"><\/div>\r\n          <div class=\"bsk-vp-location\">\ud83d\udccd <span><\/span><\/div>\r\n        <\/div>\r\n      `;\r\n\r\n      const image = card.querySelector(\".bsk-vp-image\");\r\n      image.src = item.image;\r\n      image.onerror = function() {\r\n        this.src = PLACEHOLDER_IMAGE;\r\n      };\r\n\r\n      card.querySelector(\".bsk-vp-price\").textContent = item.price;\r\n      card.querySelector(\".bsk-vp-name\").textContent = item.title;\r\n      card.querySelector(\".bsk-vp-location span\").textContent = item.location;\r\n\r\n      const removeBtn = card.querySelector(\".bsk-vp-remove\");\r\n      removeBtn.addEventListener(\"click\", function(e) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        removeProperty(item.id);\r\n      });\r\n\r\n      grid.appendChild(card);\r\n    });\r\n  }\r\n\r\n  \/\/ Execution Flow\r\n  captureProperty();\r\n  if(document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", renderProperties);\r\n  } else {\r\n    renderProperties();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All CategoriesHomesNew ProjectsPlotsCommercialRequirementPurposeForSaleRentBiddingBIDDINGNOYESCityAny CityAbbottabadAbdul HakimAhmedpur EastAli MasjidAlipurAstoreBannuCharsaddaIslamabadJhelumKarachiLahoreLakki MarwatLandi KotalMardanNowsheraPeshawarQuettaRawalpindiPriceSearch Browse Properties Browse Properties &#8211; Homes Homes Popular Type Area Size 5 Marla Houses 10 Marla Houses 3 Marla Houses New Houses Low Price All Homes Small Houses On Instalments Houses 1 Bedroom Flats 2 Bedroom Flats 3 Bedroom Flats On Instalments Flats Houses Category Flats [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-1036","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home | bskgroups.com<\/title>\n<meta name=\"description\" content=\"Explore Home at BSK Groups. Trusted real estate services, verified property listings and professional property solutions in Pakistan.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bskgroups.com\/ur\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pakistan Peshawar Property Real estate Sell Buy &amp; Rent\" \/>\n<meta property=\"og:description\" content=\"Pakistan Peshawar Property Real estate Sell Buy &amp; Rent in hayatabad ,regi model town,dha and all town\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bskgroups.com\/ur\/\" \/>\n<meta property=\"og:site_name\" content=\"bskgroups.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1H3N31xKg9\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T06:57:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bskgroups.com\/wp-content\/uploads\/2025\/02\/aaa-1.png?v=1784005761\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u0645\u0646\u0679\u0633\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bskgroups.com\\\/\",\"url\":\"https:\\\/\\\/bskgroups.com\\\/\",\"name\":\"Home | bskgroups.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bskgroups.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633\",\"datePublished\":\"2025-01-12T11:42:48+00:00\",\"dateModified\":\"2026-07-16T06:57:02+00:00\",\"description\":\"Explore Home at BSK Groups. Trusted real estate services, verified property listings and professional property solutions in Pakistan.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#breadcrumb\"},\"inLanguage\":\"ur\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bskgroups.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ur\",\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bskgroups.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633\",\"contentUrl\":\"https:\\\/\\\/bskgroups.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bskgroups.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#website\",\"url\":\"https:\\\/\\\/bskgroups.com\\\/\",\"name\":\"BSK groups\",\"description\":\"Bharosa Sab Ka\",\"publisher\":{\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#organization\"},\"alternateName\":\"BSK\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bskgroups.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ur\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#organization\",\"name\":\"BSK groups\",\"alternateName\":\"BSK group\",\"url\":\"https:\\\/\\\/bskgroups.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ur\",\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bskgroups.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/aaa-removebg-preview-1.png\",\"contentUrl\":\"https:\\\/\\\/bskgroups.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/aaa-removebg-preview-1.png\",\"width\":539,\"height\":372,\"caption\":\"BSK groups\"},\"image\":{\"@id\":\"https:\\\/\\\/bskgroups.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/share\\\/1H3N31xKg9\\\/\",\"https:\\\/\\\/youtube.com\\\/@bskmarketinggroup?si=Q1fs08pVc69tk2jX\",\"https:\\\/\\\/vt.tiktok.com\\\/ZSXMvNe8p\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home | bskgroups.com","description":"Explore Home at BSK Groups. Trusted real estate services, verified property listings and professional property solutions in Pakistan.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bskgroups.com\/ur\/","og_locale":"en_US","og_type":"article","og_title":"Pakistan Peshawar Property Real estate Sell Buy & Rent","og_description":"Pakistan Peshawar Property Real estate Sell Buy & Rent in hayatabad ,regi model town,dha and all town","og_url":"https:\/\/bskgroups.com\/ur\/","og_site_name":"bskgroups.com","article_publisher":"https:\/\/www.facebook.com\/share\/1H3N31xKg9\/","article_modified_time":"2026-07-16T06:57:02+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/bskgroups.com\/wp-content\/uploads\/2025\/02\/aaa-1.png?v=1784005761","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 \u0645\u0646\u0679\u0633"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bskgroups.com\/","url":"https:\/\/bskgroups.com\/","name":"Home | bskgroups.com","isPartOf":{"@id":"https:\/\/bskgroups.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bskgroups.com\/#primaryimage"},"image":{"@id":"https:\/\/bskgroups.com\/#primaryimage"},"thumbnailUrl":"https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633","datePublished":"2025-01-12T11:42:48+00:00","dateModified":"2026-07-16T06:57:02+00:00","description":"Explore Home at BSK Groups. Trusted real estate services, verified property listings and professional property solutions in Pakistan.","breadcrumb":{"@id":"https:\/\/bskgroups.com\/#breadcrumb"},"inLanguage":"ur","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bskgroups.com\/"]}]},{"@type":"ImageObject","inLanguage":"ur","@id":"https:\/\/bskgroups.com\/#primaryimage","url":"https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633","contentUrl":"https:\/\/bskgroups.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-03_32_53-AM.png?v=1781274633"},{"@type":"BreadcrumbList","@id":"https:\/\/bskgroups.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bskgroups.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/bskgroups.com\/#website","url":"https:\/\/bskgroups.com\/","name":"BSK groups","description":"Bharosa Sab Ka","publisher":{"@id":"https:\/\/bskgroups.com\/#organization"},"alternateName":"BSK","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bskgroups.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ur"},{"@type":"Organization","@id":"https:\/\/bskgroups.com\/#organization","name":"BSK groups","alternateName":"BSK group","url":"https:\/\/bskgroups.com\/","logo":{"@type":"ImageObject","inLanguage":"ur","@id":"https:\/\/bskgroups.com\/#\/schema\/logo\/image\/","url":"https:\/\/bskgroups.com\/wp-content\/uploads\/2025\/06\/aaa-removebg-preview-1.png","contentUrl":"https:\/\/bskgroups.com\/wp-content\/uploads\/2025\/06\/aaa-removebg-preview-1.png","width":539,"height":372,"caption":"BSK groups"},"image":{"@id":"https:\/\/bskgroups.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/1H3N31xKg9\/","https:\/\/youtube.com\/@bskmarketinggroup?si=Q1fs08pVc69tk2jX","https:\/\/vt.tiktok.com\/ZSXMvNe8p\/"]}]}},"_links":{"self":[{"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/pages\/1036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/comments?post=1036"}],"version-history":[{"count":298,"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/pages\/1036\/revisions"}],"predecessor-version":[{"id":1037601,"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/pages\/1036\/revisions\/1037601"}],"wp:attachment":[{"href":"https:\/\/bskgroups.com\/ur\/wp-json\/wp\/v2\/media?parent=1036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}