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