PageSourceSearch

https://spsetia.com/

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

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.