{"id":7,"date":"2026-08-30T06:23:31","date_gmt":"2026-08-30T06:23:31","guid":{"rendered":"https:\/\/teknr44.thestackly.in\/?page_id=7"},"modified":"2026-09-11T05:33:08","modified_gmt":"2026-09-11T05:33:08","slug":"home","status":"publish","type":"page","link":"https:\/\/teknr44.thestackly.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-944e061 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=\"944e061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7a31b7 elementor-widget elementor-widget-html\" data-id=\"e7a31b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-split-hero\">\r\n  <!-- LEFT: Primary Panel -->\r\n  <div class=\"hp-split-left\">\r\n    <div class=\"hp-split-inner\">\r\n      <!-- Subheading \/ Badge -->\r\n      <p class=\"hp-subhead\">Premium Collection 2025<\/p>\r\n\r\n      <!-- Main Heading -->\r\n      <h1 class=\"hp-heading\">\r\n        Crafted For<br>\r\n        <em>The Extraordinary<\/em>\r\n      <\/h1>\r\n\r\n      <!-- Body Text -->\r\n      <p class=\"hp-body\">\r\n        Discover a curated world of design where every detail is intentional, and every piece tells a story of refined living.\r\n      <\/p>\r\n\r\n      <!-- Buttons -->\r\n      <div class=\"hp-btn-row\">\r\n        <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=18\" class=\"hp-btn hp-btn-light\">\r\n          View Listings\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=28\" class=\"hp-btn hp-btn-dark\">Contact Now<\/a>\r\n      <\/div>\r\n\r\n      <!-- Stats -->\r\n      <div class=\"hp-stats\">\r\n        <div class=\"hp-stat\">\r\n          <span class=\"hp-stat-num\">250+<\/span>\r\n          <span class=\"hp-stat-label\"> New Designs<\/span>\r\n        <\/div>\r\n        <div class=\"hp-stat-divider\"><\/div>\r\n        <div class=\"hp-stat\">\r\n          <span class=\"hp-stat-num\">12k<\/span>\r\n          <span class=\"hp-stat-label\">Happy Clients<\/span>\r\n        <\/div>\r\n        <div class=\"hp-stat-divider\"><\/div>\r\n        <div class=\"hp-stat\">\r\n          <span class=\"hp-stat-num\">15<\/span>\r\n          <span class=\"hp-stat-label\">Years Craft<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RIGHT: Ken Burns Gallery -->\r\n  <div class=\"hp-split-right\">\r\n    <div class=\"hp-gallery\">\r\n      <div class=\"hp-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=1400&auto=format&fit=crop');\"><\/div>\r\n      <div class=\"hp-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?q=80&w=1400&auto=format&fit=crop');\"><\/div>\r\n      <div class=\"hp-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1583847268964-b28dc8f51f92?q=80&w=1400&auto=format&fit=crop');\"><\/div>\r\n      <div class=\"hp-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1567016432779-094069958ea5?q=80&w=1400&auto=format&fit=crop');\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Dots -->\r\n    <div class=\"hp-dots\">\r\n      <span class=\"hp-dot active\"><\/span>\r\n      <span class=\"hp-dot\"><\/span>\r\n      <span class=\"hp-dot\"><\/span>\r\n      <span class=\"hp-dot\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97ee513 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=\"97ee513\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0f337 elementor-widget elementor-widget-html\" data-id=\"0e0f337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Figtree:wght@500;600;700&family=Libre+Baskerville:wght@400;700&family=Onest:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"hp-about\" id=\"hpAbout\">\r\n  <div class=\"hp-about-container\">\r\n\r\n    <!-- ============ LEFT : IMAGE COLLAGE ============ -->\r\n    <div class=\"hp-about-visual\" data-reveal=\"left\">\r\n\r\n      <!-- Main Image -->\r\n      <div class=\"hp-img-main\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop\" alt=\"Our Workspace\">\r\n        <span class=\"hp-img-frame\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- Secondary Overlapping Image -->\r\n      <div class=\"hp-img-sub\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=900&auto=format&fit=crop\" alt=\"Our Craft\">\r\n      <\/div>\r\n\r\n      <!-- Floating Experience Badge -->\r\n      <div class=\"hp-exp-badge\">\r\n        <svg class=\"hp-ring\" viewBox=\"0 0 100 100\">\r\n          <circle class=\"hp-ring-bg\" cx=\"50\" cy=\"50\" r=\"44\"><\/circle>\r\n          <circle class=\"hp-ring-fill\" cx=\"50\" cy=\"50\" r=\"44\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"hp-exp-inner\">\r\n          <span class=\"hp-exp-num\" data-count=\"15\">0<\/span><span class=\"hp-exp-plus\">+<\/span>\r\n          <span class=\"hp-exp-label\">Years of<br>Excellence<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Decorative dot grid -->\r\n      <span class=\"hp-dotgrid\"><\/span>\r\n    <\/div>\r\n\r\n    <!-- ============ RIGHT : CONTENT (Simplified) ============ -->\r\n    <div class=\"hp-about-content\" data-reveal=\"right\">\r\n      <div class=\"hp-about-content-inner\">\r\n\r\n        <!-- Sub Heading -->\r\n        <div class=\"hp-about-eyebrow\">\r\n          <span class=\"hp-eyebrow-line\"><\/span>\r\n          <span class=\"hp-about-subhead\">About Our Studio<\/span>\r\n        <\/div>\r\n\r\n        <!-- Main Heading -->\r\n        <h2 class=\"hp-about-heading\">\r\n          Building Spaces That <em>Feel Like Home<\/em>\r\n        <\/h2>\r\n\r\n        <!-- Single Paragraph (replacing tabs) -->\r\n        <p class=\"hp-about-text hp-about-intro\">\r\n          For over fifteen years we have been shaping interiors that balance timeless craftsmanship with modern comfort. Every project begins with listening \u2014 understanding how you live, then designing around it. We believe great design isn't about following trends; it's about creating spaces that reflect who you are and how you want to feel every day.\r\n        <\/p>\r\n\r\n        <!-- Feature List -->\r\n        <ul class=\"hp-feature-list\">\r\n          <li class=\"hp-feature\">\r\n            <span class=\"hp-feature-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"hp-feature-txt\">Designed Around You<\/span>\r\n          <\/li>\r\n          <li class=\"hp-feature\">\r\n            <span class=\"hp-feature-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"hp-feature-txt\">Ethically sourced materials<\/span>\r\n          <\/li>\r\n          <li class=\"hp-feature\">\r\n            <span class=\"hp-feature-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"hp-feature-txt\">On-time, on-budget delivery<\/span>\r\n          <\/li>\r\n          <li class=\"hp-feature\">\r\n            <span class=\"hp-feature-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"hp-feature-txt\">Lifetime after-care support<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <!-- CTA Button -->\r\n        <div class=\"hp-about-cta\">\r\n          <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=13\" class=\"hp-about-btn\">\r\n            Discover More\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.getElementById('hpAbout');\r\n  if (!root) return;\r\n\r\n  \/* ---------- 1. BADGE COUNTER (15+) ---------- *\/\r\n  function runCounter(el) {\r\n    var target   = parseInt(el.getAttribute('data-count'), 10) || 0;\r\n    var duration = 1600;\r\n    var start    = null;\r\n\r\n    function step(ts) {\r\n      if (!start) start = ts;\r\n      var progress = Math.min((ts - start) \/ duration, 1);\r\n      var eased    = 1 - Math.pow(1 - progress, 3);  \/\/ easeOutCubic\r\n      el.textContent = Math.floor(eased * target);\r\n      if (progress < 1) requestAnimationFrame(step);\r\n      else el.textContent = target;\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  \/* ---------- 2. SCROLL REVEAL + RING ---------- *\/\r\n  var revealItems = root.querySelectorAll('[data-reveal]');\r\n  var counted = false;\r\n\r\n  if ('IntersectionObserver' in window) {\r\n\r\n    var revealObs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          revealObs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    revealItems.forEach(function (item) { revealObs.observe(item); });\r\n\r\n    var countObs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting && !counted) {\r\n          counted = true;\r\n          root.querySelectorAll('[data-count]').forEach(runCounter);\r\n          root.classList.add('hp-ring-go');\r\n          countObs.disconnect();\r\n        }\r\n      });\r\n    }, { threshold: 0.3 });\r\n\r\n    countObs.observe(root);\r\n\r\n  } else {\r\n    revealItems.forEach(function (i) { i.classList.add('is-visible'); });\r\n    root.querySelectorAll('[data-count]').forEach(runCounter);\r\n    root.classList.add('hp-ring-go');\r\n  }\r\n\r\n  \/* ---------- 3. SUBTLE PARALLAX (desktop only) ---------- *\/\r\n  var visual = root.querySelector('.hp-about-visual');\r\n  if (visual && window.matchMedia('(min-width: 1025px)').matches) {\r\n    var ticking = false;\r\n    window.addEventListener('scroll', function () {\r\n      if (ticking) return;\r\n      ticking = true;\r\n      requestAnimationFrame(function () {\r\n        var rect = root.getBoundingClientRect();\r\n        if (rect.top < window.innerHeight && rect.bottom > 0) {\r\n          var shift = (rect.top \/ window.innerHeight) * 16;\r\n          var sub = visual.querySelector('.hp-img-sub');\r\n          if (sub) sub.style.transform = 'translateY(' + shift + 'px)';\r\n        }\r\n        ticking = false;\r\n      });\r\n    }, { passive: true });\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e917f6 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=\"3e917f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9975f3 elementor-widget elementor-widget-html\" data-id=\"d9975f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts - remove if already loaded on your site -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Onest:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"hp-properties\" id=\"hpProperties\">\r\n  <div class=\"hp-properties-container\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"hp-properties-heading-wrap hp-properties-reveal\">\r\n      <div class=\"hp-properties-eyebrow\">\r\n        <span class=\"hp-properties-line\"><\/span>\r\n        <span>Featured Properties<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hp-properties-heading-row\">\r\n        <h2 class=\"hp-properties-heading\">\r\n          Find a Home That\r\n          <em>Feels Right<\/em>\r\n        <\/h2>\r\n\r\n        <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=18\" class=\"hp-properties-all-link\">\r\n          View All Properties\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m13 6 6 6-6 6\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         PROPERTY 01\r\n    ================================================== -->\r\n    <article class=\"hp-property-card hp-properties-reveal\">\r\n\r\n      <!-- LEFT: Image with overlay content -->\r\n      <div class=\"hp-property-image-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=85&w=1400&auto=format&fit=crop\"\r\n          alt=\"The Willow Residence\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"hp-property-image-overlay\"><\/div>\r\n\r\n        <span class=\"hp-property-tag\">For Sale<\/span>\r\n\r\n        <!-- Text placed on the image -->\r\n        <div class=\"hp-property-image-content\">\r\n          \r\n\r\n          <div>\r\n            <p class=\"hp-property-type\">Independent Villa<\/p>\r\n            <h3 class=\"hp-property-image-title\">The Willow Residence<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT: Property details -->\r\n      <div class=\"hp-property-info\">\r\n\r\n        <div class=\"hp-property-info-top\">\r\n          <div class=\"hp-property-location\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\r\n            <\/svg>\r\n            <span>Indiranagar, Bengaluru<\/span>\r\n          <\/div>\r\n\r\n          <button class=\"hp-property-favourite\" type=\"button\" aria-label=\"Save The Willow Residence\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.9-8.6a5.5 5.5 0 0 0-.1-7.8Z\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <h3 class=\"hp-property-info-title\">Contemporary living with a timeless soul.<\/h3>\r\n\r\n        <p class=\"hp-property-description\">\r\n          A beautifully designed four-bedroom villa offering open interiors,\r\n          abundant natural light, private gardens, and effortless city living.\r\n        <\/p>\r\n\r\n        <div class=\"hp-property-specs\">\r\n          <div class=\"hp-property-spec\">\r\n            <strong>04<\/strong>\r\n            <span>Bedrooms<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"hp-property-spec-divider\"><\/div>\r\n\r\n          <div class=\"hp-property-spec\">\r\n            <strong>04<\/strong>\r\n            <span>Bathrooms<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"hp-property-spec-divider\"><\/div>\r\n\r\n          <div class=\"hp-property-spec\">\r\n            <strong>3,200<\/strong>\r\n            <span>Sq. Ft.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hp-property-info-bottom\">\r\n          <div class=\"hp-property-price\">\r\n            <span>Starting from<\/span>\r\n            <strong>\u20b9 3.85 Cr<\/strong>\r\n          <\/div>\r\n\r\n          <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=18\" class=\"hp-property-btn\">\r\n            View Property\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M5 12h14\"><\/path>\r\n              <path d=\"m13 6 6 6-6 6\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n\r\n    <!-- =================================================\r\n         PROPERTY 02\r\n    ================================================== -->\r\n    <article class=\"hp-property-card hp-properties-reveal\">\r\n\r\n      <!-- LEFT: Image with overlay content -->\r\n      <div class=\"hp-property-image-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?q=85&w=1400&auto=format&fit=crop\"\r\n          alt=\"The Maple Estate\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"hp-property-image-overlay\"><\/div>\r\n\r\n        <span class=\"hp-property-tag\">For Sale<\/span>\r\n\r\n        <div class=\"hp-property-image-content\">\r\n         \r\n\r\n          <div>\r\n            <p class=\"hp-property-type\">Private Estate<\/p>\r\n            <h3 class=\"hp-property-image-title\">The Maple Estate<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT: Property details -->\r\n      <div class=\"hp-property-info\">\r\n\r\n        <div class=\"hp-property-info-top\">\r\n          <div class=\"hp-property-location\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\r\n            <\/svg>\r\n            <span>Whitefield, Bengaluru<\/span>\r\n          <\/div>\r\n\r\n          <button class=\"hp-property-favourite\" type=\"button\" aria-label=\"Save The Maple Estate\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.9-8.6a5.5 5.5 0 0 0-.1-7.8Z\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <h3 class=\"hp-property-info-title\">A refined address surrounded by nature.<\/h3>\r\n\r\n        <p class=\"hp-property-description\">\r\n          Designed for elegant family living, this residence combines generous\r\n          proportions, landscaped spaces, and beautifully considered finishes.\r\n        <\/p>\r\n\r\n        <div class=\"hp-property-specs\">\r\n          <div class=\"hp-property-spec\">\r\n            <strong>05<\/strong>\r\n            <span>Bedrooms<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"hp-property-spec-divider\"><\/div>\r\n\r\n          <div class=\"hp-property-spec\">\r\n            <strong>05<\/strong>\r\n            <span>Bathrooms<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"hp-property-spec-divider\"><\/div>\r\n\r\n          <div class=\"hp-property-spec\">\r\n            <strong>4,850<\/strong>\r\n            <span>Sq. Ft.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hp-property-info-bottom\">\r\n          <div class=\"hp-property-price\">\r\n            <span>Starting from<\/span>\r\n            <strong>\u20b9 5.20 Cr<\/strong>\r\n          <\/div>\r\n\r\n          <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=18\" class=\"hp-property-btn\">\r\n            View Property\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M5 12h14\"><\/path>\r\n              <path d=\"m13 6 6 6-6 6\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n \r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var section = document.getElementById(\"hpProperties\");\r\n\r\n  if (!section || section.dataset.initialized === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.initialized = \"true\";\r\n\r\n  \/* Reveal property cards when section enters screen *\/\r\n  var revealItems = section.querySelectorAll(\".hp-properties-reveal\");\r\n  var reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  if (reducedMotion || !(\"IntersectionObserver\" in window)) {\r\n    revealItems.forEach(function (item) {\r\n      item.classList.add(\"is-visible\");\r\n    });\r\n  } else {\r\n    var observer = new IntersectionObserver(\r\n      function (entries, currentObserver) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"is-visible\");\r\n            currentObserver.unobserve(entry.target);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold: 0.12\r\n      }\r\n    );\r\n\r\n    revealItems.forEach(function (item) {\r\n      observer.observe(item);\r\n    });\r\n  }\r\n\r\n  \/* Favourite heart toggle *\/\r\n  var favourites = section.querySelectorAll(\".hp-property-favourite\");\r\n\r\n  favourites.forEach(function (button) {\r\n    button.addEventListener(\"click\", function () {\r\n      this.classList.toggle(\"is-saved\");\r\n\r\n      var isSaved = this.classList.contains(\"is-saved\");\r\n      this.setAttribute(\r\n        \"aria-label\",\r\n        isSaved ? \"Remove saved property\" : \"Save property\"\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<div class=\"elementor-element elementor-element-aadb499 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=\"aadb499\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e262f5 elementor-widget elementor-widget-html\" data-id=\"4e262f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts (remove if already loaded) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Onest:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"svc\" id=\"svcSection\">\r\n  <div class=\"svc-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"svc-header svc-reveal\">\r\n      <div class=\"svc-eyebrow\">\r\n        <span class=\"svc-eyebrow-line\"><\/span>\r\n        <span class=\"svc-subhead\">Services<\/span>\r\n        <span class=\"svc-eyebrow-line\"><\/span>\r\n      <\/div>\r\n      <h2 class=\"svc-heading\">Guiding You Home With <em>Care & Expertise<\/em><\/h2>\r\n      <p class=\"svc-intro\">\r\n        Whether you are buying your first home, selling a cherished property, or growing\r\n        an investment portfolio, we bring clarity, honesty, and refined service to every step.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Cards -->\r\n    <div class=\"svc-grid\">\r\n\r\n      <!-- 01 -->\r\n      <article class=\"svc-card svc-reveal\">\r\n        <span class=\"svc-num\">01<\/span>\r\n\r\n        <div class=\"svc-icon-stage\">\r\n          <span class=\"svc-icon-bg\"><\/span>\r\n          <span class=\"svc-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M12 3 2 11h2.5v9h5.5v-6h4v6h5.5v-9H22L12 3z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"svc-title\">Home Buying<\/h3>\r\n        <p class=\"svc-text\">\r\n          Discover thoughtfully selected homes that suit your lifestyle and budget. From your\r\n          first viewing to the final handshake, we handle the details so you can focus on\r\n          finding a place you truly love.\r\n        <\/p>\r\n\r\n        <ul class=\"svc-list\">\r\n          <li>Curated property shortlists<\/li>\r\n          <li>Expert price negotiation<\/li>\r\n          <li>End-to-end paperwork support<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#\" class=\"svc-btn\">\r\n          <span>Start Your Search<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 02 -->\r\n      <article class=\"svc-card svc-reveal\">\r\n        <span class=\"svc-num\">02<\/span>\r\n\r\n        <div class=\"svc-icon-stage\">\r\n          <span class=\"svc-icon-bg\"><\/span>\r\n          <span class=\"svc-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M21.4 11.6 12.4 2.6A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .5.2 1 .6 1.4l9 9a2 2 0 0 0 2.8 0l7-7a2 2 0 0 0 0-2.8zM7 8.5A1.5 1.5 0 1 1 7 5.5a1.5 1.5 0 0 1 0 3z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"svc-title\">Property Selling<\/h3>\r\n        <p class=\"svc-text\">\r\n          Present your property at its very best. With accurate market valuation, premium\r\n          photography, and targeted promotion, we connect you with serious buyers and secure\r\n          the value your home deserves.\r\n        <\/p>\r\n\r\n        <ul class=\"svc-list\">\r\n          <li>Accurate market valuation<\/li>\r\n          <li>Professional listing<\/li>\r\n          <li>Qualified buyer matching<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#\" class=\"svc-btn\">\r\n          <span>Sell With Confidence<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 03 -->\r\n      <article class=\"svc-card svc-reveal\">\r\n        <span class=\"svc-num\">03<\/span>\r\n\r\n        <div class=\"svc-icon-stage\">\r\n          <span class=\"svc-icon-bg\"><\/span>\r\n          <span class=\"svc-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M3 20h18v2H3v-2zm2-2h3v-6H5v6zm5 0h3V6h-3v12zm5 0h3V10h-3v8zM13.5 2 20 5.5V7l-6.5-3.5L7 7V5.5L13.5 2z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"svc-title\">Investment Advisory<\/h3>\r\n        <p class=\"svc-text\">\r\n          Build lasting wealth through property. We analyse locations, rental yields, and\r\n          growth potential to help you make confident, well-informed investment decisions\r\n          for the long term.\r\n        <\/p>\r\n\r\n        <ul class=\"svc-list\">\r\n          <li>Location & growth analysis<\/li>\r\n          <li>Rental yield projections<\/li>\r\n          <li>Portfolio planning & guidance<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#\" class=\"svc-btn\">\r\n          <span>Explore Investments<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function init() {\r\n    var root = document.getElementById(\"svcSection\");\r\n    if (!root || root.dataset.init === \"1\") return;\r\n    root.dataset.init = \"1\";\r\n\r\n    var cards   = Array.prototype.slice.call(root.querySelectorAll(\".svc-card\"));\r\n    var reveals = root.querySelectorAll(\".svc-reveal\");\r\n    var isTouch = window.matchMedia(\"(hover: none)\").matches || window.matchMedia(\"(max-width: 1024px)\").matches;\r\n\r\n    \/* Scroll reveal *\/\r\n    if (\"IntersectionObserver\" in window) {\r\n      var ro = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (e) {\r\n          if (e.isIntersecting) { e.target.classList.add(\"is-visible\"); ro.unobserve(e.target); }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      reveals.forEach(function (el) { ro.observe(el); });\r\n    } else {\r\n      reveals.forEach(function (el) { el.classList.add(\"is-visible\"); });\r\n    }\r\n\r\n    function activate(card) {\r\n      cards.forEach(function (c) { c.classList.toggle(\"is-active\", c === card); });\r\n    }\r\n    function clearAll() {\r\n      cards.forEach(function (c) { c.classList.remove(\"is-active\"); });\r\n    }\r\n\r\n    \/* Desktop: hover starts rotation, leaving stops it *\/\r\n    if (!isTouch) {\r\n      cards.forEach(function (card) {\r\n        card.addEventListener(\"mouseenter\", function () { activate(card); });\r\n        card.addEventListener(\"mouseleave\", function () { card.classList.remove(\"is-active\"); });\r\n      });\r\n    }\r\n\r\n    \/* Tablet \/ Mobile: tap to activate + auto-activate card in view *\/\r\n    if (isTouch) {\r\n      cards.forEach(function (card) {\r\n        card.addEventListener(\"touchstart\", function () {\r\n          if (card.classList.contains(\"is-active\")) { card.classList.remove(\"is-active\"); }\r\n          else { activate(card); }\r\n        }, { passive: true });\r\n      });\r\n\r\n      if (\"IntersectionObserver\" in window) {\r\n        var fo = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (e) {\r\n            if (e.isIntersecting && e.intersectionRatio >= 0.65) activate(e.target);\r\n          });\r\n        }, { threshold: [0.65], rootMargin: \"-12% 0px -12% 0px\" });\r\n        cards.forEach(function (c) { fo.observe(c); });\r\n      }\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", init);\r\n  else init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c84df4f 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=\"c84df4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d138c45 elementor-widget elementor-widget-html\" data-id=\"d138c45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts - remove if already added -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Onest:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"hp-team-cards\" id=\"hpTeamCards\">\r\n  <div class=\"hp-team-cards-container\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"hp-team-head hp-team-reveal\">\r\n      <div class=\"hp-team-eyebrow\">\r\n        <span class=\"hp-team-line\"><\/span>\r\n        <span>Team<\/span>\r\n        <span class=\"hp-team-line\"><\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"hp-team-heading\">\r\n        Meet The Experts Behind <em>Your Next Move<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"hp-team-intro\">\r\n        Our experienced advisors bring market knowledge, personal attention, and trusted guidance to every property journey.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Team Grid -->\r\n    <div class=\"hp-team-grid\">\r\n\r\n      <!-- Member 01 -->\r\n      <article class=\"hp-team-card hp-team-reveal\">\r\n        <div class=\"hp-team-image\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=85&w=900&auto=format&fit=crop\" \r\n            alt=\"Daniel Carter\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          \r\n          <!-- Sliding Detail Panel -->\r\n          <div class=\"hp-team-detail\">\r\n            <p class=\"hp-team-position\">Founder &amp; Lead Advisor<\/p>\r\n            <h3 class=\"hp-team-name-hover\">Daniel Carter<\/h3>\r\n\r\n            <p class=\"hp-team-desc\">\r\n              Daniel leads with strategy, discretion, and deep market insight, helping clients make confident real estate decisions.\r\n            <\/p>\r\n\r\n            <div class=\"hp-team-tags\">\r\n              <span>Luxury Sales<\/span>\r\n              <span>Negotiation<\/span>\r\n              <span>Advisory<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"#\" class=\"hp-team-btn\">\r\n              Book a Meeting\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m13 6 6 6-6 6\"><\/path>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Basic Info -->\r\n        <div class=\"hp-team-info\">\r\n          <h3 class=\"hp-team-name\">Daniel Carter<\/h3>\r\n          <p class=\"hp-team-role\">Founder &amp; Lead Advisor<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Member 02 -->\r\n      <article class=\"hp-team-card hp-team-reveal\">\r\n        <div class=\"hp-team-image\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?q=85&w=900&auto=format&fit=crop\" \r\n            alt=\"Sophia Reed\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          \r\n\r\n          <!-- Sliding Detail Panel -->\r\n          <div class=\"hp-team-detail\">\r\n            <p class=\"hp-team-position\">Client Experience Director<\/p>\r\n            <h3 class=\"hp-team-name-hover\">Sophia Reed<\/h3>\r\n\r\n            <p class=\"hp-team-desc\">\r\n              Sophia ensures every step feels simple, thoughtful, and beautifully managed from first enquiry to completion.\r\n            <\/p>\r\n\r\n            <div class=\"hp-team-tags\">\r\n              <span>Client Care<\/span>\r\n              <span>Relocation<\/span>\r\n              <span>After-Sales<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"#\" class=\"hp-team-btn\">\r\n              Book a Meeting\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m13 6 6 6-6 6\"><\/path>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Basic Info -->\r\n        <div class=\"hp-team-info\">\r\n          <h3 class=\"hp-team-name\">Sophia Reed<\/h3>\r\n          <p class=\"hp-team-role\">Client Experience Director<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Member 03 -->\r\n      <article class=\"hp-team-card hp-team-reveal\">\r\n        <div class=\"hp-team-image\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?q=85&w=900&auto=format&fit=crop\" \r\n            alt=\"Ethan Cole\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        \r\n\r\n          <!-- Sliding Detail Panel -->\r\n          <div class=\"hp-team-detail\">\r\n            <p class=\"hp-team-position\">Investment Property Advisor<\/p>\r\n            <h3 class=\"hp-team-name-hover\">Ethan Cole<\/h3>\r\n\r\n            <p class=\"hp-team-desc\">\r\n              Ethan helps investors identify high-potential opportunities through market research, pricing insight, and long-term planning.\r\n            <\/p>\r\n\r\n            <div class=\"hp-team-tags\">\r\n              <span>Investment<\/span>\r\n              <span>Yield Growth<\/span>\r\n              <span>Portfolio<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"#\" class=\"hp-team-btn\">\r\n              Book a Meeting\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m13 6 6 6-6 6\"><\/path>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Basic Info -->\r\n        <div class=\"hp-team-info\">\r\n          <h3 class=\"hp-team-name\">Ethan Cole<\/h3>\r\n          <p class=\"hp-team-role\">Investment Property Advisor<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function initTeamCards() {\r\n    var root = document.getElementById(\"hpTeamCards\");\r\n    if (!root || root.dataset.init === \"1\") return;\r\n    root.dataset.init = \"1\";\r\n\r\n    var cards = Array.prototype.slice.call(root.querySelectorAll(\".hp-team-card\"));\r\n    var reveals = root.querySelectorAll(\".hp-team-reveal\");\r\n    var isTouch = window.matchMedia(\"(hover: none)\").matches || window.matchMedia(\"(max-width: 1024px)\").matches;\r\n\r\n    \/* Scroll reveal *\/\r\n    if (\"IntersectionObserver\" in window) {\r\n      var revealObserver = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"is-visible\");\r\n            revealObserver.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n\r\n      reveals.forEach(function (item) {\r\n        revealObserver.observe(item);\r\n      });\r\n    } else {\r\n      reveals.forEach(function (item) {\r\n        item.classList.add(\"is-visible\");\r\n      });\r\n    }\r\n\r\n    function activateCard(card) {\r\n      cards.forEach(function (c) {\r\n        c.classList.toggle(\"is-active\", c === card);\r\n      });\r\n    }\r\n\r\n    \/* Touch \/ tablet \/ mobile support *\/\r\n    if (isTouch) {\r\n      cards.forEach(function (card) {\r\n        card.addEventListener(\"click\", function () {\r\n          if (card.classList.contains(\"is-active\")) {\r\n            card.classList.remove(\"is-active\");\r\n          } else {\r\n            activateCard(card);\r\n          }\r\n        });\r\n      });\r\n\r\n      if (\"IntersectionObserver\" in window) {\r\n        var activeObserver = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting && entry.intersectionRatio >= 0.65) {\r\n              activateCard(entry.target);\r\n            }\r\n          });\r\n        }, {\r\n          threshold: [0.65],\r\n          rootMargin: \"-10% 0px -10% 0px\"\r\n        });\r\n\r\n        cards.forEach(function (card) {\r\n          activeObserver.observe(card);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initTeamCards);\r\n  } else {\r\n    initTeamCards();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0472e1f 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=\"0472e1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c59a5c2 elementor-widget elementor-widget-html\" data-id=\"c59a5c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-premium\" id=\"premiumWhy\">\r\n  <div class=\"why-container\">\r\n\r\n    <!-- ================= HEADER ================= -->\r\n    <div class=\"why-header\" data-why-reveal>\r\n      <div class=\"why-heading-block\">\r\n        <div class=\"why-eyebrow\">\r\n          <span class=\"why-eyebrow-line\"><\/span>\r\n          <span>Difference<\/span>\r\n        <\/div>\r\n\r\n        <h2>\r\n          Property Guidance Built on\r\n          <em>Trust and Experience<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"why-header-copy\">\r\n        <p>\r\n          We combine local market intelligence, personal service and considered\r\n          strategy to make every property decision feel clear and confident.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ================= MAIN LAYOUT ================= -->\r\n    <div class=\"why-layout\">\r\n\r\n      <!-- LEFT IMAGE -->\r\n      <div class=\"why-visual\" data-why-reveal>\r\n        <div class=\"why-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85\"\r\n            alt=\"Premium modern property interior\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <span class=\"why-image-shade\"><\/span>\r\n          <span class=\"why-image-frame\"><\/span>\r\n\r\n          <div class=\"why-image-caption\">\r\n            <span>Our Promise<\/span>\r\n            <strong>Every detail handled with care.<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating trust plaque -->\r\n        <div class=\"why-trust-plaque\">\r\n          <span class=\"why-plaque-ring\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 3 4 6v5c0 5 3.4 8.5 8 10 4.6-1.5 8-5 8-10V6l-8-3Z\"><\/path>\r\n              <path d=\"m8.5 12 2.2 2.2 4.8-5\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"why-plaque-copy\">\r\n            <strong>Client First<\/strong>\r\n            <span>Advice shaped around your goals<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <span class=\"why-dot-grid\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- RIGHT REASONS -->\r\n      <div class=\"why-reasons\" data-why-reveal>\r\n\r\n        <!-- Reason 1 -->\r\n        <article class=\"why-reason is-active\" tabindex=\"0\">\r\n          <span class=\"why-number\">01<\/span>\r\n\r\n          <div class=\"why-reason-copy\">\r\n            <h3>Local Market Intelligence<\/h3>\r\n            <p>\r\n              Detailed knowledge of neighbourhood values, buyer demand and new\r\n              opportunities helps you make decisions with stronger context.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <span class=\"why-reason-symbol\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/article>\r\n\r\n        <!-- Reason 2 -->\r\n        <article class=\"why-reason\" tabindex=\"0\">\r\n          <span class=\"why-number\">02<\/span>\r\n\r\n          <div class=\"why-reason-copy\">\r\n            <h3>Truly Personal Guidance<\/h3>\r\n            <p>\r\n              We take time to understand your priorities before recommending a\r\n              property, pricing strategy or next step.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <span class=\"why-reason-symbol\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/article>\r\n\r\n        <!-- Reason 3 -->\r\n        <article class=\"why-reason\" tabindex=\"0\">\r\n          <span class=\"why-number\">03<\/span>\r\n\r\n          <div class=\"why-reason-copy\">\r\n            <h3>Discreet Premium Service<\/h3>\r\n            <p>\r\n              Every conversation, viewing and negotiation is managed with\r\n              professionalism, discretion and careful attention to detail.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <span class=\"why-reason-symbol\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/article>\r\n\r\n        <!-- Reason 4 -->\r\n        <article class=\"why-reason\" tabindex=\"0\">\r\n          <span class=\"why-number\">04<\/span>\r\n\r\n          <div class=\"why-reason-copy\">\r\n            <h3>Support Beyond Completion<\/h3>\r\n            <p>\r\n              Our relationship continues after the transaction with practical\r\n              assistance, trusted introductions and ongoing property support.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <span class=\"why-reason-symbol\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ================= BOTTOM CTA ================= -->\r\n    <div class=\"why-bottom\" data-why-reveal>\r\n      <div class=\"why-bottom-copy\">\r\n        <span class=\"why-bottom-label\">A better property experience<\/span>\r\n        <p>Begin your journey with advice you can trust.<\/p>\r\n      <\/div>\r\n\r\n      <a href=\"#\" class=\"why-button\">\r\n        Work With Our Team\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14\"><\/path>\r\n          <path d=\"m12 5 7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var root = document.getElementById(\"premiumWhy\");\r\n  if (!root || root.dataset.initialized === \"true\") return;\r\n\r\n  root.dataset.initialized = \"true\";\r\n\r\n  var reasons = Array.prototype.slice.call(\r\n    root.querySelectorAll(\".why-reason\")\r\n  );\r\n\r\n  function activateReason(selected) {\r\n    reasons.forEach(function (reason) {\r\n      reason.classList.toggle(\"is-active\", reason === selected);\r\n    });\r\n  }\r\n\r\n  reasons.forEach(function (reason) {\r\n    reason.addEventListener(\"mouseenter\", function () {\r\n      if (window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches) {\r\n        activateReason(reason);\r\n      }\r\n    });\r\n\r\n    reason.addEventListener(\"click\", function () {\r\n      activateReason(reason);\r\n    });\r\n\r\n    reason.addEventListener(\"keydown\", function (event) {\r\n      if (event.key === \"Enter\" || event.key === \" \") {\r\n        event.preventDefault();\r\n        activateReason(reason);\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* Scroll reveal *\/\r\n  var revealItems = root.querySelectorAll(\"[data-why-reveal]\");\r\n  var reduceMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  if (\"IntersectionObserver\" in window && !reduceMotion) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"why-visible\");\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12 });\r\n\r\n    revealItems.forEach(function (element, index) {\r\n      element.style.transitionDelay = Math.min(index * 100, 300) + \"ms\";\r\n      observer.observe(element);\r\n    });\r\n  } else {\r\n    revealItems.forEach(function (element) {\r\n      element.classList.add(\"why-visible\");\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-609f0de 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=\"609f0de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-286192b elementor-widget elementor-widget-html\" data-id=\"286192b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts (remove if already loaded) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Onest:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"tst\" id=\"tstSection\">\r\n  <div class=\"tst-container\">\r\n\r\n    <div class=\"tst-stage\">\r\n\r\n      <!-- ============ LEFT: CONTROL PANEL ============ -->\r\n      <div class=\"tst-panel tst-reveal\">\r\n        <div class=\"tst-panel-inner\">\r\n\r\n          <div class=\"tst-panel-top\">\r\n            <div class=\"tst-eyebrow\">\r\n              <span class=\"tst-eyebrow-line\"><\/span>\r\n              <span class=\"tst-subhead\">Testimonials<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"tst-heading\">\r\n              Trusted By Families <em>Just Like Yours<\/em>\r\n            <\/h2>\r\n\r\n            <p class=\"tst-intro\">\r\n              Real stories from people we have helped buy, sell, and invest with\r\n              complete confidence and genuine peace of mind.\r\n            <\/p>\r\n\r\n            <!-- Rating Summary -->\r\n            <div class=\"tst-rating\">\r\n              <div class=\"tst-stars\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2z\"\/><\/svg>\r\n              <\/div>\r\n\r\n              <p class=\"tst-rating-text\">\r\n                <strong>4.9 out of 5<\/strong> from 480+ verified reviews\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tst-panel-bottom\">\r\n\r\n            <!-- Avatar Switcher -->\r\n            <div class=\"tst-avatars\" role=\"tablist\" aria-label=\"Choose a testimonial\">\r\n\r\n              <!-- Changed Image 01 -->\r\n              <button class=\"tst-avatar is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-slide=\"0\">\r\n                <img decoding=\"async\" \r\n                  src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop\" \r\n                  alt=\"Priya Sharma\"\r\n                >\r\n              <\/button>\r\n\r\n              <!-- Changed Image 02 -->\r\n              <button class=\"tst-avatar\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-slide=\"1\">\r\n                <img decoding=\"async\" \r\n                  src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=200&auto=format&fit=crop\" \r\n                  alt=\"Arjun Malhotra\"\r\n                >\r\n              <\/button>\r\n\r\n              <button class=\"tst-avatar\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-slide=\"2\">\r\n                <img decoding=\"async\" \r\n                  src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?q=80&w=200&auto=format&fit=crop\" \r\n                  alt=\"Neha Iyer\"\r\n                >\r\n              <\/button>\r\n\r\n              <button class=\"tst-avatar\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-slide=\"3\">\r\n                <img decoding=\"async\" \r\n                  src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?q=80&w=200&auto=format&fit=crop\" \r\n                  alt=\"Vikram Rao\"\r\n                >\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <!-- Slider Controls -->\r\n            <div class=\"tst-controls\">\r\n              <div class=\"tst-arrows\">\r\n\r\n                <button class=\"tst-arrow\" type=\"button\" data-dir=\"prev\" aria-label=\"Previous testimonial\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19 12H5\"\/>\r\n                    <path d=\"m11 18-6-6 6-6\"\/>\r\n                  <\/svg>\r\n                <\/button>\r\n\r\n                <button class=\"tst-arrow\" type=\"button\" data-dir=\"next\" aria-label=\"Next testimonial\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M5 12h14\"\/>\r\n                    <path d=\"m13 6 6 6-6 6\"\/>\r\n                  <\/svg>\r\n                <\/button>\r\n              <\/div>\r\n\r\n              <div class=\"tst-count\" aria-hidden=\"true\">\r\n                <span class=\"tst-count-now\">01<\/span>\r\n                <span class=\"tst-count-all\">\/ 04<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tst-progress\" aria-hidden=\"true\">\r\n              <span class=\"tst-progress-bar\"><\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"tst-panel-quote\" aria-hidden=\"true\">\u201d<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ============ RIGHT: 3D CARD DECK ============ -->\r\n      <div class=\"tst-deck-wrap tst-reveal\">\r\n        <div class=\"tst-deck\" id=\"tstDeck\">\r\n\r\n          <!-- TESTIMONIAL 01 -->\r\n          <article class=\"tst-card\" data-index=\"0\">\r\n            <div class=\"tst-card-top\">\r\n              <span class=\"tst-badge\">Home Purchase<\/span>\r\n\r\n              <span class=\"tst-verified\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <path d=\"m5 12 4 4L19 6\"\/>\r\n                <\/svg>\r\n                Verified\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <svg class=\"tst-mark\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M9.6 4.8v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7H3.2V4.8h6.4zm11.2 0v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7h-3.1V4.8h6.4z\"\/>\r\n            <\/svg>\r\n\r\n            <p class=\"tst-text\">\r\n              From the very first viewing they understood exactly what we were looking for.\r\n              There was never any pressure, only honest advice. We found a home that fits our\r\n              family perfectly and the entire process felt effortless.\r\n            <\/p>\r\n\r\n            <div class=\"tst-author\">\r\n              <!-- Changed Image 01 -->\r\n              <img decoding=\"async\" \r\n                src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop\" \r\n                alt=\"Priya Sharma\"\r\n              >\r\n\r\n              <div>\r\n                <p class=\"tst-name\">Priya Sharma<\/p>\r\n                <p class=\"tst-meta\">Bought a villa in Indiranagar<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- TESTIMONIAL 02 -->\r\n          <article class=\"tst-card\" data-index=\"1\">\r\n            <div class=\"tst-card-top\">\r\n              <span class=\"tst-badge\">Property Sale<\/span>\r\n\r\n              <span class=\"tst-verified\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <path d=\"m5 12 4 4L19 6\"\/>\r\n                <\/svg>\r\n                Verified\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <svg class=\"tst-mark\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M9.6 4.8v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7H3.2V4.8h6.4zm11.2 0v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7h-3.1V4.8h6.4z\"\/>\r\n            <\/svg>\r\n\r\n            <p class=\"tst-text\">\r\n              Our apartment sold above the asking price within three weeks. The photography,\r\n              the listing presentation, and the way they handled every enquiry was genuinely\r\n              outstanding. Completely worth it.\r\n            <\/p>\r\n\r\n            <div class=\"tst-author\">\r\n              <!-- Changed Image 02 -->\r\n              <img decoding=\"async\" \r\n                src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=200&auto=format&fit=crop\" \r\n                alt=\"Arjun Malhotra\"\r\n              >\r\n\r\n              <div>\r\n                <p class=\"tst-name\">Arjun Malhotra<\/p>\r\n                <p class=\"tst-meta\">Sold an apartment in Whitefield<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- TESTIMONIAL 03 -->\r\n          <article class=\"tst-card\" data-index=\"2\">\r\n            <div class=\"tst-card-top\">\r\n              <span class=\"tst-badge\">First Home<\/span>\r\n\r\n              <span class=\"tst-verified\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <path d=\"m5 12 4 4L19 6\"\/>\r\n                <\/svg>\r\n                Verified\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <svg class=\"tst-mark\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M9.6 4.8v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7H3.2V4.8h6.4zm11.2 0v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7h-3.1V4.8h6.4z\"\/>\r\n            <\/svg>\r\n\r\n            <p class=\"tst-text\">\r\n              As first time buyers we had endless questions and they answered every single one\r\n              with patience. They explained the paperwork clearly and made something we found\r\n              intimidating feel simple and safe.\r\n            <\/p>\r\n\r\n            <div class=\"tst-author\">\r\n              <img decoding=\"async\" \r\n                src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?q=80&w=200&auto=format&fit=crop\" \r\n                alt=\"Neha Iyer\"\r\n              >\r\n\r\n              <div>\r\n                <p class=\"tst-name\">Neha Iyer<\/p>\r\n                <p class=\"tst-meta\">First home in Koramangala<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- TESTIMONIAL 04 -->\r\n          <article class=\"tst-card\" data-index=\"3\">\r\n            <div class=\"tst-card-top\">\r\n              <span class=\"tst-badge\">Investment<\/span>\r\n\r\n              <span class=\"tst-verified\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <path d=\"m5 12 4 4L19 6\"\/>\r\n                <\/svg>\r\n                Verified\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <svg class=\"tst-mark\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M9.6 4.8v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7H3.2V4.8h6.4zm11.2 0v6.4c0 4.4-2.6 7.2-6.4 8l-.8-1.7c2.2-.8 3.6-2.4 3.9-4.7h-3.1V4.8h6.4z\"\/>\r\n            <\/svg>\r\n\r\n            <p class=\"tst-text\">\r\n              Their market analysis was detailed and grounded in real numbers, not guesswork.\r\n              Two years on, both properties they recommended are performing exactly as projected.\r\n              I trust them completely.\r\n            <\/p>\r\n\r\n            <div class=\"tst-author\">\r\n              <img decoding=\"async\" \r\n                src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?q=80&w=200&auto=format&fit=crop\" \r\n                alt=\"Vikram Rao\"\r\n              >\r\n\r\n              <div>\r\n                <p class=\"tst-name\">Vikram Rao<\/p>\r\n                <p class=\"tst-meta\">Investor, 2 properties<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"tst-deck-dots\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ============ TRUST MARQUEE ============ -->\r\n    <div class=\"tst-marquee tst-reveal\" aria-hidden=\"true\">\r\n      <div class=\"tst-marquee-track\">\r\n        <span>Honest Guidance<\/span><i><\/i>\r\n        <span>480+ Happy Clients<\/span><i><\/i>\r\n        <span>4.9 Average Rating<\/span><i><\/i>\r\n        <span>Trusted Since 2010<\/span><i><\/i>\r\n        <span>Transparent Pricing<\/span><i><\/i>\r\n        <span>Dedicated Support<\/span><i><\/i>\r\n\r\n        <span>Honest Guidance<\/span><i><\/i>\r\n        <span>480+ Happy Clients<\/span><i><\/i>\r\n        <span>4.9 Average Rating<\/span><i><\/i>\r\n        <span>Trusted Since 2010<\/span><i><\/i>\r\n        <span>Transparent Pricing<\/span><i><\/i>\r\n        <span>Dedicated Support<\/span><i><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function init() {\r\n    var root = document.getElementById(\"tstSection\");\r\n\r\n    if (!root || root.dataset.init === \"1\") {\r\n      return;\r\n    }\r\n\r\n    root.dataset.init = \"1\";\r\n\r\n    var deck = root.querySelector(\"#tstDeck\");\r\n    var cards = Array.prototype.slice.call(\r\n      root.querySelectorAll(\".tst-card\")\r\n    );\r\n    var avatars = Array.prototype.slice.call(\r\n      root.querySelectorAll(\".tst-avatar\")\r\n    );\r\n    var arrows = Array.prototype.slice.call(\r\n      root.querySelectorAll(\".tst-arrow\")\r\n    );\r\n\r\n    var countNow = root.querySelector(\".tst-count-now\");\r\n    var countAll = root.querySelector(\".tst-count-all\");\r\n    var bar = root.querySelector(\".tst-progress-bar\");\r\n\r\n    var total = cards.length;\r\n    var index = 0;\r\n\r\n    var reduceMotion = window.matchMedia(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n\r\n    var autoplay = !reduceMotion && total > 1;\r\n    var hovered = false;\r\n    var offscreen = false;\r\n    var hidden = false;\r\n\r\n    function pad(number) {\r\n      return number < 10 ? \"0\" + number : String(number);\r\n    }\r\n\r\n    if (countAll) {\r\n      countAll.textContent = \"\/ \" + pad(total);\r\n    }\r\n\r\n    function updatePausedState() {\r\n      root.classList.toggle(\r\n        \"is-paused\",\r\n        hovered || offscreen || hidden\r\n      );\r\n    }\r\n\r\n    function restartProgressBar() {\r\n      if (!bar) {\r\n        return;\r\n      }\r\n\r\n      bar.classList.remove(\"is-running\");\r\n      void bar.offsetWidth;\r\n\r\n      if (autoplay) {\r\n        bar.classList.add(\"is-running\");\r\n      }\r\n    }\r\n\r\n    function stopAutoplay() {\r\n      autoplay = false;\r\n\r\n      if (bar) {\r\n        bar.classList.remove(\"is-running\");\r\n      }\r\n\r\n      root.classList.add(\"tst-no-autoplay\");\r\n    }\r\n\r\n    function renderTestimonials() {\r\n      cards.forEach(function (card, cardIndex) {\r\n        var position = (cardIndex - index + total) % total;\r\n\r\n        card.setAttribute(\r\n          \"data-pos\",\r\n          position > 2 ? \"hidden\" : String(position)\r\n        );\r\n\r\n        card.setAttribute(\r\n          \"aria-hidden\",\r\n          position === 0 ? \"false\" : \"true\"\r\n        );\r\n      });\r\n\r\n      avatars.forEach(function (avatar, avatarIndex) {\r\n        var isActive = avatarIndex === index;\r\n\r\n        avatar.classList.toggle(\"is-active\", isActive);\r\n        avatar.setAttribute(\r\n          \"aria-selected\",\r\n          isActive ? \"true\" : \"false\"\r\n        );\r\n      });\r\n\r\n      if (countNow) {\r\n        countNow.textContent = pad(index + 1);\r\n      }\r\n\r\n      restartProgressBar();\r\n    }\r\n\r\n    function goToSlide(nextIndex) {\r\n      index = (nextIndex + total) % total;\r\n      renderTestimonials();\r\n    }\r\n\r\n    \/* Avatar click *\/\r\n\r\n    avatars.forEach(function (avatar, avatarIndex) {\r\n      avatar.addEventListener(\"click\", function () {\r\n        stopAutoplay();\r\n        goToSlide(avatarIndex);\r\n      });\r\n    });\r\n\r\n    \/* Arrow buttons *\/\r\n\r\n    arrows.forEach(function (button) {\r\n      button.addEventListener(\"click\", function () {\r\n        stopAutoplay();\r\n\r\n        var direction = button.getAttribute(\"data-dir\");\r\n\r\n        if (direction === \"next\") {\r\n          goToSlide(index + 1);\r\n        } else {\r\n          goToSlide(index - 1);\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* Click front card to show the next testimonial *\/\r\n\r\n    cards.forEach(function (card) {\r\n      card.addEventListener(\"click\", function () {\r\n        if (card.getAttribute(\"data-pos\") !== \"0\") {\r\n          return;\r\n        }\r\n\r\n        stopAutoplay();\r\n        goToSlide(index + 1);\r\n      });\r\n    });\r\n\r\n    \/* Touch swipe support *\/\r\n\r\n    if (deck) {\r\n      var startX = 0;\r\n      var startY = 0;\r\n      var tracking = false;\r\n\r\n      deck.addEventListener(\r\n        \"touchstart\",\r\n        function (event) {\r\n          tracking = true;\r\n          startX = event.touches[0].clientX;\r\n          startY = event.touches[0].clientY;\r\n        },\r\n        { passive: true }\r\n      );\r\n\r\n      deck.addEventListener(\r\n        \"touchend\",\r\n        function (event) {\r\n          if (!tracking) {\r\n            return;\r\n          }\r\n\r\n          tracking = false;\r\n\r\n          var endX = event.changedTouches[0].clientX;\r\n          var endY = event.changedTouches[0].clientY;\r\n\r\n          var deltaX = endX - startX;\r\n          var deltaY = endY - startY;\r\n\r\n          if (\r\n            Math.abs(deltaX) > 45 &&\r\n            Math.abs(deltaX) > Math.abs(deltaY)\r\n          ) {\r\n            stopAutoplay();\r\n\r\n            if (deltaX < 0) {\r\n              goToSlide(index + 1);\r\n            } else {\r\n              goToSlide(index - 1);\r\n            }\r\n          }\r\n        },\r\n        { passive: true }\r\n      );\r\n\r\n      \/* Pause autoplay while cursor is over card deck *\/\r\n\r\n      deck.addEventListener(\"mouseenter\", function () {\r\n        hovered = true;\r\n        updatePausedState();\r\n      });\r\n\r\n      deck.addEventListener(\"mouseleave\", function () {\r\n        hovered = false;\r\n        updatePausedState();\r\n      });\r\n    }\r\n\r\n    \/* Progress bar controls autoplay *\/\r\n\r\n    if (bar) {\r\n      bar.addEventListener(\"animationend\", function () {\r\n        if (autoplay) {\r\n          goToSlide(index + 1);\r\n        }\r\n      });\r\n    }\r\n\r\n    \/* Pause autoplay when browser tab is hidden *\/\r\n\r\n    document.addEventListener(\"visibilitychange\", function () {\r\n      hidden = document.hidden;\r\n      updatePausedState();\r\n    });\r\n\r\n    \/* Scroll animations *\/\r\n\r\n    var revealItems = root.querySelectorAll(\".tst-reveal\");\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n      var revealObserver = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"is-visible\");\r\n              revealObserver.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.12\r\n        }\r\n      );\r\n\r\n      revealItems.forEach(function (item) {\r\n        revealObserver.observe(item);\r\n      });\r\n\r\n      \/* Pause autoplay when testimonial section is outside viewport *\/\r\n\r\n      var screenObserver = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            offscreen = !entry.isIntersecting;\r\n            updatePausedState();\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.2\r\n        }\r\n      );\r\n\r\n      screenObserver.observe(root);\r\n    } else {\r\n      revealItems.forEach(function (item) {\r\n        item.classList.add(\"is-visible\");\r\n      });\r\n    }\r\n\r\n    if (!autoplay) {\r\n      root.classList.add(\"tst-no-autoplay\");\r\n    }\r\n\r\n    renderTestimonials();\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c66111a 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=\"c66111a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15b7e39 elementor-widget elementor-widget-html\" data-id=\"15b7e39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts: add only once on the page -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Onest:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"fx-faq\" id=\"faqGallery\">\r\n  <div class=\"fx-container\">\r\n    <div class=\"fx-layout\">\r\n\r\n      <!-- ================= LEFT : QUESTIONS ================= -->\r\n      <div class=\"fx-content\" data-fx-reveal>\r\n\r\n        <div class=\"fx-content-inner\">\r\n\r\n          <div class=\"fx-eyebrow\">\r\n            <span class=\"fx-eyebrow-line\"><\/span>\r\n            <span>FAQs<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"fx-heading\">\r\n            Your Questions,\r\n            <em>Answered With Care<\/em>\r\n          <\/h2>\r\n\r\n          <p class=\"fx-intro\">\r\n            Open any question and the gallery on the right shows you the kind of\r\n            home and service it relates to \u2014 simple, honest guidance at every step.\r\n          <\/p>\r\n\r\n          <div class=\"fx-accordion\" id=\"fxAccordion\">\r\n\r\n            <!-- 01 -->\r\n            <article class=\"fx-item is-open\"\r\n                     data-topic=\"Private Viewings\"\r\n                     data-caption=\"See any home in person, at a time that suits you.\">\r\n              <button class=\"fx-question\" type=\"button\" id=\"fxQ0\" aria-expanded=\"true\" aria-controls=\"fxA0\">\r\n                <span class=\"fx-step\">01<\/span>\r\n                <span class=\"fx-q-text\">How do I arrange a private property viewing?<\/span>\r\n                <span class=\"fx-toggle\" aria-hidden=\"true\"><span><\/span><span><\/span><\/span>\r\n              <\/button>\r\n              <div class=\"fx-answer\" id=\"fxA0\" role=\"region\" aria-labelledby=\"fxQ0\">\r\n                <div class=\"fx-answer-inner\">\r\n                  <div class=\"fx-answer-card\">\r\n                    <p>\r\n                      Choose the property you like and contact us through the listing\r\n                      page, phone or enquiry form. We arrange a private appointment at a\r\n                      time that suits you \u2014 including evenings and weekends where possible.\r\n                    <\/p>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <!-- 02 -->\r\n            <article class=\"fx-item\"\r\n                     data-topic=\"Property Valuation\"\r\n                     data-caption=\"Know exactly what your property is worth today.\">\r\n              <button class=\"fx-question\" type=\"button\" id=\"fxQ1\" aria-expanded=\"false\" aria-controls=\"fxA1\">\r\n                <span class=\"fx-step\">02<\/span>\r\n                <span class=\"fx-q-text\">How is my property's value calculated?<\/span>\r\n                <span class=\"fx-toggle\" aria-hidden=\"true\"><span><\/span><span><\/span><\/span>\r\n              <\/button>\r\n              <div class=\"fx-answer\" id=\"fxA1\" role=\"region\" aria-labelledby=\"fxQ1\">\r\n                <div class=\"fx-answer-inner\">\r\n                  <div class=\"fx-answer-card\">\r\n                    <p>\r\n                      Our valuation considers your home's condition, location, current\r\n                      buyer demand and recent comparable sales nearby. You receive an\r\n                      honest, market-led figure with a clear recommended pricing strategy.\r\n                    <\/p>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <!-- 03 -->\r\n            <article class=\"fx-item\"\r\n                     data-topic=\"Selling With Us\"\r\n                     data-caption=\"From the first photo to the final signature, fully managed.\">\r\n              <button class=\"fx-question\" type=\"button\" id=\"fxQ2\" aria-expanded=\"false\" aria-controls=\"fxA2\">\r\n                <span class=\"fx-step\">03<\/span>\r\n                <span class=\"fx-q-text\">What is included when I sell my home with you?<\/span>\r\n                <span class=\"fx-toggle\" aria-hidden=\"true\"><span><\/span><span><\/span><\/span>\r\n              <\/button>\r\n              <div class=\"fx-answer\" id=\"fxA2\" role=\"region\" aria-labelledby=\"fxQ2\">\r\n                <div class=\"fx-answer-inner\">\r\n                  <div class=\"fx-answer-card\">\r\n                    <p>\r\n                      Everything is handled for you \u2014 valuation, preparation advice,\r\n                      professional photography, premium listing presentation, targeted\r\n                      marketing, buyer qualification, viewings and negotiation support.\r\n                    <\/p>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n\r\n            <!-- 04 -->\r\n            <article class=\"fx-item\"\r\n                     data-topic=\"First-Time Buyers\"\r\n                     data-caption=\"Clear guidance through every document and decision.\">\r\n              <button class=\"fx-question\" type=\"button\" id=\"fxQ3\" aria-expanded=\"false\" aria-controls=\"fxA3\">\r\n                <span class=\"fx-step\">04<\/span>\r\n                <span class=\"fx-q-text\">Do you guide first-time buyers through paperwork?<\/span>\r\n                <span class=\"fx-toggle\" aria-hidden=\"true\"><span><\/span><span><\/span><\/span>\r\n              <\/button>\r\n              <div class=\"fx-answer\" id=\"fxA3\" role=\"region\" aria-labelledby=\"fxQ3\">\r\n                <div class=\"fx-answer-inner\">\r\n                  <div class=\"fx-answer-card\">\r\n                    <p>\r\n                      Yes \u2014 patiently and in plain language. We explain every document,\r\n                      coordinate with legal representatives and make sure you feel\r\n                      confident before signing anything.\r\n                    <\/p>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n\r\n         \r\n                 \r\n              \r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ================= RIGHT : SYNCED GALLERY ================= -->\r\n      <div class=\"fx-visual\" data-fx-reveal>\r\n\r\n        <div class=\"fx-figure\">\r\n          <span class=\"fx-outline\" aria-hidden=\"true\"><\/span>\r\n\r\n          <div class=\"fx-stage\">\r\n\r\n            <figure class=\"fx-shot is-active\" aria-hidden=\"false\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=1200&auto=format&fit=crop\" alt=\"Bright living room with soft neutral furniture\">\r\n            <\/figure>\r\n            <figure class=\"fx-shot\" aria-hidden=\"true\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?q=80&w=1200&auto=format&fit=crop\" alt=\"Modern kitchen with warm wood finishes\" loading=\"lazy\">\r\n            <\/figure>\r\n            <figure class=\"fx-shot\" aria-hidden=\"true\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=1200&auto=format&fit=crop\" alt=\"Elegant lounge with large windows\" loading=\"lazy\">\r\n            <\/figure>\r\n            <figure class=\"fx-shot\" aria-hidden=\"true\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=1200&auto=format&fit=crop\" alt=\"Cosy family living space\" loading=\"lazy\">\r\n            <\/figure>\r\n            <figure class=\"fx-shot\" aria-hidden=\"true\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?q=80&w=1200&auto=format&fit=crop\" alt=\"Contemporary home with open-plan interior\" loading=\"lazy\">\r\n            <\/figure>\r\n\r\n            <span class=\"fx-shade\" aria-hidden=\"true\"><\/span>\r\n\r\n            <!-- Topic plate (numbers removed) -->\r\n            <div class=\"fx-plate\">\r\n              <span class=\"fx-plate-dot\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"fx-plate-topic\" id=\"fxPlateTopic\">Private Viewings<\/span>\r\n            <\/div>\r\n\r\n            <!-- Caption -->\r\n            <div class=\"fx-caption\">\r\n              <span class=\"fx-caption-label\">Related to your question<\/span>\r\n              <strong class=\"fx-caption-text\" id=\"fxCaptionText\">See any home in person, at a time that suits you.<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Thumbnail strip -->\r\n        <div class=\"fx-thumbs\" role=\"tablist\" aria-label=\"Browse related images\">\r\n          <button class=\"fx-thumb is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-label=\"Show question 1\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=200&auto=format&fit=crop\" alt=\"\">\r\n          <\/button>\r\n          <button class=\"fx-thumb\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Show question 2\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?q=80&w=200&auto=format&fit=crop\" alt=\"\">\r\n          <\/button>\r\n          <button class=\"fx-thumb\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Show question 3\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=200&auto=format&fit=crop\" alt=\"\">\r\n          <\/button>\r\n          <button class=\"fx-thumb\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Show question 4\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=200&auto=format&fit=crop\" alt=\"\">\r\n          <\/button>\r\n          <button class=\"fx-thumb\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Show question 5\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?q=80&w=200&auto=format&fit=crop\" alt=\"\">\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <span class=\"fx-dotgrid\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var root = document.getElementById(\"faqGallery\");\r\n  if (!root || root.dataset.initialized === \"true\") return;\r\n  root.dataset.initialized = \"true\";\r\n\r\n  var items      = Array.prototype.slice.call(root.querySelectorAll(\".fx-item\"));\r\n  var shots      = Array.prototype.slice.call(root.querySelectorAll(\".fx-shot\"));\r\n  var thumbs     = Array.prototype.slice.call(root.querySelectorAll(\".fx-thumb\"));\r\n  var plateTopic = root.querySelector(\"#fxPlateTopic\");\r\n  var caption    = root.querySelector(\"#fxCaptionText\");\r\n\r\n  var reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n  \/* ---------- IMAGE \/ TOPIC \/ CAPTION SYNC ---------- *\/\r\n  function showImage(i) {\r\n    shots.forEach(function (shot, idx) {\r\n      var wasActive = shot.classList.contains(\"is-active\");\r\n      var on = idx === i;\r\n\r\n      if (wasActive && !on) {\r\n        shot.classList.add(\"is-leaving\");\r\n        setTimeout(function () { shot.classList.remove(\"is-leaving\"); }, 800);\r\n      }\r\n      shot.classList.toggle(\"is-active\", on);\r\n      shot.setAttribute(\"aria-hidden\", on ? \"false\" : \"true\");\r\n    });\r\n\r\n    thumbs.forEach(function (thumb, idx) {\r\n      var on = idx === i;\r\n      thumb.classList.toggle(\"is-active\", on);\r\n      thumb.setAttribute(\"aria-selected\", on ? \"true\" : \"false\");\r\n    });\r\n\r\n    var item = items[i];\r\n\r\n    if (caption) caption.classList.add(\"is-swapping\");\r\n    if (plateTopic) plateTopic.classList.add(\"is-swapping\");\r\n\r\n    setTimeout(function () {\r\n      if (plateTopic) {\r\n        plateTopic.textContent = item.getAttribute(\"data-topic\") || \"\";\r\n        plateTopic.classList.remove(\"is-swapping\");\r\n      }\r\n      if (caption) {\r\n        caption.textContent = item.getAttribute(\"data-caption\") || \"\";\r\n        caption.classList.remove(\"is-swapping\");\r\n      }\r\n    }, 220);\r\n  }\r\n\r\n  \/* ---------- ACCORDION ---------- *\/\r\n  function closeItem(item) {\r\n    item.classList.remove(\"is-open\");\r\n    item.querySelector(\".fx-question\").setAttribute(\"aria-expanded\", \"false\");\r\n    item.querySelector(\".fx-answer\").style.maxHeight = \"0px\";\r\n  }\r\n\r\n  function openItem(i) {\r\n    items.forEach(function (item, idx) { if (idx !== i) closeItem(item); });\r\n\r\n    var item   = items[i];\r\n    var answer = item.querySelector(\".fx-answer\");\r\n    var inner  = item.querySelector(\".fx-answer-inner\");\r\n\r\n    item.classList.add(\"is-open\");\r\n    item.querySelector(\".fx-question\").setAttribute(\"aria-expanded\", \"true\");\r\n    answer.style.maxHeight = inner.scrollHeight + \"px\";\r\n\r\n    showImage(i);\r\n  }\r\n\r\n  items.forEach(function (item, i) {\r\n    item.querySelector(\".fx-question\").addEventListener(\"click\", function () {\r\n      if (item.classList.contains(\"is-open\")) closeItem(item);\r\n      else openItem(i);\r\n    });\r\n  });\r\n\r\n  \/* Thumbnails open the matching question *\/\r\n  thumbs.forEach(function (thumb, i) {\r\n    thumb.addEventListener(\"click\", function () {\r\n      openItem(i);\r\n      if (window.matchMedia(\"(max-width: 1024px)\").matches) {\r\n        items[i].scrollIntoView({\r\n          behavior: reduceMotion ? \"auto\" : \"smooth\",\r\n          block: \"center\"\r\n        });\r\n      }\r\n    });\r\n  });\r\n\r\n  function refreshOpen() {\r\n    var open = root.querySelector(\".fx-item.is-open\");\r\n    if (open) {\r\n      open.querySelector(\".fx-answer\").style.maxHeight =\r\n        open.querySelector(\".fx-answer-inner\").scrollHeight + \"px\";\r\n    }\r\n  }\r\n  window.addEventListener(\"load\", refreshOpen);\r\n  window.addEventListener(\"resize\", refreshOpen);\r\n  setTimeout(refreshOpen, 400);\r\n\r\n  \/* Initial state *\/\r\n  var start = 0;\r\n  items.forEach(function (item, i) {\r\n    item.querySelector(\".fx-answer\").style.maxHeight = \"0px\";\r\n    if (item.classList.contains(\"is-open\")) start = i;\r\n  });\r\n  openItem(start);\r\n\r\n  \/* ---------- SCROLL REVEAL ---------- *\/\r\n  var revealItems = root.querySelectorAll(\"[data-fx-reveal]\");\r\n\r\n  if (\"IntersectionObserver\" in window && !reduceMotion) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"fx-visible\");\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12 });\r\n\r\n    revealItems.forEach(function (el, i) {\r\n      el.style.transitionDelay = Math.min(i * 140, 280) + \"ms\";\r\n      observer.observe(el);\r\n    });\r\n  } else {\r\n    revealItems.forEach(function (el) { el.classList.add(\"fx-visible\"); });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db0bd03 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=\"db0bd03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-130601f elementor-widget elementor-widget-html\" data-id=\"130601f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-v2\" id=\"cta-v2\">\r\n  <!-- Background Image Layer -->\r\n  <div class=\"cta-v2-bg\"><\/div>\r\n  \r\n  <!-- High Readability Vignette Gradient Overlay -->\r\n  <div class=\"cta-v2-overlay\"><\/div>\r\n\r\n  <!-- Decorative Accent Glows (Primary Color Only) -->\r\n  <div class=\"cta-v2-spotlight\" data-spotlight><\/div>\r\n  <div class=\"cta-v2-blob cta-v2-blob-1\"><\/div>\r\n  <div class=\"cta-v2-blob cta-v2-blob-2\"><\/div>\r\n  <div class=\"cta-v2-blob cta-v2-blob-3\"><\/div>\r\n\r\n  <div class=\"cta-v2-container\">\r\n    <div class=\"cta-v2-card\" data-cta-card>\r\n      <div class=\"cta-v2-content\">\r\n        <!-- Badge -->\r\n        <div class=\"cta-v2-badge\">\r\n          <span class=\"cta-v2-badge-dot\"><\/span>\r\n          <span>Built For Modern Brands<\/span>\r\n        <\/div>\r\n\r\n        <!-- Heading: Libre Baskerville 40px \/ 700 -->\r\n        <h2 class=\"cta-v2-heading\">\r\n          <span>Transform Your Ideas<\/span> Into Stunning Experiences\r\n        <\/h2>\r\n\r\n        <!-- Subheading: Onest 25px \/ 600 -->\r\n        <h3 class=\"cta-v2-subheading\">\r\n          Launch Faster With Designs That Actually Convert\r\n        <\/h3>\r\n\r\n        <!-- Text: Onest 16px \/ 400 -->\r\n        <p class=\"cta-v2-text\">\r\n          Elevate your brand with a refined, conversion-focused design system.\r\n          Get everything you need to stand out, engage your audience, and grow\r\n          with confidence.\r\n        <\/p>\r\n\r\n        <!-- CTA Action Buttons (Elementor Blue Shield Applied) -->\r\n        <div class=\"cta-v2-buttons\">\r\n          <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=28\" class=\"cta-v2-btn cta-v2-btn-primary\" data-cta-ripple>\r\n            Start Your Project\r\n            <span class=\"cta-v2-btn-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m12 5 7 7-7 7\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/teknr44.thestackly.in\/?page_id=18\" class=\"cta-v2-btn cta-v2-btn-secondary\" data-cta-ripple>\r\n            View Live Demos\r\n            <span class=\"cta-v2-btn-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M7 7h10v10\"><\/path>\r\n                <path d=\"M7 17 17 7\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Bottom Edge Styling Line -->\r\n      <div class=\"cta-v2-bottom-glow\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- JAVASCRIPT: Modern Dynamics & Touch Performance Controls -->\r\n  <script>\r\n    (function () {\r\n      const section = document.getElementById(\"cta-v2\");\r\n      if (!section) return;\r\n\r\n      const card = section.querySelector(\"[data-cta-card]\");\r\n      const spotlight = section.querySelector(\"[data-spotlight]\");\r\n      const rippleBtns = section.querySelectorAll(\"[data-cta-ripple]\");\r\n\r\n      \/* 1. Scroll Reveal Mechanism (IntersectionObserver) *\/\r\n      if (card && \"IntersectionObserver\" in window) {\r\n        const revealObserver = new IntersectionObserver(\r\n          (entries) => {\r\n            entries.forEach((entry) => {\r\n              if (entry.isIntersecting) {\r\n                card.classList.add(\"is-inview\");\r\n                revealObserver.unobserve(entry.target);\r\n              }\r\n            });\r\n          },\r\n          { threshold: 0.12, rootMargin: \"0px 0px -40px 0px\" }\r\n        );\r\n        revealObserver.observe(card);\r\n      } else if (card) {\r\n        card.classList.add(\"is-inview\");\r\n      }\r\n\r\n      \/* 2. Spotlight Mouse Dynamics (Fine Cursor Pointer Devices Only) *\/\r\n      if (spotlight && window.matchMedia(\"(pointer: fine)\").matches) {\r\n        let rafId = null;\r\n        let targetX = 50, targetY = 0, currentX = 50, currentY = 0;\r\n        const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n        const updateSpotlight = () => {\r\n          const ease = reduceMotion ? 1 : 0.08;\r\n          currentX += (targetX - currentX) * ease;\r\n          currentY += (targetY - currentY) * ease;\r\n          spotlight.style.transform = `translate3d(${currentX - 50}%, ${currentY - 10}%, 0)`;\r\n          rafId = requestAnimationFrame(updateSpotlight);\r\n        };\r\n\r\n        const handleMouseMove = (e) => {\r\n          const rect = section.getBoundingClientRect();\r\n          targetX = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n          targetY = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n          if (rafId === null) rafId = requestAnimationFrame(updateSpotlight);\r\n        };\r\n\r\n        section.addEventListener(\"mousemove\", handleMouseMove, { passive: true });\r\n        section.addEventListener(\"mouseleave\", () => { \r\n          targetX = 50; \r\n          targetY = 0; \r\n        });\r\n        \r\n        rafId = requestAnimationFrame(updateSpotlight);\r\n      }\r\n\r\n      \/* 3. Smooth Magnetic Glass Cards (Pointer Precision Mode Only) *\/\r\n      if (card && window.matchMedia(\"(pointer: fine)\").matches) {\r\n        const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n        let magnetRAF = null, mX = 0, mY = 0, cmX = 0, cmY = 0;\r\n        const magneticEase = reduceMotion ? 1 : 0.07;\r\n\r\n        const animateMagnet = () => {\r\n          cmX += (mX - cmX) * magneticEase;\r\n          cmY += (mY - cmY) * magneticEase;\r\n          card.style.transform = `translate3d(${cmX}px, ${cmY}px, 0)`;\r\n          magnetRAF = requestAnimationFrame(animateMagnet);\r\n        };\r\n\r\n        card.addEventListener(\"mousemove\", (e) => {\r\n          const rect = card.getBoundingClientRect();\r\n          mX = (e.clientX - rect.left - rect.width \/ 2) * 0.05; \/\/ Gentle magnetic strength scale\r\n          mY = (e.clientY - rect.top - rect.height \/ 2) * 0.05;\r\n          if (!card.classList.contains(\"is-magnetic\")) card.classList.add(\"is-magnetic\");\r\n          if (magnetRAF === null) magnetRAF = requestAnimationFrame(animateMagnet);\r\n        }, { passive: true });\r\n\r\n        card.addEventListener(\"mouseleave\", () => {\r\n          mX = 0; mY = 0;\r\n          card.classList.remove(\"is-magnetic\");\r\n          if (reduceMotion) { \r\n            card.style.transform = \"\"; \r\n            if (magnetRAF !== null) { \r\n              cancelAnimationFrame(magnetRAF); \r\n              magnetRAF = null; \r\n            } \r\n          }\r\n        });\r\n        \r\n        card.addEventListener(\"mouseenter\", () => { \r\n          if (magnetRAF === null && !reduceMotion) magnetRAF = requestAnimationFrame(animateMagnet); \r\n        });\r\n      }\r\n\r\n      \/* 4. White Glow Button Ripples *\/\r\n      rippleBtns.forEach((btn) => {\r\n        btn.addEventListener(\"click\", (e) => {\r\n          const existingRipple = btn.querySelector(\".cta-v2-ripple\");\r\n          if (existingRipple) existingRipple.remove();\r\n\r\n          const rect = btn.getBoundingClientRect();\r\n          const size = Math.max(rect.width, rect.height);\r\n          const ripple = document.createElement(\"span\");\r\n          ripple.classList.add(\"cta-v2-ripple\");\r\n          ripple.style.width = ripple.style.height = size + \"px\";\r\n          ripple.style.left = (e.clientX - rect.left - size \/ 2) + \"px\";\r\n          ripple.style.top = (e.clientY - rect.top - size \/ 2) + \"px\";\r\n          btn.appendChild(ripple);\r\n          setTimeout(() => ripple.remove(), 700);\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\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>Premium Collection 2025 Crafted For The Extraordinary Discover a curated world of design where every detail is intentional, and every piece tells a story of refined living. View Listings Contact Now 250+ New Designs 12k Happy Clients 15 Years Craft 0+ Years ofExcellence About Our Studio Building Spaces That Feel Like Home For over fifteen years we have been shaping interiors that balance timeless craftsmanship with modern comfort. Every project begins with listening \u2014 understanding how you live, then designing around it. We believe great design isn&#8217;t about following trends; it&#8217;s about creating spaces that reflect who you are and how you want to feel every day. Designed Around You Ethically sourced materials On-time, on-budget delivery Lifetime after-care support Discover More Featured Properties Find a Home That Feels Right View All Properties For Sale Independent Villa The Willow Residence Indiranagar, Bengaluru Contemporary living with a timeless soul. A beautifully designed four-bedroom villa offering open interiors, abundant natural light, private gardens, and effortless city living. 04 Bedrooms 04 Bathrooms 3,200 Sq. Ft. Starting from \u20b9 3.85 Cr View Property For Sale Private Estate The Maple Estate Whitefield, Bengaluru A refined address surrounded by nature. Designed for elegant family living, this residence combines generous proportions, landscaped spaces, and beautifully considered finishes. 05 Bedrooms 05 Bathrooms 4,850 Sq. Ft. Starting from \u20b9 5.20 Cr View Property Services Guiding You Home With Care &#038; Expertise Whether you are buying your first home, selling a cherished property, or growing an investment portfolio, we bring clarity, honesty, and refined service to every step. 01 Home Buying Discover thoughtfully selected homes that suit your lifestyle and budget. From your first viewing to the final handshake, we handle the details so you can focus on finding a place you truly love. Curated property shortlists Expert price negotiation End-to-end paperwork support Start Your Search 02 Property Selling Present your property at its very best. With accurate market valuation, premium photography, and targeted promotion, we connect you with serious buyers and secure the value your home deserves. Accurate market valuation Professional listing Qualified buyer matching Sell With Confidence 03 Investment Advisory Build lasting wealth through property. We analyse locations, rental yields, and growth potential to help you make confident, well-informed investment decisions for the long term. Location &#038; growth analysis Rental yield projections Portfolio planning &#038; guidance Explore Investments Team Meet The Experts Behind Your Next Move Our experienced advisors bring market knowledge, personal attention, and trusted guidance to every property journey. Founder &amp; Lead Advisor Daniel Carter Daniel leads with strategy, discretion, and deep market insight, helping clients make confident real estate decisions. Luxury Sales Negotiation Advisory Book a Meeting Daniel Carter Founder &amp; Lead Advisor Client Experience Director Sophia Reed Sophia ensures every step feels simple, thoughtful, and beautifully managed from first enquiry to completion. Client Care Relocation After-Sales Book a Meeting Sophia Reed Client Experience Director Investment Property Advisor Ethan Cole Ethan helps investors identify high-potential opportunities through market research, pricing insight, and long-term planning. Investment Yield Growth Portfolio Book a Meeting Ethan Cole Investment Property Advisor Difference Property Guidance Built on Trust and Experience We combine local market intelligence, personal service and considered strategy to make every property decision feel clear and confident. Our Promise Every detail handled with care. Client First Advice shaped around your goals 01 Local Market Intelligence Detailed knowledge of neighbourhood values, buyer demand and new opportunities helps you make decisions with stronger context. \u2197 02 Truly Personal Guidance We take time to understand your priorities before recommending a property, pricing strategy or next step. \u2197 03 Discreet Premium Service Every conversation, viewing and negotiation is managed with professionalism, discretion and careful attention to detail. \u2197 04 Support Beyond Completion Our relationship continues after the transaction with practical assistance, trusted introductions and ongoing property support. \u2197 A better property experience Begin your journey with advice you can trust. Work With Our Team Testimonials Trusted By Families Just Like Yours Real stories from people we have helped buy, sell, and invest with complete confidence and genuine peace of mind. 4.9 out of 5 from 480+ verified reviews 01 \/ 04 \u201d Home Purchase Verified From the very first viewing they understood exactly what we were looking for. There was never any pressure, only honest advice. We found a home that fits our family perfectly and the entire process felt effortless. Priya Sharma Bought a villa in Indiranagar Property Sale Verified Our apartment sold above the asking price within three weeks. The photography, the listing presentation, and the way they handled every enquiry was genuinely outstanding. Completely worth it. Arjun Malhotra Sold an apartment in Whitefield First Home Verified As first time buyers we had endless questions and they answered every single one with patience. They explained the paperwork clearly and made something we found intimidating feel simple and safe. Neha Iyer First home in Koramangala Investment Verified Their market analysis was detailed and grounded in real numbers, not guesswork. Two years on, both properties they recommended are performing exactly as projected. I trust them completely. Vikram Rao Investor, 2 properties Honest Guidance 480+ Happy Clients 4.9 Average Rating Trusted Since 2010 Transparent Pricing Dedicated Support Honest Guidance 480+ Happy Clients 4.9 Average Rating Trusted Since 2010 Transparent Pricing Dedicated Support FAQs Your Questions, Answered With Care Open any question and the gallery on the right shows you the kind of home and service it relates to \u2014 simple, honest guidance at every step. 01 How do I arrange a private property viewing? Choose the property you like and contact us through the listing page, phone or enquiry form. We arrange a private appointment at a time that suits you \u2014 including evenings and weekends where possible. 02 How is my property&#8217;s value calculated? Our valuation considers your home&#8217;s condition, location, current buyer demand and recent comparable sales nearby. You receive an honest, market-led figure with a clear recommended pricing strategy. 03 What is included when I sell my home with you? Everything<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":466,"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/466"}],"wp:attachment":[{"href":"https:\/\/teknr44.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}