{"id":663,"date":"2026-03-30T09:17:05","date_gmt":"2026-03-30T09:17:05","guid":{"rendered":"https:\/\/teknr19.thestackly.net\/?page_id=663"},"modified":"2026-06-13T11:57:55","modified_gmt":"2026-06-13T11:57:55","slug":"about-us","status":"publish","type":"page","link":"https:\/\/teknr19.thestackly.net\/?page_id=663","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"663\" class=\"elementor elementor-663\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5056680 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5056680\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6172c11 elementor-widget elementor-widget-html\" data-id=\"6172c11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Joan&display=swap\" rel=\"stylesheet\">\n\n<section class=\"about-banner-section\">\n\n  <div class=\"about-banner-overlay\"><\/div>\n\n  <div class=\"about-banner-content about-banner-zoom\">\n\n    <h1>ABOUT US<\/h1>\n\n    <p>\n      Helping you find a home that fits your life with trusted support,\n      carefully selected properties, and a smooth real estate experience.\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.about-banner-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: transform 1.4s ease, opacity 1.4s ease;\n  transform-origin: center;\n}\n\n.about-banner-zoom.about-banner-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.about-banner-section {\n  position: relative;\n  width: 100%;\n  min-height: 530px;\n  padding: 80px 60px;\n  box-sizing: border-box;\n  font-family: 'Joan', serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n  background-image: url('https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?q=80&w=1800&auto=format&fit=crop');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n.about-banner-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(0,0,0,0.18) 0%,\n    rgba(0,0,0,0.55) 65%,\n    rgba(0,0,0,0.85) 100%\n  );\n  z-index: 1;\n}\n\n.about-banner-content {\n  position: relative;\n  z-index: 2;\n  max-width: 850px;\n  width: 100%;\n  text-align: center;\n  margin: 0 auto;\n}\n\n.about-banner-content h1 {\n  font-size: 70px;\n  line-height: 1.05;\n  color: #ffffff;\n  margin: 0 auto 18px;\n  font-weight: 400;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.about-banner-content p {\n  font-size: 18px;\n  line-height: 1.55;\n  color: rgba(255,255,255,0.88);\n  margin: 0 auto;\n  max-width: 680px;\n  text-align: center;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .about-banner-section {\n    min-height: 400px;\n    padding: 60px 40px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .about-banner-content h1 {\n    font-size: 40px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .about-banner-section {\n    min-height: 360px;\n    padding: 30px 20px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .about-banner-content h1 {\n    font-size: 30px;\n  }\n\n  .about-banner-content p {\n    font-size: 18px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".about-banner-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"about-banner-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  items.forEach(function(item) {\n    observer.observe(item);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-007b5b4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"007b5b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c5fe10 elementor-widget elementor-widget-html\" data-id=\"3c5fe10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Joan&display=swap\" rel=\"stylesheet\">\n\n<section class=\"about-firm-section\">\n\n  <div class=\"about-firm-container\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"about-firm-content about-firm-zoom\">\n      <span>ABOUT US<\/span>\n\n      <h2>About Our Real Estate Firm<\/h2>\n\n      <p>\n        We help families, investors, and home seekers discover modern properties\n        that offer comfort, privacy, and long-term value.\n      <\/p>\n\n      <a href=\"https:\/\/teknr19.thestackly.net\/?page_id=930\" class=\"about-firm-btn\">\n        Our Listings\n      <\/a>\n    <\/div>\n\n    <!-- STATS -->\n    <div class=\"about-firm-stats about-firm-zoom\">\n\n      <div class=\"about-firm-stat-card\">\n        <span>Homes purchased<\/span>\n        <h3>200+<\/h3>\n        <p>Successful property matches for buyers and families.<\/p>\n      <\/div>\n\n      <div class=\"about-firm-stat-card\">\n        <span>Published properties<\/span>\n        <h3>10K+<\/h3>\n        <p>Verified homes, villas, apartments, and rental listings.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- GALLERY -->\n    <div class=\"about-firm-gallery about-firm-zoom\">\n      <div class=\"about-firm-gallery-track\">\n\n        <div class=\"about-firm-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566752229-250ed79470f8?q=80&w=1600&auto=format&fit=crop\" alt=\"Modern forest residence\">\n        <\/div>\n\n        <div class=\"about-firm-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?q=80&w=1200&auto=format&fit=crop\" alt=\"Luxury hillside home\">\n        <\/div>\n\n        <div class=\"about-firm-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?q=80&w=1200&auto=format&fit=crop\" alt=\"Modern wooden home\">\n        <\/div>\n\n        <div class=\"about-firm-img desktop-hidden-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop\" alt=\"Modern family home\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n.about-firm-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 80px 60px 0px 60px;\n  background: #ffffff;\n  font-family: 'Joan', serif;\n  overflow: hidden;\n}\n\n.about-firm-container {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 0.9fr 0.75fr 1.35fr;\n  gap: 26px;\n  align-items: stretch;\n}\n\n\/* CONTENT *\/\n.about-firm-content {\n  min-width: 0;\n  padding: 34px;\n  border-radius: 26px;\n  background: rgba(211, 164, 234, 0.13);\n  border: 1px solid rgba(211, 164, 234, 0.32);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.about-firm-content span {\n  display: inline-block;\n  font-size: 18px;\n  line-height: 1.1;\n  letter-spacing: 1px;\n  color: #D3A4EA;\n  margin: 0 0 14px;\n}\n\n.about-firm-content h2 {\n  font-size: 45px;\n  line-height: 1.06;\n  color: #222222;\n  margin: 0 0 20px;\n  font-weight: 400;\n}\n\n.about-firm-content p {\n  font-size: 18px;\n  line-height: 1.55;\n  color: rgba(0,0,0,0.58);\n  margin: 0 0 28px;\n}\n\n.about-firm-btn {\n  width: fit-content;\n  min-height: 50px;\n  padding: 14px 30px;\n  border-radius: 50px;\n  background: #D3A4EA;\n  color: #ffffff !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: 0.3s ease;\n}\n\n.about-firm-btn:hover {\n  background: #000000;\n  color: #ffffff !important;\n}\n\n\/* STATS *\/\n.about-firm-stats {\n  min-width: 0;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n.about-firm-stat-card {\n  min-width: 0;\n  padding: 30px 26px;\n  border-radius: 26px;\n  background: #ffffff;\n  border: 1px solid rgba(211, 164, 234, 0.34);\n  box-shadow: 0 16px 45px rgba(0,0,0,0.05);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.about-firm-stat-card span {\n  display: block;\n  font-size: 18px;\n  line-height: 1.3;\n  color: #222222;\n  margin: 0 0 10px;\n}\n\n.about-firm-stat-card h3 {\n  font-size: 58px;\n  line-height: 1;\n  color: #222222;\n  margin: 0 0 12px;\n  font-weight: 400;\n}\n\n.about-firm-stat-card p {\n  font-size: 18px;\n  line-height: 1.45;\n  color: rgba(0,0,0,0.56);\n  margin: 0;\n}\n\n\/* GALLERY *\/\n.about-firm-gallery {\n  min-width: 0;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 26px;\n}\n\n.about-firm-gallery-track {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.about-firm-img {\n  width: 100%;\n  min-width: 0;\n  height: 245px;\n  border-radius: 22px;\n  overflow: hidden;\n}\n\n.about-firm-img:first-child {\n  grid-column: span 2;\n  height: 270px;\n}\n\n.desktop-hidden-img {\n  display: none;\n}\n\n.about-firm-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n\/* ZOOM *\/\n.about-firm-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: transform 1.1s ease, opacity 1.1s ease;\n  transform-origin: center;\n}\n\n.about-firm-zoom.about-firm-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* REMOVE THEME UNDERLINES *\/\n.about-firm-section a,\n.about-firm-section a:hover,\n.about-firm-section a:focus,\n.about-firm-section a:active,\n.about-firm-section a:visited {\n  text-decoration: none !important;\n  border-bottom: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .about-firm-section {\n    padding: 60px 40px 0px 40px;\n  }\n\n  .about-firm-container {\n    grid-template-columns: 1fr 1fr;\n    gap: 22px;\n  }\n\n  .about-firm-content {\n    padding: 30px;\n    border-radius: 24px;\n  }\n\n  .about-firm-content span {\n    font-size: 16px;\n    margin-bottom: 12px;\n  }\n\n  .about-firm-content h2 {\n    font-size: 30px;\n    line-height: 1.12;\n    margin-bottom: 16px;\n  }\n\n  .about-firm-content p {\n    font-size: 16px;\n    line-height: 1.55;\n    margin-bottom: 24px;\n  }\n\n  .about-firm-btn {\n    font-size: 16px;\n    min-height: 48px;\n    padding: 13px 28px;\n  }\n\n  .about-firm-stats {\n    gap: 18px;\n  }\n\n  .about-firm-stat-card {\n    padding: 26px 24px;\n    border-radius: 24px;\n  }\n\n  .about-firm-stat-card span {\n    font-size: 16px;\n  }\n\n  .about-firm-stat-card h3 {\n    font-size: 42px;\n  }\n\n  .about-firm-stat-card p {\n    font-size: 16px;\n    line-height: 1.45;\n  }\n\n  .about-firm-gallery {\n    grid-column: span 2;\n  }\n\n  .about-firm-gallery-track {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .desktop-hidden-img {\n    display: block;\n  }\n\n  .about-firm-img,\n  .about-firm-img:first-child {\n    grid-column: auto;\n    height: 250px;\n    border-radius: 20px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .about-firm-section {\n    padding: 30px 20px 0px 20px;\n  }\n\n  .about-firm-container {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .about-firm-content {\n    padding: 24px 22px;\n    border-radius: 20px;\n    text-align: left;\n  }\n\n  .about-firm-content span {\n    font-size: 14px;\n    margin-bottom: 10px;\n  }\n\n  .about-firm-content h2 {\n    font-size: 22px;\n    line-height: 1.18;\n    margin-bottom: 14px;\n  }\n\n  .about-firm-content p {\n    font-size: 16px;\n    line-height: 1.55;\n    margin-bottom: 22px;\n  }\n\n  .about-firm-btn {\n    width: 100%;\n    min-height: 48px;\n    font-size: 16px;\n    padding: 13px 24px;\n  }\n\n  .about-firm-stats {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .about-firm-stat-card {\n    padding: 18px 14px;\n    border-radius: 18px;\n    box-shadow: none;\n  }\n\n  .about-firm-stat-card span {\n    font-size: 14px;\n    line-height: 1.25;\n    margin-bottom: 8px;\n  }\n\n  .about-firm-stat-card h3 {\n    font-size: 32px;\n    line-height: 1;\n    margin-bottom: 8px;\n  }\n\n  .about-firm-stat-card p {\n    font-size: 14px;\n    line-height: 1.38;\n  }\n\n  .about-firm-gallery {\n    width: 100%;\n    border-radius: 18px;\n    overflow: hidden;\n  }\n\n  .about-firm-gallery-track {\n    display: flex;\n    width: 100%;\n    gap: 0;\n    transition: transform 0.8s ease;\n  }\n\n  .desktop-hidden-img {\n    display: block;\n  }\n\n  .about-firm-img,\n  .about-firm-img:first-child {\n    grid-column: auto;\n    width: 100%;\n    min-width: 100%;\n    height: 255px;\n    border-radius: 18px;\n    flex: 0 0 100%;\n  }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 430px) {\n  .about-firm-content {\n    padding: 22px 20px;\n  }\n\n  .about-firm-stats {\n    gap: 10px;\n  }\n\n  .about-firm-stat-card {\n    padding: 16px 12px;\n  }\n\n  .about-firm-stat-card h3 {\n    font-size: 30px;\n  }\n\n  .about-firm-img,\n  .about-firm-img:first-child {\n    height: 235px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".about-firm-section\");\n  if (!section) return;\n\n  const items = section.querySelectorAll(\".about-firm-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"about-firm-active\");\n      }\n    });\n  }, {\n    threshold: 0.15\n  });\n\n  items.forEach(function(item) {\n    observer.observe(item);\n  });\n\n  const track = section.querySelector(\".about-firm-gallery-track\");\n  const slides = section.querySelectorAll(\".about-firm-img\");\n  let currentIndex = 0;\n  let sliderTimer;\n\n  function isMobileView() {\n    return window.matchMedia(\"(max-width: 767px)\").matches;\n  }\n\n  function updateMobileSlider() {\n    if (!track) return;\n\n    if (!isMobileView()) {\n      track.style.transform = \"translateX(0)\";\n      currentIndex = 0;\n      return;\n    }\n\n    track.style.transform = \"translateX(-\" + (currentIndex * 100) + \"%)\";\n  }\n\n  function startMobileSlider() {\n    clearInterval(sliderTimer);\n\n    sliderTimer = setInterval(function() {\n      if (!isMobileView()) {\n        updateMobileSlider();\n        return;\n      }\n\n      currentIndex = currentIndex >= slides.length - 1 ? 0 : currentIndex + 1;\n      updateMobileSlider();\n    }, 2600);\n  }\n\n  window.addEventListener(\"resize\", updateMobileSlider);\n\n  updateMobileSlider();\n  startMobileSlider();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23ee76e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"23ee76e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11024aa elementor-widget elementor-widget-html\" data-id=\"11024aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Joan&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"values-section\">\n\n  <div class=\"values-image values-zoom\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210491369-e753d80a41f3?q=80&w=1400&auto=format&fit=crop\" alt=\"Family relaxing in modern home\">\n  <\/div>\n\n  <div class=\"values-content values-zoom\">\n\n    <h2>The Values That Drive Everything We Do<\/h2>\n\n    <div class=\"values-grid\">\n\n      <div class=\"value-item\">\n        <i class=\"fa-regular fa-heart\"><\/i>\n        <div>\n          <h3>Passion<\/h3>\n          <p>Helping people find homes that truly fit their lifestyle.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"value-item\">\n        <i class=\"fa-solid fa-couch\"><\/i>\n        <div>\n          <h3>Comfort<\/h3>\n          <p>Every property is chosen for quality and daily living comfort.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"value-item\">\n        <i class=\"fa-regular fa-circle-user\"><\/i>\n        <div>\n          <h3>Client First<\/h3>\n          <p>Your needs and goals guide every property decision.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"value-item\">\n        <i class=\"fa-solid fa-shield-halved\"><\/i>\n        <div>\n          <h3>Safety<\/h3>\n          <p>Trusted listings with clear and secure property guidance.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"value-item\">\n        <i class=\"fa-solid fa-seedling\"><\/i>\n        <div>\n          <h3>Sustainability<\/h3>\n          <p>Thoughtful homes built for responsible future living.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"value-item\">\n        <i class=\"fa-regular fa-lightbulb\"><\/i>\n        <div>\n          <h3>Innovation<\/h3>\n          <p>Smart tools that make property search easier and faster.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <a href=\"https:\/\/teknr19.thestackly.net\/?page_id=930\" class=\"values-btn\">\n      Start exploring\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n.values-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: transform 1.4s ease, opacity 1.4s ease;\n  transform-origin: center;\n}\n\n.values-zoom.values-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.values-section {\n  width: 100%;\n  padding: 80px 60px 0px 60px;\n  box-sizing: border-box;\n  font-family: 'Joan', serif;\n  background: #ffffff;\n  display: grid;\n  grid-template-columns: 0.95fr 1fr;\n  gap: 42px;\n  align-items: stretch;\n  overflow: hidden;\n}\n\n.values-image {\n  width: 100%;\n  height: 100%;\n  min-height: 620px;\n  border-radius: 18px;\n  overflow: hidden;\n  align-self: stretch;\n}\n\n.values-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n\/* CONTENT *\/\n.values-content {\n  width: 100%;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.values-content h2 {\n  font-size: 45px;\n  line-height: 1.1;\n  color: #222222;\n  margin: 0 0 22px;\n  font-weight: 400;\n  max-width: 620px;\n}\n\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.value-item {\n  display: grid;\n  grid-template-columns: 26px 1fr;\n  gap: 14px;\n  padding: 20px 0;\n  border-top: 1px solid rgba(0,0,0,0.10);\n}\n\n.value-item:nth-child(odd) {\n  padding-right: 24px;\n}\n\n.value-item:nth-child(even) {\n  padding-left: 24px;\n}\n\n.value-item i {\n  font-size: 18px;\n  color: #D3A4EA;\n  margin-top: 4px;\n}\n\n.value-item h3 {\n  font-size: 25px;\n  line-height: 1.15;\n  color: #222222;\n  margin: 0 0 6px;\n  font-weight: 400;\n}\n\n.value-item p {\n  font-size: 17px;\n  line-height: 1.4;\n  color: rgba(0,0,0,0.55);\n  margin: 0;\n}\n\n.values-btn {\n  margin-top: 22px;\n  width: fit-content;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  background: #D3A4EA;\n  color: #ffffff !important;\n  padding: 14px 32px;\n  border-radius: 50px;\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: 0.3s ease;\n}\n\n.values-btn:hover {\n  background: #000000;\n  color: #ffffff !important;\n}\n\n\/* REMOVE THEME UNDERLINES *\/\n.values-section a,\n.values-section a:hover,\n.values-section a:focus,\n.values-section a:active,\n.values-section a:visited {\n  text-decoration: none !important;\n  border-bottom: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .values-section {\n    padding: 60px 40px 0px 40px;\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .values-image {\n    height: 460px;\n    min-height: 460px;\n  }\n\n  .values-content h2 {\n    font-size: 30px;\n    line-height: 1.12;\n    margin: 0 0 20px;\n    max-width: 100%;\n    text-align: center;\n  }\n\n  .values-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .value-item {\n    padding: 18px 0;\n  }\n\n  .value-item:nth-child(odd) {\n    padding-right: 20px;\n  }\n\n  .value-item:nth-child(even) {\n    padding-left: 20px;\n  }\n\n  .value-item h3 {\n    font-size: 22px;\n  }\n\n  .value-item p {\n    font-size: 16px;\n  }\n\n  .values-btn {\n    margin: 22px auto 0;\n    font-size: 17px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .values-section {\n    padding: 30px 20px 0px 20px;\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .values-image {\n    height: 320px;\n    min-height: 320px;\n    border-radius: 16px;\n  }\n\n  .values-content h2 {\n    font-size: 22px;\n    line-height: 1.18;\n    margin: 0 0 18px;\n    text-align: center;\n    max-width: 100%;\n  }\n\n  .values-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .value-item,\n  .value-item:nth-child(odd),\n  .value-item:nth-child(even) {\n    padding: 18px 0;\n  }\n\n  .value-item {\n    grid-template-columns: 24px 1fr;\n    gap: 12px;\n  }\n\n  .value-item h3 {\n    font-size: 22px;\n    margin-bottom: 5px;\n  }\n\n  .value-item p {\n    font-size: 16px;\n    line-height: 1.4;\n  }\n\n  .values-btn {\n    width: 100%;\n    margin-top: 20px;\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".values-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"values-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  items.forEach(function(item) {\n    observer.observe(item);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5837def e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5837def\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-014e9b6 elementor-widget elementor-widget-html\" data-id=\"014e9b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Joan&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"team-agents-section\">\n\n  <div class=\"team-agents-header team-agents-zoom\">\n    <h2>Meet Our Agents<\/h2>\n\n    <p>\n      Meet experienced real estate specialists who understand your needs and\n      help you find the right property with confidence.\n    <\/p>\n  <\/div>\n\n  <div class=\"team-agents-slider team-agents-zoom\">\n    <div class=\"team-agents-grid\">\n\n      <div class=\"team-agent-card\">\n        <div class=\"team-agent-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556157382-97eda2d62296?q=80&w=900&auto=format&fit=crop\" alt=\"John Carter\">\n        <\/div>\n\n        <div class=\"team-agent-info\">\n          <div>\n            <h3>John Carter<\/h3>\n            <p>CEO & Founder<\/p>\n          <\/div>\n\n          <div class=\"team-agent-socials\">\n            <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n            <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"team-agent-card\">\n        <div class=\"team-agent-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?q=80&w=900&auto=format&fit=crop\" alt=\"Sophie Moore\">\n        <\/div>\n\n        <div class=\"team-agent-info\">\n          <div>\n            <h3>Sophie Moore<\/h3>\n            <p>Property Agent<\/p>\n          <\/div>\n\n          <div class=\"team-agent-socials\">\n            <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n            <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"team-agent-card\">\n        <div class=\"team-agent-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562788869-4ed32648eb72?q=80&w=900&auto=format&fit=crop\" alt=\"Matt Cannon\">\n        <\/div>\n\n        <div class=\"team-agent-info\">\n          <div>\n            <h3>Matt Cannon<\/h3>\n            <p>Senior Agent<\/p>\n          <\/div>\n\n          <div class=\"team-agent-socials\">\n            <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n            <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"team-agents-bottom team-agents-zoom\">\n    <a href=\"https:\/\/teknr19.thestackly.net\/?page_id=930\" class=\"team-agents-btn\">\n      Browse All Agents\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n.team-agents-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: transform 1.4s ease, opacity 1.4s ease;\n  transform-origin: center;\n}\n\n.team-agents-zoom.team-agents-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.team-agents-section {\n  width: 100%;\n  padding: 80px 60px 0px 60px;\n  box-sizing: border-box;\n  font-family: 'Joan', serif;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.team-agents-header {\n  display: grid;\n  grid-template-columns: 1fr 0.9fr;\n  gap: 60px;\n  align-items: start;\n  margin-bottom: 45px;\n}\n\n.team-agents-header h2 {\n  font-size: 45px;\n  line-height: 1.05;\n  color: #222222;\n  margin: 0;\n  font-weight: 400;\n}\n\n.team-agents-header p {\n  font-size: 18px;\n  line-height: 1.55;\n  color: rgba(0,0,0,0.55);\n  margin: 0;\n  max-width: 520px;\n}\n\n.team-agents-slider {\n  width: 100%;\n  overflow: visible;\n}\n\n.team-agents-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.team-agent-card {\n  width: 100%;\n}\n\n.team-agent-image {\n  width: 100%;\n  height: 410px;\n  border-radius: 14px;\n  overflow: hidden;\n  margin-bottom: 28px;\n  background: #f5f5f5;\n}\n\n.team-agent-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n.team-agent-card:hover .team-agent-image img {\n  transform: scale(1.06);\n}\n\n.team-agent-info {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 18px;\n}\n\n.team-agent-info h3 {\n  font-size: 25px;\n  line-height: 1.1;\n  color: #222222;\n  margin: 0 0 6px;\n  font-weight: 400;\n}\n\n.team-agent-info p {\n  font-size: 18px;\n  line-height: 1.25;\n  color: rgba(0,0,0,0.55);\n  margin: 0;\n}\n\n.team-agent-socials {\n  display: flex;\n  gap: 18px;\n  align-items: center;\n  padding-top: 8px;\n}\n\n.team-agent-socials a {\n  color: #222222;\n  font-size: 18px;\n  text-decoration: none !important;\n  transition: 0.3s ease;\n}\n\n.team-agent-socials a:hover {\n  color: #D3A4EA;\n}\n\n.team-agents-bottom {\n  display: flex;\n  justify-content: center;\n  margin-top: 35px;\n}\n\n.team-agents-btn {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  background: #D3A4EA;\n  color: #ffffff !important;\n  padding: 14px 32px;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: 0.3s ease;\n}\n\n.team-agents-btn:hover {\n  background: #000000;\n  color: #ffffff !important;\n}\n\n\/* REMOVE THEME UNDERLINES *\/\n.team-agents-section a,\n.team-agents-section a:hover,\n.team-agents-section a:focus,\n.team-agents-section a:active,\n.team-agents-section a:visited {\n  text-decoration: none !important;\n  border-bottom: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET - CENTER TITLES + AUTO SLIDE RIGHT WITH 2 CARDS VISIBLE *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .team-agents-section {\n    padding: 60px 40px 0px 40px;\n  }\n\n  .team-agents-header {\n    grid-template-columns: 1fr;\n    gap: 16px;\n    margin: 0 auto 42px;\n    text-align: center;\n    max-width: 760px;\n  }\n\n  .team-agents-header h2 {\n    font-size: 30px;\n    line-height: 1.15;\n    text-align: center;\n    margin: 0 auto;\n  }\n\n  .team-agents-header p {\n    font-size: 16px;\n    line-height: 1.55;\n    max-width: 640px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .team-agents-slider {\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .team-agents-grid {\n    display: flex;\n    gap: 24px;\n    transition: transform 0.65s ease;\n    will-change: transform;\n  }\n\n  .team-agent-card {\n    flex: 0 0 calc((100% - 24px) \/ 2);\n    max-width: calc((100% - 24px) \/ 2);\n  }\n\n  .team-agent-image {\n    height: 380px;\n  }\n\n  .team-agent-info h3 {\n    font-size: 23px;\n  }\n\n  .team-agent-info p {\n    font-size: 16px;\n  }\n}\n\n\/* MOBILE - CENTER TITLES *\/\n@media (max-width: 767px) {\n  .team-agents-section {\n    padding: 30px 20px 0px 20px;\n  }\n\n  .team-agents-header {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin: 0 auto 35px;\n    text-align: center;\n  }\n\n  .team-agents-header h2 {\n    font-size: 22px;\n    line-height: 1.18;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .team-agents-header p {\n    font-size: 16px;\n    line-height: 1.55;\n    margin: 0 auto;\n    text-align: center;\n    max-width: 100%;\n  }\n\n  .team-agents-slider {\n    overflow: visible;\n  }\n\n  .team-agents-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 35px;\n    transform: none !important;\n  }\n\n  .team-agent-image {\n    height: 360px;\n    border-radius: 14px;\n    margin-bottom: 20px;\n  }\n\n  .team-agent-info {\n    align-items: center;\n  }\n\n  .team-agent-info h3 {\n    font-size: 22px;\n  }\n\n  .team-agent-info p {\n    font-size: 16px;\n  }\n\n  .team-agent-socials {\n    gap: 15px;\n  }\n\n  .team-agents-btn {\n    width: 100%;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".team-agents-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"team-agents-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  items.forEach(function(item) {\n    observer.observe(item);\n  });\n\n  const section = document.querySelector(\".team-agents-section\");\n  if (!section) return;\n\n  const track = section.querySelector(\".team-agents-grid\");\n  const cards = section.querySelectorAll(\".team-agent-card\");\n\n  let currentIndex = 0;\n  let autoSlide = null;\n\n  function isTabletView() {\n    return window.innerWidth >= 768 && window.innerWidth <= 1024;\n  }\n\n  function updateSlider() {\n    if (!track || !cards.length) return;\n\n    if (!isTabletView()) {\n      track.style.transform = \"translateX(0)\";\n      return;\n    }\n\n    const gap = 24;\n    const cardWidth = cards[0].getBoundingClientRect().width + gap;\n    track.style.transform = \"translateX(-\" + (currentIndex * cardWidth) + \"px)\";\n  }\n\n  function startSlider() {\n    if (autoSlide) clearInterval(autoSlide);\n\n    if (!isTabletView() || cards.length <= 2) {\n      currentIndex = 0;\n      updateSlider();\n      return;\n    }\n\n    autoSlide = setInterval(function () {\n      currentIndex = currentIndex >= cards.length - 2 ? 0 : currentIndex + 1;\n      updateSlider();\n    }, 3000);\n  }\n\n  window.addEventListener(\"resize\", function () {\n    currentIndex = 0;\n    startSlider();\n  });\n\n  window.addEventListener(\"load\", function () {\n    startSlider();\n  });\n\n  startSlider();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6630ebb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6630ebb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f71e7bc elementor-widget elementor-widget-html\" data-id=\"f71e7bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Joan&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"office-visit-section\">\n\n  <div class=\"office-visit-header office-visit-zoom\">\n    <h2>Come And Visit Our Offices<\/h2>\n    <p>\n      Visit our local offices to speak with our property specialists, explore\n      available homes, and get personal guidance for your next move.\n    <\/p>\n  <\/div>\n\n  <div class=\"office-visit-hero office-visit-zoom\">\n\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=1800&auto=format&fit=crop\" alt=\"Modern office interior\">\n\n    <div class=\"office-visit-card\">\n\n      <div class=\"office-location-item active\">\n        <button type=\"button\">\n          <span>New York, NY<\/span>\n          <i class=\"fa-solid fa-chevron-right\"><\/i>\n        <\/button>\n\n        <div class=\"office-location-info\">\n          <p>\n            Our New York team helps clients discover premium apartments, family\n            homes, and investment-ready properties.\n          <\/p>\n\n          <div class=\"office-contact-row\">\n            <i class=\"fa-regular fa-envelope\"><\/i>\n            <div>\n              <strong>Email address<\/strong>\n              <a href=\"mailto:newyork@housemarket.com\">newyork@housemarket.com<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"office-location-item\">\n        <button type=\"button\">\n          <span>San Francisco, CA<\/span>\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\n        <\/button>\n\n        <div class=\"office-location-info\">\n          <p>\n            Our San Francisco office supports buyers and renters searching for\n            modern homes in peaceful, high-value neighborhoods.\n          <\/p>\n\n          <div class=\"office-contact-row\">\n            <i class=\"fa-regular fa-envelope\"><\/i>\n            <div>\n              <strong>Email address<\/strong>\n              <a href=\"mailto:sanfrancisco@housemarket.com\">sanfrancisco@housemarket.com<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"office-location-item\">\n        <button type=\"button\">\n          <span>Los Angeles, CA<\/span>\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\n        <\/button>\n\n        <div class=\"office-location-info\">\n          <p>\n            Our Los Angeles team connects clients with luxury villas, hillside\n            homes, and premium lifestyle properties.\n          <\/p>\n\n          <div class=\"office-contact-row\">\n            <i class=\"fa-regular fa-envelope\"><\/i>\n            <div>\n              <strong>Email address<\/strong>\n              <a href=\"mailto:losangeles@housemarket.com\">losangeles@housemarket.com<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.office-visit-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: transform 1.4s ease, opacity 1.4s ease;\n  transform-origin: center;\n}\n\n.office-visit-zoom.office-visit-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.office-visit-section {\n  width: 100%;\n  padding: 80px 60px;\n  box-sizing: border-box;\n  font-family: 'Joan', serif;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.office-visit-header {\n  max-width: 720px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.office-visit-header h2 {\n  font-size: 45px;\n  line-height: 1.1;\n  color: #222222;\n  margin: 0 0 18px;\n  font-weight: 400;\n}\n\n.office-visit-header p {\n  font-size: 18px;\n  line-height: 1.55;\n  color: rgba(0,0,0,0.55);\n  margin: 0 auto;\n  max-width: 650px;\n}\n\n.office-visit-hero {\n  position: relative;\n  width: 100%;\n  height: 620px;\n  border-radius: 18px;\n  overflow: hidden;\n}\n\n.office-visit-hero > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* CARD *\/\n.office-visit-card {\n  position: absolute;\n  left: 34px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 520px;\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 28px 24px;\n  box-sizing: border-box;\n  box-shadow: 0 20px 45px rgba(0,0,0,0.12);\n}\n\n.office-location-item {\n  border-bottom: 1px solid rgba(0,0,0,0.10);\n  padding: 0;\n}\n\n.office-location-item:last-child {\n  border-bottom: none;\n}\n\n.office-location-item button {\n  width: 100%;\n  border: none;\n  background: transparent !important;\n  box-shadow: none !important;\n  outline: none !important;\n  padding: 28px 0;\n  font-family: 'Joan', serif;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.office-location-item button span {\n  font-size: 25px;\n  color: #222222;\n  line-height: 1.2;\n  font-weight: 400;\n  text-align: left;\n}\n\n.office-location-item button i {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 1px solid rgba(0,0,0,0.14);\n  color: #222222;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.office-location-item.active button {\n  padding-top: 0;\n}\n\n.office-location-item.active button i {\n  background: #D3A4EA;\n  border-color: #D3A4EA;\n  color: #ffffff;\n}\n\n.office-location-info {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.45s ease;\n}\n\n.office-location-item.active .office-location-info {\n  max-height: 230px;\n  padding-bottom: 28px;\n}\n\n.office-location-info p {\n  font-size: 18px;\n  line-height: 1.5;\n  color: rgba(0,0,0,0.55);\n  margin: 0 0 26px;\n}\n\n.office-contact-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.office-contact-row i {\n  font-size: 20px;\n  color: #222222;\n  margin-top: 4px;\n}\n\n.office-contact-row strong {\n  display: block;\n  font-size: 18px;\n  color: rgba(0,0,0,0.55);\n  margin-bottom: 4px;\n}\n\n.office-contact-row a {\n  font-size: 18px;\n  color: #222222 !important;\n  text-decoration: none !important;\n}\n\n\/* REMOVE THEME UNDERLINES *\/\n.office-visit-section a,\n.office-visit-section a:hover,\n.office-visit-section a:focus,\n.office-visit-section a:active,\n.office-visit-section a:visited {\n  text-decoration: none !important;\n  border-bottom: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .office-visit-section {\n    padding: 60px 40px;\n  }\n\n  .office-visit-header h2 {\n    font-size: 30px;\n  }\n\n  .office-visit-hero {\n    height: 560px;\n  }\n\n  .office-visit-card {\n    width: 500px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .office-visit-section {\n    padding: 30px 20px;\n  }\n\n  .office-visit-header h2 {\n    font-size: 22px;\n  }\n\n  .office-visit-header p {\n    font-size: 18px;\n  }\n\n  .office-visit-hero {\n    height: auto;\n    min-height: 620px;\n    border-radius: 16px;\n  }\n\n  .office-visit-hero > img {\n    height: 620px;\n  }\n\n  .office-visit-card {\n    left: 16px;\n    right: 16px;\n    top: auto;\n    bottom: 16px;\n    transform: none;\n    width: auto;\n    padding: 22px 18px;\n  }\n\n  .office-location-item button span {\n    font-size: 22px;\n  }\n\n  .office-location-info p,\n  .office-contact-row strong,\n  .office-contact-row a {\n    font-size: 18px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".office-visit-section\");\n  if (!section) return;\n\n  const items = section.querySelectorAll(\".office-location-item\");\n\n  items.forEach(function(item) {\n    const button = item.querySelector(\"button\");\n\n    button.addEventListener(\"click\", function() {\n      const isActive = item.classList.contains(\"active\");\n\n      items.forEach(function(other) {\n        other.classList.remove(\"active\");\n        other.querySelector(\"button i\").className = \"fa-solid fa-chevron-down\";\n      });\n\n      if (!isActive) {\n        item.classList.add(\"active\");\n        item.querySelector(\"button i\").className = \"fa-solid fa-chevron-right\";\n      }\n    });\n  });\n\n  const animatedItems = section.querySelectorAll(\".office-visit-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"office-visit-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  animatedItems.forEach(function(item) {\n    observer.observe(item);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3f521d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"f3f521d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-179843f elementor-widget elementor-widget-html\" data-id=\"179843f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Joan&display=swap\" rel=\"stylesheet\">\n\n<section class=\"goal-hero-section\">\n\n  <div class=\"goal-hero-overlay\"><\/div>\n\n  <div class=\"goal-hero-content goal-hero-zoom\">\n    <h2>We Have Only One Goal: To Help You Find Your Dream Home<\/h2>\n\n    <p>\n      Discover thoughtfully selected homes, peaceful villas, and modern properties\n      designed around comfort, privacy, and long-term value.\n    <\/p>\n\n    <a href=\"https:\/\/teknr19.thestackly.net\/?page_id=105\" class=\"goal-hero-btn\">\n      Contact Us\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<style>\n.goal-hero-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: transform 1.4s ease, opacity 1.4s ease;\n  transform-origin: center;\n}\n\n.goal-hero-zoom.goal-hero-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.goal-hero-section {\n  position: relative;\n  width: 100%;\n  min-height: 620px;\n  padding: 80px 60px;\n  box-sizing: border-box;\n  font-family: 'Joan', serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n\n  overflow: hidden;\n  background-image: url('https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?q=80&w=1800&auto=format&fit=crop');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n.goal-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.52);\n  z-index: 1;\n}\n\n.goal-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 820px;\n  color: #ffffff;\n}\n\n.goal-hero-content h2 {\n  font-size: 45px;\n  line-height: 1.05;\n  color: #ffffff;\n  margin: 0 0 26px;\n  font-weight: 400;\n}\n\n.goal-hero-content p {\n  font-size: 18px;\n  line-height: 1.55;\n  color: rgba(255,255,255,0.9);\n  margin: 0 auto 32px;\n  max-width: 620px;\n}\n\n.goal-hero-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #D3A4EA;\n  color: #ffffff !important;\n  padding: 14px 32px;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: 0.3s ease;\n}\n\n.goal-hero-btn:hover {\n  background: #000000;\n  color: #ffffff !important;\n}\n\n\/* REMOVE THEME UNDERLINES *\/\n.goal-hero-section a,\n.goal-hero-section a:hover,\n.goal-hero-section a:focus,\n.goal-hero-section a:active,\n.goal-hero-section a:visited {\n  text-decoration: none !important;\n  border-bottom: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .goal-hero-section {\n    min-height: 520px;\n    padding: 60px 40px;\n  }\n\n  .goal-hero-content h2 {\n    font-size: 30px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .goal-hero-section {\n    min-height: 460px;\n    padding: 30px 20px;\n\n  }\n\n  .goal-hero-content h2 {\n    font-size: 22px;\n  }\n\n  .goal-hero-content p {\n    font-size: 18px;\n  }\n\n  .goal-hero-btn {\n    width: 100%;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".goal-hero-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"goal-hero-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  items.forEach(function(item) {\n    observer.observe(item);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT US Helping you find a home that fits your life with trusted support, carefully selected properties, and a smooth real estate experience. ABOUT US About Our Real Estate Firm We help families, investors, and home seekers discover modern properties that offer comfort, privacy, and long-term value. Our Listings Homes purchased 200+ Successful property matches for buyers and families. Published properties 10K+ Verified homes, villas, apartments, and rental listings. The Values That Drive Everything We Do Passion Helping people find homes that truly fit their lifestyle. Comfort Every property is chosen for quality and daily living comfort. Client First Your needs and goals guide every property decision. Safety Trusted listings with clear and secure property guidance. Sustainability Thoughtful homes built for responsible future living. Innovation Smart tools that make property search easier and faster. Start exploring Meet Our Agents Meet experienced real estate specialists who understand your needs and help you find the right property with confidence. John Carter CEO &#038; Founder Sophie Moore Property Agent Matt Cannon Senior Agent Browse All Agents Come And Visit Our Offices Visit our local offices to speak with our property specialists, explore available homes, and get personal guidance for your next move. New York, NY Our New York team helps clients discover premium apartments, family homes, and investment-ready properties. Email address newyork@housemarket.com San Francisco, CA Our San Francisco office supports buyers and renters searching for modern homes in peaceful, high-value neighborhoods. Email address sanfrancisco@housemarket.com Los Angeles, CA Our Los Angeles team connects clients with luxury villas, hillside homes, and premium lifestyle properties. Email address losangeles@housemarket.com We Have Only One Goal: To Help You Find Your Dream Home Discover thoughtfully selected homes, peaceful villas, and modern properties designed around comfort, privacy, and long-term value. Contact Us<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","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-663","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=663"}],"version-history":[{"count":5,"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/663\/revisions"}],"predecessor-version":[{"id":2256,"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/663\/revisions\/2256"}],"wp:attachment":[{"href":"https:\/\/teknr19.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}