{"id":18,"date":"2026-04-13T05:01:32","date_gmt":"2026-04-13T05:01:32","guid":{"rendered":"https:\/\/teknr11.thestackly.tech\/?page_id=18"},"modified":"2026-07-04T08:01:54","modified_gmt":"2026-07-04T08:01:54","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/teknr11.thestackly.tech\/?page_id=18","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1387d2a 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=\"1387d2a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3657bb0 elementor-widget elementor-widget-html\" data-id=\"3657bb0\" 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=Amiri:wght@400;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"ctp1-section\">\n  <div class=\"ctp1-bg\"><\/div>\n  <div class=\"ctp1-overlay\"><\/div>\n\n  <div class=\"ctp1-content ctp1-zoom\">\n    <span>Contact Us<\/span>\n\n    <h1>Let\u2019s Talk About Your Next Property Move<\/h1>\n\n    <p>\n      Share your property needs with our team and receive clear guidance for buying, selling, visiting, or comparing homes.\n    <\/p>\n\n    <div class=\"ctp1-breadcrumb\">\n      <a href=\"https:\/\/teknr11.thestackly.tech\/?preview_id=11\">Home<\/a>\n      <em>\/<\/em>\n      <p>Contact Us<\/p>\n    <\/div>\n  <\/div>\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\/* Section *\/\n\n.ctp1-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n\n  position: relative;\n  width: 100%;\n  min-height: 520px;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: var(--dark);\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* Background *\/\n\n.ctp1-bg {\n  position: absolute;\n  inset: 0;\n  background-image: url(\"https:\/\/images.unsplash.com\/photo-1581495770196-9e01ab8edf71?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\");\n  background-size: cover;\n  background-position: center;\n  z-index: 1;\n}\n\n.ctp1-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.58);\n  z-index: 2;\n}\n\n\/* Content *\/\n\n.ctp1-content {\n  position: relative;\n  z-index: 3;\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.ctp1-content span {\n  display: block;\n  margin: 0 0 12px;\n  color: #ffffff;\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ctp1-content span::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.ctp1-content h1 {\n  max-width: 850px;\n  margin: 0 auto 18px;\n  color: #ffffff;\n  font-family: \"Amiri\", serif;\n  font-size: 64px;\n  line-height: 1.08;\n  font-weight: 700;\n  text-align: center;\n}\n\n.ctp1-content > p {\n  max-width: 720px;\n  margin: 0 auto 26px;\n  color: rgba(255,255,255,0.84);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.75;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Breadcrumb *\/\n\n.ctp1-breadcrumb {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 46px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.14);\n  backdrop-filter: blur(8px);\n}\n\n.ctp1-breadcrumb a,\n.ctp1-breadcrumb p,\n.ctp1-breadcrumb em {\n  margin: 0;\n  color: #ffffff !important;\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: 400;\n  text-decoration: none !important;\n}\n\n.ctp1-breadcrumb a:hover {\n  color: var(--primary) !important;\n}\n\n\/* Animation *\/\n\n.ctp1-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.ctp1-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .ctp1-section {\n    min-height: 460px;\n    padding: 60px 40px !important;\n  }\n\n  .ctp1-content h1 {\n    font-size: 46px;\n  }\n\n  .ctp1-content > p {\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .ctp1-breadcrumb a,\n  .ctp1-breadcrumb p,\n  .ctp1-breadcrumb em {\n    font-size: 15px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .ctp1-section {\n    min-height: 390px;\n    padding: 30px 20px !important;\n  }\n\n  .ctp1-content span {\n    font-size: 16px;\n  }\n\n  .ctp1-content h1 {\n    font-size: 34px;\n    line-height: 1.14;\n  }\n\n  .ctp1-content > p {\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .ctp1-breadcrumb {\n    width: 100%;\n    padding: 0 18px;\n  }\n\n  .ctp1-breadcrumb a,\n  .ctp1-breadcrumb p,\n  .ctp1-breadcrumb em {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".ctp1-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).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-e6a0951 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=\"e6a0951\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-817dabb elementor-widget elementor-widget-html\" data-id=\"817dabb\" 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=Amiri:wght@400;700&family=Poly:ital@0;1&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=\"ctp2-section\">\n  <div class=\"ctp2-wrap\">\n\n    <div class=\"ctp2-left ctp2-zoom\">\n      <span>Send A Message<\/span>\n      <h2>Tell Us What Kind Of Property Support You Need<\/h2>\n\n      <div class=\"ctp2-contact-list\">\n        <div>\n          <i class=\"fa-solid fa-phone\"><\/i>\n          <p><strong>Call Us<\/strong><br>+1 000 000 0000<\/p>\n        <\/div>\n\n        <div>\n          <i class=\"fa-solid fa-envelope\"><\/i>\n          <p><strong>Email Us<\/strong><br>hello@stackly.com<\/p>\n        <\/div>\n\n        <div>\n          <i class=\"fa-solid fa-clock\"><\/i>\n          <p><strong>Working Hours<\/strong><br>Mon - Sat, 9:00 AM - 6:00 PM<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <form class=\"ctp2-form ctp2-zoom\">\n      <div class=\"ctp2-row\">\n        <div class=\"ctp2-field\">\n          <label>Your Name<\/label>\n          <input type=\"text\" placeholder=\"Enter your name\">\n        <\/div>\n\n        <div class=\"ctp2-field\">\n          <label>Email Address<\/label>\n          <input type=\"email\" placeholder=\"Enter your email\">\n        <\/div>\n      <\/div>\n\n      <div class=\"ctp2-row\">\n        <div class=\"ctp2-field\">\n          <label>Phone Number<\/label>\n          <input type=\"tel\" placeholder=\"Enter your phone number\">\n        <\/div>\n\n        <div class=\"ctp2-field\">\n          <label>Property Interest<\/label>\n          <select>\n            <option>Buying A Home<\/option>\n            <option>Selling A Property<\/option>\n            <option>Schedule A Visit<\/option>\n            <option>Investment Guidance<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"ctp2-field\">\n        <label>Your Message<\/label>\n        <textarea placeholder=\"Tell us about your preferred location, budget, property type, or question\"><\/textarea>\n      <\/div>\n\n      <button type=\"submit\">\n        Send Message\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/button>\n    <\/form>\n\n  <\/div>\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\/* Section *\/\n\n.ctp2-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: #ffffff;\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.ctp2-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 36px;\n  align-items: stretch;\n}\n\n\/* Left Content *\/\n\n.ctp2-left {\n  padding: 44px 36px;\n  border-radius: 34px;\n  background: var(--soft);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.ctp2-left span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ctp2-left span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.ctp2-left h2 {\n  margin: 0 0 28px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.16;\n  font-weight: 700;\n  text-align: center;\n}\n\n.ctp2-left > p {\n  margin: 0 auto 28px;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.7;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Contact List *\/\n\n.ctp2-contact-list {\n  display: grid;\n  gap: 14px;\n}\n\n.ctp2-contact-list div {\n  padding: 20px;\n  border-radius: 22px;\n  background: #ffffff;\n  display: grid;\n  grid-template-columns: 54px 1fr;\n  gap: 14px;\n  align-items: center;\n  text-align: left;\n}\n\n.ctp2-contact-list i {\n  width: 50px;\n  height: 50px;\n  border-radius: 16px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 19px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ctp2-contact-list p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.5;\n  font-weight: 400;\n}\n\n.ctp2-contact-list strong {\n  color: var(--dark);\n  font-weight: 400;\n}\n\n\/* Form *\/\n\n.ctp2-form {\n  padding: 36px;\n  border-radius: 34px;\n  background: var(--soft);\n  border: 1px solid rgba(0,0,0,0.07);\n}\n\n.ctp2-row {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n}\n\n.ctp2-field {\n  margin-bottom: 18px;\n}\n\n.ctp2-field label {\n  display: block;\n  margin: 0 0 8px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 21px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.ctp2-field input,\n.ctp2-field select,\n.ctp2-field textarea {\n  width: 100%;\n  min-height: 54px;\n  padding: 0 18px;\n  border: 1px solid rgba(0,0,0,0.10);\n  border-radius: 18px;\n  background: #ffffff;\n  color: var(--dark);\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  outline: none;\n}\n\n.ctp2-field textarea {\n  height: 150px;\n  padding-top: 16px;\n  resize: vertical;\n}\n\n.ctp2-field input:focus,\n.ctp2-field select:focus,\n.ctp2-field textarea:focus {\n  border-color: var(--primary);\n}\n\n\/* Button *\/\n\n.ctp2-form button {\n  width: 100%;\n  min-height: 52px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--primary);\n  color: var(--dark);\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: 0.35s ease;\n}\n\n.ctp2-form button:hover {\n  transform: translateY(-4px);\n}\n\n\/* Animation *\/\n\n.ctp2-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.ctp2-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .ctp2-section {\n    padding: 60px 40px !important;\n  }\n\n  .ctp2-wrap {\n    grid-template-columns: 1fr;\n  }\n\n  .ctp2-left h2 {\n    font-size: 32px;\n  }\n\n  .ctp2-left > p,\n  .ctp2-contact-list p {\n    font-size: 16px;\n  }\n\n  .ctp2-left > p {\n    line-height: 1.65;\n  }\n\n  .ctp2-contact-list p {\n    line-height: 1.5;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .ctp2-section {\n    padding: 30px 20px !important;\n  }\n\n  .ctp2-left,\n  .ctp2-form {\n    padding: 28px 20px;\n    border-radius: 24px;\n  }\n\n  .ctp2-left span {\n    font-size: 16px;\n  }\n\n  .ctp2-left h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .ctp2-left > p,\n  .ctp2-contact-list p {\n    font-size: 15px;\n  }\n\n  .ctp2-left > p {\n    line-height: 1.65;\n  }\n\n  .ctp2-contact-list p {\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  .ctp2-contact-list div {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .ctp2-contact-list i {\n    margin: 0 auto;\n  }\n\n  .ctp2-row {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .ctp2-field label {\n    font-size: 20px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".ctp2-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).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-d657b3c 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=\"d657b3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9495040 elementor-widget elementor-widget-html\" data-id=\"9495040\" 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=Amiri:wght@400;700&family=Poly:ital@0;1&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=\"ctp3-section\">\n  <div class=\"ctp3-wrap\">\n\n    <div class=\"ctp3-head ctp3-zoom\">\n      <span>How We Can Help<\/span>\n      <h2>Choose The Right Support For Your Property Journey<\/h2>\n      <p>\n        Reach out for the service that matches your current stage, from first enquiry to final property visit.\n      <\/p>\n    <\/div>\n\n    <div class=\"ctp3-grid\">\n\n      <div class=\"ctp3-card ctp3-zoom\">\n        <i class=\"fa-solid fa-house-circle-check\"><\/i>\n        <h3>Buying Support<\/h3>\n        <p>Get help shortlisting homes based on location, budget, layout, and lifestyle needs.<\/p>\n      <\/div>\n\n      <div class=\"ctp3-card ctp3-zoom\">\n        <i class=\"fa-solid fa-sign-hanging\"><\/i>\n        <h3>Selling Guidance<\/h3>\n        <p>Discuss property presentation, pricing clarity, listing details, and buyer interest.<\/p>\n      <\/div>\n\n      <div class=\"ctp3-card ctp3-zoom\">\n        <i class=\"fa-solid fa-calendar-check\"><\/i>\n        <h3>Schedule Visits<\/h3>\n        <p>Plan property visits with clear timing, location guidance, and assigned agent support.<\/p>\n      <\/div>\n\n      <div class=\"ctp3-card ctp3-zoom\">\n        <i class=\"fa-solid fa-chart-line\"><\/i>\n        <h3>Investment Advice<\/h3>\n        <p>Compare properties based on rental appeal, future value, and location growth potential.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\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\/* Section *\/\n\n.ctp3-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: var(--soft);\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.ctp3-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.ctp3-head {\n  max-width: 820px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.ctp3-head span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ctp3-head span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.ctp3-head h2 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n}\n\n.ctp3-head p {\n  margin: 0 auto;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.8;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Grid *\/\n\n.ctp3-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px;\n}\n\n\/* Cards *\/\n\n.ctp3-card {\n  min-height: 280px;\n  padding: 34px 24px;\n  border-radius: 28px;\n  background: #ffffff;\n  border: 1px solid rgba(0,0,0,0.08);\n  text-align: center;\n  transition: 0.35s ease;\n}\n\n.ctp3-card:hover {\n  transform: translateY(-8px);\n  border-color: var(--primary);\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n}\n\n.ctp3-card i {\n  width: 62px;\n  height: 62px;\n  margin: 0 auto 20px;\n  border-radius: 20px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 24px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ctp3-card h3 {\n  min-height: 58px;\n  margin: 0 0 12px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 25px;\n  line-height: 1.15;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.ctp3-card p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.65;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Animation *\/\n\n.ctp3-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.ctp3-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .ctp3-section {\n    padding: 60px 40px !important;\n  }\n\n  .ctp3-head {\n    margin-bottom: 42px;\n  }\n\n  .ctp3-head h2 {\n    font-size: 32px;\n  }\n\n  .ctp3-head p,\n  .ctp3-card p {\n    font-size: 16px;\n  }\n\n  .ctp3-head p {\n    line-height: 1.75;\n  }\n\n  .ctp3-card p {\n    line-height: 1.6;\n  }\n\n  .ctp3-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ctp3-card h3 {\n    min-height: auto;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .ctp3-section {\n    padding: 30px 20px !important;\n  }\n\n  .ctp3-head span {\n    font-size: 16px;\n  }\n\n  .ctp3-head h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .ctp3-head p,\n  .ctp3-card p {\n    font-size: 15px;\n  }\n\n  .ctp3-head p {\n    line-height: 1.65;\n  }\n\n  .ctp3-card p {\n    line-height: 1.6;\n  }\n\n  .ctp3-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ctp3-card {\n    min-height: auto;\n    padding: 28px 20px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".ctp3-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).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-8a7979a 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=\"8a7979a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e64168 elementor-widget elementor-widget-html\" data-id=\"4e64168\" 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=Amiri:wght@400;700&family=Poly:ital@0;1&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=\"ctp4-section\">\n  <div class=\"ctp4-wrap\">\n\n    <div class=\"ctp4-head ctp4-zoom\">\n      <span>Visit Our Office<\/span>\n      <h2>Find Us Easily And Plan Your Visit<\/h2>\n      <p>\n        Meet our team in person to discuss property requirements, visit planning, listing support, and next steps.\n      <\/p>\n    <\/div>\n\n    <div class=\"ctp4-grid\">\n\n      <div class=\"ctp4-map ctp4-zoom\">\n        <iframe\n          src=\"https:\/\/www.google.com\/maps?q=San%20Francisco%20California&output=embed\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n      <\/div>\n\n      <div class=\"ctp4-info ctp4-zoom\">\n        <h3>Office Information<\/h3>\n\n        <div class=\"ctp4-item\">\n          <i class=\"fa-solid fa-location-dot\"><\/i>\n          <div>\n            <h4>Office Address<\/h4>\n            <p>Birch Avenue 33, San Francisco, California<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ctp4-item\">\n          <i class=\"fa-solid fa-clock\"><\/i>\n          <div>\n            <h4>Business Hours<\/h4>\n            <p>Monday to Saturday, 9:00 AM to 6:00 PM<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ctp4-item\">\n          <i class=\"fa-solid fa-calendar-days\"><\/i>\n          <div>\n            <h4>Appointment Visits<\/h4>\n            <p>Schedule in advance for property consultations and site-visit planning.<\/p>\n          <\/div>\n        <\/div>\n\n        <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=18\" class=\"ctp4-btn\">\n          Book An Appointment\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\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\/* Section *\/\n\n.ctp4-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: #ffffff;\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.ctp4-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.ctp4-head {\n  max-width: 820px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.ctp4-head span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ctp4-head span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.ctp4-head h2 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n}\n\n.ctp4-head p {\n  margin: 0 auto;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.8;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Grid *\/\n\n.ctp4-grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 28px;\n  align-items: stretch;\n}\n\n\/* Map *\/\n\n.ctp4-map {\n  min-height: 560px;\n  border-radius: 32px;\n  overflow: hidden;\n  border: 12px solid var(--soft);\n}\n\n.ctp4-map iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  display: block;\n}\n\n\/* Info Box *\/\n\n.ctp4-info {\n  padding: 34px;\n  border-radius: 32px;\n  background: var(--soft);\n  border: 1px solid rgba(0,0,0,0.07);\n}\n\n.ctp4-info h3 {\n  margin: 0 0 24px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 34px;\n  line-height: 1.15;\n  font-weight: 700;\n  text-align: center;\n}\n\n\/* Info Items *\/\n\n.ctp4-item {\n  padding: 20px;\n  border-radius: 24px;\n  background: #ffffff;\n  display: grid;\n  grid-template-columns: 58px 1fr;\n  gap: 16px;\n  align-items: center;\n  margin-bottom: 14px;\n}\n\n.ctp4-item i {\n  width: 54px;\n  height: 54px;\n  border-radius: 18px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ctp4-item h4 {\n  margin: 0 0 6px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 24px;\n  line-height: 1.15;\n  font-weight: 700;\n}\n\n.ctp4-item p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n\/* Button *\/\n\n.ctp4-btn {\n  width: 100%;\n  min-height: 50px;\n  margin-top: 12px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: var(--primary);\n  color: var(--dark) !important;\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: 0.35s ease;\n}\n\n.ctp4-btn:hover {\n  transform: translateY(-4px);\n}\n\n\/* Animation *\/\n\n.ctp4-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.ctp4-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .ctp4-section {\n    padding: 60px 40px !important;\n  }\n\n  .ctp4-head {\n    margin-bottom: 42px;\n  }\n\n  .ctp4-head h2 {\n    font-size: 32px;\n  }\n\n  .ctp4-head p,\n  .ctp4-item p {\n    font-size: 16px;\n  }\n\n  .ctp4-head p {\n    line-height: 1.75;\n  }\n\n  .ctp4-item p {\n    line-height: 1.55;\n  }\n\n  .ctp4-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ctp4-map {\n    min-height: 430px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .ctp4-section {\n    padding: 30px 20px !important;\n  }\n\n  .ctp4-head span {\n    font-size: 16px;\n  }\n\n  .ctp4-head h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .ctp4-head p,\n  .ctp4-item p {\n    font-size: 15px;\n  }\n\n  .ctp4-head p {\n    line-height: 1.65;\n  }\n\n  .ctp4-item p {\n    line-height: 1.55;\n  }\n\n  .ctp4-map {\n    min-height: 320px;\n    border-width: 8px;\n    border-radius: 22px;\n  }\n\n  .ctp4-info {\n    padding: 22px;\n    border-radius: 24px;\n  }\n\n  .ctp4-info h3 {\n    font-size: 27px;\n  }\n\n  .ctp4-item {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .ctp4-item i {\n    margin: 0 auto;\n  }\n\n  .ctp4-item h4,\n  .ctp4-item p {\n    text-align: center;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".ctp4-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).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>Contact Us Let\u2019s Talk About Your Next Property Move Share your property needs with our team and receive clear guidance for buying, selling, visiting, or comparing homes. Home \/ Contact Us Send A Message Tell Us What Kind Of Property Support You Need Call Us+1 000 000 0000 Email Ushello@stackly.com Working HoursMon &#8211; Sat, 9:00 AM &#8211; 6:00 PM Your Name Email Address Phone Number Property Interest Buying A HomeSelling A PropertySchedule A VisitInvestment Guidance Your Message Send Message How We Can Help Choose The Right Support For Your Property Journey Reach out for the service that matches your current stage, from first enquiry to final property visit. Buying Support Get help shortlisting homes based on location, budget, layout, and lifestyle needs. Selling Guidance Discuss property presentation, pricing clarity, listing details, and buyer interest. Schedule Visits Plan property visits with clear timing, location guidance, and assigned agent support. Investment Advice Compare properties based on rental appeal, future value, and location growth potential. Visit Our Office Find Us Easily And Plan Your Visit Meet our team in person to discuss property requirements, visit planning, listing support, and next steps. Office Information Office Address Birch Avenue 33, San Francisco, California Business Hours Monday to Saturday, 9:00 AM to 6:00 PM Appointment Visits Schedule in advance for property consultations and site-visit planning. Book An Appointment<\/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-18","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/teknr11.thestackly.tech\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Contact Us Let\u2019s Talk About Your Next Property Move Share your property needs with our team and receive clear guidance for buying, selling, visiting, or comparing homes. Home \/ Contact Us Send A Message Tell Us What Kind Of Property Support You Need Call Us+1 000 000 0000 Email Ushello@stackly.com Working HoursMon &#8211; Sat, 9:00&hellip;","_links":{"self":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":5,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":2500,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/2500"}],"wp:attachment":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}