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