PageSourceSearch

https://spsetia.com/

html spsetia.com collected 2026-10-01 11:54:52 UTC 373,322 bytes, 9,574 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en-US" prefix="og: https://ogp.me/ns#">
6
7<head>
8  <meta charset="UTF-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10  <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
12  
13<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
14<title>Home - S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects | S P Setia</title>
15<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
16<link rel="canonical" href="https://spsetia.com/" />
17<meta property="og:locale" content="en_US" />
18<meta property="og:type" content="website" />
19<meta property="og:title" content="Home - S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects | S P Setia" />
20<meta property="og:url" content="https://spsetia.com/" />
21<meta property="og:site_name" content="S P Setia" />
22<meta property="og:updated_time" content="2026-10-01T17:36:55+08:00" />
23<meta property="article:published_time" content="2026-03-09T21:30:57+08:00" />
24<meta property="article:modified_time" content="2026-10-01T17:36:55+08:00" />
25<meta name="twitter:card" content="summary_large_image" />
26<meta name="twitter:title" content="Home - S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects | S P Setia" />
27<meta name="twitter:label1" content="Written by" />
28<meta name="twitter:data1" content="Spsetiadev" />
29<meta name="twitter:label2" content="Time to read" />
30<meta name="twitter:data2" content="Less than a minute" />
31<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://spsetia.com/#organization","name":"S P Setia","logo":{"@type":"ImageObject","@id":"https://spsetia.com/#logo","url":"https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/cropped-setia-logo-150x150.png","contentUrl":"https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/cropped-setia-logo-150x150.png","caption":"S P Setia","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://spsetia.com/#website","url":"https://spsetia.com","name":"S P Setia","publisher":{"@id":"https://spsetia.com/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://spsetia.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://spsetia.com/#webpage","url":"https://spsetia.com/","name":"Home - S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects | S P Setia","datePublished":"2026-03-09T21:30:57+08:00","dateModified":"2026-10-01T17:36:55+08:00","about":{"@id":"https://spsetia.com/#organization"},"isPartOf":{"@id":"https://spsetia.com/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://spsetia.com/#author","name":"Spsetiadev","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/88d2073d8404359cb955639ff49be26dc40cd2b6534785ee5f9c1113941171ae?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/88d2073d8404359cb955639ff49be26dc40cd2b6534785ee5f9c1113941171ae?s=96&amp;d=mm&amp;r=g","caption":"Spsetiadev","inLanguage":"en-US"},"worksFor":{"@id":"https://spsetia.com/#organization"}},{"@type":"Article","headline":"Home - S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects | S P Setia","datePublished":"2026-03-09T21:30:57+08:00","dateModified":"2026-10-01T17:36:55+08:00","author":{"@id":"https://spsetia.com/#author","name":"Spsetiadev"},"publisher":{"@id":"https://spsetia.com/#organization"},"name":"Home - S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects | S P Setia","@id":"https://spsetia.com/#richSnippet","isPartOf":{"@id":"https://spsetia.com/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://spsetia.com/#webpage"}}]}</script>
31
32<!-- /Rank Math WordPress SEO plugin -->
33
34<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
35<link rel='dns-prefetch' href='//unpkg.com' />
36<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
37
38<link rel='dns-prefetch' href='//www.googletagmanager.com' />
39<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://spsetia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspsetia.com%2F" />
40<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://spsetia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspsetia.com%2F&#038;format=xml" />
41<style id="wp-img-auto-sizes-contain-inline-css">
42img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
43/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
44</style>
45<style id="wp-emoji-styles-inline-css">
46
47	img.wp-smiley, img.emoji {
48		display: inline !important;
49		border: none !important;
50		box-shadow: none !important;
51		height: 1em !important;
52		width: 1em !important;
53		margin: 0 0.07em !important;
54		vertical-align: -0.1em !important;
55		background: none !important;
56		padding: 0 !important;
57	}
58/*# sourceURL=wp-emoji-styles-inline-css */
59</style>
60<link rel='stylesheet' id='wp-block-library-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-includes/css/dist/block-library/style.min.css?ver=4474e7d5ddfebd4fc0140c0be571a90c' media='all' />
61<style id="classic-theme-styles-inline-css">
62/*! This file is auto-generated */
63.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
64/*# sourceURL=//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-includes/css/classic-themes.min.css */
65</style>
66<style id="filebird-block-filebird-gallery-style-inline-css">
67ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);-moz-column-width:var(--min-width);columns:var(--min-width) var(--columns);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit}.fb-block-hover-animation-zoomIn figure{overflow:hidden}.fb-block-hover-animation-zoomIn figure img{transform:scale(1);transition:.3s ease-in-out}.fb-block-hover-animation-zoomIn figure:hover img{transform:scale(1.3)}.fb-block-hover-animation-shine figure{overflow:hidden;position:relative}.fb-block-hover-animation-shine figure:before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));content:"";display:block;height:100%;left:-75%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:2}.fb-block-hover-animation-shine figure:hover:before{animation:shine .75s}@keyframes shine{to{left:125%}}.fb-block-hover-animation-opacity figure{overflow:hidden}.fb-block-hover-animation-opacity figure img{opacity:1;transition:.3s ease-in-out}.fb-block-hover-animation-opacity figure:hover img{opacity:.5}.fb-block-hover-animation-grayscale figure img{filter:grayscale(100%);transition:.3s ease-in-out}.fb-block-hover-animation-grayscale figure:hover img{filter:grayscale(0)}
68
69/*# sourceURL=https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/filebird-pro/blocks/filebird-gallery/build/style-index.css */
70</style>
71<style id="global-styles-inline-css">
72:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
720) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
72.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
73:root :where(.wp-block-icon svg){width: 24px;}
74:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
75:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
76:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
77:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
78/*# sourceURL=global-styles-inline-css */
79</style>
80<link rel='stylesheet' id='powertip-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/devvn-image-hotspot/frontend/css/jquery.powertip.min.css?ver=1.2.0' media='all' />
81<link rel='stylesheet' id='maps-points-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/devvn-image-hotspot/frontend/css/maps_points.css?ver=1.3.0' media='all' />
82<link rel='stylesheet' id='trp-language-switcher-style-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/translatepress-multilingual/assets/css/trp-language-switcher.css?ver=3.1.1' media='all' />
83<link rel='stylesheet' id='font-awesome-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=4.7.0' media='all' />
84<link rel='stylesheet' id='my-theme-style-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/style.css?ver=4474e7d5ddfebd4fc0140c0be571a90c' media='all' />
85<style id="custom-whatsapp-style-inline-css">
86
87        @media (min-width: 300px) {
88            .whatsapp_button {
89                top: 320px !important;
90                width: 120px;
91            }
92        }
93        @media (min-width: 768px) {
94            .whatsapp_button {
95                top: 365px !important;
96                width: 120px;
97            }
98        }
99        @media (min-width: 800px) {
100            .whatsapp_button {
101                top: 470px !important;
102                width: 120px;
103            }
104        }
105        .whatsapp_button {
106            top: 480px !important;
107            width: 200px !important;
108        }
109    
110/*# sourceURL=custom-whatsapp-style-inline-css */
111</style>
112<link rel="stylesheet" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/cache/fonts/1/google-fonts/css/1/5/3/379058742423b1465fad525547eda.css" data-wpr-hosted-gf-parameters="family=Poppins&display=swap&ver=4474e7d5ddfebd4fc0140c0be571a90c"/>
113<link rel='stylesheet' id='gfadvtools_reports-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/gf-tools/includes/css/reports.css?ver=1790848739' media='all' />
114<link rel='stylesheet' id='gfadvtools_shortcodes-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/gf-tools/includes/css/shortcodes.css?ver=1790848739' media='all' />
115<link rel='stylesheet' id='gfadvtools_form_display-css' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/gf-tools/includes/css/form-display.css?ver=1790848739' media='all' />
116<script data-cfasync="false" data-cookieconsent="ignore" data-nowprocket="" id="gtmkit-js-before">
117		window.gtmkit_settings = {"datalayer_name":"dataLayer","console_log":false};
118		window.gtmkit_data = {};
119		window.dataLayer = window.dataLayer || [];
120				
121//# sourceURL=gtmkit-js-before
122</script>
vendor: 1 bytes, line 122
122
123<script id="jquery-js" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
vendor: 1 bytes, line 123
123
124<script data-cfasync="false" data-cookieconsent="ignore" data-nowprocket="" id="gtmkit-container-js-after">
125/* Google Tag Manager */
vendor: 328 bytes, lines 125-130
125
126(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
127new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
128j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
129'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
130})(window,document,'script','dataLayer','
130GTM-PGQ5GLW
vendor: 4 bytes, line 130
130');
131/* End Google Tag Manager */
132
133//# sourceURL=gtmkit-container-js-after
134</script>
vendor: 1 bytes, line 134
134
135<script data-cfasync="false" data-cookieconsent="ignore" data-nowprocket="" id="gtmkit-datalayer-js-before">
136const gtmkit_dataLayer_content = [];
137dataLayer.push( gtmkit_dataLayer_content );
138
139//# sourceURL=gtmkit-datalayer-js-before
140</script>
vendor: 1 bytes, line 140
140
141<script id="aos-js-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/aos.js?ver=4474e7d5ddfebd4fc0140c0be571a90c"></script>
vendor: 1 bytes, line 141
141
142<script id="glightbox-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/glightbox.js?ver=4474e7d5ddfebd4fc0140c0be571a90c"></script>
vendor: 1 bytes, line 142
142
143<script id="my-costom-script-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/main.js?ver=4474e7d5ddfebd4fc0140c0be571a90c"></script>
143
144<link rel="https://api.w.org/" href="https://spsetia.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://spsetia.com/wp-json/wp/v2/pages/39612" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://spsetia.com/xmlrpc.php?rsd" />
145
146<link rel='shortlink' href='https://spsetia.com/' />
147
148		<!-- GA Google Analytics @ https://m0n.co/ga -->
vendor: 66 bytes, lines 148-149
148
149		<script async src="https://www.googletagmanager.com/gtag/js?id=
149G-LQ63LZF24S
vendor: 14 bytes, lines 149-150
149"></script>
150		
150<script>
151			
vendor: 136 bytes, lines 151-154
151window.dataLayer = window.dataLayer || [];
152			function gtag(){dataLayer.push(arguments);}
153			gtag('js', new Date());
154			gtag('config', '
154G-LQ63LZF24S
vendor: 6 bytes, lines 154-155
154');
155		
155</script>
155
156
157	<!-- HFCM by 99 Robots - Snippet # 3: socket -->
158<script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
158
159
160
161
162<!-- /end HFCM by 99 Robots -->
163<link rel="alternate" hreflang="en-US" href="https://spsetia.com/"/>
164<link rel="alternate" hreflang="zh-CN" href="https://spsetia.com/zh/"/>
165<link rel="alternate" hreflang="en" href="https://spsetia.com/"/>
166<link rel="alternate" hreflang="zh" href="https://spsetia.com/zh/"/>
167    
167<script type="text/javascript">
168        var ajaxurl = "https://spsetia.com/wp-admin/admin-ajax.php";
169    </script>
169
170    <meta name="generator" content="Elementor 3.35.6; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
171			<style>
172				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
173				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
174					background-image: none !important;
175				}
176				@media screen and (max-height: 1024px) {
177					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
178					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
179						background-image: none !important;
180					}
181				}
182				@media screen and (max-height: 640px) {
183					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
184					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
185						background-image: none !important;
186					}
187				}
188			</style>
189			<meta name="redi-version" content="1.2.9" /><link rel="icon" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/cropped-favicon-32x32.png" sizes="32x32" />
190<link rel="icon" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/cropped-favicon-192x192.png" sizes="192x192" />
191<link rel="apple-touch-icon" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/cropped-favicon-180x180.png" />
192<meta name="msapplication-TileImage" content="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/cropped-favicon-270x270.png" />
193<style id="wp-custom-css">
194.theme.light-- .image-carousel__next-arrow,
195.theme.light-- .image-carousel__prev-arrow {
196    background-image: url(//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/arrow-light.svg) !important;
197}
198.footer-app-icons{margin:-7px;}
199
200
201.page-id-2569 .more-column-stacked span:before {
202	content: '';
203    display: inline-block;
204background-image: url(//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/main-btn-red-border-fill-1.svg) !important;
205}
206
207.apps-icon img {
208  width: 15% !important;
209}
210@media screen and (min-width: 1500px) {
211 body .investor-container .investor-card:nth-child(1) {
212    height: 385px !important;
213    width: 385px !important;
214  }
215}
216
217body .c-section.c-section--4.pb-unset-m.pb-unset-i .overlapped-theader.overlapped-theader-left h1 {
218    left: -100px;
219    /*top: -100px !important;*/
220}
221
222.accolades-nav .swiper-button-prev {
223  top: 90px !important;
224  bottom: unset !important;
225  left: unset !important;
226  right: 110px;
227  background-image: url("//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/main-btn-blue-border.svg") !important;
228}
229
230.spsetia-header .nav-logo img {
231       max-width: 240px !important;
232    width: 100%;
233    height: 100%;
234    white-space: nowrap;
235}
236
237@media (max-width: 767px) {
238	.spsetia-header .nav-logo img {
239       max-width: 155px !important;
240}
241	nav.menu-vertical {
242    width: inherit !important;
243	}
244}
245
246/* General Form Styling */
247/* .custom-contact-form {
248  background: #fff;
249  padding: 30px;
250  border-radius: 10px;
251  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
252  max-width: 600px;
253  margin: 0 auto;
254  font-family: Arial, sans-serif;
255} */
256
257/* Label Styling */
258.custom-contact-form label {
259  display: block;
260  margin-bottom: 10px;
261  color: #333;
262  font-size: 14px;
263  font-weight: 500;
264}
265
266.custom-button-next.swiper-button-disabled,
267.custom-button-prev.swiper-button-disabled,
268.custom-button-next2.swiper-button-disabled,
269.custom-button-prev2.swiper-button-disabled,
270.custom-button-next3.swiper-button-disabled,
271.custom-button-prev3.swiper-button-disabled,
272.custom-button-next4.swiper-button-disabled,
273.custom-button-prev4.swiper-button-disabled,
274.custom-button-next5.swiper-button-disabled,
275.custom-button-prev5.swiper-button-disabled,
276.custom-button-next6.swiper-button-disabled,
277.custom-button-prev6.swiper-button-disabled,
278.custom-button-next7.swiper-button-disabled,
279.custom-button-prev7.swiper-button-disabled,
280.custom-button-next8.swiper-button-disabled,
281.custom-button-prev8.swiper-button-disabled {
282  opacity: 0.35;
283  cursor: auto;
284  pointer-events: none;
285}
286
287/* Input Fields Styling */
288.custom-contact-form input[type="text"],
289.custom-contact-form input[type="email"],
290.custom-contact-form input[type="tel"],
291.custom-contact-form textarea,
292.custom-contact-form select {
293  width: 100%;
294  padding: 10px;
295  margin-top: 5px;
296  border: 1px solid #ddd;
297  border-radius: 5px;
298  font-size: 14px;
299  color: #333;
300  box-sizing: border-box;
301}
302
303/* Contact Number Wrapper (Country Code + Number) */
304.contact-number-wrapper {
305  display: flex;
306  gap: 10px;
307}
308
309.contact-number-wrapper select {
310  width: 80px;
311}
312
313.contact-number-wrapper input[type="tel"] {
314  flex: 1;
315}
316
317/* Textarea Styling */
318.custom-contact-form textarea {
319  height: 100px;
320  resize: none;
321}
322
323/* Dropdown Styling */
324.custom-contact-form .wpcf7-form-control-wrap {
325  position: relative;
326}
327
328.custom-contact-form select {
329  appearance: none;
330  padding-right: 30px;
331  background: none;
332}
333
334/* .custom-contact-form .wpcf7-form-control-wrap::after {
335  content: "\25BC"; 
336  position: absolute;
337  right: 10px;
338  top: 50%;
339  transform: translateY(-50%);
340  font-size: 10px;
341  color: #333;
342  pointer-events: none;
343}
344 */
345/* Checkbox Styling */
346.custom-contact-form .wpcf7-acceptance {
347  display: flex;
348  align-items: center;
349  gap: 10px;
350  font-size: 12px;
351  color: #666;
352}
353
354.custom-contact-form .wpcf7-acceptance a {
355  color: #007bff;
356  text-decoration: none;
357}
358
359.custom-contact-form .wpcf7-acceptance a:hover {
360  text-decoration: underline;
361}
362/* 
363/* reCAPTCHA Styling */ .custom-contact-form .wpcf7-recaptcha {
364  margin: 20px 0;
365}
366
367
368.custom-contact-form .wpcf7-submit {
369  background: #ff4d4d;
370  color: #fff;
371  border: none;
372  padding: 10px 30px;
373  border-radius: 25px;
374  font-size: 16px;
375  cursor: pointer;
376  display: flex;
377  align-items: center;
378  gap: 5px;
379  transition: background 0.3s;
380}
381
382.custom-contact-form .wpcf7-submit:hover {
383  background: #e04343;
384}
385
386.custom-contact-form .wpcf7-submit::after {
387  content: "\2192"; 
388  font-size: 16px;
389}
390
391/* Responsive Adjustments */
392@media (max-width: 600px) {
393  .custom-contact-form {
394    padding: 20px;
395  }
396
397  .contact-number-wrapper {
398    flex-direction: column;
399  }
400
401  .contact-number-wrapper select {
402    width: 100%;
403  }
404}
405
406/* Optional: Background Styling for the Page/Section */
407.page-section {
408  background: url('path-to-your-background-image.jpg') no-repeat center center;
409  background-size: cover;
410  position: relative;
411}
412
413.page-section::before {
414  content: "";
415  position: absolute;
416  top: 0;
417  left: 0;
418  width: 100%;
419  height: 100%;
420  background: rgba(0, 0, 0, 0.3);
421  backdrop-filter: blur(5px);
422}
423
424
425.page-id-1113 select {
426    opacity: 1;
427}
428
429.page-id-1113 .contact-number-wrapper p{
430display: flex
431;
432    justify-content: space-between;
433    width: 100%;
434}
435
436.page-id-1113 .country-code {
437	    width: 100%;
438    height: 40px;
439    font-size: 15px;
440    padding-left: 5px;
441    outline: none !important;
442    font-family: "Noto Sans, Light";
443    border-bottom: solid 2px !important;
444    border-width: 0 0 1px !important;
445    border-color: #00000029 !important;
446    box-shadow: inset 0 0 2px 2px rgba(247, 0, 0, 0) !important;
447    border-radius: unset !important;
448    color: var(--dark-blue-color);
449}
450
451
452.page-id-1113 [data-name="country-code"] {
453    width: 30%;
454	margin-right: 9px;
455}
456
457.page-id-1113 .custom-prefix-form-row {
458  display: flex;
459  gap: 10px; /* Adjust spacing */
460}
461
462.page-id-1113 .custom-prefix-form-col {
463  width: 50%;
464}
465
466.page-id-1113 .custom-prefix-project-entity-wrap select,
467.page-id-1113 .custom-prefix-department-wrap select {
468  	    width: 100%;
469    height: 40px;
470    font-size: 15px;
471    padding-left: 5px;
472    outline: none !important;
473    font-family: "Noto Sans, Light";
474    border-bottom: solid 2px !important;
475    border-width: 0 0 1px !important;
476    border-color: #00000029 !important;
477    box-shadow: inset 0 0 2px 2px rgba(247, 0, 0, 0) !important;
478    border-radius: unset !important;
479    color: var(--dark-blue-color);
480}
481.page-id-1113 .custom-prefix-query-type {
482		    width: 100%;
483    height: 40px;
484    font-size: 15px;
485    padding-left: 5px;
486    outline: none !important;
487    font-family: "Noto Sans, Light";
488    border-bottom: solid 2px !important;
489    border-width: 0 0 1px !important;
490    border-color: #00000029 !important;
491    box-shadow: inset 0 0 2px 2px rgba(247, 0, 0, 0) !important;
492    border-radius: unset !important;
493    color: var(--dark-blue-color);
494}
495
496.page-id-1113 .btn-label {
497    position: relative !important;
498    padding-right: 40px !important;
499}
500
501.page-id-1113 .btn-label::before {
502    content: "" !important;
503    background-image: url(//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/main-btn-red-border-fill.svg) !important;
504    width: 25px;
505    height: 24px;
506    position: absolute !important;
507    display: block;
508    background-size: contain;
509    background-repeat: no-repeat;
510    background-position: center;
511    right: 18px;
512    top: 50%; 
513    transform: translateY(-50%); 
514    transition: 0.3s ease-in-out;
515}
516
517
518
519
520
521
522
523
524
525
526
527
528.in-news-section {
529	margin-bottom: 150px;
530}
531
532
533@media (max-width: 1024px) {
534    .page-id-1191 .filter-wrapper-desktop {
535        display: flex !important;
536			    justify-content: center !important;
537    }
538	.page-id-1191 .filter-wrapper-desktop .dropdown-filter-wrapper .dropdown-filter-year p {
539display: none !important;
540}
541	
542		.page-id-1191 .filter-wrapper-desktop .dropdown-filter-wrapper .dropdown-filter-selected-year  {
543margin-top: 7px;
544}
545	
546	.page-id-1191 .filter-wrapper-desktop .dropdown-filter-wrapper .dropdown-filter-categories p {
547display: none !important;
548}
549	
550		.page-id-1191 .filter-wrapper-desktop .dropdown-filter-wrapper .dropdown-filter-selected-categories  {
551    margin-top: 7px;
552}
553/* 		.page-id-1191 .filter-wrapper-desktop .dropdown-filter-wrapper .dropdown-filter-year {
554  margin-bottom: 15px;
555} */
556/* 	.page-id-1191 .filter-wrapper-desktop  .search-details {
557		display: flex;
558    justify-content: center;
559    width: 100% !important;
560    margin-top: 15px;
561	} */
562	
563	
564	.dropdown-filter {
565	/*	min-width: 8em !important;
566		justify-content: start !important;*/
567	}
568	.in-news-section {
569	margin-bottom: 70px;
570}
571}
572
573.dropdown-filter-selected {
574   /* font-size: 0.7rem !important;*/
575}
576
577@media (max-width: 425px) {
578    .page-id-1191 .filter-wrapper-desktop {
579			    justify-content: start !important;
580	}
581}
582
583.page-id-1191 .in-news-title {
584	    z-index: 2;
585}
586.page-id-1191 .in-news-box::after {
587    background: transparent linear-gradient(180deg, #0000 0%, #0006 0%, #00000070 50%, #000 100%) 0% 0% 
587no-repeat padding-box !important;
588}
589
590.page-id-6 .launches-swiper-container {
591overflow: hidden !important;
592}
593
594@media screen and (min-width: 1500px) {
595	.page-id-294 .c-section  {
596		    max-width: 1920px !important;
597    margin: 0 auto;
598	}
599   .page-id-294 .leader-grid-1 {
600        width: 60% !important;
601        margin-top: 450px !important;
602    }
603}
604
605.page-id-294 .c-section--1 {
606    background-color: #aad3dc;
607    background-image: url('//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/about-bg.jpg') !important;
608  }
609
610.page-id-294 .leader-grid-1 {
611	margin-top: 400px !important;
612}
613
614
615/* Kishan 02-04-2025  */
616.page-template-sustainability .accordion-head h3{
617	position:unset !important;
618}
619/* End */
620/*
621.page-id-3570 .closetab::after ,
622.page-id-2677 .closetab::after ,
623.page-id-2569 .closetab::after , .page-id-2680 .closetab::after , .page-id-3 .closetab::after, .page-id-6139 .closetab::after{
624  background-image: url('//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/custom-accord-minus.svg')!important;
625}
626.page-id-3570 .opentab::after ,
627.page-id-2677 .opentab::after ,
628.page-id-2569 .opentab::after , .page-id-2680 .opentab::after , .page-id-3 .opentab::after, .page-id-6139 .closetab::after {
629  content: '';
630  background-image: url('//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/Revamped-Library/assets/icons/custom-accord-plus.svg') !important;
631}
632.page-id-3570 .accordion-head:hover .opentab::after  ,
633.page-id-2677 .accordion-head:hover .opentab::after  , 
634.page-id-2569 .accordion-head:hover .opentab::after  , .page-id-2680 .accordion-head:hover .opentab::after , .page-id-3 .accordion-head:hover .opentab::after, .page-id-6139 .accordion-head:hover .opentab::after {
635  background-image: url('//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/custom-accord-plus-blue.svg')!important;
636}
637*/
638
639body .custom-center-customNav-swiper {
640    top: 30px;
641}
642
643.page-id-2569 .more-column-stacked span:before {
644    content: '';
645    display: inline-block;
646    background-image: url(//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/main-btn-red-border-fill-1.svg) !important;
647    background-size: cover; 
648}
649
650.page-id-3 .opentab .closetab {
651Display:none;
652}
653
654.page-id-6139 .opentab .closetab {
655Display:none;
656}
657
658.page-id-3403 .moreless-text-wrapper {
659	margin-bottom: 70px;
660}
661
662.red-btn::before {
663    background-image: url(//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/main-btn-red-border.svg) !important;
664}
665
666.registration-form-costum-row {
667	display:flex !important;
668	    justify-content: space-between !important;
669	    margin: 60px 0;
670	width: 100%;
671}
672
673.registration-form-costum-row .form-elem {
674	width: 45%;
675}
676
677
678.registration-form-costum-row  .form-elem  label {
679	color: #959595;
680}
681
682.whatsapp_button .sidebar-ctas__link img {
683width: 250px !important;
684}
685.theme.dark-- .highlights.alt-bg-- .highlight__body {
686    background: url(//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/04/background-texture-scaled.jpg) center / cover no-repeat #171817;
687}
688
689/*  contact page css */
690.agreement-text {
691  display: inline-flex;
692  align-items: center;
693  white-space: nowrap; /* Prevents text from wrapping */
694}
695
696.agreement-text .wpcf7-list-item {
697  display: inline-block;
698  margin-right: 10px; /* Adjust spacing as needed */
699}
700
701.inline-label {
702  display: inline;
703  white-space: normal; /* Allows links to wrap naturally if needed */
704}
705
706.input-icon--white-boxed {
707  display: inline-block;
708  vertical-align: middle;
709  margin-right: 5px; /* Adjust spacing as needed */
710}
711
712.agreement-text input[type="checkbox"] {
713  display: inline-block;
714  vertical-align: middle;
715  margin: 0 5px 0 0; /* Adjust spacing */
716}
717#contact_form_div input,textare {
718	color : #083248 !important;
719}
720#contact_form_div select{
721	text-transform: capitalize;
722	width : 100%;
723	border-bottom: solid 2px !important;
724	border-width: 0 0 1px !important;
725	border-color: #00000029 !important;
726	height: 40px !important;
727	font-size: 15px;
728	padding-left: 5px;
729	outline: none !important;
730	font-family: "Noto Sans, Light";
731	box-shadow: inset 0 0 2px 2px rgba(247, 0, 0, 0);
732	border-radius: unset !important;
733	color: #083248 !important;
734}
735#flag-mobileno-field {
736	padding-left : 90px !important;
737}
738#contact_form_div input[type="submit"] {
739     width: max-content;
740    font-family: "Stone Sans, SemiBold";
741    font-size: 1.3rem;
742    color: var(--light-red-color);
743    position: relative;
744    text-transform: inherit;
745    display: inline-block;
746    box-shadow: rgba(0, 0, 0, 0.16) -3px 3px 6px;
747    background-color: unset !important;
748    border-width: initial;
749    border-style: none;
750    border-color: initial;
751    border-image: initial;
752    padding: 10px 50px 10px 20px;
753    border-radius: 30px;
754    overflow: visible;
755    transition: 0.3s ease-in-out;
756    outline: 0px !important;
757}
758.page-id-1113 .btn-label::before {
759	
760	right: 60px !important;
761display:none;
762}
763#contact_form_div .wpcf7-spinner { 
764	display : none;
765}
766
767#contact_form_div .intl-tel-input.separate-dial-code .selected-flag {
768    background-color: #ffffff !important;
769}
770
771#contact_form_div .intl-tel-input.separate-dial-code .selected-flag .selected-dial-code{
772	font-size: 15px;
773	outline: none !important;
774	font-family: "Noto Sans, Light";
775	border-radius: unset !important;
776	color: #083248 !important;	
777}
778
779/*# 08) Pagination #*/
780.pagination {
781  text-align: center;
782  margin: 30px 30px 60px;
783  user-select: none;
784}
785
786.pagination li {
787  display: inline-block;
788  margin: 5px;
789  /* box-shadow: 0 5px 25px rgb(1 1 1 / 10%); */
790  box-shadow: 0px 3px 6px #5959592c;
791  padding: 8px 0px;
792  cursor: pointer;
793}
794
795.pagination li a {
796  /* color: var(--dark-blue-color); */
797  text-decoration: none;
798  font-size: 1.1rem;
799}
800
801.previous-page, .next-page {
802  background-color: var(--pagination-color);
803  width: 80px;
804  cursor: pointer;
805  transition: .3s ease-in-out all;
806}
807
808.previous-page:hover {
809  transform: translateX(-5px);
810}
811
812.next-page:hover {
813  transform: translateX(5px);
814}
815
816.current-page, .dots {
817  background-color: var(--pagination-color);
818  width: 45px;
819}
820
821.current-page.active {
822  background-color: var(--royal-blue-color);
823}
824
825.current-page.active a {
826  color: var(--white-color);
827}
828
829.previous-page.disable,
830.next-page.disable {
831  background-color: var(--pagination-color);
832  opacity: 0.35;
833  cursor: auto;
834  pointer-events: none;
835}
836
837.previous-page a.page-link,
838.next-page a.page-link {
839  color: rgba(255, 0, 0, 0);
840  position: relative;
841}
842
843.previous-page a.page-link::before,
844.next-page a.page-link::before {
845  content: '';
846  position: absolute;
847  top: 2px;
848  left: 10px;
849  width: 20px;
850  height: 20px;
851  background-image: url('//spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/Revamped-Library/assets/icons/select-icon.svg');
852  background-position: center;
853  background-repeat: no-repeat;
854  background-size: contain;
855  transform: rotate(90deg);
856  /* mix-blend-mode: difference;
857  -webkit-filter: brightness(0) invert(1);
858  filter: brightness(0) invert(1); */
859}
860
861.next-page a.page-link::before {
862  transform: rotate(-90deg);
863}
864
865
866@media (max-width: 767px) {
867  .pagination {
868    margin: 30px 0 30px 0;
869  }
870  
871  .current-page,
872  .dots {
873    width: 26px;
874    height: 26px;
875  }
876  
877  .pagination li {
878    padding: 0 !important;
879  }
880  
881  .pagination li a {
882    font-size: 1rem;
883  }
884  
885  .previous-page,
886  .next-page {
887    width: 30px;
888  }
889  
890  .previous-page a.page-link::before,
891  .next-page a.page-link::before {
892    top: 7px;
893    left: 7px;
894    width: 12px;
895    height: 12px;
896  }
897  
898  .previous-page a.page-link,
899  .next-page a.page-link {
900    width: 26px;
901    height: 26px;
902    display: inline-block;
903  }
904  
905}
906
907@media (max-width: 450px) {
908.big-header-text p {
909	    line-height: 1.2rem!important;
910	}
911	.default-btn {
912    font-family: 'Stone Sans, SemiBold';
913    font-size: 1.2rem;
914    color: var(--white-color);
915    padding: 10px 50px 10px 20px;
916    position: relative;
917    text-transform: inherit;
918    border-radius: 30px;
919    outline: 0;
920    display: inline-block;
921    overflow: visible;
922    background-color: #fff;
923    box-shadow: -3px 3px 6px #00000029;
924    transition: 0.3s ease-in-out all;
925}
926}
927.gform_required_legend{display:none;}
928.no-margin-top{margin-top:15px!important}
929
930@media (min-width: 1025px) {
931.page-template-investments .center-customNav-swiper {
932	top: 30px !important;
933}
934}
935
936@media screen and (min-width: 768px) and (max-width: 1024px) {
937  .page-template-investments  .center-customNav-swiper {
938    top: 280px !important;
939  }
940}
941
942@media screen and (max-width: 1024px) and (min-width: 768px){
943  .page-template-investments  .swiper-button-next {
944    right: 0px !important;
945  }
946}
947
948.gf-turnstile-container{text-align:center;}
949</style>
950  <!-- Ensure this is included in the head -->
951  <link rel="stylesheet" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/aos0562.css?v=1741857642">
952  <link rel="stylesheet" href=" https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/normalize0562.css?v=1741857642">
953  <link rel="stylesheet" href=" https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/styleguide0562.css?v=1741857642">
954  <link rel="stylesheet" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/main0562.css?v=1741857642">
955  
956  
956<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
956
957  
957<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
957
958
959  
959<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
959
960  <!-- main styling -->
961  	
962  	
963		<!--
964	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
965  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
966	-->
967		
968		
969		
970	
970<script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'></script>
970
971		
972		
973		
974		
975		
976		
977  	
978  	
979  <!-- search popup styling -->
980  <link rel="stylesheet" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/popup-search0562.css?v=1741857642">
981
982  <!-- page styling -->
983  
984  
985  
986  <!-- font icon -->
987  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
988
989  <!-- swiper -->
990  <link rel="stylesheet" href="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/swiper.css">
991
992  <!-- owl carousel -->
993  <link rel='stylesheet' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/owl-carowsel.css'>
994
995  <!-- owl carousel -->
996  <link rel='stylesheet' href='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/css/glightbox.css'>
997<meta name="generator" content="WP Rocket 3.20.6.1" data-wpr-features="wpr_defer_js wpr_host_fonts_locally" /></head>
998
999<style>
1000  .spsetia-header .nav-logo img {
1001    max-width: 104px !important;
1002  }
1003
1004  .product-tab-title.product-title-active {
1005    color: #fdfdfd !important;
1006  }
1007
1008  .search-details {
1009    display: contents;
1010  }
1011
1012  .search-topnav {
1013    position: relative;
1014    display: inline-block;
1015    width: auto;
1016    cursor: pointer;
1017  }
1018
1019  .search-topnav .search-icon {
1020    position: absolute;
1021    width: 20px;
1022    height: 20px;
1023    top: 2px;
1024    right: 10px;
1025    color: var(--dark-blue-color);
1026    cursor: pointer;
1027  }
1028
1029  /* Overlay Search */
1030  .search-overlay {
1031    position: fixed;
1032    inset: 0;
1033    background: #fdfdfd;
1034    backdrop-filter: blur(8px);
1035    opacity: 0;
1036    pointer-events: none;
1037    top: 80px;
1038    transition: opacity 0.35s ease;
1039    z-index: 9999;
1040  }
1041
1042  .search-overlay.active {
1043    opacity: 1;
1044    pointer-events: auto;
1045  }
1046
1047  .search-overlay form {
1048    display: flex;
1049    align-items: center;
1050  }
1051
1052  .searchform input[type="text"] {
1053    flex: 1;
1054    font-size: 1.2rem;
1055    padding: 10px;
1056    border: none;
1057    outline: none;
1058    background: transparent;
1059    color: #333;
1060  }
1061
1062  button.search-submit {
1063    float: left;
1064    padding: 10px;
1065    color: #fdfdfd;
1066    font-size: 20px;
1067    border: 0;
1068    border-left: none;
1069    cursor: pointer;
1070    background-color: #01385E !important;
1071    position: absolute;
1072    right: 0;
1073    text-align: center;
1074    border-radius: 50%;
1075    top: 0;
1076    /* transform: translateY(-50%); */
1077    height: 48px;
1078    width: 50px;
1079  }
1080
1081  .site-logo {
1082    width: 200px !important;
1083    height: auto !important;
1084  }
1085
1086  .spsetia-header {
1087    align-items: center;
1088    height: 80px;
1089    padding-left: calc((100vw - 1240px) / 2);
1090    padding-right: calc((100vw - 1240px) / 2);
1091    padding-top: 0;
1092    padding-bottom: 0;
1093    position: fixed !important;
1094    width: 100%;
1095    z-index: 99999;
1096    justify-content: space-between;
1097  }
1098
1099  /* Center should be allowed to shrink */
1100  .header-center {
1101    flex: 1 1 auto;
1102    min-width: 0;              /* 🔥 super important */
1103  }
1104
1105  /* Nav should not push right side away */
1106  .menu-wrapper {
1107    min-width: 0;              /* 🔥 allow it to shrink too */
1108  }
1109
1110  .menu-wrapper {
1111    max-width: none; /* reserve space for right icons/buttons */
1112    overflow: visible;
1113  }
1114
1115  .nav-inner-wrapper {
1116    flex-wrap: wrap;
1117    row-gap: 8px;
1118  } 
1119
1120  /* Right side should never shrink away */
1121  .header-right {
1122    flex: 0 0 auto;
1123  }
1124
1125  .blurry-bg {
1126    position: fixed;
1127    height: 80px;
1128    z-index: 99998;
1129  }
1130  
1131  .blurry-bg, .spsetia-header {
1132    background: white !important;
1133  }
1134
1135  .header-center, .menu-wrapper, .nav-inner-wrapper, .menu-item, .menu-item > a {
1136    align-items: center;
1137    display: flex;
1138    height: 100%;
1139    justify-content: center;
1140  }
1141
1142  .menu-wrapper > .nav-inner-wrapper > .menu-item > a {
1143    color: #171717 !important;
1144    position: relative;
1145    text-decoration: none;
1146  }
1147
1148  .menu-wrapper > .nav-inner-wrapper > .menu-item > a::after {
1149    content: "";
1150    position: absolute;
1151    left: 0;
1152    bottom: 0;
1153    width: 100%;
1154    height: 3px;
1155    background-color: #003893 !important;
1156    opacity: 0;
1157    transition: opacity 0.2s ease-in-out;
1158  }
1159
1160  .mega_menu_contact_us
1161
1162  .menu-wrapper > .nav-inner-wrapper > .menu-item > a:hover::after {
1163    opacity: 1;
1164  }
1165
1166  .menu-wrapper > .nav-inner-wrapper > .menu-item.active > a::after {
1167    opacity: 1;
1168    transform: scaleX(1);
1169  }
1170
1171  .header-center {
1172    padding: 0 20px !important;
1173    width: 100% !important;
1174    justify-content: flex-start !important;
1175  }
1176
1177  .nav-inner-wrapper {
1178    display: flex;
1179    align-items: center;
1180    list-style: none;
1181    margin: 0;
1182    padding: 0;
1183  }
1184
1185  .nav-inner-wrapper > li > a {
1186    font-family: "Stone Sans, SemiBold";
1187    font-size: 15px;
1188    font-weight: 500;
1189    color: #171717;
1190    text-decoration: none;
1191    text-transform: uppercase;
1192    padding: 10px 20px;
1193    white-space: nowrap;
1194  }
1195
1196  .nav-inner-wrapper > li {
1197    position: static; /* IMPORTANT */
1198  }
1199
1200  .search-topnav {
1201    display: flex !important;
1202    align-items: center !important;
1203    justify-content: center !important;
1204  }
1205
1206  .search-topnav .search-icon {
1207    padding: 10px;
1208    position: initial;
1209    height: 24px;
1210    width: 24px;
1211  }
1212
1213  .header-right {
1214    display: flex;
1215    flex-direction: row;
1216    gap: 24px;
1217  }
1218
1219  .primary-button {
1220    background: #003893 !important;
1221    border: 1px solid transparent;
1222    border-radius: 40px;
1223    color: white !important;
1224    font-family: "Stone Sans, SemiBold";
1225    font-weight: 500;
1226    padding: 10px 20px;
1227    text-transform: uppercase;
1228    width: max-content;
1229  }
1230
1231  .mega-wrapper {
1232    position: absolute;
1233    top: 80px; /* adjust to your header height */
1234    left: 0;
1235    width: 100%;
1236    z-index: 9999;
1237  }
1238
1239  .mega-overlay {
1240    position: fixed;
1241    inset: 0;
1242    background: rgba(0, 0, 0, 0.08);
1243    backdrop-filter: blur(6px);
1244    opacity: 0;
1245    pointer-events: none;
1246    transition: opacity 0.3s ease;
1247    z-index: 998;
1248  }
1249
1250  .mega-panel {
1251    z-index: 999;
1252  }
1253
1254  .mega-overlay.active {
1255    opacity: 1;
1256    pointer-events: auto;
1257  }
1258
1259  .mega-panel {
1260    background: rgba(245, 247, 250, 0.96);
1261    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
1262    display: flex;
1263    opacity: 0;
1264    pointer-events: none;
1265    position: fixed;
1266    transform: translateY(-20px);
1267    transition:
1268      opacity 0.35s ease,
1269      transform 0.35s ease;
1270    width: 100% !important;
1271  }
1272
1273  .mega-panel:not([data-mega="mega_menu_our_business"]) {
1274    height: 100vh !important;
1275  }
1276
1277  .mega-panel.active {
1278    opacity: 1;
1279    transform: translateY(0);
1280    pointer-events: auto;
1281  }
1282
1283  .mega-left {
1284    width: 70%;
1285    padding: 56px 74px;
1286  }
1287
1288  .mega-left.is-post {
1289    width: 45%;
1290    padding: 56px 74px;
1291  }
1292
1293  .mega-links {
1294    column-count: 1;
1295    column-gap: 120px;
1296    column-fill: auto;
1297  }
1298
1299  @media (max-width: 1180px) {
1300    .spsetia-header {
1301      padding: 0 24px !important;  /* instead of 100px */
1302    }
1303  }
1304
1305  /* Desktop behavior */
1306  @media (min-width: 1200px) {
1307    .mega-links {
1308      column-count: 2;
1309      max-height: 420px;
1310      overflow: hidden;
1311    }
1312  }
1313
1314  .mega-group {
1315    break-inside: avoid;
1316  }
1317
1318  .mega-group {
1319    break-inside: avoid;
1320  }
1321
1322  .mega-left ul {
1323    list-style: none;
1324    padding: 0;
1325  }
1326
1327  .single-property-title,
1328  .nl-title {
1329    font-family: 'Stone Sans, SemiBold';
1330    color: #171717 !important;
1331  }
1332
1333  .single-property-content {
1334    display: flex;
1335    flex-direction: column;
1336    gap: 8px;
1337  }
1338
1339  .mega-link-text,
1340  .mega-sub-links li a {
1341    font-family: "Verdana";
1342  }
1343
1344  .single-property-availability span {
1345    font-family: "Stone Sans, SemiBold";
1346  }
1347  
1348  .mega-heading a,
1349  .mega-group-title a {
1350    color: #003893 !important;
1351  }
1352
1353  .mega-heading {
1354    color: #003893 !important;
1355    font-family: 'Stone Sans, Medium';
1356    margin-bottom: 32px;
1357    
1358    font-style: normal;
1359    font-weight: 5;
1360    font-size: 36px;
1361    line-height: 130%;
1362
1363    padding: 24px 0;
1364  }
1365
1366  .mega-group {
1367    display: flex;
1368    flex-direction: column;
1369    gap: 16px;
1370  }
1371
1372  .mega-group-title {
1373    align-items: center;
1374    display: flex;
1375    justify-content: space-between;
1376    padding: 12px 16px;
1377    min-width: 350px !important;
1378  }
1379
1380  #clearFiltersBtn,
1381  #findPropertyBtn {
1382    padding: 6px;
1383    min-width: 160px !important;
1384    text-align: center;
1385    justify-content: center;
1386  }
1387
1388  #clearFiltersBtn::after,
1389  #findPropertyBtn::after {
1390    content: none !important;
1391    display: none !important;
1392  }
1393
1394  .mega-group-title.no-arrow .menu-arrow {
1395    display: none;
1396  }
1397
1398  .mega-group-title h4 {
1399    font-size: 15px;
1400    font-weight: 600;
1401    margin-bottom: 0 !important;
1402    color: #003893 !important;
1403  }
1404
1405  .mega-group-title.is-collapsible {
1406    cursor: pointer;
1407  }
1408
1409  .mega-group-title .menu-arrow {
1410    transition: transform 0.25s ease;
1411  }
1412
1413  .mega-group-title .menu-arrow {
1414    transform: rotate(180deg);
1415  }
1416
1417  .mega-group-title.is-open .menu-arrow {
1418    transform: rotate(360deg);
1419  }
1420
1421  .mega-right {
1422    align-items: start !important;
1423    display: flex;
1424    justify-content: start !important;
1425    position: relative;
1426  }
1427
1428  .mega-right.is-post {
1429    width: 100%;
1430    margin-top: 199px;
1431    margin-bottom: 40px;
1432  }
1433
1434  .mega-right.is-post h2 {
1435    font-family: 'Stone Sans, Medium';
1436    font-style: normal;
1437    font-weight: 5;
1438    font-size: 22px;
1439    line-height: 140%;
1440    /* identical to box height, or 31px */
1441
1442    color: #171717 !important;
1443    margin: 0 !important;
1444    padding: 0 !important;
1445    text-transform: inherit;
1446  }
1447
1448  .mega-right img {
1449    width: 100%;
1450    height: 100%;
1451    object-fit: cover;
1452  }
1453
1454  .mega-group h4 {
1455    font-size: 14px;
1456    font-weight: 5;
1457    letter-spacing: 0.04em;
1458    text-transform: inherit !important;
1459    color: #003893;
1460    margin-bottom: 25px;
1461  }
1462
1463  .mega-sub-links li {
1464    font-family: 'Verdana';
1465    font-style: normal;
1466    font-weight: 400;
1467    font-size: 16px;
1468    line-height: 150%;
1469
1470    color: #646464;
1471
1472    margin: 12px 16px 12px 32px;
1473  }
1474
1475  .mega-sub-links {
1476    display: flex;
1477    flex-direction: column;
1478  }
1479
1480  .mega-sub-links a,
1481  .mega-link-text {
1482    font-size: 14px;
1483    color: #4a4a4a !important;
1484    text-decoration: none;
1485  }
1486
1487  .mega-link-text {
1488    white-space: normal;
1489    overflow: hidden;
1490    word-break: break-word;
1491  }
1492
1493  .mega-sub-links a:hover {
1494    color: #003893;
1495  }
1496
1497  .single-property {
1498    display: flex;
1499    flex-direction: column;
1500    margin-right: 20px;
1501    width: 240px !important;
1502  }
1503
1504  .single-property {
1505    text-decoration: none;
1506    color: inherit;
1507  }
1508
1509  .single-property img {
1510    border-radius: 8px;
1511  }
1512
1513  .property-thumbnail {
1514    border-radius: 8px;
1515    height: 210px !important;
1516    min-height: 210px !important;
1517    object-fit: cover;
1518    object-position: center;
1519    width: 100%;
1520  }
1521
1522  .mega-right.is-post {
1523    width: 100%;
1524    overflow-x: auto;
1525    overflow-y: hidden;
1526    white-space: nowrap;
1527    padding-right: 74px;
1528    scroll-behavior: smooth;
1529  }
1530
1531  /* Horizontal layout */
1532  .mega-right.is-post {
1533    display: flex;
1534    flex-direction: column;
1535    gap: 20px;
1536  }
1537
1538  /* Property cards */
1539  .single-property {
1540    flex: 0 0 280px;
1541    gap: 16px;
1542  }
1543
1544  /* Optional: hide scrollbar but keep scroll */
1545  .mega-right.is-post::-webkit-scrollbar {
1546    height: 6px;
1547  }
1548
1549  .mega-right.is-post::-webkit-scrollbar-thumb {
1550    background: rgba(0,0,0,0.2);
1551    border-radius: 4px;
1552  }
1553
1554  /* Optional: hide scrollbar but keep scroll */
1555  .mega-right-content::-webkit-scrollbar {
1556    height: 0px;
1557  }
1558
1559  .mega-right-content::-webkit-scrollbar-thumb {
1560    background: rgba(0,0,0,0.2);
1561    border-radius: 4px;
1562  }
1563
1564  .mega-right-content {
1565    display: flex;
1566    width: 100%;
1567  }
1568
1569  .search-panel {
1570    position: fixed;
1571    top: 80px;
1572    left: 0;
1573    width: 100%;
1574    z-index: 99999;
1575    opacity: 0;
1576    pointer-events: none;
1577    transform: translateY(-20px);
1578    transition: opacity 0.35s ease, transform 0.35s ease;
1579    max-height: calc(100vh - 120px); /* below header */
1580    display: flex;
1581    flex-direction: column;
1582  }
1583
1584  .search-panel.active {
1585    background: #fdfdfd;
1586    opacity: 1;
1587    overflow-x: visible;
1588    overflow-y: auto;
1589    pointer-events: auto;
1590    transform: translateY(0);
1591  }
1592
1593  .search-top {
1594    display: flex;
1595    align-items: center;
1596    gap: 16px;
1597    height: 200px;
1598    background: #E6EBF430;
1599    justify-content: center;
1600  }
1601
1602  .search-top ion-icon {
1603    font-size: 22px;
1604    color: #003893;
1605  }
1606
1607  .search-top input {
1608    flex: 1;
1609    border: none;
1610    outline: none;
1611    background: transparent;
1612    font-family: 'Verdana';
1613    font-style: normal;
1614    font-weight: 400;
1615    font-size: 18px;
1616    line-height: 150%;
1617    color: #003893;
1618  }
1619
1620  .search-top input::placeholder {
1621    font-family: 'Verdana';
1622    font-style: normal;
1623    font-weight: 400;
1624    font-size: 18px;
1625    line-height: 150% !important;
1626
1627    color: #8AA3CD !important;
1628  }
1629
1630  .search-input {
1631    display: flex;
1632    flex-direction: row;
1633    align-items: center;
1634    padding: 0px;
1635    gap: 8px;
1636
1637    height: 65px;
1638    justify-content: space-between;
1639  }
1640
1641  .search-input-field {
1642    width: 972px;
1643    display: flex;
1644    flex-direction: row;
1645    gap: 8px;
1646    border-bottom: 1px solid #0F4C96;
1647    padding-bottom: 8px;
1648  }
1649
1650  .search-close {
1651    background: none;
1652    border: none;
1653    font-size: 22px;
1654    cursor: pointer;
1655    color: #003893;
1656  }
1657
1658  /* Columns */
1659  .search-columns {
1660    display: grid;
1661    grid-template-columns: 260px 1fr;
1662    gap: 48px;
1663    padding-top: 32px;
1664    margin-left: calc((100vw - 1240px) / 2);
1665  }
1666
1667  .search-left h4,
1668  .search-right h4,
1669  .search-hint {
1670    font-size: 14px;
1671    font-weight: 400;
1672    font-family: "Verdana" !important;
1673    letter-spacing: 0;
1674    margin-bottom: 16px;
1675    color: #171717;
1676  }
1677
1678  .search-left h4,
1679  .search-right h4 {
1680    font-family: 'Stone Sans, Medium' !important;
1681    font-style: normal;
1682    font-weight: 5;
1683    font-size: 22px;
1684    line-height: 140%;
1685    color: #171717;
1686    text-transform: inherit;
1687  }
1688
1689  .search-left ul {
1690    list-style: none;
1691    padding: 0;
1692  }
1693
1694  .search-left-list-group {
1695    display: flex;
1696    flex-direction: column;
1697  }
1698
1699  .search-left-list-group a {
1700    font-family: 'Stone Sans, SemiBold';
1701    font-style: normal;
1702    font-weight: 5;
1703    font-size: 16px;
1704    line-height: 150%;
1705    color: #171717;
1706    padding: 8px 0;
1707  }
1708
1709  .search-left a {
1710    font-size: 16px;
1711    color: #171717 !important;
1712    text-decoration: none;
1713  }
1714
1715  .search-left a:hover {
1716    color: #003893;
1717  }
1718
1719  .search-cards {
1720    display: flex;
1721    flex-wrap: nowrap;
1722    gap: 16px;
1723    overflow-x: auto;
1724    overflow-y: hidden;
1725    -webkit-overflow-scrolling: touch;
1726  }
1727
1728  .search-panel,
1729  .search-body,
1730  .search-columns,
1731  .search-right,
1732  .search-panel-inner,
1733  .search-section {
1734    overflow-x: hidden;
1735  }
1736
1737  .search-section.is-news {
1738    display: flex;
1739    flex-direction: column;
1740    gap: 16px;
1741  }
1742
1743  .search-section {
1744    display: flex;
1745    flex-direction: column;
1746    gap: 16px;
1747  }
1748
1749  .search-results {
1750    width: 100vw !important;
1751    overflow-x: hidden;
1752  }
1753
1754
1755  .search-section {
1756    margin-left: calc((100vw - 1080px) / 2);
1757  }
1758
1759  .search-section.is-news,
1760  .search-hint, 
1761  .search-results hr {
1762    margin-left: calc((100vw - 1080px) / 2);
1763    margin-right: calc((100vw - 1080px) / 2);
1764  }
1765
1766  .search-meta h4 {
1767    font-family: 'Stone Sans, Medium' !important;
1768    font-style: normal;
1769    font-weight: 5;
1770    font-size: 22px !important;
1771    line-height: 140%;
1772    text-transform: inherit;
1773    color: #003893 !important;
1774  }
1775
1776  .search-cards::-webkit-scrollbar {
1777    height: 6px;
1778  }
1779
1780  .search-cards::-webkit-scrollbar-thumb {
1781    background: rgba(0, 0, 0, 0.2);
1782    border-radius: 10px;
1783  }
1784
1785  .search-body {
1786    display: flex;
1787    justify-content: center;
1788  }
1789
1790  .search-results {
1791    max-height: 100%;
1792    overflow-y: auto;
1793  }
1794
1795  .search-results {
1796    margin-top: 40px;
1797    display: flex;
1798    flex-direction: column;
1799    gap: 14px;
1800  }
1801
1802  /* Shared */
1803  .search-result-row {
1804    display: flex;
1805    padding: 16px 20px;
1806    border-radius: 12px;
1807    background: #F7F7F7;
1808    margin-bottom: 20px;
1809    text-decoration: none;
1810    transition: all 0.2s ease;
1811    width: 100%;
1812  }
1813
1814  .search-type:hover {
1815    background: #f2f5fb;
1816  }
1817
1818  /* PROPERTY */
1819  .search-result-row.type-property {
1820    border-left: 4px solid #003893;
1821  }
1822
1823  .search-result-row.type-property h4 {
1824    font-weight: 600;
1825    font-size: 16px;
1826  }
1827
1828  /* NEWS */
1829  .search-result-row.type-post h4 {
1830    color: var(--royal-blue-color);
1831    font-family: "Stone Sans, SemiBold";
1832    font-size: 15px;
1833  }
1834
1835  /* TYPE LABEL */
1836  .search-type {
1837    font-size: 12px;
1838    line-height: auto;
1839    opacity: 0.6;
1840  }
1841
1842  .search-results::-webkit-scrollbar {
1843    width: 6px;
1844  }
1845
1846  .search-results::-webkit-scrollbar-thumb {
1847    background: rgba(0,0,0,0.2);
1848    border-radius: 4px;
1849  }
1850
1851  .search-news-excerpt {
1852    font-family: 'Verdana' !important;
1853    font-style: normal !important;
1854    font-weight: 400 !important;
1855    font-size: 16px !important;
1856    line-height: 150% !important;
1857    color: #171717 !important;
1858  }
1859
1860  a.search-type {
1861    font-family: 'Verdana';
1862    font-style: normal;
1863    font-weight: 400;
1864    font-size: 16px !important;
1865    line-height: 150%;
1866    text-decoration-line: underline;
1867
1868    color: #00A6E9 !important;
1869  }
1870
1871  .search-result-row.type-post {
1872    gap: 24px;
1873    margin: 0;
1874  }
1875
1876  .property-slide-cta {
1877    align-items: center;
1878    background-color: #E6EBF4;
1879    border-radius: 8px;
1880    color: var(--royal-blue-color);
1881    display: flex;
1882    flex-direction: column;
1883    height: 250px;
1884    justify-content: center;
1885    padding: 20px;
1886    text-align: center;
1887    text-wrap: auto;
1888    transition: 
1889      background-color 0.25s ease,
1890      color 0.25s ease;
1891    width: 150px;
1892    margin-right: 8px;
1893  }
1894
1895  .property-slide-cta:hover {
1896    background-color: var(--royal-blue-color);
1897    color: #E6EBF4;
1898  }
1899
1900  .cta-icon {
1901    font-size: 36px;
1902    margin-bottom: 20px;
1903  }
1904
1905  /* Base button */
1906  .mobile-menu-toggle {
1907    background: none;
1908    border: none;
1909    padding: 0;
1910    cursor: pointer;
1911    display: none;
1912    align-items: center;
1913    justify-content: center;
1914  }
1915
1916  /* Default state */
1917  .icon-close {
1918    display: none;
1919  }
1920
1921  /* When menu is open */
1922  .mobile-menu-open .icon-hamburger {
1923    display: none;
1924  }
1925
1926  .mobile-menu-open .icon-close {
1927    display: block;
1928  }
1929
1930  .mobile-mega {
1931    display: none;
1932  }
1933
1934  .nav-inner-wrapper > li[class^="mega_menu_"]:not(.mega_menu_contact_us) > a {
1935    position: relative;
1936  }
1937
1938  .menu-wrapper > .nav-inner-wrapper > li[class^="mega_menu_"]:not(.mega_menu_contact_us) > a::before {
1939    content: "";
1940    position: absolute;
1941    right: 12px; /* adjust */
1942    top: 50%;
1943    transform: translateY(-50%);
1944    width: 24px;
1945    height: 24px;
1946  }
1947
1948  .menu-arrow {
1949    display: none;
1950  }
1951
1952  .menu-arrow {
1953    pointer-events: auto;
1954    cursor: pointer;
1955    position: relative;
1956    z-index: 5;
1957  }
1958
1959  /* Optional: make only the svg clickable, not its internal path(s) */
1960  .menu-arrow * {
1961    pointer-events: none;
1962  }
1963
1964  .read-more-btn {
1965    display: inline-flex;
1966    align-items: center;
1967    gap: 8px;
1968    padding: 10px 18px;
1969    border: 2px solid #003893;
1970    border-radius: 999px;
1971    color: #003893;
1972    text-decoration: none;
1973    position: relative;
1974    margin-top: 10px;
1975
1976    font-family: 'Stone Sans, SemiBold';
1977    font-style: normal;
1978    font-weight: 5;
1979    font-size: 14px;
1980    line-height: 150%;
1981    text-transform: uppercase;
1982
1983    color: #003893;
1984  }
1985
1986  .read-more-btn::after {
1987    content: '';
1988    width: 14px;
1989    height: 14px;
1990    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
1991    background-repeat: no-repeat;
1992    background-size: contain;
1993    transition: transform 0.25s ease;
1994  }
1995
1996  .mobile-filter-overlay {
1997    position: fixed;
1998    inset: 0;
1999    background: rgba(0,0,0,0.4);
2000    opacity: 0;
2001    pointer-events: none;
2002    transition: opacity .3s ease;
2003    z-index: 1000;
2004  }
2005
2006  .mobile-filter-overlay.active {
2007    opacity: 1;
2008    pointer-events: auto;
2009  }
2010
2011  .mobile-filter-panel {
2012    position: fixed;
2013    left: 0;
2014    right: 0;
2015    bottom: 0;
2016    height: 100vh;
2017    background: #fdfdfd;
2018    border-radius: 20px 20px 0 0;
2019    transform: translateY(100%);
2020    transition: transform .35s ease;
2021    z-index: 1001;
2022    display: flex;
2023    flex-direction: column;
2024  }
2025
2026  .mobile-filter-panel.active {
2027    transform: translateY(0);
2028  }
2029
2030  .filter-header-rv {
2031    display: flex;
2032    justify-content: space-between;
2033    align-items: center;
2034    padding: 16px 20px;
2035    border-bottom: 1px solid #eee;
2036    background: #E6EBF4;
2037  }
2038
2039  .search-header {
2040    display: none;
2041    justify-content: flex-end;
2042    align-items: center;
2043    padding: 16px 0;
2044  }
2045
2046  .filter-header-rv h4 {
2047    margin-bottom: 0 !important;
2048  }
2049
2050  .filter-close {
2051    background: none;
2052    border: none;
2053    font-size: 20px;
2054    color: #003893;
2055  }
2056
2057  .filter-body {
2058    flex: 1;
2059    overflow-y: auto;
2060    overflow-x: hidden;
2061    padding: 20px;
2062  }
2063
2064  .filter-search-group {
2065    position: relative;
2066    width: 100%;
2067  }
2068
2069  .filter-search {
2070    width: 100%;
2071    height: 44px;
2072    padding: 0 56px 0 16px;
2073    border: 1px solid #cfd8f6;
2074    border-radius: 10px;
2075    background: #fff;
2076    box-sizing: border-box;
2077    background-image: none;
2078  }
2079
2080  .filter-search-btn {
2081    position: absolute;
2082    top: 50%;
2083    right: 16px;
2084    transform: translateY(-50%);
2085    width: 24px;
2086    height: 24px;
2087    padding: 0;
2088    border: 0;
2089    background: transparent;
2090    display: flex;
2091    align-items: center;
2092    justify-content: center;
2093    cursor: pointer;
2094  }
2095
2096  .filter-search-btn img {
2097    width: 24px;
2098    height: 24px;
2099    display: block;
2100    pointer-events: none;
2101  }
2102
2103  .filter-group {
2104    margin-bottom: 24px;
2105    overflow-x: scroll;
2106  }
2107
2108  .filter-group label {
2109    font-family: "Stone Sans, SemiBold";
2110    font-weight: 400;
2111    display: block;
2112    margin-bottom: 10px;
2113  }
2114
2115  .checkbox-grid label {
2116    font-family: "Verdana";
2117  }
2118
2119  .pill-group {
2120    display: flex;
2121    flex-wrap: nowrap;
2122    gap: 8px;
2123    overflow-x: scroll;
2124    width: max-content;
2125  }
2126
2127  .pill {
2128    padding: 8px 14px;
2129    border-radius: 8px;
2130    border: 1px solid #3360A9;
2131    background: #E6EBF44D;
2132    color: #3360A9;
2133    font-weight: 600;
2134    font-family: "Stone Sans, SemiBold";
2135  }
2136
2137  .pill.active {
2138    background: #003893;
2139    color: #fdfdfd;
2140  }
2141
2142  .checkbox-grid {
2143    display: grid;
2144    grid-template-columns: repeat(2, 1fr);
2145    gap: 12px;
2146  }
2147
2148  .checkbox-grid label {
2149    display: flex;
2150    align-items: center;
2151    gap: 8px;
2152  }
2153
2154  .filter-footer {
2155    padding: 16px;
2156    display: flex;
2157    gap: 12px;
2158    border-top: 1px solid #eee;
2159    background: #F7F7F7;
2160    justify-content: center;
2161  }
2162
2163  .btn-outline {
2164    flex: 1;
2165    border: 2px solid #003893;
2166    background: #fdfdfd;
2167    color: #003893;
2168    border-radius: 999px;
2169    padding: 12px;
2170  }
2171
2172  .btn-primary {
2173    flex: 1;
2174    background: #003893;
2175    color: #fdfdfd;
2176    border-radius: 999px;
2177    padding: 12px;
2178    font-family: "Stone Sans, SemiBold";
2179  }
2180
2181  .mobile-find-property-panel {
2182    position: fixed;
2183    top: 0;
2184    left: 0;
2185    right: 0;
2186    bottom: 0;
2187    height: 100vh;
2188    background: #fdfdfd;
2189    transform: translateY(100%);
2190    transition: transform 0.35s ease;
2191    z-index: 99999;
2192    display: flex;
2193    flex-direction: column;
2194  }
2195
2196  .mobile-find-property-panel.active {
2197    transform: translateY(0);
2198  }
2199
2200  /* PROPERTY SLIDER */
2201  .property-slider {
2202    position: relative;
2203    width: 100%;
2204    height: 210px;
2205    overflow: hidden;
2206    border-radius: 8px;
2207    cursor: grab;
2208  }
2209
2210  .property-slider:active {
2211    cursor: grabbing;
2212  }
2213
2214  /* slides */
2215  .property-slide {
2216    position: absolute;
2217    inset: 0;
2218    opacity: 0;
2219    transition: opacity 0.4s ease;
2220  }
2221
2222  .btn-clear {
2223    width: fit-content;
2224    position: relative;
2225    background: transparent;
2226    border: none;
2227    text-decoration: none;
2228    transition: all 0.25s ease;
2229    font-family: "Stone Sans, SemiBold";
2230
2231    font-style: normal;
2232    font-weight: 5;
2233    font-size: 14px;
2234    line-height: 150%;
2235    display: flex;
2236    align-items: center;
2237    text-align: center;
2238    text-transform: uppercase;
2239    color: #003893;
2240  }
2241
2242  .property-slide.is-active {
2243    opacity: 1;
2244    z-index: 1;
2245  }
2246
2247  .search-section-title {
2248    font-family: 'Stone Sans, Medium';
2249    font-style: normal;
2250    font-weight: 5;
2251    font-size: 22px;
2252    line-height: 140%;
2253    /* identical to box height, or 31px */
2254    text-transform: inherit;
2255    color: #171717 !important;
2256  }
2257
2258  .property-slide img {
2259    width: 100%;
2260    height: 100%;
2261    object-fit: cover;
2262    display: block;
2263
2264    /* 👇 CRITICAL for desktop drag */
2265    user-drag: none;
2266    -webkit-user-drag: none;
2267    user-select: none;
2268    pointer-events: none;
2269  }
2270
2271  .search-default {
2272    width: 100vw !important;
2273  }
2274
2275  #searchResults[hidden] {
2276    display: none !important;
2277  }
2278
2279  .single-property-availability {
2280    position: absolute;
2281    bottom: 8px;
2282    left: 8px;
2283    background: #eaf6ff;
2284    color: #0077b6;
2285    z-index: 3;
2286
2287    font-size: 14px;
2288    font-weight: 5;
2289    line-height: 21px;
2290    height: 28;
2291    padding: 2px 8px;
2292    border-top-left-radius: 2px;
2293    border-top-right-radius: 8px;
2294    border-bottom-right-radius: 8px;
2295    border-bottom-left-radius: 8px;
2296
2297  }
2298
2299  .property-media.homepage {
2300    height: 294px;
2301  }
2302
2303  /* pagination dots */
2304  .property-pagination {
2305    position: absolute;
2306    bottom: 8px;
2307    right: 8px;
2308    display: flex;
2309    gap: 8px;
2310    z-index: 3;
2311  }
2312
2313  .property-pagination button {
2314    width: 8px;
2315    height: 8px;
2316    padding: 0;
2317    border-radius: 50%;
2318    border: none;
2319    background: #F4F4F4;
2320    cursor: pointer;
2321  }
2322
2323  .property-pagination button.is-active {
2324    background: #00A6E9;
2325  }
2326
2327  .property-media {
2328    position: relative;
2329    border-radius: 12px;
2330    background: #eee;
2331    height: 210px;
2332  }
2333
2334  hr {
2335    border: 0px solid transparent;
2336    height: 0;
2337    outline: 0.5px solid #eaeaea;
2338    margin: 2px 0 12px 0;
2339    width: auto !important;
2340  }
2341
2342  input[type="checkbox"],
2343  input[type="radio"] {
2344    accent-color: #003893 !important;
2345  }
2346
2347  @media (max-width: 1200px) {
2348    .mega-right-content {
2349      overflow-y: scroll;
2350    }
2351
2352    .mobile-mega-level.mobile-level-sub:has(.mega-right.is-post.mobile-featured-cards) div.mobile-sub-header.mobile-back,
2353    .mobile-mega-level.mobile-level-sub:has(.mega-right.is-post.mobile-featured-cards) .mega-links {
2354      margin-right: 24px !important;
2355    }
2356
2357    .mobile-mega-level.mobile-level-sub:has(.mega-right.is-post.mobile-featured-cards) hr {
2358      margin-right: 24px;
2359    }
2360
2361    .mobile-mega-level.mobile-level-sub:has(.mega-right.is-post.mobile-featured-cards) {
2362      padding-right: 0 !important;
2363    }
2364
2365    .mega-left {
2366      margin-left: calc((100vw - 1200px) / 2);
2367    }
2368
2369    .search-panel {
2370      top: 0;
2371      max-height: 100%;
2372    }
2373
2374    .mega-sub-links {
2375      display: none;
2376    }
2377
2378    .mega-group-title.is-open + .mega-sub-links {
2379      display: flex;
2380    }
2381
2382    .mega-sub-links li {
2383      margin: 0 0 12px 8px;
2384    }
2385
2386    .mega-group,
2387    .mega-group-title {
2388      margin-bottom: 0 !important;
2389    }
2390
2391    .mega-group-title {
2392      padding-left: 0 !important;
2393    }
2394
2395    .search-header {
2396      display: flex;
2397    }
2398
2399    .nav-inner-wrapper {
2400      display: none;
2401    }
2402
2403    .menu-arrow {
2404      display: block;
2405    }
2406
2407    .spsetia-header {
2408      padding: 0 20px !important;
2409    }
2410
2411    .mega-heading {
2412      margin-bottom: 0px;
2413    }
2414
2415    .mega-right.is-post {
2416      margin-top: 24px !important;
2417      padding-right: 0px;
2418    }
2419
2420    .mobile-menu-toggle {
2421      display: flex;
2422    }
2423
2424    .search-top input {
2425      font-size: 16px !important;
2426    }
2427
2428    .search-top input::placeholder {
2429      color: #8AA3CD !important;
2430      font-family: 'Verdana';
2431      font-style: normal;
2432      font-weight: 400;
2433      font-size: 16px !important;
2434      line-height: 150%;
2435    }
2436
2437    .mega-wrapper {
2438      position: fixed;
2439      inset: 0;
2440      background: #fdfdfd;
2441      z-index: 9999;
2442      overflow: hidden;
2443      top: 80px;
2444      transform: translateX(100%);
2445      transition: transform 0.35s ease;
2446    }
2447
2448    body.mobile-menu-open .mega-wrapper {
2449      transform: translateX(0);
2450    }
2451
2452    .mobile-mega {
2453      height: 100%;
2454      display: flex;
2455      flex-direction: column-reverse;
2456      position: relative;
2457    }
2458
2459    .mega-right.is-post {
2460      height: auto;
2461      min-height: unset;
2462      justify-content: flex-start !important;
2463    }
2464
2465    .mobile-mega-level {
2466      background: #fdfdfd;
2467      display: flex;
2468      flex: 1;
2469      flex-direction: column;
2470      height: 100%;
2471      left: 0;
2472      overflow-y: auto;
2473      padding: 20px 24px;
2474      position: absolute;
2475      top: 0;
2476      transition: transform 0.35s ease;
2477      width: 100%;
2478    }
2479
2480    .mobile-root-item {
2481      border-bottom: 1px solid #eaeaea;
2482      display: flex;
2483      justify-content: space-between;
2484      padding: inherit;
2485      text-align: left;
2486    }
2487
2488    .mobile-root-item > span {
2489      color: var(--royal-blue-color);
2490      font-family: "Stone Sans, SemiBold";
2491    }
2492
2493    .mobile-sub-header {
2494      background: #E6EBF4;
2495      border-radius: 8px;
2496      display: flex;
2497      padding: inherit;
2498    }
2499
2500    .mobile-sub-title {
2501      color: var(--royal-blue-color);
2502      font-family: "Stone Sans, SemiBold";
2503      margin-left: 10px;
2504    }
2505
2506    .mobile-level-sub {
2507      transform: translateX(100%);
2508    }
2509
2510    .mobile-mega.is-drilled .mobile-level-root {
2511      transform: translateX(-100%);
2512    }
2513
2514    .mobile-mega.is-drilled .mobile-level-sub {
2515      transform: translateX(0);
2516    }
2517
2518    .m-hidden {
2519      display: none;
2520    }
2521
2522    .search-header {
2523      padding: 0 20px;
2524    }
2525
2526    /* Reduce panel padding */
2527    .search-panel {
2528      padding: 24px 0;
2529    }
2530
2531    .search-columns {
2532      margin-left: 20px;
2533      width: 100%;
2534    }
2535
2536    .search-section {
2537      margin-left: 20px;
2538    }
2539    
2540    .search-section.is-news, 
2541    .search-hint, 
2542    .search-results hr {
2543      margin-left: 20px;
2544      margin-right: 20px;
2545    }
2546
2547    .search-results hr {
2548      width: auto !important;
2549    }
2550
2551    /* Search input stays fixed */
2552    .search-top {
2553      position: relative;
2554      top: 0;
2555      z-index: 5;
2556      height: 96px;
2557      padding-bottom: 16px;
2558    }
2559
2560    .search-input-field {
2561      max-width: 700px;
2562    }
2563
2564    /* Stack columns */
2565    .search-columns {
2566      grid-template-columns: 1fr;
2567      gap: 24px;
2568    }
2569
2570    /* Popular search spacing */
2571    .search-left {
2572      order: 2;
2573    }
2574
2575    .search-left-list-group a {
2576      font-family: 'Stone Sans, SemiBold';
2577      font-style: normal;
2578      font-weight: 5;
2579      font-size: 14px !important;
2580      line-height: 150%;
2581      color: #171717;
2582    }
2583
2584    a.search-type {
2585      font-family: 'Verdana';
2586      font-style: normal;
2587      font-weight: 400;
2588      line-height: 150% !important;
2589      text-decoration-line: underline;
2590      color: #00A6E9;
2591      font-size: 14px !important;
2592    }
2593
2594    .search-left h4,
2595    .search-right h4,
2596    .search-section-title {
2597      font-family: 'Verdana' !important;
2598      font-style: normal;
2599      font-weight: 400;
2600      font-size: 14px !important;
2601      line-height: 150%;
2602      color: #171717;
2603      padding: 8px 0;
2604      margin: 0;
2605    }
2606
2607    .search-right {
2608      order: 1;
2609    }
2610
2611    /* =========================
2612      PROPERTY CARDS (mobile)
2613    ========================= */
2614    .search-cards {
2615      display: flex;
2616      gap: 12px;
2617      overflow-x: auto;
2618      padding-bottom: 8px;
2619      scroll-snap-type: x mandatory;
2620    }
2621
2622    .search-cards {
2623      cursor: grab;
2624      -webkit-overflow-scrolling: touch;
2625      scroll-behavior: smooth;
2626    }
2627
2628    .search-cards::-webkit-scrollbar {
2629      display: none;
2630    }
2631
2632    .search-cards.dragging {
2633      cursor: grabbing;
2634    }
2635
2636    .search-cards.dragging,
2637    .search-cards.dragging * {
2638      user-select: none;
2639      cursor: grabbing;
2640    }
2641
2642    .mega-right.is-post h2 {
2643      font-style: normal !important;
2644      font-weight: 400;
2645      font-size: 14px !important;
2646      line-height: 150% !important;
2647    }
2648
2649    .single-property {
2650      flex: 0 0 280px;
2651      max-width: 280px;
2652      height: auto;
2653      scroll-snap-align: start;
2654    }
2655
2656    .property-slider, 
2657    .property-thumbnail {
2658      margin-bottom: 0;
2659    }
2660
2661    .property-slide {
2662      max-height: 100% !important;
2663    }
2664
2665    .single-property span {
2666      font-size: 14px !important;
2667    }
2668
2669    /* CTA behaves like a card */
2670    .property-slide-cta {
2671      height: auto;
2672      padding: 24px;
2673      scroll-snap-align: start;
2674    }
2675
2676    .cta-text {
2677      font-family: "Stone Sans, SemiBold";
2678    }
2679
2680    .cta-icon {
2681      font-size: 32px !important;
2682    }
2683
2684    /* =========================
2685      NEWS RESULTS (mobile)
2686    ========================= */
2687    .search-result-row {
2688      padding: 16px;
2689      margin-bottom: 12px;
2690    }
2691
2692    .search-result-row h4 {
2693      font-family: 'Stone Sans';
2694      font-style: normal;
2695      font-weight: 5;
2696      font-size: 18px !important;
2697      line-height: 140% !important;
2698    }
2699
2700    /* Prevent accidental side scroll */
2701    body,
2702    .search-panel,
2703    .search-body {
2704      overflow-x: hidden;
2705    }
2706
2707    .search-default {
2708      padding-left: 20px;
2709    }
2710    
2711    .search-columns {
2712      grid-template-columns: 1fr;
2713    }
2714
2715    .search-results {
2716      padding-right: 0;
2717    }
2718
2719    .mobile-mega-footer {
2720      align-items: center;
2721      background: #F7F7F7;
2722      display: flex;
2723      justify-content: center;
2724      height: 13%;
2725      padding: 16px;
2726    }
2727
2728    .mobile-find-property-btn {
2729      align-items: center;
2730      background: #FDFDFD;
2731      border: none;
2732      border-radius: 48px;
2733      box-shadow: 0px 2px 4px -2px rgba(19, 25, 39, 0.12), 0px 4px 4px -2px rgba(19, 25, 39, 0.08);
2734      color: #003893;
2735      display: flex;
2736      font-family: "Stone Sans, Medium";
2737      font-size: 16px !important;
2738      font-weight: 600;
2739      gap: 22px;
2740      height: 52px;
2741      padding: 0 20px 0 0;
2742      position: relative;
2743      text-transform: uppercase;
2744      width: 250px;
2745    }
2746
2747    .mobile-find-property-btn::before {
2748      content: "";
2749      width: 52px;
2750      height: 52px;
2751      border-radius: 50%;
2752      background: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/find-a-property.svg')
2753        center / 52px no-repeat,
2754        #003893;
2755      flex-shrink: 0;
2756    }
2757
2758    .filter-search, 
2759    .filter-select {
2760      box-shadow: 0px 1px 2px 0px #4D40551A;
2761      width: 100%;
2762      min-height: 44px;              /* mobile friendly */
2763      padding: 10px 40px 10px 12px;  /* space for arrow */
2764      font-size: 16px !important;
2765      opacity: 1;
2766      display: block;                /* 🔥 IMPORTANT */
2767      border: 1px solid #c7d2fe !important;
2768      border-radius: 8px;
2769      background-color: #fdfdfd;
2770      appearance: none;
2771      -webkit-appearance: none;
2772      -moz-appearance: none;
2773      background-repeat: no-repeat;
2774      background-position: right 12px center;
2775      background-size: 16px;
2776    }
2777
2778    .filter-search {
2779      background-size: 26px 26px;
2780      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23003893' stroke-width='2'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21' stroke='%23003893' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
2781    }
2782
2783    .filter-select {
2784      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003893' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
2785    }
2786  }
2787
2788  @media (max-width: 768px) {
2789    .search-section {
2790      margin-left: 20px;
2791    }
2792
2793    .search-section.is-news, 
2794    .search-hint, 
2795    .search-results hr {
2796      margin-left: 20px;
2797      margin-right: 20px;
2798    }
2799
2800    .search-columns {
2801      margin-left: 20px;
2802    }
2803
2804    .search-results {
2805      overflow-x: hidden;
2806    }
2807
2808    /* Search input stays fixed */
2809    .search-top {
2810      position: relative;
2811      top: 0;
2812      z-index: 5;
2813      height: 96px;
2814      padding-bottom: 16px;
2815    }
2816
2817    .search-input-field {
2818      max-width: 350px;
2819    }
2820  }
2821
2822  @media (min-width: 1024px) and (max-width: 1180px)
2823    and (min-height: 700px) and (max-height: 900px) {
2824
2825    .search-section {
2826      margin-left: calc((100vw - 991px) / 2);
2827    }
2828
2829    .search-section.is-news, 
2830    .search-hint, 
2831    .search-results hr {
2832      margin-left: calc((100vw - 991px) / 2);
2833      margin-right: calc((100vw - 991px) / 2);
2834    }
2835
2836    .search-columns {
2837      margin-left: calc((100vw - 1024px) / 2);
2838    }
2839
2840    .search-input-field {
2841      max-width: 1024px;
2842    }
2843  }
2844</style>
2845
2846
2847<script>
2848function scrollToTop() {
2849  window.scrollTo({
2850    top: 0,
2851    behavior: 'smooth'
2852  });
2853}
2854
2855window.addEventListener('scroll', function () {
2856  const toTop = document.getElementById('toTop');
2857
2858  if (window.scrollY > 100) {
2859    toTop.style.display = 'block';
2860  } else {
2861      toTop.style.display = 'none';
2862  }
2863});
2864</script>
2864
2865
2866<script>
2867const PROPERTY_PAGE_URL = "https://spsetia.com/property-development/";
2868</script>
2868
2869
2870<script>
2871  function closeAllMegaPanels() {
2872    // desktop mega
2873    document.querySelectorAll('.mega-panel.active')
2874      .forEach(p => p.classList.remove('active'));
2875
2876    document.querySelectorAll('.nav-inner-wrapper > li.active')
2877      .forEach(li => li.classList.remove('active'));
2878
2879    document.querySelector('.mega-overlay')?.classList.remove('active');
2880
2881    // mobile mega
2882    document.body.classList.remove('mobile-menu-open');
2883    document.querySelector('.mobile-mega')?.classList.remove('is-drilled');
2884  }
2885
2886  function goToPropertyPage() {
2887    window.location.href = PROPERTY_PAGE_URL;
2888  }
2889
2890  function toggleSearch(forceClose = false) {
2891    const panel = document.getElementById('searchPanel');
2892    const overlay = document.getElementById('searchOverlay');
2893    const body = document.body;
2894    const mobileMega = document.querySelector('.mobile-mega');
2895
2896    if (!panel || !overlay) return;
2897
2898    const isOpening = forceClose ? false : !panel.classList.contains('active');
2899
2900    panel.classList.toggle('active', isOpening);
2901    overlay.classList.toggle('active', isOpening);
2902
2903    /* DESKTOP MEGA — CLOSE */
2904    document.querySelectorAll('.mega-panel.active')
2905      .forEach(p => p.classList.remove('active'));
2906    document.querySelectorAll('.nav-inner-wrapper > li.active')
2907      .forEach(li => li.classList.remove('active'));
2908
2909    /* MOBILE MEGA — CLOSE */
2910    body.classList.remove('mobile-menu-open');
2911    mobileMega?.classList.remove('is-drilled');
2912
2913    if (isOpening) {
2914      document.getElementById('searchInput')?.focus();
2915    }
2916  }
2917
2918  function closeSearch() {
2919    const panel = document.getElementById('searchPanel');
2920    const overlay = document.querySelector('.mega-overlay');
2921    const searchOverlay = document.querySelector('.search-overlay');
2922
2923    panel?.classList.remove('active');
2924    overlay?.classList.remove('active');
2925    searchOverlay?.classList.remove('active');
2926  }
2927
2928  function toggleFindProperty(forceClose = false) {
2929    const panel = document.getElementById('mobileFindPropertyPanel');
2930    const overlay = document.getElementById('mobileFilterOverlay');
2931    const body = document.body;
2932    const mobileMega = document.querySelector('.mobile-mega');
2933
2934    if (!panel || !overlay) return;
2935
2936    const isOpening = forceClose ? false : !panel.classList.contains('active');
2937
2938    /* 🔥 CLOSE MOBILE MEGA (CORRECT WAY) */
2939    body.classList.remove('mobile-menu-open');
2940    mobileMega?.classList.remove('is-drilled');
2941
2942    /* CLOSE SEARCH */
2943    document.getElementById('searchPanel')?.classList.remove('active');
2944    document.getElementById('searchOverlay')?.classList.remove('active');
2945
2946    /* TOGGLE FIND PROPERTY */
2947    panel.classList.toggle('active', isOpening);
2948    overlay.classList.toggle('active', isOpening);
2949
2950    body.classList.toggle('no-scroll', isOpening);
2951  }
2952
2953  function buildPropertySearchURL() {
2954    const params = [];
2955
2956    // keyword
2957    const kw =
2958      document.querySelector('.filter-search')?.value?.trim() ||
2959      document.querySelector('#searchInput')?.value?.trim() ||
2960      document.querySelector('#PropertyKw')?.value?.trim() ||
2961      '';
2962
2963    if (kw) {
2964      params.push(`kw=${encodeURIComponent(kw)}`);
2965    }
2966
2967    // LOCATION (pill buttons)
2968    document
2969      .querySelectorAll('.pill[data-filter="location"].active')
2970      .forEach(btn => {
2971        if (btn.dataset.value !== 'all') {
2972          params.push(`location[]=${encodeURIComponent(btn.dataset.value)}`);
2973        }
2974      });
2975
2976    // TOWNSHIP (select)
2977    const township = document.querySelector('.filter-select[name="township"]')?.value;
2978    if (township && township !== 'all') {
2979      params.push(`township_id[]=${encodeURIComponent(township)}`);
2980    }
2981
2982    // PROPERTY TYPE
2983    document
2984      .querySelectorAll('input[name="property_type[]"]:checked')
2985      .forEach(cb => {
2986        if (cb.value !== 'all') {
2987          params.push(`property_type[]=${encodeURIComponent(cb.value)}`);
2988        }
2989      });
2990
2991    // STATUS
2992    document
2993      .querySelectorAll('input[name="status[]"]:checked')
2994      .forEach(cb => {
2995        if (cb.value !== 'all') {
2996          params.push(`status[]=${encodeURIComponent(cb.value)}`);
2997        }
2998      });
2999
3000    return params.length
3001      ? `${PROPERTY_PAGE_URL}?${params.join('&')}`
3002      : PROPERTY_PAGE_URL;
3003  }
3004</script>
3004
3005
3006<script>
3007document.addEventListener('DOMContentLoaded', function () {
3008  document.addEventListener("click", function (e) {
3009    const arrow = e.target.closest(".menu-arrow");
3010    if (!arrow) return;
3011
3012    e.preventDefault();
3013    e.stopPropagation();
3014
3015    const title = arrow.closest(".mega-group-title");
3016    if (!title) return;
3017
3018    title.classList.toggle("is-open");
3019  });
3020
3021  document.addEventListener('click', function (e) {
3022    const isMegaLink =
3023      e.target.closest('.mega-panel a') ||
3024      e.target.closest('.mega-links a') ||
3025      e.target.closest('.mobile-mega a');
3026
3027    if (isMegaLink) {
3028      closeAllMegaPanels();
3029      closeSearch(); // optional, but usually desired
3030    }
3031  });
3032
3033  document.addEventListener('click', function (e) {
3034    const propertyLink = e.target.closest('.single-property a');
3035
3036    if (propertyLink) {
3037      // let browser navigate first
3038      setTimeout(() => {
3039        closeAllMegaPanels();
3040        closeSearch();
3041      }, 100);
3042    }
3043  });
3044
3045  const panels = document.querySelectorAll('.mega-panel');
3046  const propertyCtaBtn = document.querySelectorAll('.property-slide-cta');
3047
3048  $(propertyCtaBtn).on('click', function () {
3049    window.location.href = PROPERTY_PAGE_URL;
3050  });
3051
3052  if (window.innerWidth >= 1200) {
3053    const overlay = document.querySelector('.mega-overlay');
3054
3055    let openTimer = null;
3056    let closeTimer = null;
3057
3058    const OPEN_DELAY = 150;
3059    const CLOSE_DELAY = 180;
3060
3061    function openMega(item, megaClass) {
3062      // reset all
3063      panels.forEach(p => p.classList.remove('active'));
3064      document
3065        .querySelectorAll('.nav-inner-wrapper > li.active')
3066        .forEach(li => li.classList.remove('active'));
3067
3068      // activate current
3069      item.classList.add('active');
3070      overlay?.classList.add('active');
3071
3072      panels.forEach(panel => {
3073        if (panel.dataset.mega === megaClass) {
3074          panel.classList.add('active');
3075        }
3076      });
3077    }
3078
3079    function closeMega() {
3080      overlay?.classList.remove('active');
3081      panels.forEach(p => p.classList.remove('active'));
3082      document
3083        .querySelectorAll('.nav-inner-wrapper > li.active')
3084        .forEach(li => li.classList.remove('active'));
3085    }
3086
3087    function cancelOpen() {
3088      if (openTimer) clearTimeout(openTimer);
3089      openTimer = null;
3090    }
3091
3092    function cancelClose() {
3093      if (closeTimer) clearTimeout(closeTimer);
3094      closeTimer = null;
3095    }
3096
3097    function scheduleOpen(item, megaClass) {
3098      cancelOpen();
3099      openTimer = setTimeout(() => {
3100        openMega(item, megaClass);
3101      }, OPEN_DELAY);
3102    }
3103
3104    function scheduleClose() {
3105      cancelClose();
3106      closeTimer = setTimeout(() => {
3107        closeMega();
3108      }, CLOSE_DELAY);
3109    }
3110
3111    document.querySelectorAll('.nav-inner-wrapper > li').forEach(item => {
3112      const megaClass = [...item.classList].find(c => c.startsWith('mega_menu_'));
3113      if (!megaClass) return;
3114
3115      const link = item.querySelector('a');
3116
3117      link?.addEventListener('click', e => e.preventDefault());
3118
3119      item.addEventListener('mouseenter', () => {
3120        cancelClose();
3121        scheduleOpen(item, megaClass);
3122      });
3123
3124      item.addEventListener('mouseleave', () => {
3125        cancelOpen();
3126        scheduleClose();
3127      });
3128    });
3129
3130    panels.forEach(panel => {
3131      panel.addEventListener('mouseenter', () => {
3132        cancelClose();
3133      });
3134
3135      panel.addEventListener('mouseleave', e => {
3136        if (e.relatedTarget?.closest('.nav-inner-wrapper')) return;
3137        scheduleClose();
3138      });
3139    });
3140
3141    let scrollTimer = null;
3142
3143    window.addEventListener(
3144      'scroll',
3145      () => {
3146        if (scrollTimer) cancelAnimationFrame(scrollTimer);
3147
3148        scrollTimer = requestAnimationFrame(() => {
3149          cancelOpen();
3150          cancelClose();
3151          closeMega();
3152        });
3153      },
3154      { passive: true }
3155    );
3156
3157    document.addEventListener('keydown', e => {
3158      if (e.key === 'Escape') {
3159        cancelOpen();
3160        cancelClose();
3161        closeMega();
3162      }
3163    });
3164  }
3165
3166  // click outside to close
3167  document.addEventListener('click', e => {
3168    const isSearchClick =
3169      e.target.closest('.search-panel') ||
3170      e.target.closest('#searchTopnav');
3171
3172    const isMegaClick =
3173      e.target.closest('.mega-panel') ||
3174      e.target.closest('.nav-inner-wrapper');
3175
3176    if (!isSearchClick && !isMegaClick) {
3177      document.querySelector('.mega-overlay')?.classList.remove('active');
3178
3179      document.querySelectorAll('.mega-panel').forEach(p => p.classList.remove('active'));
3180      document.querySelectorAll('.nav-inner-wrapper > li.active')
3181        .forEach(li => li.classList.remove('active'));
3182    }
3183
3184    const isInsideSearch =
3185      e.target.closest('.search-panel') ||
3186      e.target.closest('.search-topnav') ||
3187      e.target.closest('.search-overlay');
3188
3189    if (!isInsideSearch && !isMegaClick) {
3190      closeSearch();
3191    }
3192  });
3193
3194  document.querySelectorAll('.nav-inner-wrapper > li > a').forEach(link => {
3195    link.addEventListener('click', () => {
3196      closeSearch();
3197    });
3198  });
3199
3200  document.querySelector('.nav-logo a')?.addEventListener('click', () => {
3201    closeSearch();
3202  });
3203
3204  $(document).on('click', '.pill', function () {
3205    const $group = $(this).closest('.pill-group');
3206
3207    if ($(this).data('value') === 'all') {
3208      $group.find('.pill').removeClass('active');
3209      $(this).addClass('active');
3210    } else {
3211      $group.find('.pill[data-value="all"]').removeClass('active');
3212      $(this).toggleClass('active');
3213
3214      // fallback to ALL
3215      if ($group.find('.pill.active').length === 0) {
3216        $group.find('.pill[data-value="all"]').addClass('active');
3217      }
3218    }
3219  });
3220
3221  $(document).on('change', 'input[name="property_type[]"], input[name="status[]"]', function () {
3222    const name = this.name;
3223    const $group = $(`input[name="${name}"]`);
3224    const $all = $group.filter('[value="all"]');
3225
3226    if (this.value === 'all') {
3227      if (this.checked) {
3228        $group.not(this).prop('checked', false);
3229      }
3230    } else {
3231      if (this.checked) {
3232        $all.prop('checked', false);
3233      }
3234
3235      if ($group.not($all).filter(':checked').length === 0) {
3236        $all.prop('checked', true);
3237      }
3238    }
3239  });
3240  
3241  function triggerPropertySearch() {
3242    if (typeof buildPropertySearchURL !== 'function') return;
3243    window.location.href = buildPropertySearchURL();
3244  }
3245
3246  $(document).on('click', '#filterSearchBtn', function (e) {
3247    e.preventDefault();
3248    triggerPropertySearch();
3249  });
3250
3251  $(document).on('keydown', '#filterKeyword', function (e) {
3252    if (e.key === 'Enter') {
3253      e.preventDefault();
3254      triggerPropertySearch();
3255    }
3256  });
3257
3258  $(document).on('click', '#findPropertyBtn', function (e) {
3259    e.preventDefault();
3260    triggerPropertySearch();
3261  });
3262
3263  // HEADER ONLY
3264  document.getElementById('clearFiltersBtn')?.addEventListener('click', () => {
3265    // reset pills
3266    document.querySelectorAll('.pill.active').forEach(p => p.classList.remove('active'));
3267
3268    // reset selects
3269    document.querySelectorAll('.filter-select').forEach(s => s.value = 'all');
3270
3271    // reset search
3272    ['.filter-search', '#searchInput', '#PropertyKw'].forEach(sel => {
3273      const el = document.querySelector(sel);
3274      if (el) el.value = '';
3275    });
3276
3277    // go to base page
3278    window.location.href = PROPERTY_PAGE_URL;
3279  });
3280
3281});
3282</script>
3282
3283
3284<script>
3285document.addEventListener('DOMContentLoaded', () => {
3286  const mobileMega = document.querySelector('.mobile-mega');
3287  if (!mobileMega) return;
3288
3289  const root = mobileMega.querySelector('.mobile-level-root');
3290  const sub = mobileMega.querySelector('.mobile-level-sub');
3291  const panels = document.querySelectorAll('.mega-panel');
3292
3293  // Build top-level menu
3294  panels.forEach(panel => {
3295    const title = panel.querySelector('.mega-heading')?.innerText;
3296    if (!title) return;
3297
3298    const btn = document.createElement('div');
3299    btn.className = 'mobile-root-item';
3300    btn.innerHTML = `<span>${title}</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3301                    <path d="M13.593 4.92437C13.304 4.62938 12.8387 4.62938 12.5546 4.92437C12.2656 5.21937 12.2656 5.69437 12.5546 5.98437L17.913 11.4544H3.52278C3.11625 11.4544 2.78809 11.7894 2.78809 12.2044C2.78809 12.6194 3.11625 12.9544 3.52278 12.9544H17.913L12.5546 18.4244C12.2656 18.7194 12.2656 19.1944 12.5546 19.4844C12.6967 19.6294 12.8877 19.7044 13.0738 19.7044C13.2599 19.7044 13.4509 19.6294 13.593 19.4844L20.7244 12.2044L13.593 4.92437Z" fill="#003893"/>
3302                    </svg>
3303                    `;
3304
3305    btn.addEventListener('click', () => {
3306      openSub(panel);
3307    });
3308
3309    root.appendChild(btn);
3310  });
3311
3312  function openSub(panel) {
3313    const title =
3314      panel.querySelector('.mega-heading')?.innerText || '';
3315
3316    sub.innerHTML = `
3317      <div class="mobile-sub-header mobile-back">
3318        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
3319          xmlns="http://www.w3.org/2000/svg">
3320          <path d="M19.9897 11.4544H5.59951L10.9579 5.98437
3321            C11.2469 5.68937 11.2469 5.21438 10.9579 4.92437
3322            C10.6689 4.62938 10.2036 4.62938 9.91951 4.92437
3323            L2.78809 12.2044L9.91951 19.4844
3324            C10.0616 19.6294 10.2526 19.7044 10.4387 19.7044
3325            C10.6248 19.7044 10.8158 19.6294 10.9579 19.4844
3326            C11.2469 19.1894 11.2469 18.7144 10.9579 18.4244
3327            L5.59951 12.9544H19.9897
3328            C20.3962 12.9544 20.7244 12.6194 20.7244 12.2044
3329            C20.7244 11.7894 20.3962 11.4544 19.9897 11.4544Z"
3330            fill="#003893"/>
3331        </svg>
3332        <span class="mobile-sub-title">${title}</span>
3333      </div>
3334      <hr>
3335    `;
3336
3337    const links = panel.querySelector('.mega-links')?.cloneNode(true);
3338    if (links) sub.appendChild(links);
3339
3340    const postContent = panel.querySelector('.mega-right.is-post');
3341    if (postContent) {
3342      const mobilePosts = postContent.cloneNode(true);
3343      mobilePosts.classList.add('mobile-featured-cards');
3344
3345      // remove copied init flags from cloned content
3346      mobilePosts.querySelectorAll('.single-property').forEach(card => {
3347        delete card.dataset.bound;
3348        card.removeAttribute('data-bound');
3349      });
3350
3351      mobilePosts.querySelectorAll('[data-property-slider]').forEach(sli
3351der => {
3352        delete slider.dataset.initialized;
3353        slider.removeAttribute('data-initialized');
3354      });
3355
3356      sub.appendChild(mobilePosts);
3357
3358      // rebind on cloned mobile content
3359      initPropertySliders(mobilePosts);
3360      initPropertyCards(mobilePosts);
3361    }
3362
3363    mobileMega.classList.add('is-drilled');
3364
3365    sub.querySelector('.mobile-back').onclick = () => {
3366      mobileMega.classList.remove('is-drilled');
3367    };
3368  }
3369});
3370</script>
3370
3371
3372<script>
3373document.addEventListener('DOMContentLoaded', function () {
3374  const input = document.getElementById('searchInput');
3375  const clearBtn = document.getElementById('clearSearchBtn');
3376  const resultsBox = document.getElementById('searchResults');
3377  const defaults = document.getElementById('searchDefault');
3378
3379  if (!input || !resultsBox || !defaults || !clearBtn) return;
3380
3381  let timer = null;
3382
3383  input.addEventListener('input', function () {
3384    const value = this.value.trim();
3385
3386    clearBtn.style.display = input.value.trim() ? 'inline-flex' : 'none';
3387
3388    // RESET
3389    clearTimeout(timer);
3390
3391    // SHOW DEFAULT STATE
3392    if (value.length < 2) {
3393      defaults.hidden = false;
3394      resultsBox.hidden = true;
3395      resultsBox.innerHTML = '';
3396      return;
3397    }
3398
3399    // SHOW RESULTS STATE
3400    defaults.hidden = true;
3401    resultsBox.hidden = false;
3402    resultsBox.innerHTML = '<p class="search-hint">Searching…</p>';
3403
3404    // DEBOUNCE AJAX
3405    timer = setTimeout(() => {
3406      fetch('https://spsetia.com/wp-admin/admin-ajax.php', {
3407        method: 'POST',
3408        headers: {
3409          'Content-Type': 'application/x-www-form-urlencoded'
3410        },
3411        body: new URLSearchParams({
3412          action: 'live_search',
3413          query: value
3414        })
3415      })
3416      .then(res => res.json())
3417      .then(data => {
3418        let html = '';
3419
3420        const hasProperties = data.properties && data.properties.length;
3421        const hasNews = data.news && data.news.length;
3422        const hasOthers = data.others && data.others.length;
3423
3424        if (!hasProperties && !hasNews && !hasOthers) {
3425          resultsBox.innerHTML = '<p class="search-hint">No results found</p>';
3426          return;
3427        }
3428
3429        // Header text
3430        html += `
3431          <p class="search-hint">
3432            Search result for "<strong>${value}</strong>"
3433          </p>
3434        `;
3435
3436        /* =========================
3437          PROPERTIES (horizontal)
3438        ========================== */
3439        if (hasProperties) {
3440          html += `
3441            <div class="search-section">
3442              <h4 class="search-section-title">Projects</h4>
3443
3444              <div class="search-cards">
3445                ${data.properties.map(item => {
3446                  const hasGallery = Array.isArray(item.photo_gallery) && item.photo_gallery.length;
3447
3448                  return `
3449                    <div class="single-property" data-url="${item.url}">
3450                      <div class="property-media">
3451
3452                        ${
3453                          item.availability
3454                            ? `
3455                              <div
3456                                class="single-property-availability"
3457                                style="
3458                                  background-color: ${item.availability.bg};
3459                                  color: ${item.availability.color};
3460                                "
3461                              >
3462                                <span>${item.availability.display}</span>
3463                              </div>
3464                            `
3465                            : ''
3466                        }
3467
3468                        ${
3469                          hasGallery
3470                            ? `
3471                              <div class="property-slider" data-property-slider>
3472                                <div class="property-pagination" data-property-pagination></div>
3473
3474                                ${item.photo_gallery.map(img => `
3475                                  <div class="property-slide">
3476                                    <img
3477                                      src="${img.large || img.url}"
3478                                      alt="${item.id}"
3479                                      loading="lazy"
3480                                    >
3481                                  </div>
3482                                `).join('')}
3483                              </div>
3484                            `
3485                            : `
3486                              <img
3487                                class="property-thumbnail"
3488                                src="${item.image}"
3489                                alt="${item.id}"
3490                              >
3491                            `
3492                        }
3493                      </div>
3494
3495                      <div class="single-property-content">
3496                        <span class="single-property-title">${item.title}</span>
3497
3498                        <span class="mega-link-text">
3499                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
3500                            xmlns="http://www.w3.org/2000/svg">
3501                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
3502                              fill="#F58220"/>
3503                          </svg>
3504                          ${item.meta || ''}
3505                        </span>
3506                      </div>
3507                    </div>
3508                  `;
3509                }).join('')}
3510
3511                <div class="property-slide-cta" onclick="goToPropertyPage()">
3512                  <span class="cta-icon">+</span>
3513                  <span class="cta-text">View All Properties</span>
3514                </div>
3515              </div>
3516            </div>
3517          <hr>`;
3518        }
3519
3520        /* =========================
3521          NEWS (vertical list)
3522        ========================== */
3523        if (hasNews) {
3524          html += `
3525            <div class="search-section is-news">
3526              <h4 class="search-section-title">Articles</h4>
3527
3528              ${data.news.map(item => `
3529                <div class="search-result-row type-post">
3530                  <div class="search-meta">
3531                    <h4>${item.title}</h4>
3532                    <p class="search-news-excerpt">
3533                      ${item.description || ''}
3534                    </p>
3535                    <a class="search-type" href="${item.url || ''}">${item.url || ''}</a>
3536                    <div>
3537                      <a
3538                        href="${item.url || '#'}"
3539                        class="read-more-btn"
3540                        aria-label="Read more about ${item.title}"
3541                      >
3542                        Read More
3543                      </a>
3544                    </div>
3545                  </div>
3546                </div>
3547              `).join('')}
3548            </div>
3549          `;
3550        }
3551
3552        if (hasOthers) {
3553          html += `
3554            <div class="search-section is-news">
3555              <h4 class="search-section-title">Related</h4>
3556
3557              ${data.others.map(item => `
3558                <div class="search-result-row type-post">
3559                  <div class="search-meta">
3560                    <h4>${item.title}</h4>
3561                    <p class="search-news-excerpt">
3562                      ${item.description || ''}
3563                    </p>
3564                    <a class="search-type" href="${item.url || ''}">${item.url || ''}</a>
3565                    <div>
3566                      <a
3567                        href="${item.url || '#'}"
3568                        class="read-more-btn"
3569                        aria-label="Read more about ${item.title}"
3570                      >
3571                        Read More
3572                      </a>
3573                    </div>
3574                  </div>
3575                </div>
3576              `).join('')}
3577            </div>
3578          `;
3579        }
3580
3581        resultsBox.innerHTML = html;
3582        initPropertySliders(resultsBox);
3583        initPropertyCards(resultsBox);
3584      })
3585      .catch(() => {
3586        resultsBox.innerHTML = '<p class="search-hint">Something went wrong</p>';
3587      });
3588    }, 300);
3589  });
3590
3591  // Clear input on click
3592  clearBtn.addEventListener('click', function () {
3593    input.value = '';
3594    clearBtn.style.display = 'none';
3595    input.focus();
3596
3597    // reset UI (USE hidden, not display)
3598    resultsBox.hidden = true;
3599    resultsBox.innerHTML = '';
3600    defaults.hidden = false;
3601
3602    clearTimeout(timer);
3603  });
3604
3605  document.getElementById('searchOverlay')?.addEventListener('click', () => {
3606    toggleSearch(true);
3607  });
3608
3609  document.addEventListener('keydown', e => {
3610    if (e.key === 'Escape') {
3611      toggleSearch(true);
3612    }
3613  });
3614
3615  document.getElementById('mobileMenuToggle')?.addEventListener('click', () => {
3616    document.body.classList.toggle('mobile-menu-open');
3617  });
3618});
3619</script>
3619
3620
3621<script>
3622function initPropertySliders(scope = document) {
3623  scope.querySelectorAll('[data-property-slider]').forEach(slider => {
3624    if (slider.dataset.initialized) return;
3625    slider.dataset.initialized = 'true';
3626
3627    const isMobile = window.matchMedia('(max-width: 1200px)').matches;
3628    const slides = Array.from(slider.querySelectorAll('.property-slide'));
3629    const pagination = slider.querySelector('[data-property-pagination]');
3630
3631    if (slides.length <= 1) {
3632      slides[0]?.classList.add('is-active');
3633      if (pagination) pagination.style.display = 'none';
3634      return;
3635    }
3636
3637    let current = 0;
3638    const MAX_DOTS = 5;
3639    let timer = null;
3640
3641    function renderPagination() {
3642      if (!pagination) return;
3643
3644      pagination.innerHTML = '';
3645      const total = slides.length;
3646
3647      let startIdx = Math.max(0, current - Math.floor(MAX_DOTS / 2));
3648      let endIdx = startIdx + MAX_DOTS;
3649
3650      if (endIdx > total) {
3651        endIdx = total;
3652        startIdx = Math.max(0, endIdx - MAX_DOTS);
3653      }
3654
3655      for (let i = startIdx; i < endIdx; i++) {
3656        const dot = document.createElement('button');
3657        dot.type = 'button';
3658        dot.classList.toggle('is-active', i === current);
3659
3660        dot.addEventListener('click', e => {
3661          e.stopPropagation();
3662          stop();
3663          setActive(i);
3664          start();
3665        });
3666
3667        pagination.appendChild(dot);
3668      }
3669    }
3670
3671    function setActive(index) {
3672      slides.forEach((s, i) => s.classList.toggle('is-active', i === index));
3673      current = index;
3674      renderPagination();
3675    }
3676
3677    function next() {
3678      setActive((current + 1) % slides.length);
3679    }
3680
3681    function start(delay = null) {
3682      stop();
3683      timer = setInterval(next, delay ?? (isMobile ? 4500 : 3500));
3684    }
3685
3686    function stop() {
3687      if (timer) clearInterval(timer);
3688      timer = null;
3689    }
3690
3691    if (!isMobile) {
3692      slider.addEventListener('mouseover', e => {
3693        if (!slider.contains(e.relatedTarget)) stop();
3694      });
3695      slider.addEventListener('mouseout', e => {
3696        if (!slider.contains(e.relatedTarget)) start();
3697      });
3698    }
3699
3700    let startX = 0;
3701    let startY = 0;
3702    let currentX = 0;
3703    let currentY = 0;
3704    let isDragging = false;
3705    let isHorizontalSwipe = false;
3706    const DRAG_THRESHOLD = 50;
3707
3708    function onStart(e) {
3709      if (e.target.closest('[data-property-pagination]')) return;
3710
3711      const point = e.touches ? e.touches[0] : e;
3712      startX = point.clientX;
3713      startY = point.clientY;
3714      currentX = startX;
3715      currentY = startY;
3716      isDragging = true;
3717      isHorizontalSwipe = false;
3718      stop();
3719    }
3720
3721    function onMove(e) {
3722      if (!isDragging) return;
3723
3724      const point = e.touches ? e.touches[0] : e;
3725      currentX = point.clientX;
3726      currentY = point.clientY;
3727
3728      const diffX = currentX - startX;
3729      const diffY = currentY - startY;
3730
3731      // only lock when gesture is mainly horizontal
3732      if (Math.abs(diffX) > 10 || Math.abs(diffY) > 10) {
3733        isHorizontalSwipe = Math.abs(diffX) > Math.abs(diffY);
3734      }
3735
3736      if (isHorizontalSwipe && e.cancelable) {
3737        e.preventDefault();
3738      }
3739    }
3740
3741    function onEnd() {
3742      if (!isDragging) return;
3743
3744      const diffX = currentX - startX;
3745
3746      if (isHorizontalSwipe && Math.abs(diffX) > DRAG_THRESHOLD) {
3747        setActive(
3748          diffX < 0
3749            ? (current + 1) % slides.length
3750            : (current - 1 + slides.length) % slides.length
3751        );
3752      }
3753
3754      isDragging = false;
3755      isHorizontalSwipe = false;
3756      startX = startY = currentX = currentY = 0;
3757      setTimeout(start, isMobile ? 1500 : 0);
3758    }
3759
3760    slider.addEventListener('touchstart', onStart, { passive: true });
3761    slider.addEventListener('touchmove', onMove, { passive: false });
3762    slider.addEventListener('touchend', onEnd);
3763
3764    slider.addEventListener('mousedown', onStart);
3765    window.addEventListener('mousemove', onMove);
3766    window.addEventListener('mouseup', onEnd);
3767
3768    setActive(0);
3769    start();
3770  });
3771}
3772
3773function initPropertyCards(scope = document) {
3774  scope.querySelectorAll('.single-property').forEach(card => {
3775    if (card.dataset.bound) return;
3776    card.dataset.bound = 'true';
3777
3778    const url = card.dataset.url;
3779    let startX = 0;
3780    let startY = 0;
3781    let isDragging = false;
3782    const DRAG_THRESHOLD = 8;
3783
3784    function onStart(e) {
3785      const p = e.touches ? e.touches[0] : e;
3786      startX = p.clientX;
3787      startY = p.clientY;
3788      isDragging = false;
3789    }
3790
3791    function onMove(e) {
3792      const p = e.touches ? e.touches[0] : e;
3793      if (
3794        Math.abs(p.clientX - startX) > DRAG_THRESHOLD ||
3795        Math.abs(p.clientY - startY) > DRAG_THRESHOLD
3796      ) {
3797        isDragging = true;
3798      }
3799    }
3800
3801    card.addEventListener('mousedown', onStart);
3802    card.addEventListener('mousemove', onMove);
3803    card.addEventListener('touchstart', onStart, { passive: true });
3804    card.addEventListener('touchmove', onMove, { passive: true });
3805
3806    card.addEventListener('click', e => {
3807      if (e.target.closest('[data-property-pagination]')) return;
3808      if (isDragging || !url) return;
3809
3810      closeAllMegaPanels();
3811      closeSearch();
3812      window.location.href = url;
3813    });
3814  });
3815}
3816
3817document.addEventListener('DOMContentLoaded', () => {
3818  initPropertySliders();
3819  initPropertyCards();
3820});
3821</script>
3821
3822
3823<body class="home wp-singular page-template page-template-home-revamped page-template-home-revamped-php page page-id-39612 wp-custom-logo wp-theme-chirag translatepress-en_US elementor-default elementor-kit-5">
3824  <header data-rocket-location-hash="33e7cc9fe423431061e2ddcc94964a76" class="spsetia-header-wrapper">
3825    <div data-rocket-location-hash="78d44a48315dc5cc8761ff1c562f3fba" class="blurry-bg"></div>
3826    <div data-rocket-location-hash="e800c84f2851d88bfaeb75553968a76c" class="spsetia-header">
3827      <div data-rocket-location-hash="ed69aecf8eb48827201b07e39a1791d2" class="header-left">
3828        <!-- Logo start -->
3829          <a href="https://spsetia.com/">
3830            <div class="nav-logo">
3831                                <img 
3832                    src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/spsetia-Logo-llpw-color.svg"
3833                    alt="S P Setia - Leading Malaysian Property Developer | Residential &amp; Commercial Projects  | S P Setia Logo"
3834                    class="site-logo"
3835                  >
3836                            </div>
3837          </a>
3838        <!-- Logo end-->
3839      </div>
3840
3841      <div data-rocket-location-hash="7a299573feb0c030a014abd07b34eec8" class="header-center">
3842        <div class="menu-wrapper">
3843          <ul id="menu-revamped-header-main-menu" class="nav-inner-wrapper"><li id="menu-item-39653" class="mega_menu_about_setia menu-item menu-item-type-custom menu-item-object-custom menu-item-39653"><a href="https://spsetia.com/about-us/">About Setia</a></li>
3844<li id="menu-item-39654" class="mega_menu_our_business menu-item menu-item-type-post_type menu-item-object-page menu-item-39654"><a href="https://spsetia.com/our-businesses/">Our Business</a></li>
3845<li id="menu-item-39655" class="mega_menu_sustainability menu-item menu-item-type-post_type menu-item-object-page menu-item-39655"><a href="https://spsetia.com/sustainability/">Sustainability</a></li>
3846<li id="menu-item-39656" class="mega_menu_investor_relations menu-item menu-item-type-post_type menu-item-object-page menu-item-39656"><a href="https://spsetia.com/investor-relations/">Investor Relations</a></li>
3847<li id="menu-item-39657" class="mega_menu_contact_us menu-item menu-item-type-post_type menu-item-object-page menu-item-39657"><a href="https://spsetia.com/contact-us/">Contact Us</a></li>
3848</ul>        </div>
3849      </div>
3850
3851      <div data-rocket-location-hash="5212df10ae3d9526353163d328f28a2e" class="header-right">
3852        <!-- Top Nav Search Icon -->
3853        <div class="search-topnav" id="searchTopnav" onclick="toggleSearch()">
3854          <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
3855            <path d="M29.8258 29.4237L25.0111 24.5088C26.314 22.9388 27.1025 20.9138 27.1025 18.7038C27.1025 13.7388 23.1499 9.70375 18.2862 9.70375C13.4225 9.70375 9.46988 13.7388 9.46988 18.7038C9.46988 23.6688 13.4225 27.7038 18.2862 27.7038C20.4511 27.7038 22.4348 26.8988 23.9727 25.5688L28.7874 30.4838C28.9295 30.6288 29.1205 30.7038 29.3066 30.7038C29.4927 30.7038 29.6838 30.6288 29.8258 30.4838C30.1148 30.1888 30.1148 29.7138 29.8258 29.4237ZM10.9393 18.7038C10.9393 14.5688 14.2356 11.2038 18.2862 11.2038C22.3368 11.2038 25.6331 14.5688 25.6331 18.7038C25.6331 22.8388 22.3368 26.2038 18.2862 26.2038C14.2356 26.2038 10.9393 22.8388 10.9393 18.7038Z" fill="#003893"/>
3856          </svg>
3857
3858        </div>
3859                  <a href="https://spsetia.com/property-development/" class="primary-button m-hidden">
3860            Find a Property
3861          </a>
3862
3863          <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Menu">
3864            <svg class="icon-hamburger" width="40" height="40" viewBox="0 0 40 40">
3865              <rect width="40" height="40" rx="12" fill="#003893"/>
3866              <path d="M27.5928 25.1686C27.9992 25.1686 28.3271 25.5037 28.3271 25.9186C28.3271 26.3336 27.9993 26.6686 27.5928 26.6686H11.9189C11.5126 26.6684 11.1846 26.3335 11.1846 25.9186C11.1847 25.5038 11.5126 25.1688 11.9189 25.1686H27.5928ZM27.5928 19.4538C27.9993 19.4538 28.3271 19.7888 28.3271 20.2038C28.3271 20.6187 27.9993 20.9537 27.5928 20.9538H11.9189C11.5126 20.9536 11.1846 20.6186 11.1846 20.2038C11.1846 19.7889 11.5126 19.4539 11.9189 19.4538H27.5928ZM27.5928 13.7389C27.9993 13.7389 28.3271 14.0739 28.3271 14.4889C28.327 14.9038 27.9992 15.2389 27.5928 15.2389H11.9189C11.5127 15.2387 11.1847 14.9037 11.1846 14.4889C11.1846 14.074 11.5126 13.7391 11.9189 13.7389H27.5928Z" fill="#FDFDFD"/>
3867            </svg>
3868
3869            <svg class="icon-close" width="40" height="40" viewBox="0 0 40 40">
3870              <path d="M11.3145 11.3155C11.7345 10.8952 12.4042 10.8952 12.8242 11.3155L19.9922 18.4942L27.
38701689 11.3155C27.5819 10.8954 28.2578 10.9024 28.6777 11.3155C29.0976 11.7286 29.0977 12.4051 28.6777 12.8252L21.5117 20L28.6846 27.1768C29.1046 27.5899 29.1046 28.2663 28.6846 28.6866C28.4782 28.8929 28.201 28.9999 27.9307 29C27.6602 29 27.3822 28.8931 27.1758 28.6866L20 21.5069L12.8242 28.6866C12.6178 28.8931 12.3398 29 12.0693 29C11.7988 29 11.5209 28.8931 11.3145 28.6866C10.8946 28.2735 10.8946 27.597 11.3145 27.1768L18.4902 20.0049L11.3145 12.8252C10.8946 12.4051 10.8947 11.7357 11.3145 11.3155Z" fill="#003893"/>
3871            </svg>
3872          </button>
3873              </div>
3874    </div>
3875
3876  </header>
3877  <!-- End Header -->
3878  
3879  <div data-rocket-location-hash="57858aa1e0b7ed3fe190439b267f8796" class="search-overlay" id="searchOverlay"></div>
3880
3881  
3882  <div data-rocket-location-hash="3a2888b1faf5fa18b2aa3810ee8189f5" class="mega-wrapper">
3883    
3884                  <div 
3885          class="mega-panel"
3886          data-mega="mega_menu_about_setia"
3887        >
3888          <!-- LEFT -->
3889                    <div data-rocket-location-hash="a4b21f26bb6834a24b2790523cfd6765" class="mega-left is-image">
3890                          <h2 class="mega-heading">
3891                                  <a 
3892                    href="https://spsetia.com/about-us/"
3893                    target="_self"
3894                  >
3895                    About Setia                  </a>
3896                              </h2>
3897            
3898                          <div class="mega-links">
3899
3900                                  <div class="mega-group">
3901                    
3902                                          <div class="mega-group-title">
3903                                                  <h4>
3904                            <a href="https://spsetia.com/about-us/" target="_self">
3905                              About Us                            </a>
3906                          </h4>
3907                        
3908                                                  <svg class="menu-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3909                            <path d="M18.5113 16.7862C18.2563 16.7862 18.0013 16.6862 17.8063 16.4912L11.7613 10.4462L5.7163 16.4912C5.3263 16.8812 4.69129 16.8812 4.30129 16.4912C3.91129 16.1012 3.91129 15.4662 4.30129 15.0762L11.7563 7.62125L19.2113 15.0762C19.6013 15.4662 19.6013 16.1012 19.2113 16.4912C19.0163 16.6862 18.7613 16.7862 18.5063 16.7862H18.5113Z" fill="#003893"/>
3910                          </svg>
3911                                              </div>
3912                    
3913                                          <ul class="mega-sub-links">
3914
3915                        
3916                                                      <li>
3917
3918                                                              <a href="https://spsetia.com/about-us/#our-brand" target="">
3919                                  Our Brand                                </a>
3920                              
3921                            </li>
3922                          
3923                        
3924                                                      <li>
3925
3926                                                              <a href="https://spsetia.com/about-us/#our-leaders" target="">
3927                                  Discover Our Leaders                                </a>
3928                              
3929                            </li>
3930                          
3931                        
3932                                                      <li>
3933
3934                                                              <a href="https://spsetia.com/governance/" target="">
3935                                  Corporate Governance                                </a>
3936                              
3937                            </li>
3938                          
3939                        
3940                                                      <li>
3941
3942                                                              <a href="https://spsetia.com/awards/" target="">
3943                                  Awards and Recognition                                </a>
3944                              
3945                            </li>
3946                          
3947                        
3948                                                      <li>
3949
3950                                                              <a href="https://spsetia.com/others/citizen-setia/" target="_blank">
3951                                  Citizen Setia                                </a>
3952                              
3953                            </li>
3954                          
3955                        
3956                      </ul>
3957                                      </div>
3958                                  <div class="mega-group">
3959                    
3960                                          <div class="mega-group-title">
3961                                                  <h4>
3962                            <a href="https://spsetia.com/governance/" target="_self">
3963                              Governance                            </a>
3964                          </h4>
3965                        
3966                                                  <svg class="menu-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3967                            <path d="M18.5113 16.7862C18.2563 16.7862 18.0013 16.6862 17.8063 16.4912L11.7613 10.4462L5.7163 16.4912C5.3263 16.8812 4.69129 16.8812 4.30129 16.4912C3.91129 16.1012 3.91129 15.4662 4.3
39670129 15.0762L11.7563 7.62125L19.2113 15.0762C19.6013 15.4662 19.6013 16.1012 19.2113 16.4912C19.0163 16.6862 18.7613 16.7862 18.5063 16.7862H18.5113Z" fill="#003893"/>
3968                          </svg>
3969                                              </div>
3970                    
3971                                          <ul class="mega-sub-links">
3972
3973                        
3974                                                      <li>
3975
3976                                                              <a href="https://whistleblowing.spsetia.com.my/whistleblowing/eWhistleblowing.aspx" target="_blank">
3977                                  Whistleblowing                                </a>
3978                              
3979                            </li>
3980                          
3981                        
3982                                                      <li>
3983
3984                                                              <a href="https://spsetia.com/governance/#section_policies" target="">
3985                                  Policy                                </a>
3986                              
3987                            </li>
3988                          
3989                        
3990                      </ul>
3991                                      </div>
3992                                  <div class="mega-group">
3993                    
3994                                          <div class="mega-group-title">
3995                                                  <h4>
3996                            <a href="https://spsetia.com/career/" target="_self">
3997                              Careers                            </a>
3998                          </h4>
3999                        
4000                                                  <svg class="menu-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4001                            <path d="M18.5113 16.7862C18.2563 16.7862 18.0013 16.6862 17.8063 16.4912L11.7613 10.4462L5.7163 16.4912C5.3263 16.8812 4.69129 16.8812 4.30129 16.4912C3.91129 16.1012 3.91129 15.4662 4.30129 15.0762L11.7563 7.62125L19.2113 15.0762C19.6013 15.4662 19.6013 16.1012 19.2113 16.4912C19.0163 16.6862 18.7613 16.7862 18.5063 16.7862H18.5113Z" fill="#003893"/>
4002                          </svg>
4003                                              </div>
4004                    
4005                                          <ul class="mega-sub-links">
4006
4007                        
4008                                                      <li>
4009
4010                                                              <a href="https://peoplexpress.spsetia.com/careerportal" target="_blank">
4011                                  Join Team Setia                                </a>
4012                              
4013                            </li>
4014                          
4015                        
4016                      </ul>
4017                                      </div>
4018                                  <div class="mega-group">
4019                    
4020                                          <div class="mega-group-title">
4021                                                  <h4>
4022                            <a href="https://spsetia.com/in-the-news/" target="_self">
4023                              Setia In the News                            </a>
4024                          </h4>
4025                        
4026                                              </div>
4027                    
4028                                      </div>
4029                
4030              </div>
4031                      </div>
4032
4033          <!-- RIGHT -->
4034          <div data-rocket-location-hash="d5272a56200abb300b0ffcf9e78b6c38" class="mega-right is-image">
4035                          <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/R_C08736.jpg" alt="">
4036                      </div>
4037        </div>
4038              <div 
4039          class="mega-panel"
4040          data-mega="mega_menu_our_business"
4041        >
4042          <!-- LEFT -->
4043                    <div data-rocket-location-hash="dc15fb716fd33452f811228febb1b59e" class="mega-left is-post">
4044                          <h2 class="mega-heading">
4045                                  <a 
4046                    href="https://spsetia.com/our-businesses/"
4047                    target="_self"
4048                  >
4049                    OUR BUSINESS                  </a>
4050                              </h2>
4051            
4052                          <div class="mega-links">
4053
4054                                  <div class="mega-group">
4055                    
4056                                          <div class="mega-group-title">
4057                                                  <h4>
4058                            <a href="https://spsetia.com/property-development/" target="_self">
4059                              Property Development                            </a>
4060                          </h4>
4061                        
4062                                              </div>
4063                    
4064                                      </div>
4065                                  <div class="mega-group">
4066                    
4067                                          <div class="mega-group-title">
4068                                                  <h4>
4069                            <a href="https://spsetia.com/our-businesses/#investment" target="_self">
4070                              Property-Related Businesses                            </a>
4071                          </h4>
4072                        
4073                                              </div>
4074                    
4075                                      </div>
4076                
4077              </div>
4078                      </div>
4079
4080          <!-- RIGHT -->
4081          <div data-rocket-location-hash="09a634f779032a37677312651effd265" class="mega-right is-post">
4082                                      <h2 class="mega-heading">
4083                New Launch              </h2>
4084                        <div class="mega-right-content">
4085                                <div class="single-property" data-url="https://spsetia.com/property-development/property/45062/">
4086                      <div class="property-media">
4087                        <div 
4088                          class="single-property-availability" 
4089                          style="background-color: #E6F6FD; color: #005B80;">
4090                          <span>Latest</span>
4091                        </div>
4092                                                  <img
4093                            class="property-thumbnail"
4094                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/09/840x480.jpg"
4095                            alt="Braydon"
4096                          >
4097                                              </div>
4098              
4099                      <div class="single-property-content">
4100                        <span class="single-property-title">Braydon</span>
4101                
4102                        <span class="mega-link-text">
4103                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4104                            xmlns="http://www.w3.org/2000/svg">
4105                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4106                              fill="#F58220"/>
4107                          </svg>
4108                
4109                          Johor                           | Double storey cluster house                           | RM1 mil - RM2 mil                        </span>
4110                      </div>
4111                    </div>
4112                                <div class="single-property" data-url="https://spsetia.com/property-development/property/45103/">
4113                      <div class="property-media">
4114                        <div 
4115                          class="single-property-availability" 
4116                          style="background-color: #E6F6FD; color: #005B80;">
4117                          <span>Latest</span>
4118                        </div>
4119                                                  <img
4120                            class="property-thumbnail"
4121                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/09/840x480-Graydon.jpg"
4122                            alt="Graydon"
4123                          >
4124                                              </div>
4125              
4126                      <div class="single-property-content">
4127                        <span class="single-property-title">Graydon</span>
4128                
4129                        <span class="mega-link-text">
4130                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4131                            xmlns="http://www.w3.org/2000/svg">
4132                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4133                              fill="#F58220"/>
4134                          </svg>
4135                
4136                          Johor                           | Semi-detached house                           | RM2 mil - RM3 mil                        </span>
4137                      </div>
4138                    </div>
4139                                <div class="single-property" data-url="https://spsetia.com/property-development/property/43178/">
4140                      <div class="property-media">
4141                        <div 
4142                          class="single-property-availability" 
4143                          style="background-color: #E6F6FD; color: #005B80;">
4144                          <span>Latest</span>
4145                        </div>
4146                                                  <img
4147                            class="property-thumbnail"
4148                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/06/840X480-1.jpg"
4149                            alt="Sapphire Élan"
4150                          >
4151                                              </div>
4152              
4153                      <div class="single-property-content">
4154                        <span class="single-property-title">Sapphire Élan</span>
4155                
4156                        <span class="mega-link-text">
4157                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4158                            xmlns="http://www.w3.org/2000/svg">
4159                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4160                              fill="#F58220"/>
4161                          </svg>
4162                
4163                          Johor                           | Bungalow                           | RM3.2 Mil - RM4.4 Mil                        </span>
4164                      </div>
4165                    </div>
4166                                <div class="single-property" data-url="https://spsetia.com/property-development/property/43160/">
4167                      <div class="property-media">
4168                        <div 
4169                          class="single-property-availability" 
4170                          style="background-color: #E6F6FD; color: #005B80;">
4171                          <span>Latest</span>
4172                        </div>
4173                                                  <img
4174                            class="property-thumbnail"
4175                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/08/AUREA-WEBSITE-840X480.jpg"
4176                            alt="AUREA"
4177                          >
4178                                              </div>
4179              
4180                      <div class="single-property-content">
4181                        <span class="single-property-title">AUREA</span>
4182                
4183                        <span class="mega-link-text">
4184                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4185                            xmlns="http://www.w3.org/2000/svg">
4186                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4187                              fill="#F58220"/>
4188                          </svg>
4189                
4190                          Johor                           | Bungalow                           | RM2 mil - RM3 mil                        </span>
4191                      </div>
4192                    </div>
4193                          <div
4194                class="property-slide-cta" onclick="goToPropertyPage()">
4195                <span class="cta-icon">+</span>
4196                <span class="cta-text">
4197                  View All Properties
4198                </span>
4199              </div>
4200            </div>
4201                      </div>
4202        </div>
4203              <div 
4204          class="mega-panel"
4205          data-mega="mega_menu_sustainability"
4206        >
4207          <!-- LEFT -->
4208                    <div data-rocket-location-hash="2fd39bfdd631fe0a8c59d41ad45fc73e" class="mega-left is-image">
4209                          <h2 class="mega-heading">
4210                                  <a 
4211                    href="https://spsetia.com/sustainability/"
4212                    target="_self"
4213                  >
4214                    SUSTAINABILITY                  </a>
4215                              </h2>
4216            
4217                          <div class="mega-links">
4218
4219                                  <div class="mega-group">
4220                    
4221                                          <div class="mega-group-title">
4222                                                  <h4>
4223                            <a href="https://spsetia.com/sustainability/" target="_self">
4224                              Sustainability Highlights                            </a>
4225                          </h4>
4226                        
4227                                                  <svg class="menu-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4228                            <path d="M18.5113 16.7862C18.2563 16.7862 18.0013 16.6862 17.8063 16.4912L11.7613 10.4462L5.7163 16.4912C5.3263 16.8812 4.69129 16.8812 4.30129 16.4912C3.91129 16.1012 3.91129 15.4662 4.3
42280129 15.0762L11.7563 7.62125L19.2113 15.0762C19.6013 15.4662 19.6013 16.1012 19.2113 16.4912C19.0163 16.6862 18.7613 16.7862 18.5063 16.7862H18.5113Z" fill="#003893"/>
4229                          </svg>
4230                                              </div>
4231                    
4232                                          <ul class="mega-sub-links">
4233
4234                        
4235                                                      <li>
4236
4237                                                              <a href="https://spsetia.com/sustainability/#Our-Approach" target="">
4238                                   Sustainability Statement                                </a>
4239                              
4240                            </li>
4241                          
4242                        
4243                                                      <li>
4244
4245                                                              <a href="https://spsetia.com/s-p-setia-foundation/" target="">
4246                                  S P Setia Foundation                                </a>
4247                              
4248                            </li>
4249                          
4250                        
4251                                                      <li>
4252
4253                                                              <a href="https://spsetia.com/setia4malaysia/" target="">
4254                                  #Setia4Malaysia                                </a>
4255                              
4256                            </li>
4257                          
4258                        
4259                                                      <li>
4260
4261                                                              <a href="https://spsetia.com/setia-egreenliving/" target="">
4262                                  Setia eGreenLiving                                </a>
4263                              
4264                            </li>
4265                          
4266                        
4267                                                      <li>
4268
4269                                                              <a href="https://spsetia.com/governance/#section_policy" target="">
4270                                  Governance Policy                                </a>
4271                              
4272                            </li>
4273                          
4274                        
4275                      </ul>
4276                                      </div>
4277                                  <div class="mega-group">
4278                    
4279                                          <div class="mega-group-title">
4280                                                  <h4>
4281                            <a href="https://spsetia.com/donation/" target="_self">
4282                              Donation                            </a>
4283                          </h4>
4284                        
4285                                              </div>
4286                    
4287                                      </div>
4288                
4289              </div>
4290                      </div>
4291
4292          <!-- RIGHT -->
4293          <div data-rocket-location-hash="55ca9418499f3d02cde2d23696221fbe" class="mega-right is-image">
4294                          <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/SolarPanels_0004.jpg" alt="">
4295                      </div>
4296        </div>
4297              <div 
4298          class="mega-panel"
4299          data-mega="mega_menu_investor_relations"
4300        >
4301          <!-- LEFT -->
4302                    <div data-rocket-location-hash="70bd815cc95611980465bbd571bbe7da" class="mega-left is-image">
4303                          <h2 class="mega-heading">
4304                                  <a 
4305                    href="https://spsetia.com/investor-relations/"
4306                    target="_self"
4307                  >
4308                    INVESTOR RELATIONS                  </a>
4309                              </h2>
4310            
4311                          <div class="mega-links">
4312
4313                                  <div class="mega-group">
4314                    
4315                                          <div class="mega-group-title">
4316                                                  <h4>
4317                            <a href="https://spsetia.com/investor-relations/#announcement" target="_self">
4318                              Corporate Announcement                            </a>
4319                          </h4>
4320                        
4321                                              </div>
4322                    
4323                                      </div>
4324                                  <div class="mega-group">
4325                    
4326                                          <div class="mega-group-title">
4327                                                  <h4>
4328                            <a href="https://spsetia.com/investor-relations/#financial" target="_self">
4329                              Group Financial Highlights                            </a>
4330                          </h4>
4331                        
4332                                              </div>
4333                    
4334                                      </div>
4335                                  <div class="mega-group">
4336                    
4337                                          <div class="mega-group-title">
4338                                                  <h4>
4339                            <a href="https://spsetia.com/investor-relations/#reports" target="_self">
4340                              Corporate Reports                            </a>
4341                          </h4>
4342                        
4343                                                  <svg class="menu-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4344                            <path d="M18.5113 16.7862C18.2563 16.7862 18.0013 16.6862 17.8063 16.4912L11.7613 10.4462L5.7163 16.4912C5.3263 16.8812 4.69129 16.8812 4.30129 16.4912C3.91129 16.1012 3.91129 15.4662 4.3
43440129 15.0762L11.7563 7.62125L19.2113 15.0762C19.6013 15.4662 19.6013 16.1012 19.2113 16.4912C19.0163 16.6862 18.7613 16.7862 18.5063 16.7862H18.5113Z" fill="#003893"/>
4345                          </svg>
4346                                              </div>
4347                    
4348                                          <ul class="mega-sub-links">
4349
4350                        
4351                                                      <li>
4352
4353                                                              <a href="https://spsetia.com/investor-relations/#reports" target="">
4354                                  Annual Reports                                </a>
4355                              
4356                            </li>
4357                          
4358                        
4359                                                      <li>
4360
4361                                                              <a href="https://spsetia.com/investor-relations/#reports" target="">
4362                                  Interim Reports                                </a>
4363                              
4364                            </li>
4365                          
4366                        
4367                                                      <li>
4368
4369                                                              <a href="https://spsetia.com/investor-relations/#reports" target="">
4370                                  Annual General Meetings                                </a>
4371                              
4372                            </li>
4373                          
4374                        
4375                      </ul>
4376                                      </div>
4377                
4378              </div>
4379                      </div>
4380
4381          <!-- RIGHT -->
4382          <div data-rocket-location-hash="c3a8384989a8b03f12a7828f1f329c96" class="mega-right is-image">
4383                          <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/R_C09050.jpg" alt="">
4384                      </div>
4385        </div>
4386              <div 
4387          class="mega-panel"
4388          data-mega="mega_menu_contact_us"
4389        >
4390          <!-- LEFT -->
4391                    <div data-rocket-location-hash="911a70babdc73da8614717ebc415e735" class="mega-left is-image">
4392                          <h2 class="mega-heading">
4393                                  <a 
4394                    href="https://spsetia.com/contact-us/"
4395                    target="_self"
4396                  >
4397                    CONTACT US                  </a>
4398                              </h2>
4399            
4400                          <div class="mega-links">
4401
4402                                  <div class="mega-group">
4403                    
4404                                          <div class="mega-group-title">
4405                                                  <h4>
4406                            <a href="https://spsetia.com/contact-us/" target="_self">
4407                              Forms                            </a>
4408                          </h4>
4409                        
4410                                              </div>
4411                    
4412                                      </div>
4413                                  <div class="mega-group">
4414                    
4415                                          <div class="mega-group-title">
4416                                                  <h4>
4417                            <a href="https://spsetia.com/contact-us/#s2" target="_self">
4418                              Group Directory                            </a>
4419                          </h4>
4420                        
4421                                              </div>
4422                    
4423                                      </div>
4424                
4425              </div>
4426                      </div>
4427
4428          <!-- RIGHT -->
4429          <div data-rocket-location-hash="020fab5938cb7a3dc6a9fbf010030ea7" class="mega-right is-image">
4430                          <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/contact-us-mega-menu-panel.jpg" alt="">
4431                      </div>
4432        </div>
4433            <!-- ONE mobile mega container -->
4434      <div data-rocket-location-hash="86cac53d58d0cb7294194f3e18f6c71d" class="mobile-mega">
4435        <div data-rocket-location-hash="4db271da407658d62c6f742ddbeb9ed9" class="mobile-mega-body">
4436          <div class="mobile-mega-level mobile-level-root"></div>
4437          <div class="mobile-mega-level mobile-level-sub"></div>
4438        </div>
4439
4440        <div data-rocket-location-hash="cc024b32442eb11ad7cb662e0c726839" class="mobile-mega-footer">
4441          <button 
4442            class="mobile-find-property-btn"
4443            onclick="toggleFindProperty()"
4444          >
4445            Find a Property
4446          </button>
4447        </div>
4448      </div>
4449      </div>
4450
4451  <!-- Overlay -->
4452  <div class="mobile-filter-overlay"
4453    id="mobileFilterOverlay"
4454    onclick="toggleFindProperty(true)">
4455  </div>
4456
4457  <!-- Find Property Panel (SEPARATE LAYER) -->
4458  <div data-rocket-location-hash="5ed0d566839984fa60f0d059ff69ef2d" class="mobile-find-property-panel" id="mobileFindPropertyPanel">
4459    <!-- Header -->
4460    <div data-rocket-location-hash="ace6a643d155d11e8912e6b6302d93c9" class="filter-header-rv">
4461      <h4>Find a Property</h4>
4462      <button class="filter-close" onclick="toggleFindProperty(true)">✕</button>
4463    </div>
4464
4465    <!-- Scrollable Content -->
4466    <div data-rocket-location-hash="0a69b62f6d46ee4f23c08f5872cda2c5" class="filter-body">
4467
4468      <!-- Search -->
4469      <div data-rocket-location-hash="fa48896eb8fa99013cb1ba4dad5b1879" class="filter-group filter-search-group">
4470        <input
4471          type="text"
4472          class="filter-search"
4473          id="filterKeyword"
4474          placeholder="Enter Property or Location"
4475        />
4476        <button type="button" id="filterSearchBtn" class="filter-search-btn" aria-label="Search"></button>
4477      </div>
4478
4479      <!-- Location -->
4480      <div data-rocket-location-hash="592f3ab1e0ffbcea755c569fe4c3a89c" class="filter-group">
4481        <label>Location</label>
4482
4483        <div class="pill-group">
4484          <button
4485            class="pill active"
4486            data-value="all"
4487            data-filter="location"
4488          >
4489            All Locations
4490          </button>
4491
4492                      <button
4493              class="pill"
4494              data-filter="location"
4495              data-value="45"
4496            >
4497              Malaysia (Central)            </button>
4498                      <button
4499              class="pill"
4500              data-filter="location"
4501              data-value="50"
4502            >
4503              Malaysia (Eastern)            </button>
4504                      <button
4505              class="pill"
4506              data-filter="location"
4507              data-value="48"
4508            >
4509              Malaysia (Northen)            </button>
4510                      <button
4511              class="pill"
4512              data-filter="location"
4513              data-value="66"
4514            >
4515              Malaysia (Southern)            </button>
4516                  </div>
4517      </div>
4518
4519      <!-- Township -->
4520      <div data-rocket-location-hash="7b5f4fb14a6cc9843a857a5980f60ec0" class="filter-group">
4521        <label>Township</label>
4522
4523        <select class="filter-select" name="township" id="mobileTownship">
4524          <option value="all">All Townships</option>
4525
4526                      <option value="5201">
4527              Aeropod            </option>
4528                      <option value="5469">
4529              Alam Damai            </option>
4530                      <option value="7627">
4531              Alam Impian            </option>
4532                      <option value="7321">
4533              Bandar Kinrara            </option>
4534                      <option value="8717">
4535              Bukit Indah            </option>
4536                      <option value="9298">
4537              Casa Rica            </option>
4538                      <option value="4255">
4539              KL Eco City            </option>
4540                      <option value="4333">
4541              Setia Alam            </option>
4542                      <option value="10865">
4543              Setia Alaman            </option>
4544                      <option value="4613">
4545              Setia Alamsari            </option>
4546                      <option value="5316">
4547              Setia Bayuemas            </option>
4548                      <option value="8716">
4549              Setia Business Park            </option>
4550                      <option value="8702">
4551              Setia Business Park II            </option>
4552                      <option value="8696">
4553              Setia Eco Cascadia            </option>
4554                      <option value="9495">
4555              Setia Eco Gardens            </option>
4556                      <option value="7953">
4557              Setia Eco Glades            </option>
4558                      <option value="4976">
4559              Setia Eco Park            </option>
4560                      <option value="7837">
4561              Setia Eco Templer            </option>
4562                      <option value="7794">
4563              Setia EcoHill            </option>
4564                      <option value="7904">
4565              Setia EcoHill 2            </option>
4566                      <option value="7841">
4567              Setia Federal Hill            </option>
4568                      <option value="8540">
4569              Setia Fontaines            </option>
4570                      <option value="10124">
4571              Setia Indah Johor            </option>
4572                      <option value="8429">
4573              Setia Mayuri            </option>
4574                      <option value="7920">
4575              Setia Safiro            </option>
4576                      <option value="8294">
4577              Setia Seraya            </option>
4578                      <option value="8219">
4579              Setia Sky Seputeh            </option>
4580                      <option value="8614">
4581              Setia Sky Ville            </option>
4582                      <option value="9364">
4583              Setia Sky Vista            </option>
4584                      <option value="35044">
4585              Setia SV2            </option>
4586                      <option value="10331">
4587              Setia Tropika            </option>
4588                      <option value="8647">
4589              Setia V Residences            </option>
4590                      <option value="8365">
4591              Setia Warisan Tropika            </option>
4592                      <option value="9515">
4593              Taman Pelangi Indah            </option>
4594                      <option value="10291">
4595              Taman Perling            </option>
4596                      <option value="9511">
4597              Taman Rinting            </option>
4598                      <option value="8295">
4599              TemasyaGlenmarie            </option>
4600                      <option value="8700">
4601              Trio By Setia            </option>
4602                  </select>
4603      </div>
4604
4605      <!-- Property Type -->
4606      <div data-rocket-location-hash="44391d08e82337d0cd6c041d85a671d4" class="filter-group">
4607        <label>Property Type</label>
4608
4609        <div class="checkbox-grid">
4610          <label>
4611            <input
4612              type="checkbox"
4613              name="property_type[]"
4614              value="all"
4615              checked
4616            >
4617            All Properties
4618          </label>
4619
4620                      <label>
4621              <input
4622                type="checkbox"
4623                class="mobile-property-type"
4624                name="property_type[]"
4625                value="bungalow"
4626              >
4627              Bungalow            </label>
4628                      <label>
4629              <input
4630                type="checkbox"
4631                class="mobile-property-type"
4632                name="property_type[]"
4633                value="commercial"
4634              >
4635              Commercial            </label>
4636                      <label>
4637              <input
4638                type="checkbox"
4639                class="mobile-property-type"
4640                name="property_type[]"
4641                value="high_rise"
4642              >
4643              High Rise            </label>
4644                      <label>
4645              <input
4646                type="checkbox"
4647                class="mobile-property-type"
4648                name="property_type[]"
4649                value="industrial"
4650              >
4651              Industrial            </label>
4652                      <label>
4653              <input
4654                type="checkbox"
4655                class="mobile-property-type"
4656                name="property_type[]"
4657                value="terrace"
4658              >
4659              Terrace            </label>
4660                      <label>
4661              <input
4662                type="checkbox"
4663                class="mobile-property-type"
4664                name="property_type[]"
4665                value="retail"
4666              >
4667              Retail            </label>
4668                      <label>
4669              <input
4670                type="checkbox"
4671                class="mobile-property-type"
4672                name="property_type[]"
4673                value="semi_detached"
4674              >
4675              Semi Detached            </label>
4676                      <label>
4677              <input
4678                type="checkbox"
4679                class="mobile-property-type"
4680                name="property_type[]"
4681                value="cluster"
4682              >
4683              Cluster            </label>
4684                      <label>
4685              <input
4686                type="checkbox"
4687                class="mobile-property-type"
4688                name="property_type[]"
4689                value="townhouse"
4690              >
4691              Townhouse            </label>
4692                  </div>
4693      </div>
4694
4695      <!-- Status -->
4696      <div data-rocket-location-hash="49560149df4434dc786593963e199e6d" class="filter-group">
4697        <label>Status</label>
4698
4699        <div class="checkbox-grid">
4700          <label>
4701            <input
4702              type="checkbox"
4703              name="status[]"
4704              value="all"
4705              checked
4706            >
4707            All Status
4708          </label>
4709
4710                      <label>
4711              <input
4712                type="checkbox"
4713                class="mobile-status"
4714                name="status[]"
4715                value="open_for_registration"
4716              >
4717              Open For Registration            </label>
4718                      <label>
4719              <input
4720                type="checkbox"
4721                class="mobile-status"
4722                name="status[]"
4723                value="coming_soon"
4724              >
4725              Coming Soon            </label>
4726                      <label>
4727              <input
4728                type="checkbox"
4729                class="mobile-status"
4730                name="status[]"
4731                value="available_units"
4732              >
4733              Available Units            </label>
4734                      <label>
4735              <input
4736                type="checkbox"
4737                class="mobile-status"
4738                name="status[]"
4739                value="latest"
4740              >
4741              Latest            </label>
4742                      <label>
4743              <input
4744                type="checkbox"
4745                class="mobile-status"
4746                name="status[]"
4747                value="completed"
4748              >
4749              Completed            </label>
4750                      <label>
4751              <input
4752                type="checkbox"
4753                class="mobile-status"
4754                name="status[]"
4755                value="limited_units"
4756              >
4757              Limited Units            </label>
4758                      <label>
4759              <input
4760                type="checkbox"
4761                class="mobile-status"
4762                name="status[]"
4763                value="sold_out"
4764              >
4765              Sold Out            </label>
4766                      <label>
4767              <input
4768                type="checkbox"
4769                class="mobile-status"
4770                name="status[]"
4771                value="bumi_unit_only"
4772              >
4773              Bumi Unit Only            </label>
4774                      <label>
4775              <input
4776                type="checkbox"
4777                class="mobile-status"
4778                name="status[]"
4779                value="corner_unit_available"
4780           
4780   >
4781              Corner Unit Available            </label>
4782                      <label>
4783              <input
4784                type="checkbox"
4785                class="mobile-status"
4786                name="status[]"
4787                value="selling_fast"
4788              >
4789              Selling Fast            </label>
4790                  </div>
4791      </div>
4792    </div>
4793
4794    <!-- Fixed Footer -->
4795    <div data-rocket-location-hash="805213d935a8f6793f794834f6497572" class="filter-footer">
4796      <button
4797        type="button"
4798        class="btn-secondary"
4799        id="clearFiltersBtn"
4800      >
4801        Clear Filters
4802      </button>
4803
4804      <button type="button" class="btn-primary" id="findPropertyBtn">
4805        Find a Property
4806      </button>
4807    </div>
4808  </div>
4809
4810  <div data-rocket-location-hash="77c95ede2c22d3b408aa7b05c97a0c19" class="search-panel" id="searchPanel">
4811    <div data-rocket-location-hash="2aae7972f6c4f32e5ba242e60400936b" class="search-panel-inner">
4812      <div data-rocket-location-hash="0e1bd1b1e91441dd207845d464102e76" class="search-header">
4813        <button class="search-close" onclick="toggleSearch(true)">✕</button>
4814      </div>
4815      <!-- TOP SEARCH BAR (STAYS FIXED) -->
4816      <div data-rocket-location-hash="08f4f301b6cb3d0541b7292751317764" class="search-top">
4817        <div class="search-input">
4818          <div class="search-input-field">
4819            <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4820            <path d="M37.1011 36.5651L30.6815 30.0117C32.4186 27.9184 33.47 25.2184 33.47 22.2717C33.47 15.6517 28.1998 10.2717 21.7149 10.2717C15.23 10.2717 9.95984 15.6517 9.95984 22.2717C9.95984 28.8917 15.23 34.2717 21.7149 34.2717C24.6015 34.2717 27.2464 33.1984 29.297 31.4251L35.7166 37.9784C35.906 38.1717 36.1607 38.2717 36.4088 38.2717C36.657 38.2717 36.9117 38.1717 37.1011 37.9784C37.4864 37.5851 37.4864 36.9517 37.1011 36.5651ZM11.919 22.2717C11.919 16.7584 16.3141 12.2717 21.7149 12.2717C27.1158 12.2717 31.5109 16.7584 31.5109 22.2717C31.5109 27.7851 27.1158 32.2717 21.7149 32.2717C16.3141 32.2717 11.919 27.7851 11.919 22.2717Z" fill="#003893"/>
4821            </svg>
4822
4823            <input
4824              type="text"
4825              id="searchInput"
4826              placeholder="Search property, news, etc."
4827              autocomplete="off"
4828            />
4829
4830            <button
4831              class="btn-clear"
4832              id="clearSearchBtn"
4833              type="button"
4834              style="display: none;"
4835            >
4836              Clear
4837            </button>
4838          </div>
4839          <button class="search-close m-hidden" onclick="toggleSearch()">✕</button>
4840        </div>
4841      </div>
4842
4843      <!-- SCROLLABLE BODY -->
4844      <div data-rocket-location-hash="7457d6b34510441510ef646d722615f3" class="search-body">
4845
4846        <!-- DEFAULT CONTENT -->
4847        <div class="search-default" id="searchDefault">
4848          <div class="search-columns">
4849
4850            <div class="search-left">
4851              <h4>Popular Searches</h4>
4852              <div class="search-left-list-group">
4853                <a href="https://spsetia.com/sustainability/">
4854                  Sustainability
4855                </a>
4856
4857                <a href="https://spsetia.com/property-development/">
4858                  Property Development
4859                </a>
4860
4861                <a href="https://spsetia.com/about-us/">
4862                  Job Openings
4863                </a>
4864              </div>
4865            </div>
4866
4867            
4868              <div class="search-right">
4869                <h4>New Launch</h4>
4870                <div class="search-cards">
4871                                      <div class="single-property" data-url="https://spsetia.com/property-development/property/45062/">
4872                      <div class="property-media">
4873                        <div 
4874                          class="single-property-availability" 
4875                          style="background-color: #E6F6FD; color: #005B80;">
4876                          <span>Latest</span>
4877                        </div>
4878                                                  <img
4879                            class="property-thumbnail"
4880                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/09/840x480.jpg"
4881                            alt="Braydon"
4882                          >
4883                                              </div>
4884
4885                      <div class="single-property-content">
4886                        <span class="single-property-title">Braydon</span>
4887
4888                        <span class="mega-link-text">
4889                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4890                            xmlns="http://www.w3.org/2000/svg">
4891                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4892                              fill="#F58220"/>
4893                          </svg>
4894                          Johor                           | Double storey cluster house                           | RM1 mil - RM2 mil                        </span>
4895                      </div>
4896                  </div>
4897                                      <div class="single-property" data-url="https://spsetia.com/property-development/property/45103/">
4898                      <div class="property-media">
4899                        <div 
4900                          class="single-property-availability" 
4901                          style="background-color: #E6F6FD; color: #005B80;">
4902                          <span>Latest</span>
4903                        </div>
4904                                                  <img
4905                            class="property-thumbnail"
4906                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/09/840x480-Graydon.jpg"
4907                            alt="Graydon"
4908                          >
4909                                              </div>
4910
4911                      <div class="single-property-content">
4912                        <span class="single-property-title">Graydon</span>
4913
4914                        <span class="mega-link-text">
4915                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4916                            xmlns="http://www.w3.org/2000/svg">
4917                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4918                              fill="#F58220"/>
4919                          </svg>
4920                          Johor                           | Semi-detached house                           | RM2 mil - RM3 mil                        </span>
4921                      </div>
4922                  </div>
4923                                      <div class="single-property" data-url="https://spsetia.com/property-development/property/44347/">
4924                      <div class="property-media">
4925                        <div 
4926                          class="single-property-availability" 
4927                          style="background-color: #E7F7ED; color: #0DB14B;">
4928                          <span>Open For Registration</span>
4929                        </div>
4930                                                  <img
4931                            class="property-thumbnail"
4932                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/08/HR-2-1024x576.jpg"
4933                            alt="Residensi Warisan"
4934                          >
4935                                              </div>
4936
4937                      <div class="single-property-content">
4938                        <span class="single-property-title">Residensi Warisan</span>
4939
4940                        <span class="mega-link-text">
4941                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4942                            xmlns="http://www.w3.org/2000/svg">
4943                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4944                              fill="#F58220"/>
4945                          </svg>
4946                          Sepang                           | Townhouse                           | RM250,000                        </span>
4947                      </div>
4948                  </div>
4949                                      <div class="single-property" data-url="https://spsetia.com/property-development/property/43178/">
4950                      <div class="property-media">
4951                        <div 
4952                          class="single-property-availability" 
4953                          style="background-color: #E6F6FD; color: #005B80;">
4954                          <span>Latest</span>
4955                        </div>
4956                                                  <img
4957                            class="property-thumbnail"
4958                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/06/840X480-1.jpg"
4959                            alt="Sapphire Élan"
4960                          >
4961                                              </div>
4962
4963                      <div class="single-property-content">
4964                        <span class="single-property-title">Sapphire Élan</span>
4965
4966                        <span class="mega-link-text">
4967                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
4968                            xmlns="http://www.w3.org/2000/svg">
4969                            <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
4970                              fill="#F58220"/>
4971                          </svg>
4972                          Johor                           | Bungalow                           | RM3.2 Mil - RM4.4 Mil                        </span>
4973                      </div>
4974                  </div>
4975                                    <div
4976                    class="property-slide-cta" onclick="goToPropertyPage()">
4977                    <span class="cta-icon">+</span>
4978                    <span class="cta-text">
4979                      View All Properties
4980                    </span>
4981                  </div>
4982                </div>
4983              </div>
4984          </div>
4985        </div>
4986        <!-- LIVE RESULTS -->
4987        <div class="search-results" id="searchResults" hidden></div>
4988
4989      </div>
4990    </div>
4991  </div>
4992<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
4992
4993<style>
4994    h1, h2, h3, h4, h5, h6 {
4995        font-family: "Stone Sans, SemiBold";
4996    }
4997
4998    p, span {
4999        font-family: "Verdana";
5000    }
5001
5002    .mt-2 {
5003        margin-top: 2rem !important;
5004    }
5005
5006    .homepage-section {
5007        align-items: flex-start;
5008        display: flex;
5009        flex-direction: column;
5010        justify-content: center;
5011        padding: 80px 0;
5012        gap: 40px;
5013    }
5014
5015    .section-inner {
5016        padding-left: calc((100vw - 1240px) / 2);
5017        padding-right: calc((100vw - 1240px) / 2);
5018        width: 100%;
5019    }
5020
5021    .section-overflow-inner {
5022        width: 1440px;
5023        padding: 0 0 0 100px;
5024        width: calc(50vw + 720px); /* half viewport + half of 1440 */
5025        margin-left: calc((100vw - 1440px) / 2);
5026        overflow: hidden; /* hides scrollbar edge */
5027    }
5028
5029    .home .cloudy-bg {
5030        padding-top: 80px;
5031    }
5032
5033    #toTop a:hover::before {
5034        opacity: 1;
5035        filter: none;
5036    }
5037
5038    #toTop a::before {
5039        content: '';
5040        position: absolute;
5041        top: 0;
5042        left: 50%;
5043        width: 40px;
5044        height: 40px;
5045        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/main-btn-blue-fill.svg') !important;
5046        background-position: center;
5047        background-repeat: no-repeat;
5048        background-size: contain;
5049        transition: .3s ease-in-out all;
5050        transform: translateX(-50%);
5051        opacity: .3;
5052        filter: grayscale(100%);
5053    }
5054
5055    .c-section--1 {
5056        position: relative;
5057        height: 100vh;
5058    }
5059
5060    .hero-slide,
5061    .hero-slide--full,
5062    .hero-content,
5063    .c-section--1 {
5064        overflow: visible;
5065    }
5066
5067    .hero-slide {
5068        position: absolute;
5069        inset: 0;
5070        height: 100dvh;;
5071        opacity: 0;
5072        transition: opacity 0.8s ease;
5073    }
5074
5075    .hero-slide.active {
5076        opacity: 1;
5077        z-index: 1;
5078    }
5079
5080    .hero-slide--full{
5081        align-items: end;
5082        display: flex;
5083        inset: 0;
5084        justify-content: center;
5085        padding: 60px 24px;
5086        position: absolute;
5087    }
5088
5089    .hero-slide--split {
5090        display: flex;
5091        align-items: flex-end;
5092        justify-content: center; 
5093        inset: 0;
5094        padding: 60px 20px;
5095        position: absolute;
5096    }
5097
5098    .hero-left-content,
5099    .hero-right-content {
5100        width: 100%;
5101        align-items: center;
5102        justify-content: center;
5103    }
5104
5105    .hero-left-content > p,
5106    .hero-right-content > p {
5107        color: #fdfdfd !important;
5108    }
5109
5110    .hero-left-content h1,
5111    .hero-right-content h1{
5112        width: 100%;
5113    }
5114
5115    .hero-media {
5116        position: absolute;
5117        inset: 0;
5118        overflow: hidden;
5119        z-index: 1;
5120        top: 0px;
5121    }
5122
5123    .hero-media img,
5124    .hero-media video {
5125        width: 100%;
5126        height: 100%;
5127        object-fit: cover;   /* THIS is background-size: cover */
5128    }
5129
5130    /* content on top */
5131    .hero-content {
5132        align-items: center;
5133        display: flex;
5134        flex-direction: column;
5135        gap: 40px;
5136        justify-content: center;
5137        position: relative;
5138        z-index: 2;
5139        bottom: 5%;
5140    }
5141
5142    @media (min-width: 1024px) and (max-width: 1180px)
5143       and (min-height: 700px) and (max-height: 900px) {
5144
5145        .hero-content {
5146            bottom: 12%;
5147        }
5148
5149        .section-overflow-inner {
5150            margin-left: calc((100vw - 768px) / 2);
5151        }
5152
5153        .initiative-cards {
5154            margin-left: 0 !important;
5155        }
5156    }
5157
5158    .section-title {
5159        text-transform: inherit;
5160        font-size: 36px;
5161        font-family: "Stone Sans, Medium";
5162        font-weight: 5;
5163        line-height: 46.80px;
5164        word-wrap: break-word;
5165    }
5166
5167    .hero-bg-image {
5168        inset: 0;
5169        width: 100%;
5170        height: 100%;
5171        z-index: 1;
5172    }
5173
5174    .hero-bg-image img {
5175        width: 100%;
5176        height: 100%;
5177        object-fit: cover;
5178        display: block;
5179    }
5180
5181    .hero-title {
5182        color: #fdfdfd;
5183        font-family: "Stone Sans, Medium";
5184        font-size: 48px;
5185        text-align: center;
5186        text-transform: inherit;
5187        line-height: 57.60px;
5188        width: 60%;
5189    }
5190
5191    /* Pagination wrapper */
5192    .hero-pagination {
5193        position: absolute;
5194        right: 32px;
5195        top: 50%;
5196        transform: translateY(-50%);
5197        display: flex;
5198        flex-direction: column;
5199        gap: 12px;
5200        z-index: 2;
5201    }
5202
5203    /* Bullet */
5204    .hero-bullet {
5205        width: 10px;
5206        height: 10px;
5207        border-radius: 50%;
5208        background: #F5F5F5;
5209        cursor: pointer;
5210        transition: all 0.3s ease;
5211    }
5212
5213    /* Active bullet */
5214    .hero-bullet.active {
5215        background: #00A6E9;
5216    }
5217
5218    .hero-cta-btn {
5219        display: inline-flex;
5220        align-items: center;
5221        gap: 12px;
5222        padding: 0 20px 0 0;
5223        border-radius: 999px;
5224        color: #0b3c8a;
5225        font-weight: 600;
5226        font-size: 16px;
5227        letter-spacing: 0.3px;
5228        text-decoration: none;
5229        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
5230        background-color: #ffffff;
5231        background-image: linear-gradient( 90deg, #BC9C58 0%, #D7B919 25%, #EBC708 75% );
5232        background-size: 0% 100%;
5233        background-repeat: no-repeat;
5234        background-position: left center;
5235
5236        transition:
5237            background-size 0.45s ease,
5238            box-shadow 0.35s ease,
5239            transform 0.35s ease;
5240    }
5241
5242    .hero-cta-text {
5243        font-family: "Stone Sans, SemiBold";
5244        background: linear-gradient(
5245            180deg,
5246            #6D541F 0%,
5247            #D7B919 50%,
5248            #EBC708 100%
5249        );
5250        -webkit-background-clip: text;
5251        -webkit-text-fill-color: transparent;
5252    }
5253
5254    .hero-cta-icon {
5255        width: auto;
5256        height: auto;
5257        padding: 10px;
5258        display: flex;
5259        align-items: center;
5260        justify-content: center;
5261
5262        border-radius: 50%;
5263        background-image: linear-gradient( 180deg, #BC9C58 0%, #D7B919 25%, #EBC708 75% );
5264
5265        box-shadow: 0 6px 14px rgba(215, 185, 25, 0.45);
5266
5267        transition:
5268            transform 0.35s ease,
5269            box-shadow 0.35s ease;
5270        color: #ffffff;
5271        font-size: 18px;
5272    }
5273
5274    .hero-cta-btn:hover {
5275        background-size: 100% 100%;
5276        box-shadow: 0 10px 28px rgba(215, 185, 25, 0.45);
5277        transform: translateY(-1px);
5278    }
5279
5280    .hero-cta-btn:hover .hero-cta-text {
5281        background: none;
5282        -webkit-text-fill-color: #ffffff;
5283    }
5284
5285    .hero-cta-btn:hover .hero-cta-icon {
5286        background: transparent;
5287        color: #ffffff;
5288
5289        box-shadow: none;
5290    }
5291
5292    .find-property-icon {
5293        height: 26px;
5294        width: 26px;
5295    }
5296
5297    .hero-search {
5298        display: flex;
5299        align-items: center;
5300        gap: 32px;
5301        background: #fdfdfd;
5302        border-radius: 999px;
5303        padding: 8px 8px 8px 24px;
5304        max-width: 100%;
5305        margin: 0 auto;
5306        position: relative;
5307        z-index: 30;
5308    }
5309
5310    /* Divider between items */
5311    @media (min-width: 1080px) {
5312        .hero-search .hs-dropdown::before {
5313            content: '';
5314            width: 1px;
5315            height: 24px;
5316            background: #E5E7EB; /* light grey */
5317            margin: 0 24px;
5318        }
5319    }
5320
5321    .hs-item {
5322        position: relative;
5323        display: flex;
5324        align-items: center;
5325    }
5326
5327    .hs-keyword input {
5328        border: none;
5329        outline: none;
5330        font-size: 14px;
5331        width: 200px;
5332        font-family: "Verdana";
5333        margin-left: 16px;
5334    }
5335
5336    .hs-dropdown-group {
5337        display: flex;
5338        flex-direction: row;
5339    }
5340
5341    .hs-dropdown .hs-trigger {
5342        background: none;
5343        border: none;
5344        font-family: "Stone Sans, SemiBold";
5345        font-weight: 500;
5346        display: flex;
5347        align-items: center;
5348        gap: 6px;
5349        cursor: pointer;
5350    }
5351
5352    .hs-trigger span {
5353        font-family: "Stone Sans, SemiBold";
5354    }
5355
5356    .hs-panel label {
5357        font-family: "Verdana";
5358        font-size: 14px;
5359    }
5360
5361    /* Dropdown panel */
5362    .hs-panel {
5363        position: absolute;
5364        top: calc(100% + 12px);
5365        left: 0;
5366        min-width: 220px;
5367        background: #fdfdfd;
5368        border-radius: 12px;
5369        box-shadow: 0 12px 40px rgba(0,0,0,0.12);
5370        padding: 12px;
5371        display: none;
5372        z-index: 1000;
5373        max-height: 200px !important;
5374        overflow: scroll;
5375    }
5376
5377    .hs-dropdown.active .hs-panel {
5378        display: block;
5379    }
5380
5381    .hs-panel label {
5382        display: flex;
5383        gap: 4px;
5384        padding: 4px 0;
5385        cursor: pointer;
5386    }
5387
5388    /* Submit */
5389    .hs-submit {
5390        margin-left: auto;
5391        background: #0a9be6;
5392        color: #fdfdfd;
5393        border: none;
5394        border-radius: 40px;
5395        padding: 10px 16px;
5396        font-weight: 600;
5397        min-height: 48px;
5398        max-height: 56px;
5399        width: 189px;
5400        font-family: "Stone Sans, Medium";
5401        line-height: 150%;
5402        font-size: 18px;
5403    }
5404
5405    .hero-search-mobile {
5406        display: none;
5407    }
5408
5409    .single-property-content.homepage {
5410        gap: 16px !important;
5411    }
5412
5413    /* Slider wrapper */
5414    .nl-slider {
5415        overflow: hidden;
5416        position: relative;
5417    }
5418
5419    /* Track */
5420    .nl-track {
5421        width: 100%;
5422        display: flex;
5423        flex-wrap: nowrap;          /* IMPORTANT */
5424        gap: 32px;
5425
5426        overflow-x: auto;           /* IMPORTANT */
5427        overflow-y: hidden;
5428
5429        scroll-snap-type: x mandatory;
5430
5431        scrollbar-width: none;
5432        cursor: grab;
5433        -webkit-overflow-scrolling: touch;
5434        scroll-behavior: smooth;
5435    }
5436
5437    .nl-track::-webkit-scrollbar {
5438        display: none;
5439    }
5440
5441    /* Card */
5442    .nl-card {
5443        scroll-snap-align: start;
5444        border-radius: 16px;
5445    }
5446
5447    .nl-tabs {
5448        display: flex;
5449        width: 100%;
5450    }
5451
5452    .nl-tabs button {
5453        background: none;
5454        border: none;
5455        padding: 10px 24px;
5456        font-weight: 600;
5457        color: #6b7280;
5458        cursor: pointer;
5459        position: relative;
5460        font-family: "Stone Sans, SemiBold";
5461    }
5462
5463    .nl-tabs button.active {
5464        color: #003a8f;
5465    }
5466
5467    .nl-tabs button.active::after {
5468        content: '';
5469        position: absolute;
5470        left: 0;
5471        bottom: -1px;
5472        width: 100%;
5473        height: 3px;
5474        background: #003a8f;
5475    }
5476
5477    hr {
5478        margin-block: 0.5em;
5479        border-style: inset;
5480    }
5481
5482    .mb-12 {
5483        margin-bottom: 12px !important;
5484    }
5485
5486    .nl-divider {
5487        border: none;
5488        height: 1px;
5489        background: #E5E7EB;
5490        margin: 0;
5491        margin-bottom: 0;
5492        width: 100%;
5493    }
5494
5495    .m-40 {
5496        margin-bottom: 40px;
5497    }
5498
5499    .single-property-card {
5500        display: flex;
5501        flex-direction: column;
5502        width: 392px !important;
5503        gap: 24px;
5504    }
5505
5506    .single-property-card {
5507        text-decoration: none;
5508        color: inherit;
5509    }
5510
5511    .single-property-thumbnail {
5512        border-radius: 8px;
5513        max-height: 294px !important;
5514        height: 294px !important;
5515        width: 392px !important;
5516    }
5517
5518    .nl-empty {
5519        padding: 24px 0;
5520        text-align: left;
5521        color: #6b7280;
5522        font-size: 16px;
5523    }
5524
5525    .nl-subhead {
5526        display: flex;
5527        align-items: center;
5528        justify-content: space-between;
5529    }
5530
5531    .nl-slider-group {
5532        display: flex;
5533        align-items: center;
5534        justify-content: space-between;
5535        flex-direction: column;
5536        width: 100%;
5537    }
5538
5539    .g-20 {
5540        gap: 20px;
5541    }
5542
5543    .nl-loc-title {
5544        font-family: 'Stone Sans, Medium';
5545        font-style: normal;
5546        font-weight: 5;
5547        font-size: 22px;
5548        line-height: 140%;
5549        color: #171717;
5550    }
5551
5552    .nl-viewall {
5553        text-decoration: none;
5554        display: inline-flex;
5555        gap: 8px;
5556        align-items: center;
5557
5558        /* Setia Button/Button Small */
5559        font-family: 'Stone Sans, SemiBold';
5560        font-style: normal;
5561        font-weight: 5;
5562        font-size: 14px;
5563        line-height: 150%;
5564        text-transform: uppercase;
5565
5566        color: #003893;
5567
5568    }
5569
5570    .home-ongoing {
5571        background: #F7F7F7 !important;
5572    }
5573
5574    .btn-primary {
5575        width: fit-content;
5576        flex: 0;
5577        position: relative;
5578        display: inline-flex;
5579        align-items: center;
5580
5581        padding: 12px 48px 12px 28px; /* space for arrow */
5582        border-radius: 999px;
5583
5584        letter-spacing: 0.06em;
5585
5586        border: 2px solid #003893;
5587        background: #003893;
5588
5589        text-decoration: none;
5590        transition: all 0.25s ease;
5591
5592        font-family: "Stone Sans, SemiBold";
5593        font-style: normal;
5594        font-weight: 5;
5595        font-size: 16px;
5596        line-height: 150%;
5597        text-transform: uppercase;
5598
5599        color: #FDFDFD !important;
5600    }
5601
5602    /* SVG arrow */
5603    .btn-primary::after {
5604        content: '';
5605        position: absolute;
5606        right: 22px;
5607        width: 14px;
5608        height: 14px;
5609
5610        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-white.svg');
5611        background-repeat: no-repeat;
5612        background-size: contain;
5613        background-position: center;
5614
5615        transition: transform 0.25s ease;
5616    }
5617
5618    .btn-primary:hover {
5619        background: #fdfdfd;
5620        color: #003893 !important;
5621    }
5622
5623    .btn-primary:hover::after {
5624        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-blue.svg');
5625        transform: translateX(4px);
5626    }
5627
5628    .btn-secondary {
5629        width: fit-content;
5630        position: relative;
5631        display: inline-flex;
5632        align-items: center;
5633
5634        padding: 12px 48px 12px 28px; /* space for arrow */
5635        border-radius: 999px;
5636
5637        letter-spacing: 0.06em;
5638        text-transform: uppercase;
5639
5640        border: 2px solid #003893;
5641        background: transparent;
5642
5643        text-decoration: none;
5644        transition: all 0.25s ease;
5645
5646        font-family: 'Stone Sans, SemiBold';
5647        font-style: normal;
5648        font-weight: 5;
5649        font-size: 18px;
5650        line-height: 150%;
5651
5652        color: #003893;
5653    }
5654
5655    /* SVG arrow */
5656    .btn-secondary::after {
5657        content: '';
5658        position: absolute;
5659        right: 22px;
5660        width: 14px;
5661        height: 14px;
5662
5663        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-blue.svg');
5664        background-repeat: no-repeat;
5665        background-size: contain;
5666        background-position: center;
5667
5668        transition: transform 0.25s ease;
5669    }
5670
5671    .btn-secondary:hover {
5672        background: #003893;
5673        color: #fdfdfd !important;
5674    }
5675
5676    .btn-secondary:hover::after {
5677        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-white.svg');
5678        transform: translateX(4px);
5679    }
5680
5681    .btn-link {
5682        width: fit-content;
5683        position: relative;
5684        display: inline-flex;
5685        align-items: center;
5686
5687        padding: 12px 48px 12px 0; /* space for arrow */
5688
5689        font-size: 18px;
5690        font-weight: 600;
5691        letter-spacing: 0.06em;
5692        text-transform: uppercase;
5693
5694        color: #003893;
5695        background: transparent;
5696
5697        text-decoration: none;
5698        transition: all 0.25s ease;
5699        font-family: "Stone Sans, SemiBold";
5700    }
5701
5702    /* SVG arrow */
5703    .btn-link::after {
5704        content: '';
5705        position: absolute;
5706        right: 22px;
5707        width: 14px;
5708        height: 14px;
5709
5710        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-blue.svg');
5711        background-repeat: no-repeat;
5712        background-size: contain;
5713        background-position: center;
5714
5715        transition: transform 0.25s ease;
5716    }
5717
5718    /* Grid wrapper */
5719    .country-grid {
5720        display: grid;
5721        gap: 32px;
5722    }
5723
5724    .country-card {
5725        position: relative;
5726        overflow: hidden;
5727        border-radius: 16px;
5728        height: 352px;
5729        max-width: 286px;
5730    }
5731
5732    .country-card img {
5733        width: 100%;
5734        height: 100%;
5735        object-fit: cover;
5736        aspect-ratio: 3 / 4; /* keeps consistent height */
5737    }
5738
5739    .country-text {
5740        position: absolute;
5741        left: 16px;
5742        right: 16px;
5743        bottom: 0;
5744
5745        transform: translateY(0);
5746        transition: transform 0.35s ease;
5747        z-index: 2;
5748        color: #fdfdfd;
5749    }
5750
5751    .country-title {
5752        display: block;
5753        font-size: 22px;
5754        line-height: 30.80px;
5755        word-wrap: break-word;
5756        font-family: "Stone Sans, Medium";
5757        font-weight: 5;
5758    }
5759
5760    .country-caption {
5761        display: block;
5762        font-size: 14px;
5763        font-weight: 400;
5764        line-height: 150%;
5765
5766        opacity: 0;
5767        transform: translateY(8px);
5768        font-family: "Verdana";
5769
5770        transition:
5771            opacity 0.3s ease,
5772            transform 0.3s ease;
5773    }
5774
5775    .country-arrow {
5776        position: absolute;
5777        top: 0;
5778        right: 0;
5779
5780        width: 46px;
5781        height: 46px;
5782
5783        background: #fdfdfd;
5784        border-radius: 0 10px;
5785
5786        display: flex;
5787        align-items: center;
5788        justify-content: center;
5789
5790        transition: transform 0.35s ease;
5791        z-index: 3;
5792    }
5793
5794    .country-arrow img {
5795        width: 30px;
5796        height: 30px;
5797
5798        /* initial direction */
5799        transform: rotate(0deg);
5800        transition: transform 0.35s ease;
5801    }
5802
5803    @media (hover: hover) {
5804        /* Move title block up */
5805        .country-card:hover .country-text {
5806            transform: translateY(-16px);
5807        }
5808
5809        /* Reveal caption */
5810        .country-card:hover .country-caption {
5811            opacity: 1;
5812            transform: translateY(0);
5813        }
5814
5815        .country-card:hover .country-arrow img {
5816            transform: rotate(-45deg);
5817        }
5818    }
5819
5820    /* Optional gradient for readability */
5821    .country-card::after {
5822        content: '';
5823        position: absolute;
5824        inset: 0;
5825        background: linear-gradient(
5826            to top,
5827            rgba(0,0,0,.55),
5828            rgba(0,0,0,0)
5829        );
5830    }
5831
5832    .sustainability-section {
5833        background-size: cover;
5834        background-position: center;
5835        padding: 80px 0;
5836        color: #fdfdfd;
5837    }
5838
5839    .sustainability-inner {
5840        margin: auto;
5841        display: grid;
5842        grid-template-columns: 1.2fr 1fr;
5843        gap: 80px;
5844        padding-left: calc((100vw - 1240px) / 2);
5845        padding-right: calc((100vw - 1240px) / 2);
5846        width: 100%;
5847    }
5848
5849    .sustainability-content {
5850        overflow: hidden;
5851    }
5852
5853    .sustainability-content > h2 {
5854        color: #fdfdfd !important;
5855        margin-bottom: 24px;
5856    }
5857
5858    .sustainability-desc p {
5859        margin-bottom: 40px;
5860    }
5861
5862    .initiative-title {
5863        font-size: 28px !important;
5864        font-family: "Stone Sans, Medium";
5865        font-weight: 5;
5866        line-height: 39.20px;
5867        word-wrap: break-word;
5868        color: #F58220 !important;
5869        text-transform: inherit;
5870        margin: 0;
5871    }
5872
5873    .initiative-cards {
5874        display: grid;
5875        grid-template-columns: repeat(4, 1fr);
5876        gap: 24px;
5877        margin-bottom: 40px;
5878        margin-top: 24px;
5879        width: 60%;
5880        padding-left: calc((100vw - 1240px) / 2);
5881        padding-right: calc((100vw - 1240px) / 2);
5882        scrollbar-width: none;
5883        -ms-overflow-style: none; 
5884    }
5885
5886    .initiative-cards::-webkit-scrollbar {
5887        display: none;
5888    }
5889
5890    .initiative-card {
5891        width: auto;
5892    }
5893
5894    .initiative-card {
5895        border-radius: 16px;
5896    }
5897
5898    .initiative-card img {
5899        width: 100%;
5900        height: auto;
5901        display: block;
5902    }
5903
5904    .card-value {
5905        font-size: 32px;
5906        font-weight: 700;
5907    }
5908
5909    .highlights-section {
5910        min-height: auto;
5911        height: auto;
5912        padding: 80px 0;
5913    }
5914
5915    .section-inner {
5916        margin: auto;
5917    }
5918
5919    .highlights-cards {
5920        display: grid;
5921        grid-template-columns: repeat(3, 1fr);
5922        gap: 32px;
5923        margin-top: 32px;
5924    }
5925
5926    .highlight-card {
5927        display: flex;
5928        flex-direction: column;
5929        height: auto;
5930    }
5931
5932    .highlight-image {
5933        width: 392px;
5934        height: 392px;
5935        border-radius: 16px;
5936    }
5937
5938    .highlight-image img {
5939        width: 100%;
5940        height: 100%;
5941        object-fit: cover;
5942    }
5943
5944    .highlight-content {
5945        display: flex;
5946        flex-direction: column;
5947        height: 100%;
5948    }
5949
5950    .highlight-content .btn-primary,
5951    .highlight-content .btn-link {
5952        margin-top: auto;
5953    }
5954
5955    .highlight-content h3 {
5956        margin: 8px 0;
5957        font-size: 20px !important;
5958        font-family: 'Stone Sans, Medium';
5959        text-transform: inherit;
5960        font-style: normal;
5961        font-weight: 5;
5962        font-size: 22px;
5963        line-height: 140%;
5964        color: #000000;
5965    }
5966
5967    .highlight-content hr {
5968        margin: 0;
5969    }
5970
5971    .highlight-desc {
5972        color: #444;
5973        line-height: 1.6;
5974    }
5975
5976    .highlight-desc p {
5977        margin: 8px 0;
5978    }
5979
5980    .highlights-cards::-webkit-scrollbar {
5981        display: none;
5982    }
5983
5984    .highlights-cards {
5985        scrollbar-width: none;
5986    }
5987
5988    .highlights-controls {
5989        margin-top: 20px;
5990    }
5991
5992    .controls-inner {
5993        width: 100%;
5994    }
5995
5996    .progress-wrap {
5997        position: relative;
5998        width: 100%;
5999        height: 6px;
6000        background: #e5e5e5;
6001        border-radius: 999px;
6002        overflow: hidden;
6003    }
6004
6005    .progress-bar {
6006        position: absolute;
6007        top: 0;
6008        left: 0;
6009        height: 100%;
6010        background: #0b3f9c; /* Setia blue */
6011        border-radius: 999px;
6012        transform: translateX(0%);
6013        transition: transform 0.35s ease;
6014    }
6015
6016    .controls-progress {
6017        position: relative;
6018        width: 100%;
6019        height: 6px;
6020        margin-bottom: 16px;
6021    }
6022
6023    .progress-track {
6024        position: absolute;
6025        inset: 0;
6026        background: #e5e5e5;
6027        border-radius: 999px;
6028    }
6029
6030    .progress-bar {
6031        position: absolute;
6032        left: 0;
6033        top: 0;
6034        height: 100%;
6035        width: 0%;
6036        background: #0b3f9c; /* Setia blue */
6037        border-radius: 999px;
6038        transition: width 0.3s ease;
6039    }
6040
6041    .controls-meta {
6042        display: flex;
6043        align-items: center;
6044        justify-content: space-between;
6045    }
6046
6047    .slide-count {
6048        font-size: 18px;
6049        font-weight: 500;
6050    }
6051
6052    .arrows {
6053        display: flex;
6054        gap: 16px;
6055    }
6056
6057    .arrows button {
6058        background: none;
6059        border: none;
6060        font-size: 22px;
6061        cursor: pointer;
6062    }
6063
6064    .find-inner {
6065        position: relative;
6066        z-index: 2;
6067    }
6068
6069    .find-inner {
6070        display: grid;
6071        grid-template-columns: 1fr 1fr;
6072        gap: 64px;
6073        align-items: center;
6074    }
6075
6076    /* Image */
6077    .find-image img {
6078        height: auto;
6079        border-radius: 24px;
6080        object-fit: cover;
6081    }
6082
6083    .find-content {
6084        width: 603px;
6085    }
6086
6087    .find-content h2 {
6088        font-family: 'Stone Sans, Medium';
6089        font-style: normal;
6090        font-weight: 5;
6091        font-size: 36px;
6092        line-height: 46.80px;
6093        color: #171717;
6094    }
6095
6096    .find-content p {
6097        font-family: 'Verdana';
6098        font-style: normal;
6099        font-weight: 400;
6100        font-size: 16px;
6101        line-height: 150%;
6102        /* or 24px */
6103
6104        color: #171717;
6105    }
6106
6107    .find-desc {
6108        max-width: 520px;
6109        margin-bottom: 32px;
6110        color: #445;
6111    }
6112
6113    .find-tabs {
6114        display: flex;
6115        gap: 24px;
6116        margin: 24px 0;
6117        border-bottom: 1px solid #e6e6e6;
6118    }
6119
6120    .tab-btn {
6121        background: none;
6122        border: none;
6123        padding: 12px;
6124        cursor: pointer;
6125        position: relative;
6126
6127        color: #003893;
6128        font-size: 16px;
6129        font-family: "Stone Sans, SemiBold";
6130        font-weight: 5;
6131        line-height: 24px;
6132        word-wrap: break-word;
6133    }
6134
6135    .tab-btn.active {
6136        color: #0b3c8a; /* SP Setia blue */
6137        font-weight: 600;
6138    }
6139
6140    .tab-btn.active::after {
6141        content: "";
6142        position: absolute;
6143        left: 0;
6144        bottom: -1px;
6145        width: 100%;
6146        height: 3px;
6147        background: #0b3c8a;
6148        border-radius: 2px;
6149    }
6150
6151    .find-panels {
6152        position: relative;
6153    }
6154
6155    .tab-panel {
6156        display: none;
6157    }
6158
6159    .tab-panel.active {
6160        display: block;
6161    }
6162
6163    .find-section {
6164        position: relative;
6165        width: 100%;
6166        overflow: hidden;
6167        padding: 80px 100px;
6168    }
6169
6170    .section-bg-image {
6171        position: absolute;
6172        inset: 0;
6173        z-index: 0;
6174    }
6175
6176    .section-bg-image img {
6177        width: 100%;
6178        height: 100%;
6179        object-fit: cover;
6180        object-position: center;
6181    }
6182
6183    .find-inner {
6184        position: relative;
6185        z-index: 2;
6186        display: grid;
6187        grid-template-columns: 1fr 1fr;
6188        gap: 0;
6189        align-items: center;
6190    }
6191
6192    @media (max-width: 768px) {
6193        .c-section--1 {
6194            padding-top: 80px;
6195        }
6196
6197        .find-inner {
6198            display: flex;
6199            flex-direction: column;
6200        }
6201
6202        .find-image {
6203            display: none;
6204        }
6205    }
6206
6207    .find-section .gform_wrapper form {
6208        width: 100%;
6209    }
6210
6211    .find-section .gform_fields {
6212        display: grid !important;
6213        grid-template-columns: repeat(2, 1fr);
6214        gap: 24px 32px;
6215    }
6216
6217    .find-section .gfield.full-width {
6218        grid-column: 1 / -1;
6219    }
6220
6221    .find-section .gfield_label {
6222        font-size: 14px;
6223        font-weight: 600;
6224        margin-bottom: 6px;
6225        color: #0f172a;
6226    }
6227
6228    .find-section .gfield_required {
6229        color: #dc2626;
6230        font-style: italic;
6231        font-weight: 400;
6232    }
6233
6234    /* Gravity Forms checkbox */
6235    .gfield input[type="checkbox"] {
6236        accent-color: #0B3C8A; /* your Setia blue */
6237    }
6238
6239    .gform_button {
6240        border: 1px solid transparent;
6241    }
6242
6243    .find-section input[type="text"],
6244    .find-section input[type="email"],
6245    .find-section input[type="tel"],
6246    .find-section select {
6247        height: 48px;
6248        padding: 0 14px;
6249        border-radius: 6px;
6250        border: 1px solid #cbd5e1;
6251        font-size: 15px;
6252    }
6253
6254    .textarea.large {
6255        padding: 0 14px;
6256        border-radius: 6px;
6257        border: 1px solid #cbd5e1;
6258        font-size: 15px;
6259    }
6260
6261    .find-section .gfield_checkbox {
6262        display: flex;
6263        flex-direction: column;
6264        gap: 12px;
6265    }
6266
6267    select {
6268        opacity: 1;
6269        font-family: "Stone Sans, Medium";
6270        text-transform: capitalize !important;
6271        color: var(--royal-blue-color) !important;
6272    }
6273
6274    .nl-track.dragging {
6275        cursor: grabbing;
6276    }
6277
6278    .nl-track.dragging,
6279    .nl-track.dragging * {
6280        user-select: none;
6281        cursor: grabbing;
6282    }
6283
6284    .find-section .gfield_checkbox input {
6285        margin-top: 4px;
6286    }
6287
6288    .find-section .gfield_checkbox label {
6289        font-size: 14px;
6290        line-height: 1.6;
6291    }
6292
6293    .find-section .gform_footer {
6294        margin-top: 24px;
6295    }
6296
6297    .find-section .gform_button {
6298        background: #0b3c8a;
6299        color: #fdfdfd;
6300        border-radius: 999px;
6301        padding: 12px 36px;
6302        font-weight: 600;
6303    }
6304
6305    .find-section .gform_wrapper {
6306        width: 100%;
6307    }
6308
6309    .find-section .gform_button {
6310        background: #0b3a8d;
6311        color: #fdfdfd;
6312        padding: 12px 50px;
6313        border-radius: 24px;
6314        font-weight: 600;
6315        text-transform: uppercase;
6316        font-family: "Stone Sans, SemiBold";
6317    }
6318
6319    .hero-split-content {
6320        display: grid;
6321        grid-template-columns: repeat(2, 1fr);
6322        gap: 64px;
6323        width: 100vw;
6324        margin: 0 auto;
6325
6326        align-items: flex-end;
6327    }
6328
6329    .hero-left-content,
6330    .hero-right-content {
6331        display: flex;
6332        flex-direction: column;
6333        align-items: center;
6334        justify-content: flex-start;
6335        text-align: left;
6336    }
6337    
6338    .hero-right-content {
6339        min-height: 1px;
6340        min-width: 300px;
6341    }
6342
6343    .gform_wrapper.gravity-theme .gform_fields {
6344        grid-row-gap: 24px !important;
6345    }
6346
6347    /* Mobile: 2x2 */
6348    @media (max-width: 767px) {
6349        .country-grid {
6350            grid-template-columns: repeat(2, 1fr);
6351        }
6352
6353        .highlights-cards {
6354            display: flex;
6355            gap: 20px;
6356            padding: 0 24px;
6357
6358            overflow-x: auto;
6359            overflow-y: hidden;
6360
6361            scroll-snap-type: x mandatory;
6362            -webkit-overflow-scrolling: touch;
6363        }
6364
6365        .highlights-cards::-webkit-scrollbar {
6366            display: none;
6367        }
6368
6369        .highlight-card {
6370            flex: 0 0 auto;
6371            width: 280px;
6372            scroll-snap-align: start;
6373        }
6374    }
6375
6376    .ginput_container.ginput_container_select {
6377        border-radius: 6px;
6378        border: 1px solid #cbd5e1;
6379        font-size: 15px;
6380        background-color: #fdfdfd;
6381    }
6382
6383    .ginput_container.ginput_container_select {
6384        height: 48px;
6385    }
6386
6387    .find-section::before {
6388        background-image: var(--bg-desktop);
6389    }
6390
6391    /* Desktop: 4x1 */
6392    @media (min-width: 768px) {
6393        .country-grid {
6394            grid-template-columns: repeat(4, 1fr);
6395        }
6396
6397        .ginput_container.ginput_container_select {
6398            grid-template-columns: 1fr;
6399        }
6400    }
6401
6402    [class*="col-"] {
6403        padding: 0;
6404    }
6405
6406    @media (min-width: 1080px) {
6407        .highlights-controls {
6408            display: none !important;
6409        }
6410    }
6411
6412
6413    @media (max-width: 1080px) {
6414        .hs-submit {
6415            font-size: 16px !important;
6416        }
6417    }
6418
6419    /* Mobile */
6420    @media (max-width: 1200px) {
6421        .homepage-section,
6422        .highlights-section,
6423        .sustainability-section {
6424            padding: 40px 0;
6425            gap: 24px;
6426        }
6427
6428        .m-40 {
6429            margin-bottom: 24px;
6430        }
6431
6432        .section-title {
6433            font-style: normal;
6434            font-size: 28px !important;
6435            font-family: 'Stone Sans, Medium';
6436            font-style: normal;
6437            font-weight: 5;
6438            line-height: 130%;
6439            /* or 36px */
6440            color: #171717 !important;
6441        }
6442
6443        .find-inner {
6444            padding: 0;
6445        }
6446
6447        .nl-tabs {
6448            overflow-x: scroll;
6449            overflow-y: hidden;
6450        }
6451
6452        .nl-tabs button {
6453            padding: 10px 8px;
6454        }
6455
6456        .nl-tabs::-webkit-scrollbar {
6457            display: none;
6458        }
6459
6460        .find-property-tab {
6461            display: flex !important;
6462        }
6463
6464        .hero-title {
6465            width: 90%;
6466        }
6467
6468        .hero-pagination {
6469            right: 50%;
6470            top: auto;
6471            bottom: 20px;
6472            transform: translateX(50%);
6473            flex-direction: row;
6474        }
6475
6476        .hero-search-mobile {
6477            display: flex;
6478            align-items: center;
6479            justify-content: space-between;
6480            gap: 12px;
6481
6482            background: #fdfdfd;
6483            border-radius: 999px;
6484            padding: 5px 8px;
6485            width: 100%;
6486            max-width: 92%;
6487            margin: 0 auto;
6488
6489            cursor: pointer;
6490            z-index: 30;
6491        }
6492
6493        .hsm-left {
6494            display: flex;
6495            align-items: center;
6496            gap: 10px;
6497            color: #9ca3af;
6498            font-size: 14px;
6499        }
6500
6501        .hsm-btn {
6502            background: #00A6E9;
6503            color: #fdfdfd;
6504            border: none;
6505            border-radius: 999px;
6506            padding: 8px 18px;
6507            font-weight: 600;
6508            font-size: 13px;
6509        }
6510
6511        /* Hide desktop search */
6512        .hero-search {
6513            display: none;
6514        }
6515
6516        .nl-grid {
6517            display: none;
6518        }
6519
6520        .nl-slider {
6521            display: flex;
6522            gap: 16px;
6523            overflow-x: auto;
6524            scroll-snap-type: x mandatory;
6525            width: 100%;
6526        }
6527
6528        .nl-mobile-slider {
6529            display: flex;
6530            gap: 16px;
6531            overflow-x: auto;
6532            scroll-snap-type: x mandatory;
6533            width: 100%;
6534        }
6535
6536        .nl-mobile-slider::-webkit-scrollbar {
6537            display: none;
6538        }
6539
6540        .btn-primary,
6541        .btn-secondary {
6542            font-style: normal !important;
6543            font-weight: 5 !important;
6544            font-size: 14px !important;
6545            line-height: 150% !important;
6546        }
6547
6548        .single-property-card {
6549            gap: 16px;
6550            width: 280px !important;
6551        }
6552
6553        .property-media.homepage {
6554            height: 210px !important;
6555        }
6556
6557        .single-property-content.homepage {
6558            gap: 8px;
6559        }
6560
6561        .single-property-thumbnail {
6562            width: 280px !important;
6563            height: 210px !important;
6564        }
6565
6566        .nl-card {
6567            width: 280px;
6568            scroll-snap-align: start;
6569        }
6570
6571        .section-inner {
6572            width: 100%;
6573            padding: 0 24px;
6574        }
6575
6576        .section-overflow-inner {
6577            padding: 0 0 0 20px;
6578            margin-left: 0;
6579        }
6580
6581        .nl-track {
6582            padding: 0 16px 12px;
6583        }
6584
6585        .country-card {
6586            height: 100%;
6587            width: 100%;
6588        }
6589
6590        .country-grid {
6591            gap: 16px;
6592        }
6593
6594        .sustainability-content {
6595            width: 80%;
6596        }
6597
6598        .sustainability-inner {
6599            width: 100%;
6600            grid-template-columns: 1fr;
6601            padding: 0 24px;
6602        }
6603
6604        .sustainability-desc p {
6605            font-family: 'Verdana';
6606            font-style: normal;
6607            font-weight: 400;
6608            font-size: 16px !important;
6609            line-height: 150%;
6610            color: #FDFDFD;
6611        }
6612
6613        .initiative-title {
6614            font-style: normal;
6615            font-weight: 5;
6616            font-size: 22px !important;
6617            line-height: 140%;
6618        }
6619
6620        .initiative-cards {
6621            display: flex;
6622            gap: 16px;
6623            padding: 0 24px;
6624
6625            overflow-x: auto;
6626            overflow-y: hidden;
6627            margin-left: 0;
6628            width: 100%;
6629        }
6630
6631        .initiative-cards::-webkit-scrollbar {
6632            display: none;
6633        }
6634
6635        .initiative-card {
6636            flex: 0 0 auto;
6637            width: 128px;
6638            height: 156px;
6639            scroll-snap-align: start;
6640        }
6641
6642        .highlights-controls {
6643            display: flex;
6644        }
6645
6646        .find-section {
6647            padding: 24px;
6648        }
6649
6650        .find-content {
6651            width: 100%;
6652        }
6653
6654        .find-content h2 {
6655            font-family: 'Stone Sans, Medium';
6656            font-style: normal;
6657            font-weight: 5;
6658            font-size: 28px !important;
6659            line-height: 130%;
6660            /* or 36px */
6661
6662            color: #171717;
6663        }
6664
6665        .find-content p {
6666            font-family: 'Verdana';
6667            font-style: normal;
6668            font-weight: 400;
6669            font-size: 14px !important;
6670            line-height: 150%;
6671            /* or 24px */
6672
6673            color: #171717;
6674        }
6675
6676        .find-tabs {
6677            overflow-x: auto;
6678            white-space: nowrap;
6679        }
6680
6681        .find-tabs::-webkit-scrollbar {
6682            display: none;
6683        }
6684
6685        .find-inner {
6686            grid-template-columns: 1fr;
6687        }
6688
6689        .find-inner {
6690            padding-left: 30%;
6691        }
6692        
6693        .hero-split-content {
6694            grid-template-columns: 1fr;
6695            gap: 32px;
6696        }
6697
6698        .find-section .gform_button {
6699            width: 100%;
6700        }
6701    }
6702
6703    @media (max-width: 768px) {
6704        .nl-viewall {
6705            font-size: 12px;
6706        }
6707
6708        .nl-loc-title {
6709            font-size: 18px;
6710        }
6711
6712        .nl-subhead {
6713            margin-bottom: 0px;
6714        }
6715
6716        .find-section {
6717            height: 1650px;
6718            padding: 24px;
6719        }
6720
6721        .find-inner {
6722            padding: 0;
6723        }
6724
6725        .find-tabs {
6726            gap: 20px;
6727        }
6728
6729        .tab-btn {
6730            font-size: 15px;
6731        }
6732
6733        .section-bg-image img {
6734            object-position: bottom;
6735        }
6736    }
6737
6738    .gform_wrapper.gravity-theme .gfield_required {
6739        display: none;
6740    }
6741
6742    .nl-track.is-hidden { display: none !important; }
6743
6744    .hero-media-link {
6745        display: block;
6746        width: 100%;
6747        height: 100%;
6748    }
6749
6750    .hero-media-link picture,
6751    .hero-media-link img,
6752    .hero-media-link video {
6753        display: block;
6754        width: 100%;
6755        height: 100%;
6756    }
6757</style>
6758
6759
6760<script>
6761const PROPERTY_PAGE_URL = "https://spsetia.com/property-development/";
6762</script>
6762
6763
6764<script>
6765function applyLocationFilter(section, btn) {
6766    const selectedSlug  = btn.dataset.location;
6767    const selectedLabel = btn.textContent.trim();
6768
6769    btn.closest('.nl-tabs')
6770        .querySelectorAll('button')
6771        .forEach(b => b.classList.toggle('active', b === btn));
6772
6773    // show / hide cards (still needed)
6774    let renderedCount = 0;
6775    section.querySelectorAll('.nl-card').forEach(card => {
6776        const match = card.dataset.location === selectedSlug;
6777        card.style.display = match ? '' : 'none';
6778        if (match) renderedCount++;
6779    });
6780
6781    const track = section.querySelector('.nl-track');
6782    const totals = JSON.parse(track?.dataset.locationCounts || '{}');
6783    const totalCount = totals[selectedSlug] ?? renderedCount;
6784
6785    // update title with REAL count
6786    const titleEl = section.querySelector('.nl-loc-title');
6787    if (titleEl) {
6788        titleEl.textContent = `${selectedLabel} (${totalCount})`;
6789    }
6790
6791    // update view-all URL
6792    const viewAllEl = section.querySelector('#nlViewAll');
6793    if (viewAllEl && PROPERTY_PAGE_URL) {
6794        const params = new URLSearchParams();
6795        params.set('location[]', selectedSlug);
6796
6797        const statuses = JSON.parse(viewAllEl.dataset.status || '[]');
6798        if (statuses) {
6799            statuses.forEach(s => {
6800                params.append('status[]', s);
6801            });
6802        }
6803
6804        viewAllEl.href = `${PROPERTY_PAGE_URL}?${params.toString()}`;
6805    }
6806
6807    // update view cta URL
6808    const viewCta = section.querySelector('#viewCta');
6809    if (viewCta && PROPERTY_PAGE_URL) {
6810        const params = new URLSearchParams();
6811
6812        const statuses = JSON.parse(viewCta.dataset.status || '[]');
6813        if (statuses) {
6814            statuses.forEach(s => {
6815                params.append('status[]', s);
6816            });
6817        }
6818
6819        viewCta.href = `${PROPERTY_PAGE_URL}?${params.toString()}`;
6820    }
6821
6822    // empty state (based on TOTAL, not rendered)
6823    const empty = section.querySelector('.nl-empty');
6824    const nlTrack = section.querySelector('.nl-track');
6825
6826    const hasResults = totalCount > 0;
6827
6828    if (empty) empty.hidden = hasResults;
6829    if (nlTrack) nlTrack.classList.toggle('is-hidden', !hasResults);
6830
6831    // reset scroll
6832    section.querySelector('.nl-track')?.scrollTo({
6833        left: 0,
6834        behavior: 'smooth'
6835    });
6836}
6837
6838function initTrackDrag(track) {
6839    let isDown = false;
6840    let isDragging = false;
6841    let startX = 0;
6842    let scrollLeft = 0;
6843
6844    const DRAG_THRESHOLD = 5; // px
6845
6846    track.addEventListener('mousedown', e => {
6847        isDown = true;
6848        isDragging = false;
6849        startX = e.pageX;
6850        scrollLeft = track.scrollLeft;
6851    });
6852
6853    ['mouseup', 'mouseleave'].forEach(evt =>
6854        track.addEventListener(evt, () => {
6855        isDown = false;
6856        isDragging = false;
6857        track.classList.remove('dragging');
6858        })
6859    );
6860
6861    track.addEventListener('mousemove', e => {
6862        if (!isDown) return;
6863
6864        const delta = e.pageX - startX;
6865
6866        // only start dragging after threshold
6867        if (!isDragging && Math.abs(delta) > DRAG_THRESHOLD) {
6868        isDragging = true;
6869        track.classList.add('dragging');
6870        }
6871
6872        if (!isDragging) return;
6873
6874        e.preventDefault();
6875        track.scrollLeft = scrollLeft - delta * 1.2;
6876    });
6877
6878    document.addEventListener('click', e => {
6879        const card = e.target.closest('.single-property-card');
6880        if (!card) return;
6881
6882        const track = card.closest('.nl-track');
6883
6884        // if track is being dragged → ignore
6885        if (track && track.classList.contains('dragging')) {
6886            e.preventDefault();
6887            return;
6888        }
6889
6890        const url = card.dataset.url;
6891        if (url) {
6892            window.location.href = url;
6893        }
6894    });
6895
6896}
6897
6898</script>
6898
6899
6900<script>
6901document.addEventListener('click', e => {
6902    const btn = e.target.closest('.nl-tabs button');
6903    if (!btn) return;
6904
6905    const section = btn.closest('.homepage-section');
6906    if (!section) return;
6907
6908    applyLocationFilter(section, btn);
6909});
6910</script>
6910
6911
6912<script>
6913document.addEventListener('DOMContentLoaded', () => {
6914    document
6915        .querySelectorAll('.homepage-section.home-new-launch')
6916        .forEach(section => {
6917            const firstBtn =
6918                section.querySelector('.nl-tabs button.active') ||
6919                section.querySelector('.nl-tabs button');
6920
6921            if (firstBtn) {
6922                applyLocationFilter(section, firstBtn);
6923            }
6924        });
6925
6926    document.querySelectorAll('.nl-track').forEach(initTrackDrag);
6927    
6928    document
6929        .querySelectorAll('.homepage-section.home-ongoing')
6930        .forEach(section => {
6931            const firstBtn =
6932                section.querySelector('.nl-tabs button.active') ||
6933                section.querySelector('.nl-tabs button');
6934
6935            if (firstBtn) {
6936                applyLocationFilter(section, firstBtn);
6937            }
6938        });
6939});
6940</script>
6940
6941
6942<script>
6943document.addEventListener('DOMContentLoaded', () => {
6944    const slider = document.querySelector('[data-hero-slider]');
6945    if (!slider) return;
6946
6947    const slides = slider.querySelectorAll('.hero-slide');
6948    const pagination = slider.querySelector('[data-hero-pagination]');
6949    let index = 0;
6950    let timer = null;
6951    let isPaused = false;
6952
6953    if (slides.length <= 0) return;
6954
6955    slides.forEach(s => s.classList.remove('active'));
6956    slides[0].classList.add('active');
6957
6958    slides.forEach((_, i) => {
6959        const bullet = document.createElement('span');
6960        bullet.className = 'hero-bullet' + (i === 0 ? ' active' : '');
6961        bullet.addEventListener('click', () => {
6962            goToSlide(i);
6963            resetTimer();
6964        });
6965        pagination.appendChild(bullet);
6966    });
6967
6968    const bullets = pagination.querySelectorAll('.hero-bullet');
6969
6970    function goToSlide(i) {
6971        slides[index].classList.remove('active');
6972        bullets[index].classList.remove('active');
6973        index = i;
6974        slides[index].classList.add('active');
6975        bullets[index].classList.add('active');
6976    }
6977
6978    function nextSlide() {
6979        if (!isPaused) goToSlide((index + 1) % slides.length);
6980    }
6981
6982    function startTimer() {
6983        stopTimer();
6984        timer = setInterval(nextSlide, 3000);
6985    }
6986
6987    function stopTimer() {
6988        if (timer) clearInterval(timer);
6989        timer = null;
6990    }
6991
6992    function resetTimer() {
6993        startTimer();
6994    }
6995
6996    slider.addEventListener('mouseenter', () => {
6997        isPaused = true;
6998        stopTimer();
6999    });
7000
7001    slider.addEventListener('mouseleave', () => {
7002        isPaused = false;
7003        startTimer();
7004    });
7005
7006    startTimer();
7007});
7008</script>
7008
7009
7010<script>
7011document.addEventListener('DOMContentLoaded', () => {
7012    const track = document.querySelector('.highlights-cards');
7013    const cards = [...document.querySelectorAll('.highlight-card')];
7014    const prev = document.querySelector('.highlights-controls .prev');
7015    const next = document.querySelector('.highlights-controls .next');
7016    const progressBar = document.querySelector('.progress-bar');
7017    const currentEl = document.querySelector('.slide-count .current');
7018    const totalEl = document.querySelector('.slide-count .total');
7019
7020    if (!track || !cards.length || !progressBar) return;
7021
7022    const total = cards.length;
7023    totalEl.textContent = String(total).padStart(2, '0');
7024
7025    // fixed-width progress segment
7026    progressBar.style.width = `${100 / total}%`;
7027
7028    function getActiveIndex() {
7029        const trackCenter = track.scrollLeft + track.offsetWidth / 2;
7030
7031        let closestIndex = 0;
7032        let minDistance = Infinity;
7033
7034        cards.forEach((card, index) => {
7035        const cardCenter = card.offsetLeft + card.offsetWidth / 2;
7036        const distance = Math.abs(trackCenter - cardCenter);
7037
7038        if (distance < minDistance) {
7039            minDistance = distance;
7040            closestIndex = index;
7041        }
7042        });
7043
7044        return closestIndex;
7045    }
7046
7047    function updateUI(index) {
7048        currentEl.textContent = String(index + 1).padStart(2, '0');
7049        progressBar.style.transform = `translateX(${index * 100}%)`;
7050
7051        if (prev) prev.disabled = index === 0;
7052        if (next) next.disabled = index === total - 1;
7053    }
7054
7055    function scrollToIndex(index) {
7056        cards[index].scrollIntoView({
7057        behavior: 'smooth',
7058        inline: 'center'
7059        });
7060        updateUI(index);
7061    }
7062
7063    // Arrow controls
7064    next?.addEventListener('click', (e) => {
7065        e.preventDefault();
7066        const i = Math.min(getActiveIndex() + 1, total - 1);
7067        scrollToIndex(i);
7068    });
7069
7070    prev?.addEventListener('click', (e) => {
7071        e.preventDefault();
7072        const i = Math.max(getActiveIndex() - 1, 0);
7073        scrollToIndex(i);
7074    });
7075
7076    // Sync on swipe
7077    let ticking = false;
7078    track.addEventListener('scroll', () => {
7079        if (ticking) return;
7080        ticking = true;
7081
7082        requestAnimationFrame(() => {
7083        updateUI(getActiveIndex());
7084        ticking = false;
7085        });
7086    });
7087
7088    // Init
7089    updateUI(0);
7090});
7091</script>
7091
7092
7093<script>
7094document.addEventListener('DOMContentLoaded', () => {
7095    // Toggle dropdowns
7096    document.querySelectorAll('.hs-dropdown .hs-trigger')
7097        .forEach(btn => {
7098        btn.addEventListener('click', e => {
7099            const parent = btn.closest('.hs-dropdown');
7100
7101            document.querySelectorAll('.hs-dropdown')
7102            .forEach(d => d !== parent && d.classList.remove('active'));
7103
7104            parent.classList.toggle('active');
7105        });
7106    });
7107
7108    // Close when clicking outside
7109    document.addEventListener('click', e => {
7110        if (!e.target.closest('.hs-dropdown')) {
7111        document.querySelectorAll('.hs-dropdown')
7112            .forEach(d => d.classList.remove('active'));
7113        }
7114    });
7115
7116    // Submit
7117    document
7118        .getElementById('heroSearchForm')
7119        .addEventListener('submit', e => {
7120            e.preventDefault();
7121
7122            const params = [];
7123
7124            // KEYWORD
7125            const kw =
7126            e.target.querySelector('[name="kw"]')?.value?.trim() ||
7127            document.querySelector('#searchInput')?.value?.trim() ||
7128            document.querySelector('#PropertyKw')?.value?.trim() ||
7129            '';
7130
7131            if (kw) {
7132            params.push(`kw=${encodeURIComponent(kw)}`);
7133            }
7134
7135            // LOCATION
7136            document
7137            .querySelectorAll('.hs-dropdown[data-filter="location"] input:checked')
7138            .forEach(cb => {
7139                params.push(`location[]=${encodeURIComponent(cb.value)}`);
7140            });
7141
7142            // TOWNSHIP
7143            document
7144            .querySelectorAll('.hs-dropdown[data-filter="township"] input:checked')
7145            .forEach(cb => {
7146                params.push(`township_id[]=${encodeURIComponent(cb.value)}`);
7147            });
7148
7149            // PROPERTY TYPE
7150            document
7151            .querySelectorAll('.hs-dropdown[data-filter="type"] input:checked')
7152            .forEach(cb => {
7153                params.push(`property_type[]=${encodeURIComponent(cb.value)}`);
7154            });
7155
7156            // STATUS
7157            document
7158            .querySelectorAll('.hs-dropdown[data-filter="status"] input:checked')
7159            .forEach(cb => {
7160                params.push(`status[]=${encodeURIComponent(cb.value)}`);
7161            });
7162
7163            const url = params.length
7164            ? `${PROPERTY_PAGE_URL}?${params.join('&')}`
7165            : PROPERTY_PAGE_URL;
7166
7167            window.location.href = url;
7168    });
7169
7170    document
7171        .getElementById('openMobileSearch')
7172        ?.addEventListener('click', () => {
7173            toggleFindProperty();
7174    });
7175});
7176</script>
7176
7177
7178<script>
7179document.addEventListener('DOMContentLoaded', () => {
7180    const tabs = document.querySelectorAll('.tab-btn');
7181    const panels = document.querySelectorAll('.tab-panel');
7182
7183    if (!tabs.length || !panels.length) return;
7184
7185    tabs.forEach(tab => {
7186        tab.addEventListener('click', () => {
7187        const index = tab.dataset.tab;
7188
7189        // toggle tabs
7190        tabs.forEach(t => t.classList.remove('active'));
7191        tab.classList.add('active');
7192
7193        // toggle panels
7194        panels.forEach(panel => {
7195            panel.classList.toggle(
7196            'active',
7197            panel.dataset.panel === index
7198            );
7199        });
7200        });
7201    });
7202});
7203</script>
7203
7204
7205<!-- main content -->
7206<main data-rocket-location-hash="4e0da87e07bf8fad5da85353ae2ce3d8" class="c-main content">
7207    <div data-rocket-location-hash="b5d957e8236a76a19321903e7352e106" id="toTop" class="pt-80" style="display: none;">
7208        <div data-rocket-location-hash="c62fd22facad23ea23d47699194a723b" class="container large">
7209            <a href="#top" onclick="scrollToTop(); return false"></a>
7210        </div>
7211    </div>
7212
7213    <div data-rocket-location-hash="4fba0b21dfe9890cf7a400fbb28393b7" class="main-content">
7214        <!-- to top button -->
7215        <div data-rocket-location-hash="f0858b39df5a566d752b4b38045df904" id="toTop" class="pt-80">
7216            <div class="container large">
7217                <a href="#top" onclick="scrollToTop(); return false"></a>
7218            </div>
7219        </div>
7220
7221        <div data-rocket-location-hash="870e9462b88094918c4e720693bbc703" class="cloudy-bg">
7222            
7223                        <section class="c-section c-section--1 p-unset">
7224                <div class="row">
7225                    <div class="hero-slider" data-hero-slider>
7226                        <div class="hero-pagination" data-hero-pagination></div>
7227                                                    
7228                            <div class="hero-slide hero-slide--full">
7229                                <div class="hero-media">
7230                                    
7231                                                                            <!-- IMAGE HERO -->
7232                                        <picture class="hero-bg-image">
7233                                                                                            <source srcset="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/Screenshot_29.jpg" media="(max-width: 500px)">
7234                                                                                                                                        <source srcset="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/ARE6A3_1.JPG.jpeg" media="(max-width: 1024px)">
7235                                                                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/ARE6A3_1.JPG.jpeg" alt="">
7236                                        </picture>
7237                                    
7238                                                                    </div>
7239
7240                                <div class="hero-content">
7241                                                                                                                    <h1 class="hero-title">From First Milestones to Lasting Legacies</h1>
7242                                        
7243                                        
7244                                        
7245                                        
7246                                                                        <form class="hero-search" id="heroSearchForm">
7247                                        <!-- Keyword -->
7248                                        <div class="hs-item hs-keyword">
7249                                            <svg class="find-property-icon" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
7250                                            <path d="M17.1443 2.8396C25.242 2.83985 31.8376 9.56476 31.8376 17.8396C31.8376 21.5228 30.5236 24.8978 28.3523 27.5144L36.3767 35.7058C36.8583 36.1891 36.8583 36.9817 36.3767 37.4734C36.1401 37.7149 35.8215 37.8395 35.5115 37.8396C35.2015 37.8396 34.8829 37.7148 34.6462 37.4734L26.6218 29.281C24.0587 31.4976 20.7523 32.8395 17.1443 32.8396C9.04633 32.8396 2.44995 26.1146 2.44995 17.8396C2.44995 9.5646 9.04633 2.8396 17.1443 2.8396ZM17.1443 5.3396C10.3933 5.3396 4.89917 10.9479 4.89917 17.8396C4.89917 24.7313 10.3933 30.3396 17.1443 30.3396C23.8951 30.3393 29.3884 24.7311 29.3884 17.8396C29.3884 10.9481 23.8951 5.33985 17.1443 5.3396ZM16.4421 8.41479C16.8258 8.11488 17.3808 8.11482 17.7644 8.41479L25.5603 14.5398C25.9111 14.8148 25.9842 15.3392 25.7068 15.7058C25.5517 15.9225 25.3071 16.031 25.0623 16.031C24.9235 16.031 24.7847 15.981 24.6541 15.906V24.781H9.55151V15.906C9.20053 16.1142 8.75178 16.0391 8.49878 15.7058C8.22154 15.3392 8.28717 14.823 8.64624 14.5398L16.4421 8.41479ZM11.1843 14.6482V23.115H13.2253V18.323C13.2253 17.173 14.1398 16.24 15.2664 16.24H18.9402C20.0665 16.2402 20.9802 17.1731 20.9802 18.323V23.115H23.0212V14.6482L17.1033 9.9978L11.1843 14.6482ZM15.2664 17.906C15.0459 17.906 14.8582 18.098 14.8582 18.323V23.115H19.3484V18.323C19.3484 18.0981 19.1604 17.9063 18.9402 17.906H15.2664Z" fill="#949494"/>
7251                                            </svg>
7252
7253                                            <input
7254                                                type="text"
7255                                                name="kw"
7256                                                placeholder="Search for property"
7257                                            >
7258                                        </div>
7259
7260                                        <div class="hs-dropdown-group">
7261                                            <!-- Location -->
7262                                            <div class="hs-item hs-dropdown" data-filter="location">
7263                                                <button type="button" class="hs-trigger">
7264                                                    <span>Location</span>
7265                                                    <ion-icon name="chevron-down-outline"></ion-icon>
7266                                                </button>
7267
7268                                                <div class="hs-panel">
7269                                                                                                        <label>
7270                                                        <input
7271                                                        type="checkbox"
7272                                                        value="45">
7273                                                        Malaysia (Central)                                                    </label>
7274                                                                                                        <label>
7275                                                        <input
7276                                                        type="checkbox"
7277                                                        value="50">
7278                                                        Malaysia (Eastern)                                                    </label>
7279                                                                                                        <label>
7280                                                        <input
7281                                                        type="checkbox"
7282                                                        value="48">
7283                                                        Malaysia (Northen)                                                    </label>
7284                                                                                                        <label>
7285                                                        <input
7286                                                        type="checkbox"
7287                                                        value="66">
7288                                                        Malaysia (Southern)                                                    </label>
7289                                                                                                    </div>
7290                                            </div>
7291
7292                                            <!-- Township -->
7293                                            <div class="hs-item hs-dropdown" data-filter="township">
7294                                                <button type="button" class="hs-trigger">
7295                                                    <span>Township</span>
7296                                                    <ion-icon name="chevron-down-outline"></ion-icon>
7297                                                </button>
7298
7299                                                <div class="hs-panel">
7300                                                                                                        <label>
7301                                                        <input
7302                                                        type="checkbox"
7303                                                        name="property_type[]"
7304                                                        value="5201">
7305                                                        Aeropod                                                    </label>
7306                                                                                                        <label>
7307                                                        <input
7308                                                        type="checkbox"
7309                                                        name="property_type[]"
7310                                                        value="5469">
7311                                                        Alam Damai                                                    </label>
7312                                                                                                        <label>
7313                                                        <input
7314                                                        type="checkbox"
7315                                                        name="property_type[]"
7316                                                        value="7627">
7317                                                        Alam Impian                                                    </label>
7318                                                                                                        <label>
7319                                                        <input
7320                                                        type="checkbox"
7321                                                        name="property_type[]"
7322                                                        value="7321">
7323                                                        Bandar Kinrara                                                    </label>
7324                                                                                                        <label>
7325                                                        <input
7326                                                        type="checkbox"
7327                                                        name="property_type[]"
7328                                                        value="8717">
7329                                                        Bukit Indah                                                    </label>
7330                                                                                                        <label>
7331                                                        <input
7332                                                        type="checkbox"
7333                                                        name="property_type[]"
7334                                                        value="9298">
7335                                                        Casa Rica                                                    </label>
7336                                                                                                        <label>
7337                                                        <input
7338                                                        type="checkbox"
7339                                                        name="property_type[]"
7340                                                        value="4255">
7341                                                        KL Eco City                                                    </label>
7342                                                                                                        <label>
7343                                                        <input
7344                                                        type="checkbox"
7345                                                        name="property_type[]"
7346                                                        value="4333">
7347                                                        Setia Alam                                                    </label>
7348                                                                                                        <label>
7349                                                        <input
7350                                                        type="checkbox"
7351                                                        name="property_type[]"
7352                                                        value="10865">
7353                                                        Setia Alaman                                                    </label>
7354                                                                                                        <label>
7355                                                        <input
7356                                                        type="checkbox"
7357                                                        name="property_type[]"
7358                                                        value="4613">
7359                                                        Setia Alamsari                                                    </label>
7360                                                                                                        <label>
7361                                                        <input
7362                                                        type="checkbox"
7363                                                        name="property_type[]"
7364                                                        value="5316">
7365                                                        Setia Bayuemas                                                    </label>
7366                                                                                                        <label>
7367                                                        <input
7368                                                        type="checkbox"
7369                                                        name="property_type[]"
7370                                                        value="8716">
7371                                                        Setia Business Park                                                    </label>
7372                                                                                                        <label>
7373                                                        <input
7374                                                        type="checkbox"
7375                                                        name="property_type[]"
7376                                                        value="8702">
7377                                                        Setia Business Park II                                                    </label>
7378                                                                                                        <label>
7379                                                        <input
7380                                                        type="checkbox"
7381                                                        name="property_type[]"
7382                                                        value="8696">
7383                                                        Setia Eco Cascadia                                                    </label>
7384                                                                                                        <label>
7385                                                        <input
7386                                                        type="checkbox"
7387                                                        name="property_type[]"
7388                                                        value="9495">
7389                                                        Setia Eco Gardens                                                    </label>
7390                                                                                                        <label>
7391                                                        <input
7392                                                        type="checkbox"
7393                                                        name="property_type[]"
7394                                                        value="7953">
7395                                                        Setia Eco Glades                                                    </label>
7396                                                                                                        <label>
7397                                                        <input
7398                                                        type="checkbox"
7399                                                        name="property_type[]"
7400                                                        value="4976">
7401                                                        Setia Eco Park                                                    </label>
7402                                                                                                        <label>
7403                                                        <input
7404                                                        type="checkbox"
7405                                                        name="property_type[]"
7406                                                        value="7837">
7407                                                        Setia Eco Templer                                                    </label>
7408                                                                                                        <label>
7409                                                        <input
7410                                                        type="checkbox"
7411                                                        name="property_type[]"
7412                                                        value="7794">
7413                                                        Setia EcoHill                                                    </label>
7414                                                                                                        <label>
7415                                                        <input
7416                                                        type="checkbox"
7417                                                        name="property_type[]"
7418                                                        value="7904">
7419                                                        Setia EcoHill 2                                                    </label>
7420                                                                                                        <label>
7421                                                        <input
7422                                                        type="checkbox"
7423                                                        name="property_type[]"
7424                                                        value="7841">
7425                                                        Setia Federal Hill                                                    </label>
7426                                                                                                        <label>
7427                                                        <input
7428                                                        type="checkbox"
7429                                                        name="property_type[]"
7430                                                        value="8540">
7431                                                        Setia Fontaines                                                    </label>
7432                                                                                                        <label>
7433                                                        <input
7434                                                        type="checkbox"
7435                                                        name="property_type[]"
7436                                                        value="10124">
7437                                                        Setia Indah Johor                                                    </label>
7438                                                                                                        <label>
7439                                                        <input
7440                                                        type="checkbox"
7441                                                        name="property_type[]"
7442                                                        value="8429">
7443                                                        Setia Mayuri                                                    </label>
7444                                                                                                        <label>
7445                                                        <input
7446                                                        type="checkbox"
7447                                                        name="property_type[]"
7448                                                        value="7920">
7449                                                        Setia Safiro                                                    </label>
7450                                                                                                        <label>
7451                                                        <input
7452                                                        type="checkbox"
7453                                                        name="property_type[]"
7454                                                        va
7454lue="8294">
7455                                                        Setia Seraya                                                    </label>
7456                                                                                                        <label>
7457                                                        <input
7458                                                        type="checkbox"
7459                                                        name="property_type[]"
7460                                                        value="8219">
7461                                                        Setia Sky Seputeh                                                    </label>
7462                                                                                                        <label>
7463                                                        <input
7464                                                        type="checkbox"
7465                                                        name="property_type[]"
7466                                                        value="8614">
7467                                                        Setia Sky Ville                                                    </label>
7468                                                                                                        <label>
7469                                                        <input
7470                                                        type="checkbox"
7471                                                        name="property_type[]"
7472                                                        value="9364">
7473                                                        Setia Sky Vista                                                    </label>
7474                                                                                                        <label>
7475                                                        <input
7476                                                        type="checkbox"
7477                                                        name="property_type[]"
7478                                                        value="35044">
7479                                                        Setia SV2                                                    </label>
7480                                                                                                        <label>
7481                                                        <input
7482                                                        type="checkbox"
7483                                                        name="property_type[]"
7484                                                        value="10331">
7485                                                        Setia Tropika                                                    </label>
7486                                                                                                        <label>
7487                                                        <input
7488                                                        type="checkbox"
7489                                                        name="property_type[]"
7490                                                        value="8647">
7491                                                        Setia V Residences                                                    </label>
7492                                                                                                        <label>
7493                                                        <input
7494                                                        type="checkbox"
7495                                                        name="property_type[]"
7496                                                        value="8365">
7497                                                        Setia Warisan Tropika                                                    </label>
7498                                                                                                        <label>
7499                                                        <input
7500                                                        type="checkbox"
7501                                                        name="property_type[]"
7502                                                        value="9515">
7503                                                        Taman Pelangi Indah                                                    </label>
7504                                                                                                        <label>
7505                                                        <input
7506                                                        type="checkbox"
7507                                                        name="property_type[]"
7508                                                        value="10291">
7509                                                        Taman Perling                                                    </label>
7510                                                                                                        <label>
7511                                                        <input
7512                                                        type="checkbox"
7513                                                        name="property_type[]"
7514                                                        value="9511">
7515                                                        Taman Rinting                                                    </label>
7516                                                                                                        <label>
7517                                                        <input
7518                                                        type="checkbox"
7519                                                        name="property_type[]"
7520                                                        value="8295">
7521                                                        TemasyaGlenmarie                                                    </label>
7522                                                                                                        <label>
7523                                                        <input
7524                                                        type="checkbox"
7525                                                        name="property_type[]"
7526                                                        value="8700">
7527                                                        Trio By Setia                                                    </label>
7528                                                                                                    </div>
7529                                            </div>
7530
7531                                            <!-- Property Type -->
7532                                            <div class="hs-item hs-dropdown" data-filter="type">
7533                                                <button type="button" class="hs-trigger">
7534                                                    <span>Property Type</span>
7535                                                    <ion-icon name="chevron-down-outline"></ion-icon>
7536                                                </button>
7537
7538                                                <div class="hs-panel">
7539                                                                                                        <label>
7540                                                        <input
7541                                                        type="checkbox"
7542                                                        value="bungalow">
7543                                                        Bungalow                                                    </label>
7544                                                                                                        <label>
7545                                                        <input
7546                                                        type="checkbox"
7547                                                        value="commercial">
7548                                                        Commercial                                                    </label>
7549                                                                                                        <label>
7550                                                        <input
7551                                                        type="checkbox"
7552                                                        value="high_rise">
7553                                                        High Rise                                                    </label>
7554                                                                                                        <label>
7555                                                        <input
7556                                                        type="checkbox"
7557                                                        value="industrial">
7558                                                        Industrial                                                    </label>
7559                                                                                                        <label>
7560                                                        <input
7561                                                        type="checkbox"
7562                                                        value="terrace">
7563                                                        Terrace                                                    </label>
7564                                                                                                        <label>
7565                                                        <input
7566                                                        type="checkbox"
7567                                                        value="retail">
7568                                                        Retail                                                    </label>
7569                                                                                                        <label>
7570                                                        <input
7571                                                        type="checkbox"
7572                                                        value="semi_detached">
7573                                                        Semi Detached                                                    </label>
7574                                                                                                        <label>
7575                                                        <input
7576                                                        type="checkbox"
7577                                                        value="cluster">
7578                                                        Cluster                                                    </label>
7579                                                                                                        <label>
7580                                                        <input
7581                                                        type="checkbox"
7582                                                        value="townhouse">
7583                                                        Townhouse                                                    </label>
7584                                                                                                    </div>
7585                                            </div>
7586
7587                                            <!-- Status -->
7588                                            <div class="hs-item hs-dropdown" data-filter="status">
7589                                                <button type="button" class="hs-trigger">
7590                                                    <span>Status</span>
7591                                                    <ion-icon name="chevron-down-outline"></ion-icon>
7592                                                </button>
7593
7594                                                <div class="hs-panel">
7595                                                                                                        <label>
7596                                                        <input
7597                                                        type="checkbox"
7598                                                        name="status[]"
7599                                                        value="open_for_registration">
7600                                                        Open For Registration                                                    </label>
7601                                                                                                        <label>
7602                                                        <input
7603                                                        type="checkbox"
7604                                                        name="status[]"
7605                                                        value="coming_soon">
7606                                                        Coming Soon                                                    </label>
7607                                                                                                        <label>
7608                                                        <input
7609                                                        type="checkbox"
7610                                                        name="status[]"
7611                                                        value="available_units">
7612                                                        Available Units                                                    </label>
7613                                                                                                        <label>
7614                                                        <input
7615                                                        type="checkbox"
7616                                                        name="status[]"
7617                                                        value="latest">
7618                                                        Latest                                                    </label>
7619                                                                                                        <label>
7620                                                        <input
7621                                                        type="checkbox"
7622                                                        name="status[]"
7623                                                        value="completed">
7624                                                        Completed                                                    </label>
7625                                                                                                        <label>
7626                                                        <input
7627                                                        type="checkbox"
7628                                                        name="status[]"
7629                                                        value="limited_units">
7630                                                        Limited Units                                                    </label>
7631                                                                                                        <label>
7632                                                        <input
7633                                                        type="checkbox"
7634                                                        name="status[]"
7635                                                        value="sold_out">
7636                                                        Sold Out                                                    </label>
7637                                                                                                        <label>
7638                                                        <input
7639                                                        type="checkbox"
7640                                                        name="status[]"
7641                                                        value="bumi_unit_only">
7642                                                        Bumi Unit Only                                                    </label>
7643                                                                                                        <label>
7644                                                        <input
7645                                                        type="checkbox"
7646                                                        name="status[]"
7647                                                        value="corner_unit_available">
7648                                                        Corner Unit Available                                                    </label>
7649                                                                                                        <label>
7650                                                        <input
7651                                                        type="checkbox"
7652                                                        name="status[]"
7653                                                        value="selling_fast">
7654                                                        Selling Fast                                                    </label>
7655                                                                                                    </div>
7656                                            </div>
7657                                        </div>
7658                                        
7659                                        <!-- Submit -->
7660                                        <button type="submit" class="hs-submit">
7661                                            FIND A PROPERTY
7662                                        </button>
7663                                    </form>
7664
7665                                    <!-- Mobile Hero Search Trigger -->
7666                                    <div class="hero-search-mobile" id="openMobileSearch">
7667                                        <div class="hsm-left">
7668                                            <svg class="find-property-icon" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
7669                                            <path d="M17.1443 2.8396C25.242 2.83985 31.8376 9.56476 31.8376 17.8396C31.8376 21.5228 30.5236 24.8978 28.3523 27.5144L36.3767 35.7058C36.8583 36.1891 36.8583 36.9817 36.3767 37.4734C36.1401 37.7149 35.8215 37.8395 35.5115 37.8396C35.2015 37.8396 34.8829 37.7148 34.6462 37.4734L26.6218 29.281C24.0587 31.4976 20.7523 32.8395 17.1443 32.8396C9.04633 32.8396 2.44995 26.1146 2.44995 17.8396C2.44995 9.5646 9.04633 2.8396 17.1443 2.8396ZM17.1443 5.3396C10.3933 5.3396 4.89917 10.9479 4.89917 17.8396C4.89917 24.7313 10.3933 30.3396 17.1443 30.3396C23.8951 30.3393 29.3884 24.7311 29.3884 17.8396C29.3884 10.9481 23.8951 5.33985 17.1443 5.3396ZM16.4421 8.41479C16.8258 8.11488 17.3808 8.11482 17.7644 8.41479L25.5603 14.5398C25.9111 14.8148 25.9842 15.3392 25.7068 15.7058C25.5517 15.9225 25.3071 16.031 25.0623 16.031C24.9235 16.031 24.7847 15.981 24.6541 15.906V24.781H9.55151V15.906C9.20053 16.1142 8.75178 16.0391 8.49878 15.7058C8.22154 15.3392 8.28717 14.823 8.64624 14.5398L16.4421 8.41479ZM11.1843 14.6482V23.115H13.2253V18.323C13.2253 17.173 14.1398 16.24 15.2664 16.24H18.9402C20.0665 16.2402 20.9802 17.1731 20.9802 18.323V23.115H23.0212V14.6482L17.1033 9.9978L11.1843 14.6482ZM15.2664 17.906C15.0459 17.906 14.8582 18.098 14.8582 18.323V23.115H19.3484V18.323C19.3484 18.0981 19.1604 17.9063 18.9402 17.906H15.2664Z" fill="#949494"/>
7670                                            </svg>
7671                                            <span>Search for property...</span>
7672                                        </div>
7673
7674                                        <button class="hsm-btn">FIND</button>
7675                                    </div>
7676                                                                    </div>
7677                            </div>
7678                                                    
7679                            <div class="hero-slide hero-slide--full">
7680                                <div class="hero-media">
7681                                    
7682                                                                            <!-- IMAGE HERO -->
7683                                        <picture class="hero-bg-image">
7684                                                                                            <source srcset="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/10/SHF-2026-Website-Rotating-Banner-375x700-v3.jpg.jpeg" media="(max-width: 500px)">
7685                                                                                                                                        <source srcset="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/10/SHF-2026-Website-Rotating-Banner-834x1194-v2.jpg.jpeg" media="(max-width: 1024px)">
7686                                                                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/10/SHF-2026-Website-Rotating-Banner-1440x880-v4.jpg.jpeg" alt="">
7687                                        </picture>
7688                                    
7689                                                                    </div>
7690
7691                                <div class="hero-content">
7692                                                                            
7693                                        
7694                                                                                    <a 
7695                                                href="https://spsetia.com/setia-homefest-2026/"
7696                                                target="_self"
7697                                                class="btn-primary">
7698                                                Explore More                                            </a>
7699                                        
7700                                        
7701                                                                    </div>
7702                            </div>
7703                                                    
7704                            <div class="hero-slide hero-slide--full">
7705                                <div class="hero-media">
7706                                    
7707                                                                            <!-- IMAGE HERO -->
7708                                        <picture class="hero-bg-image">
7709                                                                                            <source srcset="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/07/SetiaLenscape_Mobile-375x700-1.jpg" media="(max-width: 500px)">
7710                                                                                                                                        <source srcset="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/07/SetiaLenscape_Tablet-834x1194-1.jpg" media="(max-width: 1024px)">
7711                                                                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/07/SetiaLenscape_Desktop1440x880.jpg" alt="">
7712                                        </picture>
7713                                    
7714                                                                    </div>
7715
7716                                <div class="hero-content">
7717                                                                            
7718                                        
7719                                                                                    <a 
7720                                                href="https://setia-lenscape-contest.edgeprop.my/"
7721                                                target="_self"
7722                                                class="btn-primary">
7723                                                Join Now                                            </a>
7724                                        
7725                                        
7726                                                                    </div>
7727                            </div>
7728                                            </div>
7729                </div>
7730            </section>
7731            
7732            
7733            <section class="homepage-section home-new-launch" data-section-id="Array">
7734                                    <div class="section-inner">
7735                        <h2 class="section-title">
7735New Launches</h2>
7736                    </div>
7737                
7738                <!-- Tabs -->
7739                <div class="section-inner">
7740                                        <div class="nl-tabs Array">
7741                                                <button
7742                            class="active"
7743                            data-location="45"
7744                        >
7745                                                        Central                        </button>
7746                                                <button
7747                            class=""
7748                            data-location="48"
7749                        >
7750                                                        Northern                        </button>
7751                                                <button
7752                            class=""
7753                            data-location="66"
7754                        >
7755                                                        Southern                        </button>
7756                                                <button
7757                            class=""
7758                            data-location="50"
7759                        >
7760                                                        Sabah                        </button>
7761                                            </div>
7762                    
7763                    <hr class="nl-divider">
7764                </div>
7765
7766                <div class="nl-slider-group g-20">
7767                <div class="nl-subhead section-inner">
7768                    <div class="nl-subhead-left">
7769                        <span class="nl-loc-title">
7770                            Malaysia (Central) (0)
7771                        </span>
7772                    </div>
7773
7774                    
7775                    <a 
7776                    class="nl-viewall" 
7777                    id="nlViewAll" 
7778                    data-status='[&quot;open_for_registration&quot;,&quot;latest&quot;]'
7779                    href="https://spsetia.com/property-development/?location%5B%5D=45">
7780                        VIEW ALL
7781                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
7782                        <path d="M6.81074 16.6313C6.59824 16.6313 6.38574 16.548 6.22324 16.3855C5.89824 16.0605 5.89824 15.5313 6.22324 15.2063L11.2607 10.1688L6.22324 5.13129C5.89824 4.80629 5.89824 4.27712 6.22324 3.95212C6.54824 3.62712 7.07742 3.62712 7.40242 3.95212L13.6149 10.1646L7.40242 16.3771C7.23992 16.5396 7.02741 16.623 6.81491 16.623L6.81074 16.6313Z" fill="#003893"/>
7783                        </svg>
7784                    </a>
7785                </div>
7786
7787                <!-- Slider -->
7788                <div class="section-overflow-inner nl-slider">
7789                                        <div
7790                        class="nl-track"
7791                            data-location-counts='{&quot;66&quot;:14,&quot;45&quot;:10}'
7792                        >
7793                                    
7794                        <article class="nl-card" data-location="66">
7795                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/45062/">
7796                                <div class="property-media homepage">
7797                                    <div 
7798                                    class="single-property-availability" 
7799                                    style="background-color: #E6F6FD; color: #005B80;">
7800                                        <span>Latest</span>
7801                                    </div>
7802                                                                            <div class="nl-image">
7803                                            <img
7804                                            class="single-property-thumbnail"
7805                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/09/840x480.jpg"
7806                                            alt="Braydon"
7807                                            >
7808                                        </div>
7809                                                                    </div>
7810
7811                                <div class="single-property-content homepage">
7812                                    <span class="nl-title">
7813                                        Braydon                                    </span>
7814
7815                                    <span class="mega-link-text">
7816                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
7817                                        xmlns="http://www.w3.org/2000/svg">
7818                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
7819                                            fill="#F58220"/>
7820                                        </svg>
7821                                        Johor                                         | Double storey cluster house                                         | RM1 mil - RM2 mil                                    </span>
7822                                </div>
7823                            </div>
7824                        </article>
7825                                        
7826                        <article class="nl-card" data-location="66">
7827                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/45103/">
7828                                <div class="property-media homepage">
7829                                    <div 
7830                                    class="single-property-availability" 
7831                                    style="background-color: #E6F6FD; color: #005B80;">
7832                                        <span>Latest</span>
7833                                    </div>
7834                                                                            <div class="nl-image">
7835                                            <img
7836                                            class="single-property-thumbnail"
7837                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/09/840x480-Graydon.jpg"
7838                                            alt="Graydon"
7839                                            >
7840                                        </div>
7841                                                                    </div>
7842
7843                                <div class="single-property-content homepage">
7844                                    <span class="nl-title">
7845                                        Graydon                                    </span>
7846
7847                                    <span class="mega-link-text">
7848                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
7849                                        xmlns="http://www.w3.org/2000/svg">
7850                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
7851                                            fill="#F58220"/>
7852                                        </svg>
7853                                        Johor                                         | Semi-detached house                                         | RM2 mil - RM3 mil                                    </span>
7854                                </div>
7855                            </div>
7856                        </article>
7857                                        
7858                        <article class="nl-card" data-location="45">
7859                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/44347/">
7860                                <div class="property-media homepage">
7861                                    <div 
7862                                    class="single-property-availability" 
7863                                    style="background-color: #E7F7ED; color: #0DB14B;">
7864                                        <span>Open For Registration</span>
7865                                    </div>
7866                                                                            <div class="nl-image">
7867                                            <img
7868                                            class="single-property-thumbnail"
7869                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/08/HR-2-1024x576.jpg"
7870                                            alt="Residensi Warisan"
7871                                            >
7872                                        </div>
7873                                                                    </div>
7874
7875                                <div class="single-property-content homepage">
7876                                    <span class="nl-title">
7877                                        Residensi Warisan                                    </span>
7878
7879                                    <span class="mega-link-text">
7880                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
7881                                        xmlns="http://www.w3.org/2000/svg">
7882                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
7883                                            fill="#F58220"/>
7884                                        </svg>
7885                                        Sepang                                         | Townhouse                                         | RM250,000                                    </span>
7886                                </div>
7887                            </div>
7888                        </article>
7889                                        
7890                        <article class="nl-card" data-location="66">
7891                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/43178/">
7892                                <div class="property-media homepage">
7893                                    <div 
7894                                    class="single-property-availability" 
7895                                    style="background-color: #E6F6FD; color: #005B80;">
7896                                        <span>Latest</span>
7897                                    </div>
7898                                                                            <div class="nl-image">
7899                                            <img
7900                                            class="single-property-thumbnail"
7901                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/06/840X480-1.jpg"
7902                                            alt="Sapphire Élan"
7903                                            >
7904                                        </div>
7905                                                                    </div>
7906
7907                                <div class="single-property-content homepage">
7908                                    <span class="nl-title">
7909                                        Sapphire Élan                                    </span>
7910
7911                                    <span class="mega-link-text">
7912                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
7913                                        xmlns="http://www.w3.org/2000/svg">
7914                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
7915                                            fill="#F58220"/>
7916                                        </svg>
7917                                        Johor                                         | Bungalow                                         | RM3.2 Mil - RM4.4 Mil                                    </span>
7918                                </div>
7919                            </div>
7920                        </article>
7921                                        
7922                        <article class="nl-card" data-location="66">
7923                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/43160/">
7924                                <div class="property-media homepage">
7925                                    <div 
7926                                    class="single-property-availability" 
7927                                    style="background-color: #E6F6FD; color: #005B80;">
7928                                        <span>Latest</span>
7929                                    </div>
7930                                                                            <div class="nl-image">
7931                                            <img
7932                                            class="single-property-thumbnail"
7933                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/08/AUREA-WEBSITE-840X480.jpg"
7934                                            alt="AUREA"
7935                                            >
7936                                        </div>
7937                                                                    </div>
7938
7939                                <div class="single-property-content homepage">
7940                                    <span class="nl-title">
7941                                        AUREA                                    </span>
7942
7943                                    <span class="mega-link-text">
7944                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
7945                                        xmlns="http://www.w3.org/2000/svg">
7946                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
7947                                            fill="#F58220"/>
7948                                        </svg>
7949                                        Johor                                         | Bungalow                                         | RM2 mil - RM3 mil                                    </span>
7950                                </div>
7951                            </div>
7952                        </article>
7953                                        
7954                        <article class="nl-card" data-location="45">
7955                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/43032/">
7956                                <div class="property-media homepage">
7957                                    <div 
7958                                    class="single-property-availability" 
7959                                    style="background-color: #E6F6FD; color: #005B80;">
7960                                        <span>Latest</span>
7961                                    </div>
7962                                                                            <div class="nl-image">
7963                                            <img
7964                                            class="single-property-thumbnail"
7965                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/06/01_Setia_Tropicale_23Strorey-Facade01_MediumRes-1024x640.jpg"
7966                                            alt="Setia Warisan Sentral"
7967                                            >
7968                                        </div>
7969                                                                    </div>
7970
7971                                <div class="single-property-content homepage">
7972                                    <span class="nl-title">
7973                                        Setia Warisan Sentral                                    </span>
7974
7975                                    <span class="mega-link-text">
7976                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
7977                                        xmlns="http://www.w3.org/2000/svg">
7978                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
7979                                            fill="#F58220"/>
7980                                        </svg>
7981                                        Sepang                                         | Shop office                                         | RM1.3mil                                    </span>
7982                                </div>
7983                            </div>
7984                        </article>
7985                                        
7986                        <article class="nl-card" data-location="45">
7987                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/43030/">
7988                                <div class="property-media homepage">
7989                                    <div 
7990                                    class="single-property-availability" 
7991                                    style="background-color: #E6F6FD; color: #005B80;">
7992                                        <span>Latest</span>
7993                                    </div>
7994                                                                            <div class="nl-image">
7995                                            <img
7996                                            class="single-property-thumbnail"
7997                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/06/SWT-Phase-5-Facade-Front-View-6K-FA-copy-1024x672.jpg"
7998                                            alt="Erica"
7999                                            >
8000                                        </div>
8001                                                                    </div>
8002
8003                                <div class="single-property-content homepage">
8004                                    <span class="nl-title">
8005                                        Erica                                    </span>
8006
8007                                    <span class="mega-link-text">
8008                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8009                                        xmlns="http://www.w3.org/2000/svg">
8010                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8011                                            fill="#F58220"/>
8012                                        </svg>
8013                                        Sepang                                         | 2-sty terrace/link house                                         | RM492k*                                    </span>
8014                                </div>
8015                            </div>
8016                        </article>
8017                                        
8018                        <article class="nl-card" data-location="45">
8019                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/41500/">
8020                                <div class="property-media homepage">
8021                                    <div 
8022                                    class="single-property-availability" 
8023                                    style="background-color: #E6F6FD; color: #005B80;">
8024                                        <span>Latest</span>
8025                                    </div>
8026                                                                            <div class="nl-image">
8027                                            <img
8028                                            class="single-property-thumbnail"
8029                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/05/02_RP9_Facade_CornerView_FA-1024x585.jpg"
8030                                            alt="Aurora II"
8031                                            >
8032                                        </div>
8033                                                                    </div>
8034
8035                                <div class="single-property-content homepage">
8036                                    <span class="nl-title">
8037                                        Aurora II                                    </span>
8038
8039                                    <span class="mega-link-text">
8040                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8041                                        xmlns="http://www.w3.org/2000/svg">
8042                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8043                                            fill="#F58220"/>
8044                                        </svg>
8045                                        Klang                                         | 2-sty terrace/link house                                         | RM840,000                                    </span>
8046                                </div>
8047                            </div>
8048                        </article>
8049                                        
8050                        <article class="nl-card" data-location="66">
8051                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/40638/">
8052                                <div class="property-media homepage">
8053                                    <div 
8054                                    class="single-property-availability" 
8055                                    style="background-color: #E6F6FD; color: #005B80;">
8056                                        <span>Latest</span>
8057                                    </div>
8058                                                                            <div class="nl-image">
8059                                            <img
8060                                            class="single-property-thumbnail"
8061                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/CARISSA-1-840X480-1.jpg"
8062                                            alt="CARISSA 1"
8063                                            >
8064                                        </div>
8065                                                                    </div>
8066
8067                                <div class="single-property-content homepage">
8068                                    <span class="nl-title">
8069                                        CARISSA 1                                    </span>
8070
8071                                    <span class="mega-link-text">
8072                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8073                                        xmlns="http://www.w3.org/2000/svg">
8074                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8075                                            fill="#F58220"/>
8076                                        </svg>
8077                                        Johor                                         | 2-sty terrace/link house                                         | RM500 k - RM1 mil                                    </span>
8078                                </div>
8079                            </div>
8080                        </article>
8081                                        
8082                        <article class="nl-card" data-location="45">
8083                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/39840/">
8084                                <div class="property-media homepage">
8085                                    <div 
8086                                    class="single-property-availability" 
8087                                    style="background-color: #E6F6FD; color: #005B80;">
8088                                        <span>Latest</span>
8089                                    </div>
8090                                                                            <div class="nl-image">
8091                                            <img
8092                                            class="single-property-thumbnail"
8093                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/F4-facade-1024x576-1.jpg"
8094                                            alt="Ferrous Finale"
8095                                            >
8096                                        </div>
8097                                                                    </div>
8098
8099                                <div class="single-property-content homepage">
8100                                    <span class="nl-title">
8101                                        Ferrous Finale                                    </span>
8102
8103                                    <span class="mega-link-text">
8104                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8105                                        xmlns="http://www.w3.org/2000/svg">
8106                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8107                                            fill="#F58220"/>
8108                                        </svg>
8109                                        Shah Alam                                         | 2-sty terrace/link house                                         | RM 986k                                    </span>
8110                                </div>
8111                            </div>
8112                        </article>
8113                                                                    </div>
8114                                        <div class="nl-empty" hidden>
8115                        No properties found in this location.
8116                    </div>
8117                </div>
8118                </div>
8119
8120                <!-- CTA -->
8121                                    <div class="section-inner">
8122                        <hr class="nl-divider m-40">
8123                        <a 
8124                            id="viewCta"
8125                            data-status='[&quot;open_for_registration&quot;,&quot;latest&quot;]'
8126                            href="#"
8127                            class="btn-secondary"
8128                        >
8129                        View all New projects                        </a>
8130                    </div>
8131                            </section>
8132
8133            
8134            <section class="homepage-section home-ongoing" data-section-id="Array">
8135                                    <div class="section-inner">
8136                        <h2 class="section-title">Ongoing Projects</h2>
8137                    </div>
8138                
8139                <!-- Tabs -->
8140                <div class="section-inner">
8141                                        <div class="nl-tabs Array">
8142                                                <button
8143                            class="active"
8144                            data-location="45"
8145                        >
8146                                                        Central                        </button>
8147                                                <button
8148                            class=""
8149                            data-location="48"
8150                        >
8151                                                        Northern                        </button>
8152                                                <button
8153                            class=""
8154                            data-location="66"
8155                        >
8156                                                        Southern                        </button>
8157                                                <button
8158                            class=""
8159                            data-location="50"
8160                        >
8161                                                        Sabah                        </button>
8162                                            </div>
8163                    
8164                    <hr class="nl-divider">
8165                </div>
8166
8167                <div class="nl-slider-group g-20">
8168                <div class="nl-subhead section-inner">
8169                    <div class="nl-subhead-left">
8170                        <span class="nl-loc-title" id="nlLocTitle">
8171                            Malaysia (Central) (0)
8172                        </span>
8173                    </div>
8174
8175                    
8176                    <a 
8177                    class="nl-viewall" 
8178                    id="nlViewAll" 
8179                    data-status='[&quot;available_units&quot;]'
8180                    href="https://spsetia.com/property-development/?location%5B%5D=45">
8181                        VIEW ALL
8182                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
8183                        <path d="M6.81074 16.6313C6.59824 16.6313 6.38574 16.548 6.22324 16.3855C5.89824 16.0605 5.89824 15.5313 6.22324 15.2063L11.2607 10.1688L6.22324 5.13129C5.89824 4.80629 5.89824 4.27712 6.22324 3.95212C6.54824 3.62712 7.07742 3.62712 7.40242 3.95212L13.6149 10.1646L7.40242 16.3771C7.23992 16.5396 7.02741 16.623 6.81491 16.623L6.81074 16.6313Z" fill="#003893"/>
8184                        </svg>
8185                    </a>
8186                </div>
8187
8188                <!-- Slider -->
8189                <div class="section-overflow-inner nl-slider">
8190                                            <div
8191                            class="nl-track"
8192                                data-location-counts='{&quot;45&quot;:24,&quot;66&quot;:3,&quot;48&quot;:1}'
8193                            >
8194                                    
8195                        <article class="nl-card" data-location="45">
8196                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/41731/">
8197                                <div class="property-media homepage">
8198                                    <div 
8199                                    class="single-property-availability" 
8200                                    style="background-color: #E7F7ED; color: #0DB14B;">
8201                                        <span>Available Units</span>
8202                                    </div>
8203                                                                            <div class="nl-image">
8204                                            <img
8205                                            class="single-property-thumbnail"
8206                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/05/Untitled-design-7.jpg"
8207                                            alt="REGENT SEMI DETACHED"
8208                                            >
8209                                        </div>
8210                                                                    </div>
8211
8212                                <div class="single-property-content homepage">
8213                                    <span class="nl-title">
8214                                        REGENT SEMI DETACHED                                    </span>
8215
8216                                    <span class="mega-link-text">
8217                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8218                                        xmlns="http://www.w3.org/2000/svg">
8219                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8220                                            fill="#F58220"/>
8221                                        </svg>
8222                                        Rawang                                         | Semi-detached house                                         | RM2 mil - RM3 mil                                    </span>
8223                                </div>
8224                            </div>
8225                        </article>
8226                                        
8227                        <article class="nl-card" data-location="45">
8228                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/27516/">
8229                                <div class="property-media homepage">
8230                                    <div 
8231                                    class="single-property-availability" 
8232                                    style="background-color: #E7F7ED; color: #0DB14B;">
8233                                        <span>Available Units</span>
8234                                    </div>
8235                                                                            <div class="nl-image">
8236                                            <img
8237                                            class="single-property-thumbnail"
8238                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/01/840X480.jpg"
8239                                            alt="Refine Terrace House"
8240                                            >
8241                                        </div>
8242                                                                    </div>
8243
8244                                <div class="single-property-content homepage">
8245                                    <span class="nl-title">
8246                                        Refine Terrace House                                    </span>
8247
8248                                    <span class="mega-link-text">
8249                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8250                                        xmlns="http://www.w3.org/2000/svg">
8251                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8252                                            fill="#F58220"/>
8253                                        </svg>
8254                                        Rawang                                         | 2-sty terrace/link house                                         | RM 1.3 Mil - RM 1.8 Mil                                    </span>
8255                                </div>
8256                            </div>
8257                        </article>
8258                                        
8259                        <article class="nl-card" data-location="45">
8260                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/37052/">
8261                                <div class="property-media homepage">
8262                                    <div 
8263                                    class="single-property-availability" 
8264                                    style="background-color: #E7F7ED; color: #0DB14B;">
8265                                        <span>Available Units</span>
8266                                    </div>
8267                                                                            <div class="nl-image">
8268                                            <img
8269                                            class="single-property-thumbnail"
8270                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/01/Untitled-design-9.jpg"
8271                                            alt="Robinson Terrace House"
8272                                            >
8273                                        </div>
8274                                                                    </div>
8275
8276                                <div class="single-property-content homepage">
8277                                    <span class="nl-title">
8278                                        Robinson Terrace House                                    </span>
8279
8280                                    <span class="mega-link-text">
8281                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8282                                        xmlns="http://www.w3.org/2000/svg">
8283                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48
8283002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8284                                            fill="#F58220"/>
8285                                        </svg>
8286                                        Rawang                                         | 2-sty terrace/link house                                         | RM1.5 mil - RM2 mil                                    </span>
8287                                </div>
8288                            </div>
8289                        </article>
8290                                        
8291                        <article class="nl-card" data-location="45">
8292                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/11264/">
8293                                <div class="property-media homepage">
8294                                    <div 
8295                                    class="single-property-availability" 
8296                                    style="background-color: #E7F7ED; color: #0DB14B;">
8297                                        <span>Available Units</span>
8298                                    </div>
8299                                                                            <div class="property-slider single-property-thumbnail" data-property-slider>
8300                                        <div class="property-pagination" data-property-pagination></div>
8301
8302                                                                                    
8303                                            <div class="property-slide">
8304                                            <img
8305                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-01-1024x642.jpg"
8306                                                alt="Amethea"
8307                                                loading="lazy"
8308                                            >
8309                                            </div>
8310                                                                                    
8311                                            <div class="property-slide">
8312                                            <img
8313                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-02-1024x642.jpg"
8314                                                alt="Amethea"
8315                                                loading="lazy"
8316                                            >
8317                                            </div>
8318                                                                                    
8319                                            <div class="property-slide">
8320                                            <img
8321                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-02-1024x642.jpg"
8322                                                alt="Amethea"
8323                                                loading="lazy"
8324                                            >
8325                                            </div>
8326                                                                                    
8327                                            <div class="property-slide">
8328                                            <img
8329                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-04-1024x642.jpg"
8330                                                alt="Amethea"
8331                                                loading="lazy"
8332                                            >
8333                                            </div>
8334                                                                                    
8335                                            <div class="property-slide">
8336                                            <img
8337                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-05-1024x642.jpg"
8338                                                alt="Amethea"
8339                                                loading="lazy"
8340                                            >
8341                                            </div>
8342                                                                                    
8343                                            <div class="property-slide">
8344                                            <img
8345                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-06-1024x642.jpg"
8346                                                alt="Amethea"
8347                                                loading="lazy"
8348                                            >
8349                                            </div>
8350                                                                                    
8351                                            <div class="property-slide">
8352                                            <img
8353                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-07-1024x642.jpg"
8354                                                alt="Amethea"
8355                                                loading="lazy"
8356                                            >
8357                                            </div>
8358                                                                                    
8359                                            <div class="property-slide">
8360                                            <img
8361                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-08-1024x642.jpg"
8362                                                alt="Amethea"
8363                                                loading="lazy"
8364                                            >
8365                                            </div>
8366                                                                                    
8367                                            <div class="property-slide">
8368                                            <img
8369                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-09-1024x642.jpg"
8370                                                alt="Amethea"
8371                                                loading="lazy"
8372                                            >
8373                                            </div>
8374                                                                                    
8375                                            <div class="property-slide">
8376                                            <img
8377                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-10-1024x642.jpg"
8378                                                alt="Amethea"
8379                                                loading="lazy"
8380                                            >
8381                                            </div>
8382                                                                                    
8383                                            <div class="property-slide">
8384                                            <img
8385                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-11-1024x642.jpg"
8386                                                alt="Amethea"
8387                                                loading="lazy"
8388                                            >
8389                                            </div>
8390                                                                                    
8391                                            <div class="property-slide">
8392                                            <img
8393                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/Amethea-12-1024x642.jpg"
8394                                                alt="Amethea"
8395                                                loading="lazy"
8396                                            >
8397                                            </div>
8398                                        
8399                                        </div>
8400                                                                    </div>
8401
8402                                <div class="single-property-content homepage">
8403                                    <span class="nl-title">
8404                                        Amethea                                    </span>
8405
8406                                    <span class="mega-link-text">
8407                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8408                                        xmlns="http://www.w3.org/2000/svg">
8409                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8410                                            fill="#F58220"/>
8411                                        </svg>
8412                                        Selangor                                         | Semi-detached house                                         | RM1.5 mil - RM2 mil                                    </span>
8413                                </div>
8414                            </div>
8415                        </article>
8416                                        
8417                        <article class="nl-card" data-location="45">
8418                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/11313/">
8419                                <div class="property-media homepage">
8420                                    <div 
8421                                    class="single-property-availability" 
8422                                    style="background-color: #E7F7ED; color: #0DB14B;">
8423                                        <span>Available Units</span>
8424                                    </div>
8425                                                                            <div class="nl-image">
8426                                            <img
8427                                            class="single-property-thumbnail"
8428                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/05/840x480-2.jpg"
8429                                            alt="Lumiere"
8430                                            >
8431                                        </div>
8432                                                                    </div>
8433
8434                                <div class="single-property-content homepage">
8435                                    <span class="nl-title">
8436                                        Lumiere                                    </span>
8437
8438                                    <span class="mega-link-text">
8439                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8440                                        xmlns="http://www.w3.org/2000/svg">
8441                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8442                                            fill="#F58220"/>
8443                                        </svg>
8444                                        Setia Alam                                         | Semi-detached house                                         | RM1.5 mil - RM2 mil                                    </span>
8445                                </div>
8446                            </div>
8447                        </article>
8448                                        
8449                        <article class="nl-card" data-location="66">
8450                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/41128/">
8451                                <div class="property-media homepage">
8452                                    <div 
8453                                    class="single-property-availability" 
8454                                    style="background-color: #E7F7ED; color: #0DB14B;">
8455                                        <span>Available Units</span>
8456                                    </div>
8457                                                                            <div class="property-slider single-property-thumbnail" data-property-slider>
8458                                        <div class="property-pagination" data-property-pagination></div>
8459
8460                                                                                    
8461                                            <div class="property-slide">
8462                                            <img
8463                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/04/1260x790-1024x642.jpg"
8464                                                alt="Flair &#8211; Link Bungalow"
8465                                                loading="lazy"
8466                                            >
8467                                            </div>
8468                                                                                    
8469                                            <div class="property-slide">
8470                                            <img
8471                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/04/1260x790-1-1024x642.jpg"
8472                                                alt="Flair &#8211; Link Bungalow"
8473                                                loading="lazy"
8474                                            >
8475                                            </div>
8476                                        
8477                                        </div>
8478                                                                    </div>
8479
8480                                <div class="single-property-content homepage">
8481                                    <span class="nl-title">
8482                                        Flair - Link Bungalow                                    </span>
8483
8484                                    <span class="mega-link-text">
8485                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8486                                        xmlns="http://www.w3.org/2000/svg">
8487                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8488                                            fill="#F58220"/>
8489                                        </svg>
8490                                        Johor                                         | Bungalow                                         | RM1.5 mil - RM2 mil                                    </span>
8491                                </div>
8492                            </div>
8493                        </article>
8494                                        
8495                        <article class="nl-card" data-location="66">
8496                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/41101/">
8497                                <div class="property-media homepage">
8498                                    <div 
8499                                    class="single-property-availability" 
8500                                    style="background-color: #E7F7ED; color: #0DB14B;">
8501                                        <span>Available Units</span>
8502                                    </div>
8503                                                                            <div class="nl-image">
8504                                            <img
8505                                            class="single-property-thumbnail"
8506                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/04/CLUSTER-FRONT.jpeg"
8507                                            alt="Flair - Cluster Homes"
8508                                            >
8509                                        </div>
8510                                                                    </div>
8511
8512                                <div class="single-property-content homepage">
8513                                    <span class="nl-title">
8514                                        Flair - Cluster Homes                                    </span>
8515
8516                                    <span class="mega-link-text">
8517                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8518                                        xmlns="http://www.w3.org/2000/svg">
8519                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8520                                            fill="#F58220"/>
8521                                        </svg>
8522                                        Johor                                         | Double storey cluster house                                         | RM1 mil - RM2 mil                                    </span>
8523                                </div>
8524                            </div>
8525                        </article>
8526                                        
8527                        <article class="nl-card" data-location="48">
8528                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/35977/">
8529                                <div class="property-media homepage">
8530                                    <div 
8531                                    class="single-property-availability" 
8532                                    style="background-color: #E7F7ED; color: #0DB14B;">
8533                                        <span>Available Units</span>
8534                                    </div>
8535                                                                            <div class="nl-image">
8536                                            <img
8537                                            class="single-property-thumbnail"
8538                                            src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/11/sv2-840x480c-1.jpg"
8539                                            alt="Setia SV2"
8540                                            >
8541                                        </div>
8542                                                                    </div>
8543
8544                                <div class="single-property-content homepage">
8545                                    <span class="nl-title">
8546                                        Setia SV2                                    </span>
8547
8548                                    <span class="mega-link-text">
8549                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8550                                        xmlns="http://www.w3.org/2000/svg">
8551                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8552                                            fill="#F58220"/>
8553                                        </svg>
8554                                        Penang                                         | Condominium                                         | RM969,000                                    </span>
8555                                </div>
8556                            </div>
8557                        </article>
8558                                        
8559                        <article class="nl-card" data-location="66">
8560                            <div class="single-property-card" data-url="https://spsetia.com/property-development/property/18675/">
8561                                <div class="property-media homepage">
8562                                    <div 
8563                                    class="single-property-availability" 
8564                                    style="background-color: #E7F7ED; color: #0DB14B;">
8565                                        <span>Available Units</span>
8566                                    </div>
8567                                                                            <div class="property-slider single-property-thumbnail" data-property-slider>
8568                                        <div class="property-pagination" data-property-pagination></div>
8569
8570                                                                                    
8571                                            <div class="property-slide">
8572                                            <img
8573                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-1-1260-x-790-1024x642.jpg"
8574                                                alt="Sky Curve"
8575                                                loading="lazy"
8576                                            >
8577                                            </div>
8578                                                                                    
8579                                            <div class="property-slide">
8580                                            <img
8581                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-2-1260-x-790-1024x642.jpg"
8582                                                alt="Sky Curve"
8583                                                loading="lazy"
8584                                            >
8585                                            </div>
8586                                                                                    
8587                                            <div class="property-slide">
8588                                            <img
8589                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-3-1260-x-790-1024x642.jpg"
8590                                                alt="Sky Curve"
8591                                                loading="lazy"
8592                                            >
8593                                            </div>
8594                                                                                    
8595                                            <div class="property-slide">
8596                                            <img
8597                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-4-1260-x-790-1024x642.jpg"
8598                                                alt="Sky Curve"
8599                                                loading="lazy"
8600                                            >
8601                                            </div>
8602                                                                                    
8603                                            <div class="property-slide">
8604                                            <img
8605                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-5-1260-x-790-1024x642.jpg"
8606                                                alt="Sky Curve"
8607                                                loading="lazy"
8608                                            >
8609                                            </div>
8610                                                                                    
8611                                            <div class="property-slide">
8612                                            <img
8613                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-6-1260-x-790-1024x642.jpg"
8614                                                alt="Sky Curve"
8615                                                loading="lazy"
8616                                            >
8617                                            </div>
8618                                                                                    
8619                                            <div class="property-slide">
8620                                            <img
8621                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-7-1260-x-790-1024x642.jpg"
8622                                                alt="Sky Curve"
8623                                                loading="lazy"
8624                                            >
8625                                            </div>
8626                                                                                    
8627                                            <div class="property-slide">
8628                                            <img
8629                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-8-1260-x-790-1024x642.jpg"
8630                                                alt="Sky Curve"
8631                                                loading="lazy"
8632                                            >
8633                                            </div>
8634                                                                                    
8635                                            <div class="property-slide">
8636                                            <img
8637                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-9-1260-x-790-1024x642.jpg"
8638                                                alt="Sky Curve"
8639                                                loading="lazy"
8640                                            >
8641                                            </div>
8642                                                                                    
8643                                            <div class="property-slide">
8644                                            <img
8645                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-10-1260-x-790-1024x642.jpg"
8646                                                alt="Sky Curve"
8647                                                loading="lazy"
8648                                            >
8649                                            </div>
8650                                                                                    
8651                                            <div class="property-slide">
8652                                            <img
8653                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-11-1260-x-790-1024x642.jpg"
8654                                                alt="Sky Curve"
8655                                                loading="lazy"
8656                                            >
8657                                            </div>
8658                                                                                    
8659                                            <div class="property-slide">
8660                                            <img
8661                                                src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/06/GALLERY-12-1260-x-790-1024x642.jpg"
8662                                                alt="Sky Curve"
8663                                                loading="lazy"
8664                                            >
8665                                            </div>
8666                                        
8667                                        </div>
8668                                                                    </div>
8669
8670                                <div class="single-property-content homepage">
8671                                    <span class="nl-title">
8672                                        Sky Curve                                    </span>
8673
8674                                    <span class="mega-link-text">
8675                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
8676                                        xmlns="http://www.w3.org/2000/svg">
8677                                        <path d="M7.83669 1.46753C3.37002 1.46753 0.930023 6.67753 3.78669 10.1109L7.60336 14.6942C7.72336 14.8409 7.95002 14.8409 8.07002 14.6942L11.8867 10.1109C14.7467 6.67753 12.3034 1.46753 7.83669 1.46753ZM7.83669 9.1042C6.53669 9.1042 5.48002 8.05086 5.48002 6.74753C5.48002 5.4442 6.53336 4.39086 7.83669 4.39086C9.14002 4.39086 10.1934 5.4442 10.1934 6.74753C10.1934 8.05086 9.14002 9.1042Z"
8678                                            fill="#F58220"/>
8679                                        </svg>
8680                                        Johor                                         | Service apartment                                         | RM500 k - RM1 mil                                    </span>
8681                                </div>
8682                            </div>
8683                        </article>
8684                                                                                        </div>
8685                    <div class="nl-empty" hidden>
8686                        No properties found in this location.
8687                    </div>
8688                </div>
8689                </div>
8690
8691                <!-- CTA -->
8692                                    <div class="section-inner">
8693                        <hr class="nl-divider m-40">
8694                        
8695                        <a 
8696                            id="viewCta"
8697                            data-status='[&quot;available_units&quot;]'
8698                            href="#"
8699                            class="btn-secondary"
8700                        >
8701                        View ongoing                        </a>
8702                    </div>
8703                            </section>
8704
8705            
8706            <section class="homepage-section home-countries" data-section-id="Array">
8707                                    <div class="section-inner">
8708                        <h2 class="section-title">Weaving Connections Across 4 Countries</h2>
8709                    </div>
8710                
8711                <!-- Cards -->
8712                <div class="section-inner">
8713                    <div class="country-grid">
8714                                                                                    <a
8715                                href="https://spsetia.com/our-businesses/?country=malaysia#s2"
8716                                class="country-card"
8717                                >
8718                                    <img
8719                                        src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/section3-country-card-img-v2.png"
8720                                        alt="Malaysia"
8721                                    >
8722                                    
8723                                    <span class="country-arrow">
8724                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-tail-left-blue.svg" alt="">
8725                                    </span>
8726
8727
8728                                    <div class="country-text">
8729                                        <span class="country-title">
8730                                        Malaysia                                        </span>
8731
8732                                        
8733                                        <span class="country-caption">
8734                                            45 Developments
8735                                        </span>
8736                                    </div>
8737                                </a>
8738                                                            <a
8739                                href="https://spsetia.com/our-businesses/?country=australia#s2"
8740                                class="country-card"
8741                                >
8742                                    <img
8743                                        src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/section3-country-card-img.png"
8744                                        alt="Australia"
8745                                    >
8746                                    
8747                                    <span class="country-arrow">
8748                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-tail-left-blue.svg" alt="">
8749                                    </span>
8750
8751
8752                                    <div class="country-text">
8753                                        <span class="country-title">
8754                                        Australia                                        </span>
8755
8756                                        
8757                                        <span class="country-caption">
8758                                            2 Developments
8759                                        </span>
8760                                    </div>
8761                                </a>
8762                                                            <a
8763                                href="https://spsetia.com/our-businesses/?country=united-kingdom#s2"
8764                                class="country-card"
8765                                >
8766                                    <img
8767                                        src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/section3-country-card-img-v3.png"
8768                                        alt="United Kingdom"
8769                                    >
8770                                    
8771                                    <span class="country-arrow">
8772                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-tail-left-blue.svg" alt="">
8773                                    </span>
8774
8775
8776                                    <div class="country-text">
8777                                        <span class="country-title">
8778                                        United Kingdom                                        </span>
8779
8780                                        
8781                                        <span class="country-caption">
8782                                            1 Developments
8783                                        </span>
8784                                    </div>
8785                                </a>
8786                                                            <a
8787                                href="https://spsetia.com/our-businesses/?country=vietnam#s2"
8788                                class="country-card"
8789                                >
8790                                    <img
8791                                        src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/section3-country-card-img-v4.png"
8792                                        alt="Vietnam"
8793                                    >
8794                                    
8795                                    <span class="country-arrow">
8796                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-tail-left-blue.svg" alt="">
8797                                    </span>
8798
8799
8800                                    <div class="country-text">
8801                                        <span class="country-title">
8802                                        Vietnam                                        </span>
8803
8804                                        
8805                                        <span class="country-caption">
8806                                            2 Developments
8807                                        </span>
8808                                    </div>
8809                                </a>
8810                                                                        </div>
8811                </div>
8812            </section>
8813
8814            
8815            <section class="sustainability-section" style="background-image:url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/SolarPanels_0003-2.jpg')">
8816                <div class="sustainability-inner">
8817                    <div class="sustainability-content">
8818                                                    <h2 class="section-title">Operating Sustainably</h2>
8819                        
8820                                                    <div class="sustainability-desc">
8821                            <p>At S P Setia sustainability is front and centre in our pursuit to build sustainable communities and enrich lifestyles. We strengthened our sustainability journey and adopted a holistic approach that enables us to strategically integrate sustainability goals into business practices and respond to change.</p>
8822                            </div>
8823                        
8824                                                    <h3 class="initiative-title">Sustainability Initiatives</h3>
8825                                            </div>
8826                </div>
8827
8828                                    <div class="initiative-cards">
8829                                                <div class="initiative-card">
8830                                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/04/FTSE-Russell.png" alt="">
8831                                                    </div>
8832                                                <div class="initiative-card">
8833                                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/04/Sustainal
8833ytics.png" alt="">
8834                                                    </div>
8835                                                <div class="initiative-card">
8836                                                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/04/MSCI.png" alt="">
8837                                                    </div>
8838                                            </div>
8839                
8840                <div class="sustainability-inner">
8841                    <div class="sustainability-content">
8842                                            <a href="https://spsetia.com/sustainability/"
8843                        class="btn-primary">
8844                        View Sustainability                         </a>
8845                                        </div>
8846                </div>
8847            </section>
8848
8849            
8850            
8851            
8852                    </div>
8853    </div>
8854</main>
8855
8856<style>
8857.find-property-tab {
8858    position: fixed;
8859    right: 0;
8860    top: 80%;
8861    transform: translateY(-50%);
8862    z-index: 999;
8863    display: none;
8864    align-items: center;
8865    gap: 8px;
8866
8867    padding: 14px 10px;
8868    background: #0aa6d6; /* your blue */
8869    color: #fdfdfd;
8870    border: none;
8871    border-radius: 12px 0 0 12px;
8872
8873    cursor: pointer;
8874    box-shadow: 0 6px 20px rgba(0,0,0,.25);
8875    flex-direction: column;
8876}
8877
8878.find-property-tab::before {
8879    content: "";
8880    width: 32px;
8881    height: 32px;
8882    border-radius: 50%;
8883    background: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/find-a-property-mobile.svg')
8884        center / 32px no-repeat;
8885    flex-shrink: 0;
8886}
8887
8888/* vertical text */
8889.find-property-tab .text {
8890    writing-mode: vertical-rl;
8891    transform: rotate(180deg);
8892    font-weight: 600;
8893    letter-spacing: .5px;
8894    font-family: "Stone Sans, SemiBold";
8895}
8896
8897/* icon styling */
8898.find-property-tab .icon {
8899    font-size: 18px;
8900    line-height: 1;
8901    }
8902
8903/* hover effect */
8904.find-property-tab:hover {
8905    background: #088db8;
8906}
8907
8908/* mobile */
8909@media (max-width: 768px) {
8910    .find-property-tab {
8911        display: flex;
8912        padding: 10px 8px;
8913    }
8914
8915    .find-property-tab .text {
8916        font-size: 13px;
8917    }
8918}
8919
8920</style>
8921
8922<!--<button
8923    class="find-property-tab"
8924    onclick="toggleFindProperty()"
8925    aria-label="Find a Property"
8926>
8927    <span class="text">Find a Property</span>
8928</button>-->
8929
8930<!-- end main content -->
8931<script>
8932document.addEventListener('DOMContentLoaded', function () {
8933  if (window.AOS) {
8934    AOS.init({
8935      once: true,
8936      duration: 800,
8937      easing: 'ease-out-cubic',
8938      mirror: false
8939    });
8940
8941    // 🔥 CRITICAL
8942    setTimeout(() => {
8943      AOS.refreshHard();
8944    }, 300);
8945  }
8946});
8947</script>
8947
8948<style>
8949    .site-footer {
8950        background: #fff;
8951        padding: 80px 0px !important;
8952        gap: 24px;
8953        display: flex;
8954        flex-direction: column;
8955    }
8956
8957    .footer-inner {
8958        width: 100%;
8959        margin: 0 auto;
8960        padding-left: calc((100vw - 1240px) / 2);
8961        padding-right: calc((100vw - 1240px) / 2);
8962        display: flex;
8963        flex-direction: column;
8964        gap: 24px;
8965    }
8966
8967    .footer-top {
8968        display: flex;
8969        justify-content: space-between;
8970        gap: 40px;
8971        flex-direction: column;
8972    }
8973
8974    .footer-brand {
8975        gap: 24px;
8976        display: flex;
8977        flex-direction: column;
8978    }
8979
8980    .footer-brand-top {
8981        gap: 16px;
8982        display: flex;
8983        flex-direction: column;
8984    }
8985
8986    .footer-brand-top h4,
8987    .footer-brand-top p {
8988        margin: 0;
8989    }
8990
8991    .footer-brand-top h4 {
8992        font-family: 'Stone Sans, SemiBold';
8993        font-style: normal;
8994        font-weight: 5;
8995        font-size: 18px;
8996        line-height: 150%;
8997        color: #003893 !important;
8998        text-transform: inherit;
8999    }
9000
9001    .footer-brand-top p {
9002        font-family: 'Verdana';
9003        font-style: normal;
9004        font-weight: 400;
9005        font-size: 16px;
9006        line-height: 150%;
9007        /* or 24px */
9008
9009        color: #171717;
9010    }
9011
9012    .footer-logo {
9013        max-width: 180px;
9014    }
9015
9016    .footer-content {
9017        display: flex;
9018        flex-direction: row;
9019        gap: 40px;
9020        align-items: flex-end;
9021        justify-content: space-between;
9022    }
9023
9024    .footer-content-inner {
9025        max-width: 708px;
9026        display: flex;
9027        flex-direction: column;
9028        gap: 40px;
9029    }
9030
9031    .footer-address {
9032        margin: 16px 0 24px;
9033        line-height: 1.6;
9034    }
9035
9036    .footer-btn {
9037        align-items: center;
9038        border: 1px solid #003893;
9039        border-radius: 999px;
9040        color: #003893;
9041        display: inline-flex;
9042        justify-content: space-between;
9043        margin-bottom: 10px;
9044        padding: 12px 28px;
9045        text-decoration: none;
9046        width: 180px;
9047    }
9048
9049    .footer-copy {
9050        margin: 0 !important;
9051        font-family: 'Verdana';
9052        font-style: normal;
9053        font-weight: 400;
9054        font-size: 16px;
9055        line-height: 150%;
9056        color: #646464;
9057    }
9058
9059    .footer-sub-logos {
9060        display: flex;
9061        align-items: center;
9062        gap: 32px;
9063    }
9064
9065    .other_logo_one_logo {
9066        width: 98px;
9067        height: 48px;
9068    }
9069
9070    .other_logo_two_logo {
9071        width: 180px;
9072        height: 40px;
9073    }
9074
9075    .heading-sb {
9076        font-family: "Stone Sans, SemiBold";
9077        font-style: normal;
9078        font-weight: 5;
9079        font-size: 18px;
9080        line-height: 150%;
9081        color: #003893;
9082        text-transform: inherit;
9083    }
9084    
9085    .footer-actions {
9086        display: flex;
9087        flex-direction: row;
9088        gap: 40px;
9089        text-align: left;
9090        align-items: flex-end;
9091        height: min-content;
9092    }
9093
9094    .footer-socials {
9095        display: grid;
9096        grid-template-columns: repeat(3, 48px);
9097        gap: 24px;
9098        margin: 0;
9099    }
9100
9101    .footer-socials img {
9102        width: 40px;
9103        height: 40px;
9104    }
9105
9106    .footer-apps {
9107        display: flex;
9108        flex-direction: column;
9109        gap: 16px;
9110    }
9111
9112    .footer-app img {
9113        width: 147px;
9114    }
9115
9116    .footer-bottom {
9117        display: flex;
9118        justify-content: space-between;
9119    }
9120
9121    .footer-legal {
9122        display: flex;
9123        flex-wrap: wrap;
9124        font-family: 'Verdana';
9125        font-style: normal;
9126        font-weight: 400;
9127        font-size: 14px;
9128        line-height: 150%;
9129
9130        color: #2A5CAF;
9131    }
9132
9133    .footer-legal li {
9134        display: inline-flex;
9135        align-items: center;
9136    }
9137
9138    .footer-legal li:not(:last-child)::after {
9139        content: "|";
9140        margin-left: 8px;
9141        margin-right: 8px;
9142        color: #646464;
9143    }
9144
9145    .footer-divider {
9146        width: 1px;
9147        background: #e5e5e5;
9148        align-self: stretch;
9149    }
9150
9151    .footer-social-group {
9152        font-family: 'Verdana';
9153        font-style: normal;
9154        font-weight: 400;
9155        font-size: 16px;
9156        line-height: 150%;
9157        color: #646464;
9158        display: flex;
9159        flex-direction: column;
9160        gap: 16px;
9161    }
9162
9163    .d-hidden {
9164        display: none;
9165    }
9166
9167    .btn-secondary {
9168        width: fit-content;
9169        position: relative;
9170        display: inline-flex;
9171        align-items: center;
9172
9173        padding: 12px 48px 12px 28px; /* space for arrow */
9174        border-radius: 999px;
9175
9176        letter-spacing: 0.06em;
9177        text-transform: uppercase;
9178
9179        border: 2px solid #0a3d91;
9180        background: transparent;
9181
9182        text-decoration: none;
9183        transition: all 0.25s ease;
9184
9185        font-family: 'Stone Sans, SemiBold';
9186        font-style: normal;
9187        font-weight: 5;
9188        font-size: 18px;
9189        line-height: 150%;
9190
9191        color: #003893;
9192    }
9193
9194    /* SVG arrow */
9195    .btn-secondary::after {
9196        content: '';
9197        position: absolute;
9198        right: 22px;
9199        width: 14px;
9200        height: 14px;
9201
9202        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-blue.svg');
9203        background-repeat: no-repeat;
9204        background-size: contain;
9205        background-position: center;
9206
9207        transition: transform 0.25s ease;
9208    }
9209
9210    .btn-secondary:hover {
9211        background: #0a3d91;
9212        color: #fff !important;
9213    }
9214
9215    .btn-secondary:hover::after {
9216        background-image: url('https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/arrow-left-white.svg');
9217        transform: translateX(4px);
9218    }
9219
9220    @media (max-width: 1200px) {
9221        .site-footer {
9222            padding: 40px 24px !important;
9223        }
9224
9225        .footer-inner {
9226            width: 100%;
9227            padding: 0px;
9228        }
9229
9230        .footer-logo {
9231            width: 114px !important;
9232        }
9233
9234        .heading-sb {
9235            font-family: "Stone Sans, SemiBold";
9236            font-style: normal;
9237            font-weight: 5;
9238            font-size: 16px;
9239            line-height: 150%;
9240        }
9241
9242        .footer-socials {
9243            gap: 16px;
9244        }
9245
9246        .footer-social-group {
9247            gap: 8px;
9248        }
9249
9250        .footer-brand-top h4 {
9251            font-family: 'Stone Sans, SemiBold';
9252            font-style: normal;
9253            font-weight: 5;
9254            font-size: 16px;
9255            line-height: 150%;
9256
9257            color: #003893 !important;
9258            text-transform: inherit;
9259        }
9260
9261        .footer-brand-top p {
9262            font-family: 'Verdana';
9263            font-style: normal;
9264            font-weight: 400;
9265            font-size: 12px !important;
9266            line-height: 150%;
9267
9268            color: #171717 !important;
9269        }
9270
9271        .footer-social-group span {
9272            font-family: 'Verdana';
9273            font-style: normal;
9274            font-weight: 400;
9275            font-size: 12px;
9276            line-height: 150%;
9277            color: #646464 !important;
9278        }
9279
9280        .footer-content {
9281            gap: 40px;
9282            align-items: flex-end;
9283            flex-direction: row;
9284        }
9285
9286        .footer-app img {
9287            width: 140px;
9288        }
9289
9290        .footer-content-inner {
9291            gap: 24px;
9292        }
9293
9294        .footer-brand-bottom a {
9295            font-family: 'Stone Sans, SemiBold';
9296            font-style: normal;
9297            font-weight: 5;
9298            font-size: 14px;
9299            line-height: 150%;
9300        }
9301
9302        .footer-socials {
9303            grid-template-columns: repeat(3, 40px);
9304        }
9305
9306        .m-hidden {
9307            display: none; 
9308        }
9309
9310        .d-hidden {
9311            display: flex;
9312        }
9313
9314        .footer-copy {
9315            font-family: 'Verdana';
9316            font-style: normal;
9317            font-weight: 400;
9318            font-size: 12px !important;
9319            line-height: 150%;
9320            color: #646464;
9321        }
9322
9323        .footer-bottom {
9324            flex-direction: row;
9325            gap: 24px;
9326        }
9327
9328        .footer-apps {
9329            justify-content: center;
9330        }
9331
9332        .footer-legal {
9333            font-family: 'Verdana';
9334            font-style: normal;
9335            font-weight: 400;
9336            font-size: 12px;
9337            line-height: 150%;
9338            text-align: center;
9339
9340            color: #2A5CAF;
9341        }
9342
9343        .footer-legal li:not(:last-child)::after { 
9344            margin: 0 6px;
9345        }
9346
9347        .footer-actions {
9348            margin-bottom: 0;
9349            gap: 16px;
9350        }
9351
9352        .other_logo_two_logo {
9353            width: 180px;
9354        }
9355
9356        .other_logo_one_logo {
9357            width: 98px;
9358        }
9359    }
9360
9361    @media (max-width: 991px) {
9362        .footer-content {
9363            align-items: flex-start;
9364            flex-direction: column;
9365        }
9366    }
9367
9368    @media (max-width: 768px) {
9369        .footer-bottom {
9370            flex-direction: column;
9371        }
9372
9373        .footer-content {
9374            gap: 40px;
9375            align-items: flex-start;
9376            flex-direction: column;
9377        }
9378    }
9379</style>
9380<footer data-rocket-location-hash="140f4d0e2ca8218cca9f68951ee1c766" class="site-footer">
9381    <div data-rocket-location-hash="b51cb2bf53417cade5903b4422b93b93" class="footer-inner">
9382        
9383        <!-- ================= TOP ================= -->
9384        <div data-rocket-location-hash="866e06cecde3df504b740cba42a7a63c" class="footer-top">
9385            <!-- LEFT -->
9386            <!--<div class="footer-logo">
9387                                    <img src="" class="footer-logo" alt="Setia">
9388                            </div>-->
9389
9390            <div class="footer-content">
9391                <div class="footer-content-inner">
9392                    <div class="footer-brand">
9393                        <div class="footer-brand-top">
9394                            <h4 class="heading-sb">S P Setia Headquarters</h4>
9395
9396                            <p>12, Persiaran Setia Dagang Setia Alam, Seksyen U13 40170 Shah Alam Selangor Darul Ehsan, Malaysia</p>
9397                        </div>
9398
9399                        <div class="footer-brand-bottom">
9400                                                        <a href="https://spsetia.com/contact-us/" class="btn-secondary">
9401                                Contact Us 
9402                            </a>
9403                                                    </div>
9404                    </div>
9405
9406                    <div class="footer-sub-logos m-hidden">
9407                                                <a class="other_logo_two_logo" href="https://spsetia.com/setiago/" target="_blank">
9408                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/revamped-Setia-Go-Logo.png" alt="Other Logo Two">
9409                            </a>
9410                                                    <a class="other_logo_one_logo" href="https://spsetia.com/others/citizen-setia/" target="_blank">
9411                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/revamped-Citizen-Setia-Logo.png" alt="Other Logo One">
9412                            </a>
9413                                            </div>
9414                </div>
9415
9416                <!-- RIGHT -->
9417                <div class="footer-actions">
9418                    <div class="footer-social-group">
9419                        <span>Follow us on</span>
9420                        <div class="footer-socials">
9421                                                        <a href="https://www.facebook.com/spsetia?ref=ts&#038;fref=ts" target="_blank" rel="noopener">
9422                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/revamped-facebook-ft.svg" alt="">
9423                            </a>
9424                                                        <a href="https://www.instagram.com/spsetiabhd/" target="_blank" rel="noopener">
9425                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/revamped-instagram-ft.svg" alt="">
9426                            </a>
9427                                                        <a href="https://www.youtube.com/user/SetiaToday" target="_blank" rel="noopener">
9428                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/revamped-youtube-ft.svg" alt="">
9429                            </a>
9430                                                        <a href="https://www.linkedin.com/company/s-p-setia-berhad?trk=nav_account_sub_nav_company_admin" target="_blank" rel="noopener">
9431                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/revamped-linkedin-ft.svg" alt="">
9432                            </a>
9433                                                        <a href="https://www.tiktok.com/@spsetia" target="_blank" rel="noopener">
9434                                <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/img/revamped-tiktok-ft.svg" alt="">
9435                            </a>
9436                                                    </div>
9437                    </div>
9438
9439                    <div class="footer-divider"></div>
9440
9441                    <div class="footer-apps">
9442                                                <a href="https://apps.apple.com/my/app/id1504249315" target="_blank" class="footer-app">
9443                            <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/app-store-footer.svg" alt="">
9444                        </a>
9445                                                <a href="https://play.google.com/store/apps/details?id=spsetia.app.onthego" target="_blank" class="footer-app">
9446                            <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/google-play-footer.svg" alt="">
9447                        </a>
9448                                                <a href="https://appgallery.huawei.com/#/app/C102716507" target="_blank" class="footer-app">
9449                            <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2025/03/huawei-footer.svg" alt="">
9450                        </a>
9451                                            </div>
9452                </div>
9453            </div>
9454
9455            <div class="footer-sub-logos d-hidden">
9456                                        <a class="other_logo_two_logo" href="https://spsetia.com/setiago/" target="_blank">
9457                            <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/revamped-Setia-Go-Logo.png" alt="Other Logo Two">
9458                        </a>
9459                                        <a class="other_logo_one_logo" href="https://spsetia.com/others/citizen-setia/" target="_blank">
9460                        <img src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/uploads/2026/03/revamped-Citizen-Setia-Logo.png" alt="Other Logo One">
9461                    </a>
9462                            </div>
9463        </div>
9464
9465        <hr>
9466
9467        <!-- ================= BOTTOM ================= -->
9468        <div data-rocket-location-hash="672fa9d70ac8c01f7c2d8f9401cd8ae2" class="footer-bottom">
9469            <p class="footer-copy">
9470                © Copyright 2026 S P Setia Bhd Group. All Rights Reserved.            </p>
9471
9472            <nav class="footer-legal">
9473                <li id="menu-item-39630" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39630"><a href="https://whistleblowing.spsetia.com.my/whistleblowing/eWhistleblowing.aspx">Whistleblowing</a></li>
9474<li id="menu-item-39631" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39631"><a href="https://spsetia.com/governance/">Policy</a></li>
9475<li id="menu-item-39632" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39632"><a rel="privacy-policy" href="https://spsetia.com/privacy-policy/">PDPA</a></li>
9476<li id="menu-item-39633" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39633"><a href="https://spsetia.com/terms-conditions/">Term Of Use</a></li>
9477<li id="menu-item-39634" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39634"><a href="https://spsetia.com/e-spa/">e-SPA</a></li>
9478            </nav>
9479        </div>
9480    </div>
9481</footer>
9482
9483<script src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/aos.js"></script>
vendor: 1 bytes, line 9483
9483
9484<script defer src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/script.js"></script>
vendor: 1 bytes, line 9484
9484
9485<script src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/glightbox.js"></script>
9485
9486
9487
9488
9489<!-- header search bar js  -->
9490<script>
9491    jQuery('.search-topnav').click(function(){
9492        jQuery('.search-popup-main').addClass("open");
9493    });
9494
9495    jQuery('.search-popup-close-btn').click(function(){
9496        jQuery('.search-popup-main').removeClass("open");
9497    });
9498</script>
9498
9499
9500<template id="tp-language" data-tp-language="en_US"></template>
9500<script type="speculationrules">
9501{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/chirag/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
9502</script>
9502
9503			
9503<script>
9504				const lazyloadRunObserver = () => {
9505					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
9506					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
9507						entries.forEach( ( entry ) => {
9508							if ( entry.isIntersecting ) {
9509								let lazyloadBackground = entry.target;
9510								if( lazyloadBackground ) {
9511									lazyloadBackground.classList.add( 'e-lazyloaded' );
9512								}
9513								lazyloadBackgroundObserver.unobserve( entry.target );
9514							}
9515						});
9516					}, { rootMargin: '200px 0px 200px 0px' } );
9517					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
9518						lazyloadBackgroundObserver.observe( lazyloadBackground );
9519					} );
9520				};
9521				const events = [
9522					'DOMContentLoaded',
9523					'elementor/lazyload/observe',
9524				];
9525				events.forEach( ( event ) => {
9526					document.addEventListener( event, lazyloadRunObserver );
9527				} );
9528			</script>
9528
9529			
9529<script id="powertip-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/devvn-image-hotspot/frontend/js/jquery.powertip.min.js?ver=1.2.0"></script>
vendor: 1 bytes, line 9529
9529
9530<script id="maps-points-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/devvn-image-hotspot/frontend/js/maps_points.js?ver=1.3.0"></script>
vendor: 1 bytes, line 9530
9530
9531<script id="jsrender-js" src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.0/jsrender.min.js"></script>
vendor: 1 bytes, line 9531
9531
9532<script id="spsetia-inline-js-js-extra">
9533var ajax_object = {"ajaxurl":"https://spsetia.com/wp-admin/admin-ajax.php"};
9534//# sourceURL=spsetia-inline-js-js-extra
9535</script>
vendor: 1 bytes, line 9535
9535
9536<script id="jquery-ui-js" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
vendor: 1 bytes, line 9536
9536
9537<script id="gsap-js" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
vendor: 1 bytes, line 9537
9537
9538<script id="gsap-scrolltrigger-js" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 9538
9538
9539<script id="swiper-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/elementor/assets/lib/swiper/v8/swiper.min.js?ver=8.4.5"></script>
vendor: 1 bytes, line 9539
9539
9540<script id="owl-carousel-js" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
vendor: 1 bytes, line 9540
9540
9541<script id="ionicons-js" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
vendor: 1 bytes, line 9541
9541
9542<script id="sweetalert2-js" src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
vendor: 1 bytes, line 9542
9542
9543<script id="purecounter-cdn-js" src="https://cdn.jsdelivr.net/npm/@srexi/[email protected]/dist/purecounter_vanilla.min.js"></script>
vendor: 1 bytes, line 9543
9543
9544<script id="main-js-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/main.js"></script>
vendor: 1 bytes, line 9544
9544
9545<script id="purecounter-js-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/themes/chirag/assets/js/purecounter.js"></script>
vendor: 1 bytes, line 9545
9545
9546<script id="gfadvtools_shortcodes_script-js-extra">
9547var gfadvtools_shortcodes = {"check_a_box":"Please check at least one checkbox before submitting."};
9548//# sourceURL=gfadvtools_shortcodes_script-js-extra
9549</script>
vendor: 1 bytes, line 9549
9549
9550<script id="gfadvtools_shortcodes_script-js" src="https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/gf-tools/includes/js/shortcodes.js?ver=1790848739"></script>
9550
9551        
9551<script type="text/javascript">
9552            /* <![CDATA[ */
9553           document.querySelectorAll("ul.nav-menu").forEach(
9554               ulist => { 
9555                    if (ulist.querySelectorAll("li").length == 0) {
9556                        ulist.style.display = "none";
9557
9558                                            } 
9559                }
9560           );
9561            /* ]]> */
9562        </script>
9562
9563        
9563<script id="wp-emoji-settings" type="application/json">
9564{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-includes/js/wp-emoji-release.min.js?ver=4474e7d5ddfebd4fc0140c0be571a90c"}}
9565</script>
vendor: 1 bytes, line 9565
9565
9566<script type="module">
9567/*! This file is auto-generated */
9568const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
9569//# sourceURL=https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-includes/js/wp-emoji-loader.min.js
9570</script>
vendor: 1 bytes, line 9570
9570
9571<script>var rocket_beacon_data = {"ajax_url":"https:\/\/spsetia.com\/wp-admin\/admin-ajax.php","nonce":"84e0bac47f","url":"https:\/\/spsetia.com","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":[]}</script>
9571<script data-name="wpr-wpr-beacon" src='https://spsetia-cdn-f9hffqarazcwc5fj.a03.azurefd.net/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script>
9571</body>
9572
9573</html>
9574<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790848740 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.