{"id":146,"date":"2026-09-30T11:06:14","date_gmt":"2026-09-30T11:06:14","guid":{"rendered":"https:\/\/macaw1.thestackly.site\/?page_id=146"},"modified":"2026-10-01T09:45:31","modified_gmt":"2026-10-01T09:45:31","slug":"featured-listings","status":"publish","type":"page","link":"https:\/\/macaw1.thestackly.site\/?page_id=146","title":{"rendered":"Featured Listings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"146\" class=\"elementor elementor-146\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd4e10c e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"dd4e10c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-56e9ed8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"56e9ed8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-98b446b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"98b446b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e873d9 elementor-widget elementor-widget-heading\" data-id=\"7e873d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Featured Listings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83d20ba elementor-widget elementor-widget-heading\" data-id=\"83d20ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Home \/ Featured Listings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-566748c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"566748c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f4831e elementor-widget elementor-widget-image\" data-id=\"7f4831e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-scaled.jpg\" class=\"attachment-full size-full wp-image-112\" alt=\"\" srcset=\"https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-scaled.jpg 2560w, https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-300x200.jpg 300w, https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-1024x683.jpg 1024w, https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-768x512.jpg 768w, https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-1536x1024.jpg 1536w, https:\/\/macaw1.thestackly.site\/wp-content\/uploads\/2026\/09\/cozy-living-room-modern-apartment-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3da3eee e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3da3eee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b759b0c elementor-widget elementor-widget-html\" data-id=\"b759b0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Google Fonts Import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Marcellus+SC&display=swap');\r\n\r\n\/* Keyframes for Smooth Fade In Up Animation *\/\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Main Container - Full Width with 30px Left & Right Padding *\/\r\n.fl-section {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  margin: 40px auto;\r\n  padding: 0 30px;\r\n  box-sizing: border-box;\r\n  font-family: 'Lato', sans-serif;\r\n}\r\n\r\n\/* Hide Radio Filters *\/\r\n.fl-filter-radio {\r\n  display: none !important;\r\n}\r\n\r\n\/* Header Section Animation *\/\r\n.fl-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n  opacity: 0;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\r\n}\r\n\r\n.fl-header h2 {\r\n  font-family: 'Marcellus SC', serif;\r\n  font-weight: bold;\r\n  font-size: 36px;\r\n  color: #0f172a;\r\n  margin: 0 0 10px 0;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fl-header p {\r\n  font-family: 'Lato', sans-serif;\r\n  font-size: 16px;\r\n  color: #64748b;\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Filter Tabs Styling with Animation *\/\r\n.fl-tabs {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.25s forwards;\r\n}\r\n\r\n.fl-tab-btn {\r\n  background: #f1f5f9;\r\n  color: #334155;\r\n  padding: 12px 28px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  user-select: none;\r\n}\r\n\r\n.fl-tab-btn:hover {\r\n  background: #e2e8f0;\r\n}\r\n\r\n\/* Active Tab Highlight (#81912F) *\/\r\n#fl-radio-all:checked ~ .fl-tabs label[for=\"fl-radio-all\"],\r\n#fl-radio-villas:checked ~ .fl-tabs label[for=\"fl-radio-villas\"],\r\n#fl-radio-apartments:checked ~ .fl-tabs label[for=\"fl-radio-apartments\"],\r\n#fl-radio-commercial:checked ~ .fl-tabs label[for=\"fl-radio-commercial\"] {\r\n  background-color: #81912F !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 4px 12px rgba(129, 145, 47, 0.35);\r\n}\r\n\r\n\/* Properties Grid Layout (3 Rows x 4 Columns) *\/\r\n.fl-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n\/* Responsive Grid for Tablets & Mobile *\/\r\n@media (max-width: 1024px) {\r\n  .fl-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .fl-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* Property Card Base Styling & Animation *\/\r\n.fl-card {\r\n  background: #ffffff;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);\r\n  display: flex;\r\n  flex-direction: column;\r\n  opacity: 0;\r\n  animation: fadeInUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n\/* Staggered Delay for Each Card (One-by-One Fade In) *\/\r\n.fl-card:nth-child(1)  { animation-delay: 0.15s; }\r\n.fl-card:nth-child(2)  { animation-delay: 0.25s; }\r\n.fl-card:nth-child(3)  { animation-delay: 0.35s; }\r\n.fl-card:nth-child(4)  { animation-delay: 0.45s; }\r\n.fl-card:nth-child(5)  { animation-delay: 0.55s; }\r\n.fl-card:nth-child(6)  { animation-delay: 0.65s; }\r\n.fl-card:nth-child(7)  { animation-delay: 0.75s; }\r\n.fl-card:nth-child(8)  { animation-delay: 0.85s; }\r\n.fl-card:nth-child(9)  { animation-delay: 0.95s; }\r\n.fl-card:nth-child(10) { animation-delay: 1.05s; }\r\n.fl-card:nth-child(11) { animation-delay: 1.15s; }\r\n.fl-card:nth-child(12) { animation-delay: 1.25s; }\r\n\r\n\/* Smooth Hover Animation *\/\r\n.fl-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);\r\n}\r\n\r\n\/* Image Wrapper & Zoom Animation *\/\r\n.fl-img-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 200px;\r\n  overflow: hidden;\r\n  background-color: #f8fafc;\r\n}\r\n\r\n.fl-img-wrapper img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.fl-card:hover .fl-img-wrapper img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.fl-tag {\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 12px;\r\n  background: #0f172a;\r\n  color: #ffffff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-price {\r\n  position: absolute;\r\n  bottom: 12px;\r\n  right: 12px;\r\n  background: rgba(15, 23, 42, 0.85);\r\n  backdrop-filter: blur(4px);\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  padding: 5px 10px;\r\n  border-radius: 6px;\r\n}\r\n\r\n\/* Card Body Details *\/\r\n.fl-body {\r\n  padding: 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-grow: 1;\r\n}\r\n\r\n.fl-title {\r\n  font-family: 'Marcellus SC', serif;\r\n  font-size: 18px;\r\n  color: #0f172a;\r\n  margin: 0 0 6px 0;\r\n}\r\n\r\n.fl-location {\r\n  font-size: 13px;\r\n  color: #64748b;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.fl-specs {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  background: #f8fafc;\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  font-size: 12px;\r\n  color: #475569;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* Link Button Styling *\/\r\na.fl-btn {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 11px 0;\r\n  background: linear-gradient(135deg, #81912F 0%, #687624 100%);\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  font-family: 'Lato', sans-serif;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n  margin-top: auto;\r\n  box-sizing: border-box;\r\n}\r\n\r\na.fl-btn:hover {\r\n  background: linear-gradient(135deg, #687624 0%, #54601c 100%);\r\n  box-shadow: 0 4px 14px rgba(129, 145, 47, 0.4);\r\n}\r\n\r\n\/* CSS Pure Filtering Logic *\/\r\n#fl-radio-villas:checked ~ .fl-grid .fl-card:not(.fl-villa) {\r\n  display: none !important;\r\n}\r\n\r\n#fl-radio-apartments:checked ~ .fl-grid .fl-card:not(.fl-apartment) {\r\n  display: none !important;\r\n}\r\n\r\n#fl-radio-commercial:checked ~ .fl-grid .fl-card:not(.fl-commercial) {\r\n  display: none !important;\r\n}\r\n<\/style>\r\n\r\n<!-- Featured Listings Section -->\r\n<div class=\"fl-section\">\r\n\r\n  <!-- Hidden Radio Inputs for Tab Filtering -->\r\n  <input type=\"radio\" id=\"fl-radio-all\" name=\"fl-tab-group\" class=\"fl-filter-radio\" checked>\r\n  <input type=\"radio\" id=\"fl-radio-villas\" name=\"fl-tab-group\" class=\"fl-filter-radio\">\r\n  <input type=\"radio\" id=\"fl-radio-apartments\" name=\"fl-tab-group\" class=\"fl-filter-radio\">\r\n  <input type=\"radio\" id=\"fl-radio-commercial\" name=\"fl-tab-group\" class=\"fl-filter-radio\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"fl-header\">\r\n    <h2>Featured Listings<\/h2>\r\n    <p>Explore our handpicked selection of luxury villas, modern apartments, and premium commercial spaces.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Filter Buttons -->\r\n  <div class=\"fl-tabs\">\r\n    <label for=\"fl-radio-all\" class=\"fl-tab-btn\">All Property<\/label>\r\n    <label for=\"fl-radio-villas\" class=\"fl-tab-btn\">Villas<\/label>\r\n    <label for=\"fl-radio-apartments\" class=\"fl-tab-btn\">Apartment<\/label>\r\n    <label for=\"fl-radio-commercial\" class=\"fl-tab-btn\">Commercial<\/label>\r\n  <\/div>\r\n\r\n  <!-- Property Grid (12 Cards - 3 Rows x 4 Columns) -->\r\n  <div class=\"fl-grid\">\r\n\r\n    <!-- ===== VILLAS ===== -->\r\n    <div class=\"fl-card fl-villa\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Villa<\/span>\r\n        <span class=\"fl-price\">\u20b92.5 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=600&q=80\" alt=\"Oceanfront Villa\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Oceanfront Luxury Villa<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd ECR Road, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>4 Beds<\/span><span>\u2022<\/span><span>4 Baths<\/span><span>\u2022<\/span><span>3,200 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-villa\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Villa<\/span>\r\n        <span class=\"fl-price\">\u20b91.8 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=600&q=80\" alt=\"Royal Palm Villa\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Royal Palm Villa<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd OMR, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>3 Beds<\/span><span>\u2022<\/span><span>3 Baths<\/span><span>\u2022<\/span><span>2,600 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-villa\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Villa<\/span>\r\n        <span class=\"fl-price\">\u20b93.1 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613977257363-707ba9348227?auto=format&fit=crop&w=600&q=80\" alt=\"Green Valley Haven\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Green Valley Haven<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Boat Club, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>5 Beds<\/span><span>\u2022<\/span><span>5 Baths<\/span><span>\u2022<\/span><span>4,100 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-villa\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Villa<\/span>\r\n        <span class=\"fl-price\">\u20b92.2 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=600&q=80\" alt=\"Sunset Private Villa\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Sunset Private Villa<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Adyar, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>4 Beds<\/span><span>\u2022<\/span><span>3 Baths<\/span><span>\u2022<\/span><span>2,900 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== APARTMENTS ===== -->\r\n    <div class=\"fl-card fl-apartment\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Apartment<\/span>\r\n        <span class=\"fl-price\">\u20b985 Lakhs<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=600&q=80\" alt=\"Skyline Residency\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Skyline Residency<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Anna Nagar, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>2 Beds<\/span><span>\u2022<\/span><span>2 Baths<\/span><span>\u2022<\/span><span>1,250 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-apartment\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Apartment<\/span>\r\n        <span class=\"fl-price\">\u20b91.2 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?auto=format&fit=crop&w=600&q=80\" alt=\"Urban Heights Flat\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Urban Heights Flat<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Nungambakkam, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>3 Beds<\/span><span>\u2022<\/span><span>3 Baths<\/span><span>\u2022<\/span><span>1,650 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-apartment\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Apartment<\/span>\r\n        <span class=\"fl-price\">\u20b965 Lakhs<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=600&q=80\" alt=\"Green Park View\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Green Park View<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Porur, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>2 Beds<\/span><span>\u2022<\/span><span>2 Baths<\/span><span>\u2022<\/span><span>1,100 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-apartment\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Apartment<\/span>\r\n        <span class=\"fl-price\">\u20b91.4 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?auto=format&fit=crop&w=600&q=80\" alt=\"Marina View Suites\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Marina View Suites<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Mylapore, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>3 Beds<\/span><span>\u2022<\/span><span>3 Baths<\/span><span>\u2022<\/span><span>1,800 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== COMMERCIAL ===== -->\r\n    <div class=\"fl-card fl-commercial\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Commercial<\/span>\r\n        <span class=\"fl-price\">\u20b94.5 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=600&q=80\" alt=\"Prime IT Office Complex\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Prime IT Office Complex<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd OMR Tech Corridor, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>Office Space<\/span><span>\u2022<\/span><span>5,500 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-commercial\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Commercial<\/span>\r\n        <span class=\"fl-price\">\u20b92.8 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=600&q=80\" alt=\"Grand Retail Showroom\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Grand Retail Showroom<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd T. Nagar, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>Retail Space<\/span><span>\u2022<\/span><span>3,200 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-commercial\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Commercial<\/span>\r\n        <span class=\"fl-price\">\u20b95.2 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?auto=format&fit=crop&w=600&q=80\" alt=\"Corporate Business Hub\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Corporate Business Hub<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Guindy, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>Corporate Tower<\/span><span>\u2022<\/span><span>6,800 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fl-card fl-commercial\">\r\n      <div class=\"fl-img-wrapper\">\r\n        <span class=\"fl-tag\">Commercial<\/span>\r\n        <span class=\"fl-price\">\u20b91.9 Cr<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=600&q=80\" alt=\"Boutique Studio Space\">\r\n      <\/div>\r\n      <div class=\"fl-body\">\r\n        <h3 class=\"fl-title\">Boutique Studio Space<\/h3>\r\n        <div class=\"fl-location\">\ud83d\udccd Velachery, Chennai<\/div>\r\n        <div class=\"fl-specs\">\r\n          <span>Studio\/Office<\/span><span>\u2022<\/span><span>2,100 SqFt<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/macaw1.thestackly.site\/?page_id=166\" class=\"fl-btn\">View Details<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09f15db e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"09f15db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d2068a elementor-widget elementor-widget-html\" data-id=\"9d2068a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome Icons CDN Import -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* Google Fonts Import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Marcellus+SC&display=swap');\r\n\r\n\/* Global Animation *\/\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Base Wrapper for All Sections *\/\r\n.site-sec-wrapper {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  padding: 0 30px;\r\n  box-sizing: border-box;\r\n  font-family: 'Lato', sans-serif;\r\n}\r\n\r\n\/* ===================================================\r\n   SECTION 1: ADVANCED PROPERTY SEARCH BAR\r\n   =================================================== *\/\r\n.search-banner-sec {\r\n  background: linear-gradient(135deg, #81912F 0%, #5f6c20 100%);\r\n  border-radius: 16px;\r\n  padding: 40px 30px;\r\n  margin: 30px auto 50px auto;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n  color: #ffffff;\r\n  opacity: 0;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\r\n}\r\n\r\n.search-banner-title {\r\n  text-align: center;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.search-banner-title h3 {\r\n  font-family: 'Marcellus SC', serif;\r\n  font-weight: bold;\r\n  font-size: 28px;\r\n  margin: 0 0 8px 0;\r\n  color: #ffffff;\r\n}\r\n\r\n.search-banner-title p {\r\n  color: rgba(255, 255, 255, 0.9);\r\n  font-size: 15px;\r\n  margin: 0;\r\n}\r\n\r\n.search-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr) auto;\r\n  gap: 15px;\r\n  align-items: center;\r\n}\r\n\r\n.search-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.search-field label {\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  color: #ffffff;\r\n  margin-bottom: 6px;\r\n  font-weight: 700;\r\n}\r\n\r\n.search-field select, \r\n.search-field input {\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid #ffffff;\r\n  background: #000000;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n  transition: border-color 0.3s ease;\r\n}\r\n\r\n.search-field select:focus, \r\n.search-field input:focus {\r\n  border-color: #81912F;\r\n}\r\n\r\n.search-btn {\r\n  background: #ffffff;\r\n  color: #000000;\r\n  border: none;\r\n  font-family: 'Marcellus SC', serif;\r\n  padding: 13px 30px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  height: 46px;\r\n  margin-top: 18px;\r\n  transition: all 0.3s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.search-btn:hover {\r\n  background: #f1f5f9;\r\n  color:black;\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* ===================================================\r\n   SECTION 2: WHY CHOOSE US (4 FEATURES GRID)\r\n   =================================================== *\/\r\n.why-us-sec {\r\n  margin: 60px auto;\r\n  text-align: center;\r\n}\r\n\r\n.why-us-header {\r\n  margin-bottom: 40px;\r\n  opacity: 0;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\r\n}\r\n\r\n.why-us-header h2 {\r\n  font-family: 'Marcellus SC', serif;\r\n  font-weight: bold;\r\n  font-size: 32px;\r\n  color: #0f172a;\r\n  margin: 0 0 10px 0;\r\n}\r\n\r\n.why-us-header p {\r\n  color: #64748b;\r\n  font-size: 15px;\r\n  margin: 0;\r\n}\r\n\r\n.why-us-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.why-card {\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 12px;\r\n  padding: 30px 20px;\r\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  opacity: 0;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n}\r\n\r\n.why-card:nth-child(1) { animation-delay: 0.2s; }\r\n.why-card:nth-child(2) { animation-delay: 0.35s; }\r\n.why-card:nth-child(3) { animation-delay: 0.5s; }\r\n.why-card:nth-child(4) { animation-delay: 0.65s; }\r\n\r\n.why-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1);\r\n  border-color: #81912F;\r\n}\r\n\r\n\/* ICON COLOR STYLING *\/\r\n.why-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: #f4f6e8;\r\n  color: #81912F;        \/* Color Updated to #81912F *\/\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;       \/* Adjusted for Font Awesome *\/\r\n  margin: 0 auto 18px auto;\r\n}\r\n\r\n.why-card h4 {\r\n  font-size: 18px;\r\n  color: #0f172a;\r\n  margin: 0 0 10px 0;\r\n  font-weight: 700;\r\n}\r\n\r\n.why-card p {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* ===================================================\r\n   SECTION 3: FREE SITE VISIT BOOKING BANNER\r\n   =================================================== *\/\r\n.visit-banner-sec {\r\n  background: #f8fafc;\r\n  border-left: 6px solid #81912F;\r\n  border-radius: 12px;\r\n  padding: 40px 35px;\r\n  margin: 50px auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);\r\n  opacity: 0;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\r\n  gap: 30px;\r\n}\r\n\r\n.visit-info h3 {\r\n  font-family: 'Marcellus SC', serif;\r\n  font-weight: bold;\r\n  font-size: 28px;\r\n  color: #0f172a;\r\n  margin: 0 0 10px 0;\r\n}\r\n\r\n.visit-info p {\r\n  font-size: 15px;\r\n  color: #64748b;\r\n  margin: 0;\r\n  max-width: 550px;\r\n}\r\n\r\n.visit-form-mini {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.visit-form-mini input {\r\n  padding: 12px 16px;\r\n  border: 1px solid #cbd5e1;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  outline: none;\r\n  min-width: 200px;\r\n}\r\n\r\n.visit-form-mini input:focus {\r\n  border-color: #81912F;\r\n}\r\n\r\n.visit-btn {\r\n  background: linear-gradient(135deg, #81912F 0%, #687624 100%);\r\n  font-family: 'Marcellus SC', serif;\r\n  color: #ffffff;\r\n  border: none;\r\n  padding: 12px 28px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.visit-btn:hover {\r\n  background: linear-gradient(135deg, #687624 0%, #54601c 100%);\r\n  box-shadow: 0 4px 14px rgba(129, 145, 47, 0.4);\r\n}\r\n\r\n\/* ===================================================\r\n   RESPONSIVE MEDIA QUERIES\r\n   =================================================== *\/\r\n@media (max-width: 1024px) {\r\n  .search-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .search-btn {\r\n    grid-column: span 2;\r\n  }\r\n  .why-us-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .visit-banner-sec {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .search-grid, .why-us-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .search-btn {\r\n    grid-column: span 1;\r\n  }\r\n  .visit-form-mini {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n  .visit-form-mini input, .visit-btn {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Wrapper for 3 Sections -->\r\n<div class=\"site-sec-wrapper\">\r\n\r\n  <!-- ===================================================\r\n       SECTION 1: ADVANCED PROPERTY SEARCH BAR\r\n       =================================================== -->\r\n  <div class=\"search-banner-sec\">\r\n    <div class=\"search-banner-title\">\r\n      <h3>Find Your Dream Home<\/h3>\r\n      <p>Search over 1,000+ verified luxury properties in Chennai<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"search-grid\">\r\n      <div class=\"search-field\">\r\n        <label>Location<\/label>\r\n        <select>\r\n          <option>All Locations<\/option>\r\n          <option>ECR Road, Chennai<\/option>\r\n          <option>OMR, Chennai<\/option>\r\n          <option>Adyar, Chennai<\/option>\r\n          <option>Anna Nagar, Chennai<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"search-field\">\r\n        <label>Property Type<\/label>\r\n        <select>\r\n          <option>All Types<\/option>\r\n          <option>Luxury Villa<\/option>\r\n          <option>Modern Apartment<\/option>\r\n          <option>Commercial Space<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"search-field\">\r\n        <label>Max Budget<\/label>\r\n        <select>\r\n          <option>Any Budget<\/option>\r\n          <option>Under \u20b91 Crore<\/option>\r\n          <option>\u20b91 Cr - \u20b93 Cr<\/option>\r\n          <option>\u20b93 Cr+<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"search-field\">\r\n        <label>Bedrooms<\/label>\r\n        <select>\r\n          <option>Any BHK<\/option>\r\n          <option>2 BHK<\/option>\r\n          <option>3 BHK<\/option>\r\n          <option>4+ BHK<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <button class=\"search-btn\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> Search Now<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ===================================================\r\n       SECTION 2: WHY CHOOSE US (FONT AWESOME ICONS)\r\n       =================================================== -->\r\n  <div class=\"why-us-sec\">\r\n    <div class=\"why-us-header\">\r\n      <h2>Why Choose Our Real Estate Services<\/h2>\r\n      <p>We simplify your home buying journey with transparency and trust<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-us-grid\">\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\r\n          <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n        <\/div>\r\n        <h4>100% Verified Properties<\/h4>\r\n        <p>Every listing undergo rigorous legal and background checks before going live.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\r\n          <i class=\"fa-solid fa-handshake\"><\/i>\r\n        <\/div>\r\n        <h4>Zero Brokerage Fee<\/h4>\r\n        <p>Direct deals with premium builders and owners with zero hidden brokerage charges.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\r\n          <i class=\"fa-solid fa-car\"><\/i>\r\n        <\/div>\r\n        <h4>Free Cab Site Visits<\/h4>\r\n        <p>Book a private site visit and we\u2019ll arrange complimentary pickup & drop facility.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\r\n          <i class=\"fa-solid fa-file-contract\"><\/i>\r\n        <\/div>\r\n        <h4>Legal & Loan Assistance<\/h4>\r\n        <p>Get instant home loan approvals with leading banks and full legal documentation support.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ===================================================\r\n       SECTION 3: FREE SITE VISIT BOOKING BANNER\r\n       =================================================== -->\r\n  <div class=\"visit-banner-sec\">\r\n    <div class=\"visit-info\">\r\n      <h3>Book A Free Private Site Visit<\/h3>\r\n      <p>Experience luxury living firsthand. Schedule a personal tour with our property expert at your convenient time.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"visit-form-mini\">\r\n      <input type=\"text\" placeholder=\"Your Name\" required>\r\n      <input type=\"tel\" placeholder=\"Phone Number\" required>\r\n      <button class=\"visit-btn\">Schedule Tour<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4a9ad2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e4a9ad2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503f603 elementor-widget elementor-widget-html\" data-id=\"503f603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome & Google Fonts Import -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus+SC&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');\r\n\r\n\/* Scope CSS Variables inside wrapper *\/\r\n.wp-testimonial-wrapper {\r\n  --bg-card:black;\r\n  --bg-card-hover:black;\r\n  --accent-olive: #81912F;\r\n  --accent-olive-glow: rgba(129, 145, 47, 0.35);\r\n  --accent-gold: #f59e0b;\r\n  --text-main: #f8fafc;\r\n  --text-muted: #94a3b8;\r\n  --border-subtle: rgba(255, 255, 255, 0.08);\r\n  --border-active: rgba(129, 145, 47, 0.6);\r\n  --font-heading: 'Marcellus SC', serif;\r\n  --font-body: 'Lato', sans-serif;\r\n  \r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  box-sizing: border-box !important;\r\n  margin: 0 auto !important;\r\n  padding: 10px 0 !important; \/* Reduced outer side space *\/\r\n  font-family: var(--font-body);\r\n}\r\n\r\n.wp-testimonial-wrapper * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.testimonial-sec-container {\r\n  width: 100% !important;\r\n  max-width: 100% !important; \/* Full width utilisation on Desktop *\/\r\n  margin: 0 auto !important;\r\n  background:black;\r\n  border: 1px solid var(--border-subtle);\r\n  border-radius: 20px;\r\n  padding: 50px 30px !important; \/* Balanced internal padding *\/\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);\r\n  color: var(--text-main);\r\n}\r\n\r\n.ambient-glow-1 {\r\n  position: absolute;\r\n  top: -120px;\r\n  left: -120px;\r\n  width: 350px;\r\n  height: 350px;\r\n  background: var(--accent-olive-glow);\r\n  filter: blur(120px);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.ambient-glow-2 {\r\n  position: absolute;\r\n  bottom: -120px;\r\n  right: -120px;\r\n  width: 350px;\r\n  height: 350px;\r\n  background: rgba(245, 158, 11, 0.15);\r\n  filter: blur(120px);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.sec-header {\r\n  text-align: center;\r\n  max-width: 850px;\r\n  margin: 0 auto 35px auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.trust-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 1px solid var(--border-subtle);\r\n  padding: 8px 18px;\r\n  border-radius: 50px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--text-main);\r\n  backdrop-filter: blur(10px);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.trust-badge i {\r\n  color: var(--accent-gold);\r\n}\r\n\r\n.sec-header h2 {\r\n  font-family: var(--font-heading);\r\n  font-size: 38px;\r\n  letter-spacing: 1.5px;\r\n  color: #ffffff !important;\r\n  margin: 0 0 14px 0 !important;\r\n  text-transform: uppercase;\r\n  line-height: 1.2;\r\n}\r\n\r\n.sec-header p {\r\n  color: var(--text-muted);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  margin: 0 !important;\r\n}\r\n\r\n.controls-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  align-items: center;\r\n  margin-bottom: 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n}\r\n\r\n.view-mode-toggle {\r\n  display: flex;\r\n  background: rgba(0, 0, 0, 0.4);\r\n  padding: 5px;\r\n  border-radius: 14px;\r\n  border: 1px solid var(--border-subtle);\r\n  gap: 5px;\r\n  max-width: 100%;\r\n  overflow-x: auto;\r\n  white-space: nowrap;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.view-mode-toggle::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.view-btn {\r\n  background: transparent;\r\n  border: none;\r\n  color: var(--text-muted);\r\n  padding: 10px 20px;\r\n  border-radius: 10px;\r\n  font-family: var(--font-body);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-shrink: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.view-btn.active, .view-btn:hover {\r\n  background: var(--accent-olive);\r\n  color: #ffffff;\r\n  box-shadow: 0 4px 15px var(--accent-olive-glow);\r\n}\r\n\r\n.category-pills {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.filter-pill {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid var(--border-subtle);\r\n  color: var(--text-muted);\r\n  padding: 8px 18px;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.filter-pill.active, .filter-pill:hover {\r\n  border-color: var(--accent-olive);\r\n  color: var(--accent-olive);\r\n  background: rgba(129, 145, 47, 0.1);\r\n}\r\n\r\n.testimonial-content-area {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n}\r\n\r\n.grid-view-container {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n  width: 100%;\r\n}\r\n\r\n.tst-card {\r\n  background: var(--bg-card);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  border: 1px solid var(--border-subtle);\r\n  border-radius: 20px;\r\n  padding: 28px 22px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.tst-card:hover {\r\n  transform: translateY(-6px);\r\n  background: var(--bg-card-hover);\r\n  border-color: var(--border-active);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px var(--accent-olive-glow);\r\n}\r\n\r\n.tst-card-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.stars-group {\r\n  color: var(--accent-gold);\r\n  font-size: 13px;\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.like-btn {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 1px solid var(--border-subtle);\r\n  color: var(--text-muted);\r\n  padding: 6px 12px;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.like-btn.liked {\r\n  color: #ef4444;\r\n  border-color: rgba(239, 68, 68, 0.4);\r\n  background: rgba(239, 68, 68, 0.1);\r\n}\r\n\r\n.property-pill {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  background: rgba(129, 145, 47, 0.1);\r\n  border: 1px solid rgba(129, 145, 47, 0.25);\r\n  border-radius: 10px;\r\n  padding: 10px 14px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.property-name {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--accent-olive);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.property-specs {\r\n  font-size: 11px;\r\n  color: var(--text-muted);\r\n}\r\n\r\n.tst-quote {\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  color: #e2e8f0;\r\n  margin-bottom: 25px !important;\r\n}\r\n\r\n.user-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid var(--border-subtle);\r\n}\r\n\r\n.avatar-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.avatar-img {\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 50%;\r\n  object-fit: cover;\r\n  border: 2px solid var(--accent-olive);\r\n}\r\n\r\n.verified-icon {\r\n  position: absolute;\r\n  bottom: -2px;\r\n  right: -2px;\r\n  background: var(--accent-olive);\r\n  color: #ffffff;\r\n  font-size: 9px;\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 2px solid #090d16;\r\n}\r\n\r\n.user-info h4 {\r\n  font-family: var(--font-heading);\r\n  font-size: 15px;\r\n  color: #ffffff !important;\r\n  margin: 0 0 3px 0 !important;\r\n}\r\n\r\n.user-info p {\r\n  font-size: 12px;\r\n  color: var(--text-muted);\r\n  margin: 0 !important;\r\n}\r\n\r\n.slider-view, .video-view {\r\n  display: none;\r\n  width: 100%;\r\n}\r\n\r\n.slider-card-center {\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.slider-nav {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin-top: 25px;\r\n}\r\n\r\n.nav-arrow {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 1px solid var(--border-subtle);\r\n  color: #ffffff;\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.nav-arrow:hover {\r\n  background: var(--accent-olive);\r\n  box-shadow: 0 0 15px var(--accent-olive-glow);\r\n}\r\n\r\n.video-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 20px;\r\n  width: 100%;\r\n}\r\n\r\n.video-card {\r\n  background: var(--bg-card);\r\n  border: 1px solid var(--border-subtle);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  height: 220px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: 20px;\r\n  background-size: cover;\r\n  background-position: center;\r\n  width: 100%;\r\n}\r\n\r\n.video-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(0deg, rgba(11, 15, 25, 0.95) 0%, rgba(11, 15, 25, 0.2) 100%);\r\n}\r\n\r\n.play-btn-overlay {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 54px;\r\n  height: 54px;\r\n  background: var(--accent-olive);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 0 25px var(--accent-olive-glow);\r\n  z-index: 2;\r\n}\r\n\r\n.video-meta {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* TABLET RESPONSIVE (601px to 1024px) *\/\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n  .wp-testimonial-wrapper .grid-view-container {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .wp-testimonial-wrapper .grid-view-container .tst-card:nth-child(3) {\r\n    display: none !important;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .video-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* MOBILE RESPONSIVE (Below 600px) *\/\r\n@media (max-width: 600px) {\r\n  .wp-testimonial-wrapper {\r\n    padding: 0 10px !important;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .testimonial-sec-container {\r\n    padding: 35px 20px !important;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .sec-header h2 {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .grid-view-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .grid-view-container .tst-card:nth-child(3) {\r\n    display: flex !important;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .video-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .wp-testimonial-wrapper .view-mode-toggle {\r\n    width: 100%;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- MAIN WRAPPER FOR WORDPRESS ISOLATION -->\r\n<div class=\"wp-testimonial-wrapper\">\r\n  <div class=\"testimonial-sec-container\">\r\n    <div class=\"ambient-glow-1\"><\/div>\r\n    <div class=\"ambient-glow-2\"><\/div>\r\n\r\n    <!-- Section Header -->\r\n    <div class=\"sec-header\">\r\n      <div class=\"trust-badge\">\r\n        <i class=\"fa-solid fa-star\"><\/i> 4.9\/5 Rating | Verified Buyers\r\n      <\/div>\r\n      <h2>Client Success Stories<\/h2>\r\n      <p>Discover how discerning homeowners achieved their dream properties with our bespoke real estate solutions.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Controls Wrapper -->\r\n    <div class=\"controls-wrapper\">\r\n      <!-- View Toggle Tabs -->\r\n      <div class=\"view-mode-toggle\">\r\n        <button class=\"view-btn active\" data-view=\"grid\">\r\n          <i class=\"fa-solid fa-grip\"><\/i> Grid View\r\n        <\/button>\r\n        <button class=\"view-btn\" data-view=\"slider\">\r\n          <i class=\"fa-solid fa-sliders\"><\/i> Slider View\r\n        <\/button>\r\n        <button class=\"view-btn\" data-view=\"video\">\r\n          <i class=\"fa-solid fa-circle-play\"><\/i> Video Stories\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Category Filter Pills -->\r\n      <div class=\"category-pills\">\r\n        <button class=\"filter-pill active\" data-cat=\"all\">All Properties<\/button>\r\n        <button class=\"filter-pill\" data-cat=\"villas\">Luxury Villas<\/button>\r\n        <button class=\"filter-pill\" data-cat=\"apartments\">Penthouses<\/button>\r\n        <button class=\"filter-pill\" data-cat=\"commercial\">Commercial<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content Dynamic Container -->\r\n    <div class=\"testimonial-content-area\">\r\n      \r\n      <!-- GRID VIEW -->\r\n      <div id=\"gridView\" class=\"grid-view-container\">\r\n        \r\n        <!-- Card 1 -->\r\n        <div class=\"tst-card\" data-category=\"villas\">\r\n          <div>\r\n            <div class=\"tst-card-top\">\r\n              <div class=\"stars-group\">\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n              <\/div>\r\n              <button class=\"like-btn\" onclick=\"toggleLike(this)\">\r\n                <i class=\"fa-regular fa-heart\"><\/i> <span class=\"like-count\">24<\/span>\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"property-pill\">\r\n              <span class=\"property-name\"><i class=\"fa-solid fa-location-dot\"><\/i> ECR Waterfront Villa<\/span>\r\n              <span class=\"property-specs\">5,400 Sq.Ft \u2022 \u20b94.5 Crore<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"tst-quote\">\"Purchasing our beachside villa in ECR was completely effortless. Their legal audit team verified all titles within 48 hours. World-class service!\"<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"user-meta\">\r\n            <div class=\"avatar-wrapper\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=200&q=80\" alt=\"Ananya\" class=\"avatar-img\">\r\n              <span class=\"verified-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n            <\/div>\r\n            <div class=\"user-info\">\r\n              <h4>Ananya Ramachandran<\/h4>\r\n              <p>Villa Owner, ECR Chennai<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"tst-card\" data-category=\"apartments\">\r\n          <div>\r\n            <div class=\"tst-card-top\">\r\n              <div class=\"stars-group\">\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n              <\/div>\r\n              <button class=\"like-btn\" onclick=\"toggleLike(this)\">\r\n                <i class=\"fa-regular fa-heart\"><\/i> <span class=\"like-count\">19<\/span>\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"property-pill\">\r\n              <span class=\"property-name\"><i class=\"fa-solid fa-building\"><\/i> OMR Sky Penthouse<\/span>\r\n              <span class=\"property-specs\">3,200 Sq.Ft \u2022 \u20b92.8 Crore<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"tst-quote\">\"Zero brokerage fee and instant bank loan pre-approvals! They organized a smooth private site tour with chauffeur service.\"<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"user-meta\">\r\n            <div class=\"avatar-wrapper\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=200&q=80\" alt=\"Karthik\" class=\"avatar-img\">\r\n              <span class=\"verified-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n            <\/div>\r\n            <div class=\"user-info\">\r\n              <h4>Karthik Sundaram<\/h4>\r\n              <p>Penthouse Owner, OMR<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"tst-card\" data-category=\"commercial\">\r\n          <div>\r\n            <div class=\"tst-card-top\">\r\n              <div class=\"stars-group\">\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n              <\/div>\r\n              <button class=\"like-btn\" onclick=\"toggleLike(this)\">\r\n                <i class=\"fa-regular fa-heart\"><\/i> <span class=\"like-count\">31<\/span>\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"property-pill\">\r\n              <span class=\"property-name\"><i class=\"fa-solid fa-briefcase\"><\/i> Guindy Tech Park Office<\/span>\r\n              <span class=\"property-specs\">8,500 Sq.Ft \u2022 Commercial Leasing<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"tst-quote\">\"Relocating our enterprise tech hub was seamless. They negotiated competitive leasing terms and delivered on schedule.\"<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"user-meta\">\r\n            <div class=\"avatar-wrapper\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80\" alt=\"Rajesh\" class=\"avatar-img\">\r\n              <span class=\"verified-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n            <\/div>\r\n            <div class=\"user-info\">\r\n              <h4>Rajesh Kumar<\/h4>\r\n              <p>Tech Business Founder, Guindy<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- SLIDER VIEW -->\r\n      <div id=\"sliderView\" class=\"slider-view\">\r\n        <div class=\"tst-card slider-card-center\">\r\n          <div>\r\n            <div class=\"tst-card-top\">\r\n              <div class=\"stars-group\">\r\n                <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n              <\/div>\r\n              <span class=\"property-specs\">Featured Client Story<\/span>\r\n            <\/div>\r\n            <div class=\"property-pill\">\r\n              <span class=\"property-name\"><i class=\"fa-solid fa-crown\"><\/i> Anna Nagar Modern Mansion<\/span>\r\n              <span class=\"property-specs\">6,000 Sq.Ft \u2022 \u20b96.2 Crore<\/span>\r\n            <\/div>\r\n            <p class=\"tst-quote\">\"Exceeded all expectations! The tailored architectural guidance and legal support made our luxury dream home a reality.\"<\/p>\r\n          <\/div>\r\n          <div class=\"user-meta\">\r\n            <div class=\"avatar-wrapper\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=200&q=80\" alt=\"Meera\" class=\"avatar-img\">\r\n              <span class=\"verified-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n            <\/div>\r\n            <div class=\"user-info\">\r\n              <h4>Meera Krishnan<\/h4>\r\n              <p>Homeowner, Anna Nagar<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"slider-nav\">\r\n          <button class=\"nav-arrow\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\r\n          <span style=\"font-size: 13px; color: var(--text-muted);\">Story 1 of 4<\/span>\r\n          <button class=\"nav-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- VIDEO STORIES VIEW -->\r\n      <div id=\"videoView\" class=\"video-view\">\r\n        <div class=\"video-grid\">\r\n          <div class=\"video-card\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1613977257363-707ba9348227?auto=format&fit=crop&w=600&q=80');\">\r\n            <div class=\"play-btn-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n            <div class=\"video-meta\">\r\n              <h4 style=\"font-family: var(--font-heading); font-size: 18px; color: #ffffff !important; margin: 0;\">Walkthrough with Ananya<\/h4>\r\n              <p style=\"font-size: 12px; color: var(--text-muted); margin: 0;\">ECR Waterfront Villa Tour<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"video-card\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=600&q=80');\">\r\n            <div class=\"play-btn-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n            <div class=\"video-meta\">\r\n              <h4 style=\"font-family: var(--font-heading); font-size: 18px; color: #ffffff !important; margin: 0;\">Penthouse Experience<\/h4>\r\n              <p style=\"font-size: 12px; color: var(--text-muted); margin: 0;\">OMR Sky Residence Review<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function toggleLike(btn) {\r\n    const countSpan = btn.querySelector('.like-count');\r\n    const icon = btn.querySelector('i');\r\n    let currentLikes = parseInt(countSpan.innerText);\r\n\r\n    if (btn.classList.contains('liked')) {\r\n      btn.classList.remove('liked');\r\n      icon.classList.replace('fa-solid', 'fa-regular');\r\n      countSpan.innerText = currentLikes - 1;\r\n    } else {\r\n      btn.classList.add('liked');\r\n      icon.classList.replace('fa-regular', 'fa-solid');\r\n      countSpan.innerText = currentLikes + 1;\r\n    }\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const wrapper = document.querySelector('.wp-testimonial-wrapper');\r\n    if(!wrapper) return;\r\n\r\n    const viewBtns = wrapper.querySelectorAll('.view-btn');\r\n    const gridView = wrapper.querySelector('#gridView');\r\n    const sliderView = wrapper.querySelector('#sliderView');\r\n    const videoView = wrapper.querySelector('#videoView');\r\n\r\n    viewBtns.forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        viewBtns.forEach(b => b.classList.remove('active'));\r\n        btn.classList.add('active');\r\n\r\n        const mode = btn.getAttribute('data-view');\r\n        gridView.style.display = 'none';\r\n        sliderView.style.display = 'none';\r\n        videoView.style.display = 'none';\r\n\r\n        if (mode === 'grid') {\r\n          gridView.style.display = 'grid';\r\n        } else if (mode === 'slider') {\r\n          sliderView.style.display = 'block';\r\n        } else if (mode === 'video') {\r\n          videoView.style.display = 'grid';\r\n        }\r\n      });\r\n    });\r\n\r\n    const filterPills = wrapper.querySelectorAll('.filter-pill');\r\n    const cards = wrapper.querySelectorAll('#gridView .tst-card');\r\n\r\n    filterPills.forEach(pill => {\r\n      pill.addEventListener('click', () => {\r\n        filterPills.forEach(p => p.classList.remove('active'));\r\n        pill.classList.add('active');\r\n\r\n        const cat = pill.getAttribute('data-cat');\r\n        cards.forEach(card => {\r\n          if (cat === 'all' || card.getAttribute('data-category') === cat) {\r\n            card.style.display = 'flex';\r\n          } else {\r\n            card.style.display = 'none';\r\n          }\r\n        });\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Featured Listings Home \/ Featured Listings Featured Listings Explore our handpicked selection of luxury villas, modern apartments, and premium commercial spaces. All Property Villas Apartment Commercial Villa \u20b92.5 Cr Oceanfront Luxury Villa \ud83d\udccd ECR Road, Chennai 4 Beds\u20224 Baths\u20223,200 SqFt View Details Villa \u20b91.8 Cr Royal Palm Villa \ud83d\udccd OMR, Chennai 3 Beds\u20223 Baths\u20222,600 SqFt View Details Villa \u20b93.1 Cr Green Valley Haven \ud83d\udccd Boat Club, Chennai 5 Beds\u20225 Baths\u20224,100 SqFt View Details Villa \u20b92.2 Cr Sunset Private Villa \ud83d\udccd Adyar, Chennai 4 Beds\u20223 Baths\u20222,900 SqFt View Details Apartment \u20b985 Lakhs Skyline Residency \ud83d\udccd Anna Nagar, Chennai 2 Beds\u20222 Baths\u20221,250 SqFt View Details Apartment \u20b91.2 Cr Urban Heights Flat \ud83d\udccd Nungambakkam, Chennai 3 Beds\u20223 Baths\u20221,650 SqFt View Details Apartment \u20b965 Lakhs Green Park View \ud83d\udccd Porur, Chennai 2 Beds\u20222 Baths\u20221,100 SqFt View Details Apartment \u20b91.4 Cr Marina View Suites \ud83d\udccd Mylapore, Chennai 3 Beds\u20223 Baths\u20221,800 SqFt View Details Commercial \u20b94.5 Cr Prime IT Office Complex \ud83d\udccd OMR Tech Corridor, Chennai Office Space\u20225,500 SqFt View Details Commercial \u20b92.8 Cr Grand Retail Showroom \ud83d\udccd T. Nagar, Chennai Retail Space\u20223,200 SqFt View Details Commercial \u20b95.2 Cr Corporate Business Hub \ud83d\udccd Guindy, Chennai Corporate Tower\u20226,800 SqFt View Details Commercial \u20b91.9 Cr Boutique Studio Space \ud83d\udccd Velachery, Chennai Studio\/Office\u20222,100 SqFt View Details Find Your Dream Home Search over 1,000+ verified luxury properties in Chennai Location All LocationsECR Road, ChennaiOMR, ChennaiAdyar, ChennaiAnna Nagar, Chennai Property Type All TypesLuxury VillaModern ApartmentCommercial Space Max Budget Any BudgetUnder \u20b91 Crore\u20b91 Cr &#8211; \u20b93 Cr\u20b93 Cr+ Bedrooms Any BHK2 BHK3 BHK4+ BHK Search Now Why Choose Our Real Estate Services We simplify your home buying journey with transparency and trust 100% Verified Properties Every listing undergo rigorous legal and background checks before going live. Zero Brokerage Fee Direct deals with premium builders and owners with zero hidden brokerage charges. Free Cab Site Visits Book a private site visit and we\u2019ll arrange complimentary pickup &#038; drop facility. Legal &#038; Loan Assistance Get instant home loan approvals with leading banks and full legal documentation support. Book A Free Private Site Visit Experience luxury living firsthand. Schedule a personal tour with our property expert at your convenient time. Schedule Tour 4.9\/5 Rating | Verified Buyers Client Success Stories Discover how discerning homeowners achieved their dream properties with our bespoke real estate solutions. Grid View Slider View Video Stories All Properties Luxury Villas Penthouses Commercial 24 ECR Waterfront Villa 5,400 Sq.Ft \u2022 \u20b94.5 Crore &#8220;Purchasing our beachside villa in ECR was completely effortless. Their legal audit team verified all titles within 48 hours. World-class service!&#8221; Ananya Ramachandran Villa Owner, ECR Chennai 19 OMR Sky Penthouse 3,200 Sq.Ft \u2022 \u20b92.8 Crore &#8220;Zero brokerage fee and instant bank loan pre-approvals! They organized a smooth private site tour with chauffeur service.&#8221; Karthik Sundaram Penthouse Owner, OMR 31 Guindy Tech Park Office 8,500 Sq.Ft \u2022 Commercial Leasing &#8220;Relocating our enterprise tech hub was seamless. They negotiated competitive leasing terms and delivered on schedule.&#8221; Rajesh Kumar Tech Business Founder, Guindy Featured Client Story Anna Nagar Modern Mansion 6,000 Sq.Ft \u2022 \u20b96.2 Crore &#8220;Exceeded all expectations! The tailored architectural guidance and legal support made our luxury dream home a reality.&#8221; Meera Krishnan Homeowner, Anna Nagar Story 1 of 4 Walkthrough with Ananya ECR Waterfront Villa Tour Penthouse Experience OMR Sky Residence Review<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":5,"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":490,"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions\/490"}],"wp:attachment":[{"href":"https:\/\/macaw1.thestackly.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}