{"id":10,"date":"2026-03-16T07:03:18","date_gmt":"2026-03-16T07:03:18","guid":{"rendered":"https:\/\/teknr10.thestackly.net\/?page_id=10"},"modified":"2026-06-04T10:27:44","modified_gmt":"2026-06-04T10:27:44","slug":"home","status":"publish","type":"page","link":"https:\/\/teknr10.thestackly.net\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bf601a 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"5bf601a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0b014b elementor-widget elementor-widget-html\" data-id=\"b0b014b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"estate-hero-section\">\n\n  <div class=\"estate-hero-overlay\"><\/div>\n\n  <div class=\"estate-hero-content hero-zoom\">\n\n    <h1>Discover Spaces Built Around Your Lifestyle<\/h1>\n\n    <p>\n      Explore refined homes, curated neighborhoods, and personalized real estate guidance designed to help you move with confidence.\n    <\/p>\n\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=15\" class=\"estate-hero-btn\">\n      Explore Properties\n      <span>\u2197<\/span>\n    <\/a>\n\n  <\/div>\n\n  <!-- RIGHT BOTTOM PILL - NO ZOOM EFFECT -->\n  <div class=\"estate-agent-card\">\n    <div class=\"agent-avatars\">\n      <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/2379004\/pexels-photo-2379004.jpeg?auto=compress&cs=tinysrgb&w=300\" alt=\"Agent\">\n      <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/2381069\/pexels-photo-2381069.jpeg?auto=compress&cs=tinysrgb&w=300\" alt=\"Agent\">\n      <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3778876\/pexels-photo-3778876.jpeg?auto=compress&cs=tinysrgb&w=300\" alt=\"Agent\">\n      <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1040881\/pexels-photo-1040881.jpeg?auto=compress&cs=tinysrgb&w=300\" alt=\"Agent\">\n    <\/div>\n\n    <div class=\"agent-rating-content\">\n      <h4>10+ Trusted Agents<\/h4>\n      <p>\n        <span>\u2605 \u2605 \u2605 \u2605<\/span>\n        <strong>4.8 \/ 5<\/strong>\n      <\/p>\n    <\/div>\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.estate-hero-section {\n  width: 100%;\n  max-width: 100%;\n  min-height: 660px;\n  padding: 60px 40px;\n  font-family: 'Martel', serif;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-image: url(\"https:\/\/images.unsplash.com\/photo-1716943958117-d69db5715ca1?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  background-repeat: no-repeat;\n}\n\n.estate-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    rgba(44, 76, 92, 0.86) 0%,\n    rgba(44, 76, 92, 0.68) 48%,\n    rgba(0, 0, 0, 0.28) 100%\n  );\n  z-index: 1;\n}\n\n.estate-hero-content {\n  width: 100%;\n  max-width: 820px;\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.estate-hero-content h1 {\n  font-size: 52px;\n  line-height: 1.12;\n  color: #ffffff;\n  margin: 0 auto 24px;\n  font-weight: 800;\n  letter-spacing: 0.8px;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.estate-hero-content p {\n  max-width: 680px;\n  font-size: 18px;\n  line-height: 1.55;\n  color: rgba(255,255,255,0.92);\n  margin: 0 auto 34px;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* BUTTON *\/\n.estate-hero-btn {\n  width: fit-content;\n  min-height: 56px;\n  padding: 10px 14px 10px 28px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,0.55);\n  color: #ffffff !important;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 700;\n  transition: all 0.3s ease;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.estate-hero-btn span {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: #000000;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 17px;\n  line-height: 1;\n  transition: all 0.3s ease;\n}\n\n.estate-hero-btn:hover {\n  background: #ffffff;\n  color: #2C4C5C !important;\n  border-color: #ffffff;\n}\n\n.estate-hero-btn:hover span {\n  background: #2C4C5C;\n  transform: translate(4px, -4px);\n}\n\n\/* BOTTOM RIGHT PILL - KEPT AS IT IS *\/\n.estate-agent-card {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  width: 560px;\n  max-width: calc(100% - 80px);\n  padding: 24px 38px 24px 52px;\n  background: #ffffff;\n  border-radius: 80px 0 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 30px;\n  box-shadow: 0 -18px 45px rgba(0,0,0,0.12);\n}\n\n.agent-avatars {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.agent-avatars img {\n  width: 58px;\n  height: 58px;\n  object-fit: cover;\n  object-position: center top;\n  border-radius: 50%;\n  border: 4px solid #ffffff;\n  margin-left: -14px;\n  background: #ffffff;\n  box-shadow: 0 5px 18px rgba(0,0,0,0.08);\n}\n\n.agent-avatars img:first-child {\n  margin-left: 0;\n}\n\n.agent-rating-content h4 {\n  font-size: 21px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0 0 8px;\n  font-weight: 800;\n  text-align: left;\n}\n\n.agent-rating-content p {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin: 0;\n}\n\n.agent-rating-content p span {\n  font-size: 15px;\n  line-height: 1;\n  color: #f3bd3b;\n  letter-spacing: 2px;\n  white-space: nowrap;\n}\n\n.agent-rating-content p strong {\n  font-size: 21px;\n  line-height: 1;\n  color: #111111;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ZOOM EFFECT - ONLY FOR HERO CONTENT *\/\n.hero-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.hero-zoom.hero-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* REMOVE THEME UNDERLINES *\/\n.estate-hero-section a,\n.estate-hero-section a:hover,\n.estate-hero-section a:focus,\n.estate-hero-section a:active,\n.estate-hero-section a:visited {\n  text-decoration: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .estate-hero-section {\n    min-height: 620px;\n    padding: 45px 30px 0;\n    background-position: center;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .estate-hero-content {\n    max-width: 700px;\n    text-align: center;\n    align-items: center;\n  }\n\n  .estate-hero-content h1 {\n    font-size: 42px;\n    margin: 0 auto 22px;\n    text-align: center;\n  }\n\n  .estate-hero-content p {\n    font-size: 16px;\n    max-width: 560px;\n    margin: 0 auto 30px;\n    text-align: center;\n  }\n\n  .estate-hero-btn {\n    min-height: 54px;\n    font-size: 15px;\n    padding: 9px 12px 9px 24px;\n    margin: 0 auto;\n    justify-content: center;\n  }\n\n  .estate-hero-btn span {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n\n  .estate-agent-card {\n    right: 0;\n    width: 500px;\n    max-width: calc(100% - 60px);\n    padding: 22px 30px 22px 42px;\n    border-radius: 68px 0 0 0;\n    gap: 24px;\n  }\n\n  .agent-avatars img {\n    width: 52px;\n    height: 52px;\n  }\n\n  .agent-rating-content h4 {\n    font-size: 20px;\n  }\n\n  .agent-rating-content p span {\n    font-size: 14px;\n  }\n\n  .agent-rating-content p strong {\n    font-size: 20px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .estate-hero-section {\n    min-height: 600px;\n    padding: 25px 20px 135px;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background-position: center;\n  }\n\n  .estate-hero-overlay {\n    background: linear-gradient(\n      180deg,\n      rgba(44, 76, 92, 0.88) 0%,\n      rgba(44, 76, 92, 0.72) 55%,\n      rgba(0, 0, 0, 0.28) 100%\n    );\n  }\n\n  .estate-hero-content {\n    align-items: center;\n    text-align: center;\n  }\n\n  .estate-hero-content h1 {\n    font-size: 32px;\n    line-height: 1.16;\n    margin: 0 auto 20px;\n    text-align: center;\n  }\n\n  .estate-hero-content p {\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0 auto 28px;\n    text-align: center;\n  }\n\n  .estate-hero-btn {\n    width: 100%;\n    justify-content: center;\n    min-height: 54px;\n    padding: 9px 12px 9px 22px;\n    font-size: 15px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .estate-hero-btn span {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n\n  .estate-agent-card {\n    left: auto;\n    right: 0;\n    bottom: 0;\n    width: calc(100% - 20px);\n    max-width: none;\n    padding: 18px 18px 18px 26px;\n    border-radius: 44px 0 0 0;\n    gap: 14px;\n  }\n\n  .agent-avatars img {\n    width: 40px;\n    height: 40px;\n    border-width: 3px;\n    margin-left: -11px;\n  }\n\n  .agent-rating-content h4 {\n    font-size: 19px;\n    margin-bottom: 6px;\n  }\n\n  .agent-rating-content p {\n    gap: 7px;\n  }\n\n  .agent-rating-content p span {\n    font-size: 12px;\n    letter-spacing: 1px;\n  }\n\n  .agent-rating-content p strong {\n    font-size: 17px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".estate-hero-section .hero-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"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<div class=\"elementor-element elementor-element-3f64c07 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"3f64c07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb10fe6 elementor-widget elementor-widget-html\" data-id=\"eb10fe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"realty-solutions-section\">\n\n  <div class=\"solutions-header solutions-zoom\">\n    <span>What We Offer<\/span>\n\n    <h2>Comprehensive Real Estate Solutions<\/h2>\n\n    <p>\n      Our services are designed for luxury homes, sustainable investments, and memorable vacation living experiences.\n    <\/p>\n  <\/div>\n\n  <div class=\"solutions-showcase solutions-zoom\">\n\n    <div class=\"solutions-top-layout\">\n\n      <!-- LEFT CONTENT -->\n      <div class=\"solutions-content-panel\">\n\n        <!-- 01 -->\n        <div class=\"solution-detail active\" data-service=\"0\">\n          <div class=\"solution-icon\">\n            <svg viewBox=\"0 0 64 64\">\n              <path d=\"M10 54h44\"><\/path>\n              <path d=\"M16 54V28l16-12 16 12v26\"><\/path>\n              <path d=\"M25 54V38h14v16\"><\/path>\n              <path d=\"M22 25V15h9\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Luxury Residences<\/h3>\n\n          <p>\n            Experience elegant residences with premium interiors, spacious layouts,\n            refined finishes, and prime locations for modern comfort.\n          <\/p>\n\n          <div class=\"solution-extra-list\">\n            <div>\n              <span>\u2713<\/span>\n              <p>Premium interiors with elegant finishes<\/p>\n            <\/div>\n\n            <div>\n              <span>\u2713<\/span>\n              <p>Spacious layouts for modern family living<\/p>\n            <\/div>\n\n            <div>\n              <span>\u2713<\/span>\n              <p>Located close to lifestyle and business hubs<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"solution-mini-stats\">\n            <div>\n              <strong>25+<\/strong>\n              <span>Luxury Homes<\/span>\n            <\/div>\n\n            <div>\n              <strong>4<\/strong>\n              <span>Prime Cities<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- 02 -->\n        <div class=\"solution-detail\" data-service=\"1\">\n          <div class=\"solution-icon\">\n            <svg viewBox=\"0 0 64 64\">\n              <path d=\"M12 54h40\"><\/path>\n              <path d=\"M18 54V18h28v36\"><\/path>\n              <path d=\"M24 26h6\"><\/path>\n              <path d=\"M34 26h6\"><\/path>\n              <path d=\"M24 36h6\"><\/path>\n              <path d=\"M34 36h6\"><\/path>\n              <path d=\"M28 54V44h8v10\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Eco Green Buildings<\/h3>\n\n          <p>\n            Invest in sustainable homes designed with efficient planning, natural light,\n            smart ventilation, and environmentally responsible materials.\n          <\/p>\n\n          <div class=\"solution-extra-list\">\n            <div>\n              <span>\u2713<\/span>\n              <p>Energy-conscious architecture and planning<\/p>\n            <\/div>\n\n            <div>\n              <span>\u2713<\/span>\n              <p>Natural ventilation and daylight-focused design<\/p>\n            <\/div>\n\n            <div>\n              <span>\u2713<\/span>\n              <p>Better long-term value for conscious investors<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"solution-mini-stats\">\n            <div>\n              <strong>18+<\/strong>\n              <span>Eco Projects<\/span>\n            <\/div>\n\n            <div>\n              <strong>30%<\/strong>\n              <span>Energy Saving<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- 03 -->\n        <div class=\"solution-detail\" data-service=\"2\">\n          <div class=\"solution-icon\">\n            <svg viewBox=\"0 0 64 64\">\n              <path d=\"M12 50h40\"><\/path>\n              <path d=\"M18 50V30l14-12 14 12v20\"><\/path>\n              <path d=\"M24 50V38h16v12\"><\/path>\n              <path d=\"M14 30l18-16 18 16\"><\/path>\n              <path d=\"M45 18h7v20\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Unique Vacation Homes<\/h3>\n\n          <p>\n            Find peaceful vacation homes and private retreats created for relaxation,\n            scenic comfort, and effortless destination living.\n          <\/p>\n\n          <div class=\"solution-extra-list\">\n            <div>\n              <span>\u2713<\/span>\n              <p>Peaceful locations for weekend escapes<\/p>\n            <\/div>\n\n            <div>\n              <span>\u2713<\/span>\n              <p>Short-term rental potential and lifestyle value<\/p>\n            <\/div>\n\n            <div>\n              <span>\u2713<\/span>\n              <p>Designed for privacy, comfort, and relaxation<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"solution-mini-stats\">\n            <div>\n              <strong>12+<\/strong>\n              <span>Retreat Homes<\/span>\n            <\/div>\n\n            <div>\n              <strong>5\u2605<\/strong>\n              <span>Guest Appeal<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- RIGHT IMAGE -->\n      <div class=\"solutions-image-wrap\">\n\n        <img decoding=\"async\" \n          class=\"solution-image active\"\n          data-service=\"0\"\n          src=\"https:\/\/images.unsplash.com\/photo-1698154048079-48830f38e3e2?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          alt=\"Luxury residence\"\n        >\n\n        <img decoding=\"async\" \n          class=\"solution-image\"\n          data-service=\"1\"\n          src=\"https:\/\/images.unsplash.com\/photo-1596958277738-5c50624abd0c?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDQxfHx8ZW58MHx8fHx8\"\n          alt=\"Eco green building\"\n        >\n\n        <img decoding=\"async\" \n          class=\"solution-image\"\n          data-service=\"2\"\n          src=\"https:\/\/images.unsplash.com\/photo-1617036958702-0cb93be0552b?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDYyfHx8ZW58MHx8fHx8\"\n          alt=\"Vacation home\"\n        >\n\n        <div class=\"solutions-number-card\">\n          <span class=\"active-number\">01<\/span>\n          <p class=\"active-title\">Luxury Residences<\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- HORIZONTAL TABS -->\n    <div class=\"solutions-tabs\">\n\n      <button class=\"solution-tab active\" type=\"button\" data-service=\"0\">\n        <span>01<\/span>\n        <p>Luxury Residences<\/p>\n      <\/button>\n\n      <button class=\"solution-tab\" type=\"button\" data-service=\"1\">\n        <span>02<\/span>\n        <p>Eco Green Buildings<\/p>\n      <\/button>\n\n      <button class=\"solution-tab\" type=\"button\" data-service=\"2\">\n        <span>03<\/span>\n        <p>Unique Vacation Homes<\/p>\n      <\/button>\n\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.realty-solutions-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 60px 40px 0;\n  font-family: 'Martel', serif;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n\/* HEADER *\/\n.solutions-header {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.solutions-header span {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 22px;\n  border: 1px solid rgba(44, 76, 92, 0.24);\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #2C4C5C;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 600;\n  margin-bottom: 18px;\n}\n\n.solutions-header h2 {\n  max-width: 780px;\n  font-size: 34px;\n  line-height: 1.22;\n  color: #111111;\n  margin: 0 auto 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.solutions-header p {\n  max-width: 700px;\n  font-size: 16px;\n  line-height: 1.55;\n  color: #333333;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* MAIN WRAP *\/\n.solutions-showcase {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n}\n\n.solutions-top-layout {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 0.75fr 1.35fr;\n  gap: 30px;\n  align-items: stretch;\n}\n\n\/* LEFT CONTENT *\/\n.solutions-content-panel {\n  position: relative;\n  min-height: 430px;\n  padding: 34px;\n  border: 1px solid rgba(44, 76, 92, 0.16);\n  border-radius: 0 28px 0 28px;\n  background: rgba(44, 76, 92, 0.045);\n  display: flex;\n  align-items: flex-end;\n}\n\n.solution-detail {\n  position: absolute;\n  left: 34px;\n  right: 34px;\n  bottom: 34px;\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.solution-detail.active {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n.solution-icon {\n  width: 44px;\n  height: 44px;\n  color: #2C4C5C;\n  margin-bottom: 16px;\n}\n\n.solution-icon svg {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.solution-detail h3 {\n  font-size: 21px;\n  line-height: 1.28;\n  color: #111111;\n  margin: 0 0 10px;\n  font-weight: 800;\n}\n\n.solution-detail > p {\n  font-size: 16px;\n  line-height: 1.55;\n  color: #333333;\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* EXTRA CONTENT *\/\n.solution-extra-list {\n  display: grid;\n  gap: 10px;\n  margin-top: 22px;\n}\n\n.solution-extra-list div {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.solution-extra-list span {\n  width: 22px;\n  height: 22px;\n  min-width: 22px;\n  border-radius: 50%;\n  background: #2C4C5C;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  line-height: 1;\n  margin-top: 2px;\n}\n\n.solution-extra-list p {\n  font-size: 13px;\n  line-height: 1.45;\n  color: #333333;\n  margin: 0;\n  font-weight: 500;\n}\n\n.solution-mini-stats {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  margin-top: 24px;\n}\n\n.solution-mini-stats div {\n  padding: 16px 14px;\n  border-radius: 0 18px 0 18px;\n  background: #ffffff;\n  border: 1px solid rgba(44, 76, 92, 0.14);\n}\n\n.solution-mini-stats strong {\n  display: block;\n  font-size: 21px;\n  line-height: 1;\n  color: #2C4C5C;\n  margin-bottom: 6px;\n  font-weight: 800;\n}\n\n.solution-mini-stats span {\n  display: block;\n  font-size: 13px;\n  line-height: 1.25;\n  color: #333333;\n  font-weight: 700;\n}\n\n\/* IMAGE CARD *\/\n.solutions-image-wrap {\n  position: relative;\n  width: 100%;\n  height: 430px;\n  border-radius: 0 28px 0 28px;\n  overflow: hidden;\n  background: #f3f3f3;\n}\n\n.solution-image {\n  position: absolute;\n  inset: 0;\n  width: 100% !important;\n  height: 100% !important;\n  border-radius: 0 28px 0 28px;\n  object-fit: cover !important;\n  object-position: center center;\n  display: block;\n  opacity: 0;\n  transform: scale(1.04);\n  transition: opacity 0.42s ease, transform 0.42s ease;\n  pointer-events: none;\n}\n\n.solution-image.active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* NUMBER CARD *\/\n.solutions-number-card {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 230px;\n  min-height: 78px;\n  padding: 18px 24px;\n  background: #ffffff;\n  border-radius: 30px 0 0 0;\n  z-index: 4;\n}\n\n.solutions-number-card span {\n  display: block;\n  font-size: 30px;\n  line-height: 1;\n  color: #2C4C5C;\n  margin-bottom: 5px;\n  font-weight: 800;\n}\n\n.solutions-number-card p {\n  font-size: 16px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0;\n  font-weight: 800;\n}\n\n\/* HORIZONTAL TABS *\/\n.solutions-tabs {\n  width: 100%;\n  margin-top: 26px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n.solution-tab {\n  width: 100%;\n  min-height: 78px;\n  border: 1px solid rgba(44, 76, 92, 0.18) !important;\n  border-radius: 999px;\n  background: #ffffff !important;\n  padding: 14px 24px !important;\n  margin: 0 !important;\n  font-family: 'Martel', serif;\n  cursor: pointer;\n  color: #111111 !important;\n  box-shadow: none !important;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 16px;\n  text-align: left;\n  transition: all 0.35s ease;\n}\n\n.solution-tab span {\n  width: 42px;\n  height: 42px;\n  min-width: 42px;\n  min-height: 42px;\n  border-radius: 50%;\n  background: rgba(44, 76, 92, 0.08);\n  color: #2C4C5C;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 800;\n  transition: all 0.35s ease;\n}\n\n.solution-tab p {\n  font-size: 15px;\n  line-height: 1.25;\n  margin: 0;\n  color: currentColor;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.solution-tab:hover,\n.solution-tab.active {\n  background: #2C4C5C !important;\n  color: #ffffff !important;\n  border-color: #2C4C5C !important;\n  transform: translateY(-4px);\n}\n\n.solution-tab:hover span,\n.solution-tab.active span {\n  background: #ffffff;\n  color: #2C4C5C;\n}\n\n\/* ZOOM MOTION *\/\n.solutions-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.solutions-zoom.solutions-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.realty-solutions-section button,\n.realty-solutions-section button:hover,\n.realty-solutions-section button:focus,\n.realty-solutions-section button:active {\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .realty-solutions-section {\n    padding: 45px 30px 0;\n  }\n\n  .solutions-header {\n    margin-bottom: 38px;\n  }\n\n  .solutions-header h2 {\n    font-size: 28px;\n  }\n\n  .solutions-header p {\n    font-size: 16px;\n  }\n\n  .solutions-top-layout {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .solutions-image-wrap {\n    height: 400px;\n    order: 1;\n  }\n\n  .solutions-content-panel {\n    min-height: auto;\n    height: auto;\n    order: 2;\n    text-align: center;\n    padding: 34px 30px;\n    display: block;\n    overflow: visible;\n  }\n\n  .solution-detail {\n    position: relative;\n    left: auto;\n    right: auto;\n    bottom: auto;\n    display: none;\n    opacity: 0;\n    transform: none;\n    pointer-events: none;\n  }\n\n  .solution-detail.active {\n    display: block;\n    opacity: 1;\n    transform: none;\n    pointer-events: auto;\n  }\n\n  .solution-icon {\n    width: 42px;\n    height: 42px;\n    margin: 0 auto 14px;\n  }\n\n  .solution-detail h3 {\n    font-size: 20px;\n  }\n\n  .solution-detail > p {\n    font-size: 16px;\n  }\n\n  .solution-extra-list {\n    max-width: 480px;\n    margin: 20px auto 0;\n  }\n\n  .solution-extra-list div {\n    justify-content: center;\n    text-align: left;\n  }\n\n  .solution-mini-stats {\n    max-width: 360px;\n    margin: 22px auto 0;\n  }\n\n  .solutions-tabs {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 24px;\n  }\n\n  .solution-tab {\n    min-height: 64px;\n    padding: 10px 14px !important;\n    justify-content: center;\n    text-align: center;\n    gap: 10px;\n  }\n\n  .solution-tab span {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    min-height: 36px;\n    font-size: 13px;\n  }\n\n  .solution-tab p {\n    font-size: 13px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .realty-solutions-section {\n    padding: 25px 20px 0;\n  }\n\n  .solutions-header {\n    margin-bottom: 30px;\n  }\n\n  .solutions-header span {\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  .solutions-header h2 {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .solutions-header p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .solutions-top-layout {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .solutions-image-wrap {\n    height: 280px;\n    border-radius: 0 22px 0 22px;\n    order: 1;\n  }\n\n  .solution-image {\n    border-radius: 0 22px 0 22px;\n  }\n\n  .solutions-number-card {\n    width: 170px;\n    min-height: 66px;\n    padding: 14px 18px;\n    border-radius: 24px 0 0 0;\n  }\n\n  .solutions-number-card span {\n    font-size: 24px;\n  }\n\n  .solutions-number-card p {\n    font-size: 13px;\n  }\n\n  .solutions-content-panel {\n    min-height: auto;\n    height: auto;\n    order: 2;\n    text-align: center;\n    padding: 28px 22px;\n    border-radius: 0 22px 0 22px;\n    display: block;\n    overflow: visible;\n  }\n\n  .solution-detail {\n    position: relative;\n    left: auto;\n    right: auto;\n    bottom: auto;\n    display: none;\n    opacity: 0;\n    transform: none;\n    pointer-events: none;\n  }\n\n  .solution-detail.active {\n    display: block;\n    opacity: 1;\n    transform: none;\n    pointer-events: auto;\n  }\n\n  .solution-icon {\n    width: 40px;\n    height: 40px;\n    margin: 0 auto 14px;\n  }\n\n  .solution-detail h3 {\n    font-size: 19px;\n  }\n\n  .solution-detail > p {\n    font-size: 16px;\n  }\n\n  .solution-extra-list {\n    margin-top: 18px;\n  }\n\n  .solution-extra-list div {\n    justify-content: center;\n    text-align: left;\n  }\n\n  .solution-extra-list p {\n    font-size: 13px;\n  }\n\n  .solution-mini-stats {\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-top: 20px;\n  }\n\n  .solution-mini-stats strong {\n    font-size: 19px;\n  }\n\n  .solutions-tabs {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 22px;\n  }\n\n  .solution-tab {\n    min-height: 56px;\n    padding: 9px 14px !important;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .solution-tab span {\n    width: 34px;\n    height: 34px;\n    min-width: 34px;\n    min-height: 34px;\n    font-size: 13px;\n  }\n\n  .solution-tab p {\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".realty-solutions-section\");\n  if (!section) return;\n\n  const tabs = section.querySelectorAll(\".solution-tab\");\n  const details = section.querySelectorAll(\".solution-detail\");\n  const images = section.querySelectorAll(\".solution-image\");\n  const numberText = section.querySelector(\".active-number\");\n  const titleText = section.querySelector(\".active-title\");\n\n  const titles = [\n    \"Luxury Residences\",\n    \"Eco Green Buildings\",\n    \"Unique Vacation Homes\"\n  ];\n\n  let currentIndex = 0;\n  let isChanging = false;\n\n  function activateService(index) {\n    if (index === currentIndex || isChanging) return;\n\n    isChanging = true;\n\n    tabs.forEach(function(tab) {\n      tab.classList.toggle(\"active\", Number(tab.dataset.service) === index);\n    });\n\n    details.forEach(function(detail) {\n      detail.classList.toggle(\"active\", Number(detail.dataset.service) === index);\n    });\n\n    images.forEach(function(image) {\n      image.classList.toggle(\"active\", Number(image.dataset.service) === index);\n    });\n\n    if (numberText) numberText.textContent = String(index + 1).padStart(2, \"0\");\n    if (titleText) titleText.textContent = titles[index];\n\n    currentIndex = index;\n\n    setTimeout(function () {\n      isChanging = false;\n    }, 350);\n  }\n\n  tabs.forEach(function(tab) {\n    tab.addEventListener(\"mouseenter\", function() {\n      activateService(Number(tab.dataset.service));\n    });\n\n    tab.addEventListener(\"click\", function() {\n      activateService(Number(tab.dataset.service));\n    });\n  });\n\n  const zoomItems = section.querySelectorAll(\".solutions-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"solutions-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  zoomItems.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-61e9b73 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"61e9b73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e3c85e elementor-widget elementor-widget-html\" data-id=\"5e3c85e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"projects-section\">\n\n  <div class=\"projects-header project-zoom\">\n    <span>Featured Portfolio<\/span>\n    <h2>Our Projects<\/h2>\n    <p>\n      Explore selected residences, villas, and premium properties designed for refined modern living.\n    <\/p>\n  <\/div>\n\n  <div class=\"projects\">\n\n    <!-- CARD 1 -->\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=17\" class=\"project-card project-zoom\">\n      <div class=\"project-top\">\n        <div>\n          <h3>Oakwood Reside \u2013 125<\/h3>\n          <p>Maple St, New York<\/p>\n        <\/div>\n        <span class=\"price\">$950,000<\/span>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?q=80&w=1200&auto=format&fit=crop\" alt=\"Oakwood Residences\">\n      <div class=\"project-info\">\n        <span>3 Beds<\/span>\n        <span>3 Bath<\/span>\n        <span>2500 SQFT<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- CARD 2 -->\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=17\" class=\"project-card project-zoom\">\n      <div class=\"project-top\">\n        <div>\n          <h3>The Grand Heights \u2013 210<\/h3>\n          <p>Sunset Blvd, Los Angeles<\/p>\n        <\/div>\n        <span class=\"price\">$760,000<\/span>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494526585095-c41746248156?q=80&w=1200&auto=format&fit=crop\" alt=\"The Grand Heights\">\n      <div class=\"project-info\">\n        <span>3 Beds<\/span>\n        <span>3 Bath<\/span>\n        <span>2500 SQFT<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- CARD 3 -->\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=17\" class=\"project-card project-zoom\">\n      <div class=\"project-top\">\n        <div>\n          <h3>The Pearl Reside \u2013 145<\/h3>\n          <p>Ocean Dr, San Diego<\/p>\n        <\/div>\n        <span class=\"price\">$820,000<\/span>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1484154218962-a197022b5858?q=80&w=1200&auto=format&fit=crop\" alt=\"The Pearl Residences\">\n      <div class=\"project-info\">\n        <span>3 Beds<\/span>\n        <span>3 Bath<\/span>\n        <span>2500 SQFT<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- CARD 4 -->\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=17\" class=\"project-card project-zoom\">\n      <div class=\"project-top\">\n        <div>\n          <h3>Golden Gate Villa \u2013 420<\/h3>\n          <p>Bay St, San Francisco<\/p>\n        <\/div>\n        <span class=\"price\">$710,000<\/span>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1570129477492-45c003edd2be?q=80&w=1200&auto=format&fit=crop\" alt=\"Golden Gate Villas\">\n      <div class=\"project-info\">\n        <span>3 Beds<\/span>\n        <span>3 Bath<\/span>\n        <span>2500 SQFT<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- CARD 5 -->\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=17\" class=\"project-card project-zoom\">\n      <div class=\"project-top\">\n        <div>\n          <h3>Cedar Hill Estate \u2013 226<\/h3>\n          <p>Riverstone Way, Orlando<\/p>\n        <\/div>\n        <span class=\"price\">$685,000<\/span>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460317442991-0ec209397118?q=80&w=1200&auto=format&fit=crop\" alt=\"Cedar Hill Estate\">\n      <div class=\"project-info\">\n        <span>3 Beds<\/span>\n        <span>3 Bath<\/span>\n        <span>2500 SQFT<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- CARD 6 -->\n    <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=17\" class=\"project-card project-zoom\">\n      <div class=\"project-top\">\n        <div>\n          <h3>Lakeside Manor \u2013 330<\/h3>\n          <p>Lakeview Rd, Orlando<\/p>\n        <\/div>\n        <span class=\"price\">$790,000<\/span>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600047509358-9dc75507daeb?q=80&w=1200&auto=format&fit=crop\" alt=\"Lakeside Manor\">\n      <div class=\"project-info\">\n        <span>3 Beds<\/span>\n        <span>3 Bath<\/span>\n        <span>2500 SQFT<\/span>\n      <\/div>\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.projects-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 60px 25px 0;\n  font-family: 'Martel', serif;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n\/* HEADER *\/\n.projects-header {\n  width: 100%;\n  max-width: 780px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.projects-header span {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 22px;\n  border: 1px solid rgba(44, 76, 92, 0.24);\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #2C4C5C;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 600;\n  margin-bottom: 18px;\n}\n\n.projects-header h2 {\n  font-size: 34px;\n  line-height: 1.22;\n  color: #111111;\n  margin: 0 0 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.projects-header p {\n  max-width: 620px;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.55;\n  color: #333333;\n  font-weight: 400;\n}\n\n.projects {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  column-gap: 32px;\n  row-gap: 22px;\n  font-family: 'Martel', serif;\n}\n\n\/* CARD *\/\n.project-card {\n  width: 100%;\n  display: block;\n  color: #111111;\n  text-decoration: none !important;\n  transition: none;\n}\n\n.project-card:hover {\n  transform: none;\n}\n\n.project-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 14px;\n  margin-bottom: 14px;\n}\n\n.project-top h3 {\n  font-size: 18px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0 0 5px;\n  font-weight: 800;\n}\n\n.project-top p {\n  font-size: 13px;\n  line-height: 1.35;\n  color: #444444;\n  margin: 0;\n  font-weight: 400;\n}\n\n.price {\n  font-size: 13px;\n  line-height: 1.25;\n  color: #2C4C5C;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.project-card img {\n  width: 100%;\n  height: 280px;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  border-radius: 18px;\n  margin-bottom: 14px;\n  transition: none;\n}\n\n.project-card:hover img {\n  transform: none;\n  filter: none;\n}\n\n.project-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.project-info span {\n  font-size: 12px;\n  line-height: 1;\n  color: #2C4C5C;\n  font-weight: 700;\n  padding: 7px 13px;\n  border: 1px solid rgba(44, 76, 92, 0.25);\n  border-radius: 999px;\n}\n\n\/* ZOOM-IN MOTION ONLY *\/\n.project-zoom {\n  opacity: 0;\n  transform: scale(0.86);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.project-zoom.project-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.project-zoom.project-active:hover {\n  transform: scale(1);\n}\n\n\/* REMOVE THEME LINK STYLES *\/\n.projects-section a,\n.projects-section a:hover,\n.projects-section a:focus,\n.projects-section a:active,\n.projects-section a:visited {\n  text-decoration: none !important;\n  box-shadow: none !important;\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .projects-section {\n    padding: 45px 10px 0;\n  }\n\n  .projects-header {\n    margin-bottom: 34px;\n  }\n\n  .projects-header h2 {\n    font-size: 28px;\n  }\n\n  .projects-header p {\n    font-size: 16px;\n  }\n\n  .projects {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    column-gap: 26px;\n    row-gap: 22px;\n  }\n\n  .project-top h3 {\n    font-size: 17px;\n  }\n\n  .project-top p,\n  .price {\n    font-size: 13px;\n  }\n\n  .project-card img {\n    height: 260px;\n  }\n\n  .project-info span {\n    font-size: 12px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .projects-section {\n    padding: 25px 0 0;\n  }\n\n  .projects-header {\n    max-width: 100%;\n    margin-bottom: 28px;\n    padding: 0 8px;\n  }\n\n  .projects-header span {\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  .projects-header h2 {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .projects-header p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .projects {\n    width: 100%;\n    max-width: 100%;\n    grid-template-columns: 1fr;\n    gap: 18px;\n    padding: 0;\n  }\n\n  .project-card {\n    width: 100%;\n  }\n\n  .project-top {\n    flex-direction: column;\n    gap: 6px;\n    margin-bottom: 12px;\n    padding: 0 6px;\n  }\n\n  .project-top h3 {\n    font-size: 17px;\n  }\n\n  .project-top p,\n  .price {\n    font-size: 13px;\n  }\n\n  .project-card img {\n    width: 100%;\n    height: 245px;\n    border-radius: 12px;\n    margin-bottom: 12px;\n  }\n\n  .project-info {\n    gap: 9px;\n    padding: 0 6px;\n  }\n\n  .project-info span {\n    font-size: 12px;\n    padding: 7px 12px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".projects-section .project-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry, index) {\n      if (entry.isIntersecting) {\n        setTimeout(function() {\n          entry.target.classList.add(\"project-active\");\n        }, index * 90);\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-a4d1e88 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"a4d1e88\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e47fcbe elementor-widget elementor-widget-html\" data-id=\"e47fcbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"services-section\">\n\n  <div class=\"services-header services-zoom\">\n    <span>What We Do<\/span>\n    <h2>Our Services<\/h2>\n    <p>\n      Explore our complete real estate and design services created to support premium homes, sustainable spaces, and refined property experiences.\n    <\/p>\n  <\/div>\n\n  <div class=\"services services-zoom\">\n\n    <!-- 01 -->\n    <div class=\"service-item\">\n      <div class=\"service-row\">\n        <div class=\"service-left\">\n          <span class=\"service-number\">(01)<\/span>\n          <h3>Architectural Design<\/h3>\n        <\/div>\n        <div class=\"service-tags\">\n          <span>Concept<\/span>\n          <span>Planning<\/span>\n          <span>Visualization<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"service-hover\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop\" alt=\"Architectural Design\">\n        <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=19\" class=\"view-btn\">View Details<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 02 -->\n    <div class=\"service-item\">\n      <div class=\"service-row\">\n        <div class=\"service-left\">\n          <span class=\"service-number\">(02)<\/span>\n          <h3>Sustainable Design<\/h3>\n        <\/div>\n        <div class=\"service-tags\">\n          <span>Energy<\/span>\n          <span>Ventilation<\/span>\n          <span>Certification<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"service-hover\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505691938895-1758d7feb511?q=80&w=1200&auto=format&fit=crop\" alt=\"Sustainable Design\">\n        <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=19\" class=\"view-btn\">View Details<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 03 -->\n    <div class=\"service-item\">\n      <div class=\"service-row\">\n        <div class=\"service-left\">\n          <span class=\"service-number\">(03)<\/span>\n          <h3>Landscape Design<\/h3>\n        <\/div>\n        <div class=\"service-tags\">\n          <span>Hardscape<\/span>\n          <span>Planting<\/span>\n          <span>Irrigation<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"service-hover\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501785888041-af3ef285b470?q=80&w=1200&auto=format&fit=crop\" alt=\"Landscape Design\">\n        <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=19\" class=\"view-btn\">View Details<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 04 -->\n    <div class=\"service-item\">\n      <div class=\"service-row\">\n        <div class=\"service-left\">\n          <span class=\"service-number\">(04)<\/span>\n          <h3>Project Management<\/h3>\n        <\/div>\n        <div class=\"service-tags\">\n          <span>Scheduling<\/span>\n          <span>Budgeting<\/span>\n          <span>Coordination<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"service-hover\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492724441997-5dc865305da7?q=80&w=1200&auto=format&fit=crop\" alt=\"Project Management\">\n        <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=19\" class=\"view-btn\">View Details<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 05 -->\n    <div class=\"service-item\">\n      <div class=\"service-row\">\n        <div class=\"service-left\">\n          <span class=\"service-number\">(05)<\/span>\n          <h3>Urban Planning<\/h3>\n        <\/div>\n        <div class=\"service-tags\">\n          <span>Zoning<\/span>\n          <span>Infrastructure<\/span>\n          <span>Mobility<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"service-hover\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1200&auto=format&fit=crop\" alt=\"Urban Planning\">\n        <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=19\" class=\"view-btn\">View Details<\/a>\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.services-section,\n.services-section * {\n  font-family: 'Martel', serif !important;\n  box-sizing: border-box;\n}\n\n.services-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 60px 40px 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n\/* HEADER *\/\n.services-header {\n  width: 100%;\n  max-width: 780px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.services-header span {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 22px;\n  border: 1px solid rgba(44, 76, 92, 0.24);\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #2C4C5C;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 600;\n  margin-bottom: 18px;\n}\n\n.services-header h2 {\n  font-size: 34px;\n  line-height: 1.22;\n  color: #111111;\n  margin: 0 0 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.services-header p {\n  max-width: 640px;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.55;\n  color: #333333;\n  font-weight: 400;\n}\n\n\/* SERVICES WRAP *\/\n.services {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n}\n\n\/* SERVICE ROW *\/\n.service-item {\n  width: 100%;\n  border-bottom: 1px solid rgba(0,0,0,0.14);\n  position: relative;\n}\n\n.service-row {\n  width: 100%;\n  min-height: 88px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 22px 0;\n  cursor: pointer;\n}\n\n.service-left {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n}\n\n.service-number {\n  font-size: 13px;\n  line-height: 1;\n  color: #2C4C5C;\n  font-weight: 700;\n}\n\n.service-left h3 {\n  font-size: 21px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0;\n  font-weight: 800;\n}\n\n.service-tags {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.service-tags span {\n  font-size: 13px;\n  line-height: 1;\n  color: #2C4C5C;\n  font-weight: 700;\n  padding: 7px 13px;\n  border: 1px solid rgba(44, 76, 92, 0.24);\n  border-radius: 999px;\n}\n\n\/* HOVER AREA *\/\n.service-hover {\n  width: 100%;\n  max-height: 0;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 22px;\n  align-items: end;\n  transition: max-height 0.45s ease, padding 0.45s ease;\n  padding: 0;\n}\n\n.service-item:hover .service-hover {\n  max-height: 320px;\n  padding: 0 0 24px;\n}\n\n.service-hover img {\n  width: 100%;\n  height: 230px;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  border-radius: 16px;\n}\n\n\/* BUTTON *\/\n.view-btn {\n  width: fit-content;\n  min-height: 52px;\n  padding: 9px 12px 9px 24px;\n  border-radius: 999px;\n  border: 1px solid rgba(44, 76, 92, 0.35);\n  background: #ffffff;\n  color: #2C4C5C !important;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 0.4px;\n  transition: all 0.3s ease;\n  white-space: nowrap;\n}\n\n.view-btn::after {\n  content: \"\u2197\";\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: #000000;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 15px;\n  line-height: 1;\n  transition: all 0.3s ease;\n}\n\n.view-btn:hover {\n  background: #2C4C5C;\n  color: #ffffff !important;\n  border-color: #2C4C5C;\n}\n\n.view-btn:hover::after {\n  background: #ffffff;\n  color: #2C4C5C;\n  transform: translate(4px, -4px);\n}\n\n.view-btn,\n.view-btn:hover,\n.view-btn:focus,\n.view-btn:active,\n.view-btn:visited {\n  text-decoration: none !important;\n  box-shadow: none !important;\n}\n\n\/* ZOOM MOTION *\/\n.services-zoom {\n  opacity: 0;\n  transform: scale(0.86);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.services-zoom.services-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .services-section {\n    padding: 0 0 0 !important;\n    margin-top: -30px !important;\n  }\n\n  .services-header {\n    margin: 0 auto 14px;\n    padding-top: 0 !important;\n  }\n\n  .services-header span {\n    margin-bottom: 8px;\n  }\n\n  .services-header h2 {\n    font-size: 28px;\n    margin-top: 0;\n    margin-bottom: 6px;\n  }\n\n  .services-header p {\n    font-size: 16px;\n    line-height: 1.42;\n  }\n\n  .service-row {\n    min-height: 68px;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 10px;\n    padding: 14px 0;\n  }\n\n  .service-left {\n    gap: 14px;\n  }\n\n  .service-left h3 {\n    font-size: 20px;\n  }\n\n  .service-tags {\n    gap: 8px;\n  }\n\n  .service-tags span {\n    padding: 6px 10px;\n  }\n\n  .service-hover {\n    grid-template-columns: 1fr;\n  }\n\n  .service-item:hover .service-hover {\n    max-height: 290px;\n    padding: 0 0 16px;\n  }\n\n  .service-hover img {\n    height: 230px;\n  }\n\n  .view-btn {\n    display: none !important;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .services-section {\n    padding: 5px 0 0;\n  }\n\n  .services-header {\n    max-width: 100%;\n    margin-bottom: 24px;\n    padding: 0 8px;\n  }\n\n  .services-header span {\n    font-size: 13px;\n    margin-bottom: 14px;\n  }\n\n  .services-header h2 {\n    font-size: 24px;\n    line-height: 1.25;\n    margin-bottom: 10px;\n  }\n\n  .services-header p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .services {\n    width: 100%;\n    max-width: 100%;\n    padding: 0;\n  }\n\n  .service-item {\n    width: 100%;\n  }\n\n  .service-row {\n    min-height: auto;\n    padding: 18px 6px;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .service-left {\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .service-number {\n    font-size: 13px;\n    margin-top: 5px;\n  }\n\n  .service-left h3 {\n    font-size: 19px;\n  }\n\n  .service-tags {\n    gap: 9px;\n  }\n\n  .service-tags span {\n    font-size: 12px;\n    padding: 7px 12px;\n  }\n\n  .service-hover {\n    grid-template-columns: 1fr;\n    padding: 0 6px;\n  }\n\n  .service-item:hover .service-hover {\n    max-height: 370px;\n    padding: 0 6px 18px;\n  }\n\n  .service-hover img {\n    width: 100%;\n    height: 215px;\n    border-radius: 12px;\n  }\n\n  .view-btn {\n    width: 100%;\n    min-height: 52px;\n    justify-content: space-between;\n    font-size: 15px;\n    padding: 9px 12px 9px 22px;\n  }\n\n  .view-btn::after {\n    width: 36px;\n    height: 36px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".services-section\");\n  if (!section) return;\n\n  const items = section.querySelectorAll(\".services-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"services-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-fcf7576 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"fcf7576\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29ecbaa elementor-widget elementor-widget-html\" data-id=\"29ecbaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"expert-services-section\">\n\n  <div class=\"expert-services-inner\">\n\n    <!-- HEADER -->\n    <div class=\"expert-services-header service-zoom\">\n      <span>Why Choose Us<\/span>\n      <h2>Explore Our Range of Expert Real Estate Services<\/h2>\n    <\/div>\n\n    <!-- CARDS -->\n    <div class=\"expert-services-grid\">\n\n      <!-- CARD 1 -->\n      <div class=\"expert-service-card service-zoom\">\n        <div class=\"service-icon\">\n          <svg viewBox=\"0 0 64 64\">\n            <path d=\"M12 54h40\"><\/path>\n            <path d=\"M18 54V30l14-12 14 12v24\"><\/path>\n            <path d=\"M26 54V40h12v14\"><\/path>\n            <path d=\"M22 30V20h8\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Property Sales<\/h3>\n        <p>\n          Expertly promoting and selling your property to attract qualified buyers.\n        <\/p>\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"expert-service-card service-zoom\">\n        <div class=\"service-icon\">\n          <svg viewBox=\"0 0 64 64\">\n            <path d=\"M14 16h36v28H24L14 52V16z\"><\/path>\n            <path d=\"M22 24h20\"><\/path>\n            <path d=\"M22 32h16\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Buyer Representation<\/h3>\n        <p>\n          Guiding you through the home-buying process while prioritizing your interests.\n        <\/p>\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"expert-service-card service-zoom\">\n        <div class=\"service-icon\">\n          <svg viewBox=\"0 0 64 64\">\n            <path d=\"M14 22h18l4 6h14v24H14V22z\"><\/path>\n            <path d=\"M20 34h24\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Rental Management<\/h3>\n        <p>\n          Managing tenant relations, maintenance, and finances to maximize rental returns.\n        <\/p>\n      <\/div>\n\n      <!-- CARD 4 -->\n      <div class=\"expert-service-card service-zoom\">\n        <div class=\"service-icon\">\n          <svg viewBox=\"0 0 64 64\">\n            <path d=\"M16 50V32\"><\/path>\n            <path d=\"M28 50V22\"><\/path>\n            <path d=\"M40 50V14\"><\/path>\n            <path d=\"M52 50V38\"><\/path>\n            <path d=\"M12 50h44\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Investment Consulting<\/h3>\n        <p>\n          Providing strategic advice to help you capitalize on real estate opportunities.\n        <\/p>\n      <\/div>\n\n      <!-- CARD 5 -->\n      <div class=\"expert-service-card service-zoom\">\n        <div class=\"service-icon\">\n          <svg viewBox=\"0 0 64 64\">\n            <circle cx=\"28\" cy=\"28\" r=\"13\"><\/circle>\n            <path d=\"M38 38l12 12\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Property Valuation<\/h3>\n        <p>\n          Accurately assessing your property's value for sales, purchases, or investments.\n        <\/p>\n      <\/div>\n\n      <!-- CARD 6 -->\n      <div class=\"expert-service-card service-zoom\">\n        <div class=\"service-icon\">\n          <svg viewBox=\"0 0 64 64\">\n            <path d=\"M24 34l8 8 18-18\"><\/path>\n            <path d=\"M16 32l16-16 16 16-16 16-16-16z\"><\/path>\n            <path d=\"M12 44l8 8\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Tailored Solutions<\/h3>\n        <p>\n          Delivering customized real estate services aligned with your specific goals.\n        <\/p>\n      <\/div>\n\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.expert-services-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 60px 40px 0;\n  font-family: 'Martel', serif;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n.expert-services-inner {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n}\n\n\/* HEADER *\/\n.expert-services-header {\n  width: 100%;\n  max-width: 720px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.expert-services-header span {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 22px;\n  border: 1px solid rgba(0,0,0,0.18);\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #333333;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 500;\n  margin-bottom: 18px;\n}\n\n.expert-services-header h2 {\n  font-size: 34px;\n  line-height: 1.24;\n  color: #111111;\n  margin: 0;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n\/* GRID *\/\n.expert-services-grid {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n}\n\n\/* CARD *\/\n.expert-service-card {\n  min-height: 190px;\n  padding: 30px 26px;\n  border-radius: 22px;\n  background: #f4f5f5;\n  transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;\n}\n\n.expert-service-card:hover {\n  transform: translateY(-8px);\n  background: #eef3f5;\n  box-shadow: 0 18px 40px rgba(44, 76, 92, 0.10);\n}\n\n.service-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background: #ffffff;\n  color: #2C4C5C;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.service-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.expert-service-card h3 {\n  font-size: 21px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0 0 8px;\n  font-weight: 800;\n}\n\n.expert-service-card p {\n  max-width: 340px;\n  font-size: 16px;\n  line-height: 1.48;\n  color: #333333;\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* ZOOM MOTION *\/\n.service-zoom {\n  opacity: 0;\n  transform: scale(0.86);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.service-zoom.service-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.service-zoom.service-active:hover.expert-service-card {\n  transform: translateY(-8px);\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .expert-services-section {\n    padding: 45px 30px 0;\n  }\n\n  .expert-services-header {\n    margin-bottom: 34px;\n  }\n\n  .expert-services-header h2 {\n    font-size: 28px;\n  }\n\n  .expert-services-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  .expert-service-card {\n    min-height: 185px;\n    padding: 28px 24px;\n  }\n\n  .expert-service-card h3 {\n    font-size: 20px;\n  }\n\n  .expert-service-card p {\n    font-size: 16px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .expert-services-section {\n    padding: 25px 20px 0;\n  }\n\n  .expert-services-header {\n    margin-bottom: 30px;\n  }\n\n  .expert-services-header span {\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  .expert-services-header h2 {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .expert-services-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .expert-service-card {\n    min-height: auto;\n    padding: 26px 22px;\n    border-radius: 20px;\n  }\n\n  .service-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 20px;\n  }\n\n  .expert-service-card h3 {\n    font-size: 19px;\n  }\n\n  .expert-service-card p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".expert-services-section .service-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry, index) {\n      if (entry.isIntersecting) {\n        setTimeout(function() {\n          entry.target.classList.add(\"service-active\");\n        }, index * 90);\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-40a8815 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"40a8815\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7877a90 animated-slow elementor-widget elementor-widget-html\" data-id=\"7877a90\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"team-section\">\n\n  <div class=\"team-header team-zoom\">\n    <span>Our Experts<\/span>\n    <h2>Meet Our Team<\/h2>\n    <p>\n      Meet the professionals who guide every property journey with experience,\n      creativity, and trusted real estate expertise.\n    <\/p>\n  <\/div>\n\n  <div class=\"team-slider\">\n    <div class=\"team-grid\">\n\n      <div class=\"team-card team-zoom\">\n        <div class=\"team-info\">\n          <div>\n            <h3>Rin Jannes<\/h3>\n            <p>Chief Executive Officer<\/p>\n          <\/div>\n          <span class=\"team-arrow\">\u2193<\/span>\n        <\/div>\n\n        <div class=\"team-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1718209881014-83732ea8376d?w=900&auto=format&fit=crop&q=70\" alt=\"Rin Jannes\">\n        <\/div>\n      <\/div>\n\n      <div class=\"team-card team-zoom\">\n        <div class=\"team-info\">\n          <div>\n            <h3>Hiro Tanaka<\/h3>\n            <p>Lead Architect<\/p>\n          <\/div>\n          <span class=\"team-arrow\">\u2193<\/span>\n        <\/div>\n\n        <div class=\"team-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1656399910116-6257f5916fec?w=900&auto=format&fit=crop&q=70\" alt=\"Hiro Tanaka\">\n        <\/div>\n      <\/div>\n\n      <div class=\"team-card team-zoom\">\n        <div class=\"team-info\">\n          <div>\n            <h3>Amara Lewis<\/h3>\n            <p>Senior Interior Designer<\/p>\n          <\/div>\n          <span class=\"team-arrow\">\u2193<\/span>\n        <\/div>\n\n        <div class=\"team-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1631131431211-4f768d89087d?w=900&auto=format&fit=crop&q=70\" alt=\"Amara Lewis\">\n        <\/div>\n      <\/div>\n\n    <\/div>\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-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 60px 40px 0;\n  font-family: 'Martel', serif;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n\/* HEADER *\/\n.team-header {\n  width: 100%;\n  max-width: 780px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.team-header span {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 22px;\n  border: 1px solid rgba(44, 76, 92, 0.24);\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #2C4C5C;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 600;\n  margin-bottom: 18px;\n}\n\n.team-header h2 {\n  font-size: 34px;\n  line-height: 1.22;\n  color: #111111;\n  margin: 0 0 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.team-header p {\n  max-width: 640px;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.55;\n  color: #333333;\n  font-weight: 400;\n}\n\n\/* GRID \/ SLIDER *\/\n.team-slider {\n  width: 100%;\n  max-width: 100%;\n  overflow: visible;\n}\n\n.team-grid {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n}\n\n.team-card {\n  width: 100%;\n  background: #f4f5f5;\n  border-radius: 22px;\n  overflow: hidden;\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.team-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 36px rgba(44, 76, 92, 0.10);\n}\n\n.team-info {\n  padding: 22px 24px 16px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n}\n\n.team-info h3 {\n  font-size: 21px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0 0 5px;\n  font-weight: 800;\n}\n\n.team-info p {\n  font-size: 13px;\n  line-height: 1.4;\n  color: #333333;\n  margin: 0;\n  font-weight: 400;\n}\n\n.team-arrow {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: #2C4C5C;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all 0.3s ease;\n}\n\n.team-card:hover .team-arrow {\n  background: #000000;\n  transform: translateY(4px);\n}\n\n.team-image {\n  width: 100%;\n  height: 350px;\n  overflow: hidden;\n  margin-top: 0;\n}\n\n.team-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center top;\n  transition: transform 0.6s ease, filter 0.6s ease;\n}\n\n.team-card:hover .team-image img {\n  transform: scale(1.04);\n  filter: brightness(0.94);\n}\n\n\/* ZOOM-IN MOTION *\/\n.team-zoom {\n  opacity: 0;\n  transform: scale(0.86);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.team-zoom.team-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.team-card.team-active:hover {\n  transform: translateY(-6px);\n}\n\n\/* TABLET - TWO CARDS VISIBLE + AUTO SLIDE FIXED *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .team-section {\n    padding: 60px 40px 0 !important;\n  }\n\n  .team-header {\n    margin: 0 auto 28px;\n  }\n\n  .team-header h2 {\n    font-size: 28px;\n  }\n\n  .team-header p {\n    font-size: 16px;\n    line-height: 1.42;\n  }\n\n  .team-slider {\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .team-grid {\n    display: flex;\n    gap: 14px;\n    width: max-content;\n    transition: transform 0.7s ease;\n    will-change: transform;\n  }\n\n  .team-card {\n    flex: 0 0 auto;\n    width: auto;\n    min-width: 0;\n  }\n\n  .team-info {\n    padding: 18px 20px 14px;\n  }\n\n  .team-info h3 {\n    font-size: 20px;\n  }\n\n  .team-info p {\n    font-size: 13px;\n  }\n\n  .team-arrow {\n    width: 36px;\n    height: 36px;\n    font-size: 17px;\n  }\n\n  .team-image {\n    height: 300px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .team-section {\n    padding: 25px 20px 0;\n  }\n\n  .team-header {\n    margin-bottom: 30px;\n  }\n\n  .team-header span {\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  .team-header h2 {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .team-header p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .team-slider {\n    overflow: visible;\n  }\n\n  .team-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 22px;\n    transform: none !important;\n    width: 100%;\n  }\n\n  .team-card {\n    width: 100% !important;\n    min-width: 0 !important;\n    flex: none !important;\n    border-radius: 20px;\n  }\n\n  .team-info {\n    padding: 20px 20px 15px;\n  }\n\n  .team-info h3 {\n    font-size: 19px;\n  }\n\n  .team-info p {\n    font-size: 13px;\n  }\n\n  .team-arrow {\n    width: 36px;\n    height: 36px;\n    font-size: 17px;\n  }\n\n  .team-image {\n    height: 300px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".team-section\");\n  if (!section) return;\n\n  const items = section.querySelectorAll(\".team-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry, index) {\n      if (entry.isIntersecting) {\n        setTimeout(function() {\n          entry.target.classList.add(\"team-active\");\n        }, index * 90);\n      }\n    });\n  }, { threshold: 0.15 });\n\n  items.forEach(function(item) {\n    observer.observe(item);\n  });\n\n  const slider = section.querySelector(\".team-grid\");\n  const sliderWrap = section.querySelector(\".team-slider\");\n  const cards = section.querySelectorAll(\".team-card\");\n\n  let currentSlide = 0;\n  let slideTimer = null;\n\n  function tabletSlider() {\n    const isTablet = window.matchMedia(\"(min-width: 768px) and (max-width: 1024px)\").matches;\n\n    if (!slider || !sliderWrap || cards.length < 3) return;\n\n    if (!isTablet) {\n      slider.style.transform = \"translateX(0)\";\n      clearInterval(slideTimer);\n      slideTimer = null;\n      currentSlide = 0;\n\n      cards.forEach(function(card) {\n        card.style.width = \"\";\n        card.style.minWidth = \"\";\n        card.style.flex = \"\";\n      });\n\n      return;\n    }\n\n    clearInterval(slideTimer);\n\n    const gap = 14;\n    const sliderWidth = sliderWrap.clientWidth;\n    const cardWidth = (sliderWidth - gap) \/ 2;\n\n    cards.forEach(function(card) {\n      card.style.flex = \"0 0 \" + cardWidth + \"px\";\n      card.style.width = cardWidth + \"px\";\n      card.style.minWidth = cardWidth + \"px\";\n    });\n\n    slider.style.transform = \"translateX(0)\";\n    currentSlide = 0;\n\n    slideTimer = setInterval(function () {\n      currentSlide = currentSlide === 0 ? 1 : 0;\n      const moveAmount = currentSlide * (cardWidth + gap);\n      slider.style.transform = \"translateX(-\" + moveAmount + \"px)\";\n    }, 2800);\n  }\n\n  tabletSlider();\n  window.addEventListener(\"resize\", tabletSlider);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ec6a3c 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"8ec6a3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-062269f elementor-widget elementor-widget-html\" data-id=\"062269f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"modern-testimonials-section\">\n\n  <div class=\"testimonial-header testimonial-zoom\">\n    <span>Testimonials<\/span>\n    <h2>Customer Reviews<\/h2>\n    <p>\n      Hear from clients who trusted our team to guide their buying, selling, and investment journey with clarity and confidence.\n    <\/p>\n  <\/div>\n\n  <div class=\"testimonial-slider-wrap testimonial-zoom\">\n\n    <button class=\"testimonial-nav testimonial-prev\" type=\"button\" aria-label=\"Previous testimonial\">\u2190<\/button>\n\n    <div class=\"testimonial-slider\">\n\n      <article class=\"testimonial-card active\">\n        <div class=\"testimonial-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635275760128-a000bbc25233?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDMxfHx8ZW58MHx8fHx8\" alt=\"Darlene Robertson\">\n        <\/div>\n\n        <div class=\"testimonial-content\">\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <h3>Highly Recommend<\/h3>\n          <p>\n            As a first-time buyer, I was nervous at the beginning, but the team guided me through every step and made the entire process simple.\n          <\/p>\n\n          <div class=\"testimonial-client\">\n            <h4>Darlene Robertson<\/h4>\n            <span>Texas, USA<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"testimonial-card\">\n        <div class=\"testimonial-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cGVyc29ufGVufDB8MHwwfHx8MA%3D%3D\" alt=\"Courtney Henry\">\n        <\/div>\n\n        <div class=\"testimonial-content\">\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <h3>Impressive Service<\/h3>\n          <p>\n            I sold my property through their team and couldn\u2019t be happier with the results. Their expertise made everything feel smooth.\n          <\/p>\n\n          <div class=\"testimonial-client\">\n            <h4>Courtney Henry<\/h4>\n            <span>California, USA<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"testimonial-card\">\n        <div class=\"testimonial-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1567532939604-b6b5b0db2604?q=80&w=900&auto=format&fit=crop\" alt=\"Sophia Mitchell\">\n        <\/div>\n\n        <div class=\"testimonial-content\">\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <h3>Very Professional<\/h3>\n          <p>\n            They understood exactly what I needed and helped me find a property that matched my lifestyle, budget, and long-term goals.\n          <\/p>\n\n          <div class=\"testimonial-client\">\n            <h4>Sophia Mitchell<\/h4>\n            <span>New York, USA<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"testimonial-card\">\n        <div class=\"testimonial-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564564321837-a57b7070ac4f?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fHBlcnNvbnxlbnwwfDB8MHx8fDA%3D\" alt=\"Michael Anderson\">\n        <\/div>\n\n        <div class=\"testimonial-content\">\n          <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <h3>Trusted Guidance<\/h3>\n          <p>\n            From property visits to final negotiations, their advice was clear, honest, and extremely helpful throughout the entire journey.\n          <\/p>\n\n          <div class=\"testimonial-client\">\n            <h4>Michael Anderson<\/h4>\n            <span>Florida, USA<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <button class=\"testimonial-nav testimonial-next\" type=\"button\" aria-label=\"Next testimonial\">\u2192<\/button>\n\n  <\/div>\n\n  <div class=\"testimonial-dots testimonial-zoom\">\n    <button class=\"testimonial-dot active\" type=\"button\" data-slide=\"0\"><\/button>\n    <button class=\"testimonial-dot\" type=\"button\" data-slide=\"1\"><\/button>\n    <button class=\"testimonial-dot\" type=\"button\" data-slide=\"2\"><\/button>\n    <button class=\"testimonial-dot\" type=\"button\" data-slide=\"3\"><\/button>\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.modern-testimonials-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 60px 40px;\n  margin-bottom: 40px;\n  font-family: 'Martel', serif;\n  background: #f7f8f8;\n  overflow: hidden;\n}\n\n\/* HEADER *\/\n.testimonial-header {\n  width: 100%;\n  max-width: 820px;\n  margin: 0 auto 40px;\n  text-align: center;\n}\n\n.testimonial-header span {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 22px;\n  border: 1px solid rgba(44, 76, 92, 0.24);\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #2C4C5C;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  margin-bottom: 18px;\n  text-transform: uppercase;\n  letter-spacing: 0.7px;\n}\n\n.testimonial-header h2 {\n  font-size: 34px;\n  line-height: 1.22;\n  color: #111111;\n  margin: 0 0 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.testimonial-header p {\n  max-width: 650px;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.55;\n  color: #333333;\n  font-weight: 400;\n}\n\n\/* SLIDER *\/\n.testimonial-slider-wrap {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n  position: relative;\n  display: grid;\n  grid-template-columns: 48px 1fr 48px;\n  gap: 18px;\n  align-items: center;\n}\n\n.testimonial-slider {\n  width: 100%;\n  min-height: 430px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 0 36px 0 36px;\n}\n\n\/* CARD *\/\n.testimonial-card {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  min-height: 430px;\n  display: grid;\n  grid-template-columns: 0.88fr 1.12fr;\n  background: #ffffff;\n  border: 1px solid rgba(44, 76, 92, 0.16);\n  border-radius: 0 36px 0 36px;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateX(70px) scale(0.98);\n  pointer-events: none;\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n\n.testimonial-card.active {\n  opacity: 1;\n  transform: translateX(0) scale(1);\n  pointer-events: auto;\n}\n\n.testimonial-card.slide-out {\n  opacity: 0;\n  transform: translateX(-70px) scale(0.98);\n}\n\n.testimonial-image {\n  width: 100%;\n  height: 100%;\n  min-height: 430px;\n  overflow: hidden;\n  background: #eeeeee;\n}\n\n.testimonial-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center top;\n  transition: transform 0.6s ease;\n}\n\n\/* DESKTOP IMAGE FACE POSITION FIXES *\/\n.testimonial-card:nth-child(1) .testimonial-image img {\n  object-position: center 24%;\n}\n\n.testimonial-card:nth-child(2) .testimonial-image img {\n  object-position: center top;\n}\n\n.testimonial-card:nth-child(3) .testimonial-image img {\n  object-position: center 30%;\n}\n\n.testimonial-card:nth-child(4) .testimonial-image img {\n  object-position: center 22%;\n}\n\n.testimonial-card:hover .testimonial-image img {\n  transform: scale(1.04);\n}\n\n.testimonial-content {\n  padding: 48px 52px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n}\n\n.testimonial-content::before {\n  content: \"\u201c\";\n  position: absolute;\n  right: 42px;\n  top: 26px;\n  font-size: 120px;\n  line-height: 1;\n  color: rgba(44, 76, 92, 0.08);\n  font-weight: 800;\n}\n\n.testimonial-stars {\n  font-size: 15px;\n  line-height: 1;\n  letter-spacing: 3px;\n  color: #2C4C5C;\n  margin-bottom: 20px;\n}\n\n.testimonial-content h3 {\n  font-size: 21px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0 0 18px;\n  font-weight: 800;\n}\n\n.testimonial-content > p {\n  max-width: 620px;\n  font-size: 16px;\n  line-height: 1.7;\n  color: #333333;\n  margin: 0 0 34px;\n  font-weight: 400;\n}\n\n.testimonial-client {\n  padding-top: 22px;\n  border-top: 1px solid rgba(44, 76, 92, 0.16);\n}\n\n.testimonial-client h4 {\n  font-size: 18px;\n  line-height: 1.25;\n  color: #111111;\n  margin: 0 0 5px;\n  font-weight: 800;\n}\n\n.testimonial-client span {\n  display: block;\n  font-size: 13px;\n  line-height: 1.35;\n  color: #555555;\n  font-weight: 500;\n}\n\n\/* NAV BUTTONS *\/\n.testimonial-nav {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 1px solid rgba(44, 76, 92, 0.24) !important;\n  background: #ffffff !important;\n  color: #2C4C5C !important;\n  font-family: 'Martel', serif;\n  font-size: 20px;\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: none !important;\n  transition: all 0.3s ease;\n}\n\n.testimonial-nav:hover {\n  background: #2C4C5C !important;\n  color: #ffffff !important;\n  border-color: #2C4C5C !important;\n}\n\n.testimonial-prev {\n  justify-self: start;\n}\n\n.testimonial-next {\n  justify-self: end;\n}\n\n\/* DOTS *\/\n.testimonial-dots {\n  width: fit-content;\n  margin: 24px auto 0;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.testimonial-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 999px;\n  border: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  background: rgba(44, 76, 92, 0.24) !important;\n  cursor: pointer;\n  box-shadow: none !important;\n  transition: all 0.3s ease;\n}\n\n.testimonial-dot.active {\n  width: 30px;\n  background: #2C4C5C !important;\n}\n\n\/* ZOOM MOTION *\/\n.testimonial-zoom {\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.testimonial-zoom.testimonial-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .modern-testimonials-section {\n    padding: 45px 30px;\n    margin-bottom: 30px;\n  }\n\n  .testimonial-header {\n    margin-bottom: 34px;\n  }\n\n  .testimonial-header h2 {\n    font-size: 28px;\n  }\n\n  .testimonial-header p {\n    font-size: 16px;\n  }\n\n  .testimonial-slider-wrap {\n    grid-template-columns: 44px 1fr 44px;\n    gap: 14px;\n  }\n\n  .testimonial-slider {\n    min-height: 660px;\n    border-radius: 0 32px 0 32px;\n  }\n\n  .testimonial-card {\n    min-height: 660px;\n    grid-template-columns: 1fr;\n    grid-template-rows: 340px auto;\n    border-radius: 0 32px 0 32px;\n  }\n\n  .testimonial-image {\n    width: 100%;\n    height: 340px;\n    min-height: 340px;\n    border-radius: 0 32px 0 0;\n  }\n\n  .testimonial-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .testimonial-card:nth-child(1) .testimonial-image img {\n    object-position: center 32%;\n  }\n\n  .testimonial-card:nth-child(2) .testimonial-image img {\n    object-position: center 34%;\n  }\n\n  .testimonial-card:nth-child(3) .testimonial-image img {\n    object-position: center 42%;\n  }\n\n  .testimonial-card:nth-child(4) .testimonial-image img {\n    object-position: center 30%;\n  }\n\n  .testimonial-content {\n    padding: 34px 34px 38px;\n    text-align: center;\n    justify-content: center;\n  }\n\n  .testimonial-content::before {\n    right: 28px;\n    top: 16px;\n    font-size: 92px;\n  }\n\n  .testimonial-stars {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .testimonial-content h3 {\n    font-size: 20px;\n  }\n\n  .testimonial-content > p {\n    font-size: 16px;\n    line-height: 1.58;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 28px;\n  }\n\n  .testimonial-client {\n    max-width: 420px;\n    margin: 0 auto;\n  }\n\n  .testimonial-nav {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .modern-testimonials-section {\n    padding: 25px 20px;\n    margin-bottom: 24px;\n  }\n\n  .testimonial-header {\n    margin-bottom: 30px;\n  }\n\n  .testimonial-header span {\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  .testimonial-header h2 {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .testimonial-header p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .testimonial-slider-wrap {\n    display: block;\n  }\n\n  .testimonial-slider {\n    min-height: 575px;\n    border-radius: 0 28px 0 28px;\n  }\n\n  .testimonial-card {\n    min-height: 575px;\n    grid-template-columns: 1fr;\n    border-radius: 0 28px 0 28px;\n  }\n\n  .testimonial-image {\n    width: 100%;\n    height: 240px;\n    min-height: 240px;\n    border-radius: 0 28px 0 0;\n  }\n\n  .testimonial-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .testimonial-card:nth-child(1) .testimonial-image img {\n    object-position: center 20%;\n  }\n\n  .testimonial-card:nth-child(2) .testimonial-image img {\n    object-position: center top;\n  }\n\n  \/* THIRD IMAGE MOBILE FIX - REDUCED SLIGHTLY *\/\n  .testimonial-card:nth-child(3) .testimonial-image img {\n    object-position: center 42%;\n  }\n\n  .testimonial-card:nth-child(4) .testimonial-image img {\n    object-position: center 18%;\n  }\n\n  .testimonial-content {\n    padding: 28px 22px 30px;\n    text-align: center;\n  }\n\n  .testimonial-content::before {\n    right: 18px;\n    top: 12px;\n    font-size: 78px;\n  }\n\n  .testimonial-stars {\n    font-size: 13px;\n    letter-spacing: 2.4px;\n    margin-bottom: 16px;\n  }\n\n  .testimonial-content h3 {\n    font-size: 19px;\n    margin-bottom: 14px;\n  }\n\n  .testimonial-content > p {\n    font-size: 16px;\n    line-height: 1.55;\n    margin-bottom: 26px;\n  }\n\n  .testimonial-client h4 {\n    font-size: 17px;\n  }\n\n  .testimonial-client span {\n    font-size: 13px;\n  }\n\n  .testimonial-nav {\n    position: absolute;\n    z-index: 5;\n    top: 210px;\n    width: 40px;\n    height: 40px;\n    font-size: 17px;\n  }\n\n  .testimonial-prev {\n    left: 14px;\n  }\n\n  .testimonial-next {\n    right: 14px;\n  }\n\n  .testimonial-dots {\n    margin-top: 20px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".modern-testimonials-section\");\n  if (!section) return;\n\n  const cards = section.querySelectorAll(\".testimonial-card\");\n  const dots = section.querySelectorAll(\".testimonial-dot\");\n  const prevBtn = section.querySelector(\".testimonial-prev\");\n  const nextBtn = section.querySelector(\".testimonial-next\");\n\n  let currentIndex = 0;\n  let timer;\n\n  function showTestimonial(index) {\n    cards.forEach(function(card, i) {\n      card.classList.remove(\"active\", \"slide-out\");\n\n      if (i === currentIndex && i !== index) {\n        card.classList.add(\"slide-out\");\n      }\n\n      if (i === index) {\n        card.classList.add(\"active\");\n      }\n    });\n\n    dots.forEach(function(dot, i) {\n      dot.classList.toggle(\"active\", i === index);\n    });\n\n    currentIndex = index;\n  }\n\n  function nextTestimonial() {\n    const nextIndex = (currentIndex + 1) % cards.length;\n    showTestimonial(nextIndex);\n  }\n\n  function prevTestimonial() {\n    const prevIndex = (currentIndex - 1 + cards.length) % cards.length;\n    showTestimonial(prevIndex);\n  }\n\n  function startAutoSlide() {\n    timer = setInterval(nextTestimonial, 3500);\n  }\n\n  function resetAutoSlide() {\n    clearInterval(timer);\n    startAutoSlide();\n  }\n\n  nextBtn.addEventListener(\"click\", function() {\n    nextTestimonial();\n    resetAutoSlide();\n  });\n\n  prevBtn.addEventListener(\"click\", function() {\n    prevTestimonial();\n    resetAutoSlide();\n  });\n\n  dots.forEach(function(dot) {\n    dot.addEventListener(\"click\", function() {\n      showTestimonial(Number(dot.dataset.slide));\n      resetAutoSlide();\n    });\n  });\n\n  startAutoSlide();\n\n  const zoomItems = section.querySelectorAll(\".testimonial-zoom\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"testimonial-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n\n  zoomItems.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-44b95d7 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 tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"44b95d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d32e759 elementor-widget elementor-widget-html\" data-id=\"d32e759\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Martel:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"final-cta-section\">\n\n  <div class=\"final-cta-wrap\">\n\n    <div class=\"final-cta-image\">\n      <img decoding=\"async\" \n        src=\"https:\/\/images.unsplash.com\/photo-1632650361772-e810bc376391?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" \n        alt=\"House keys handover\"\n      >\n    <\/div>\n\n    <div class=\"final-cta-content\">\n      <span class=\"final-cta-pill final-cta-item\">Exclusive Access<\/span>\n\n      <h2 class=\"final-cta-item\">Ready To Find Your Perfect Home?<\/h2>\n\n      <p class=\"final-cta-item\">\n        Connect with our expert advisors and explore premium residences, smart investments,\n        and lifestyle-focused properties designed around your goals.\n      <\/p>\n\n      <a href=\"https:\/\/teknr10.thestackly.net\/?page_id=19\" class=\"final-cta-btn final-cta-item\">\n        Schedule A Tour\n      <\/a>\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.final-cta-section,\n.final-cta-section * {\n  font-family: 'Martel', serif !important;\n}\n\n.final-cta-section {\n  width: 100%;\n  max-width: 100%;\n  padding: 20px 40px 60px;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.final-cta-wrap {\n  width: 100%;\n  max-width: 1320px;\n  min-height: 410px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-radius: 28px;\n  overflow: hidden;\n  background: #2C4C5C;\n}\n\n\/* IMAGE - NO ZOOM EFFECT *\/\n.final-cta-image {\n  width: 100%;\n  height: 100%;\n  min-height: 410px;\n  overflow: hidden;\n  position: relative;\n}\n\n.final-cta-image::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(0,0,0,0.08), rgba(44,76,92,0.15));\n  pointer-events: none;\n}\n\n.final-cta-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n\/* CONTENT *\/\n.final-cta-content {\n  min-height: 410px;\n  padding: 46px 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  color: #ffffff;\n}\n\n.final-cta-pill {\n  width: fit-content;\n  min-height: 32px;\n  padding: 6px 20px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,0.32);\n  color: #ffffff;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 0.3px;\n  margin: 0 0 22px;\n  align-self: flex-start;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.final-cta-content h2 {\n  max-width: 560px;\n  font-size: 34px;\n  line-height: 1.22;\n  color: #ffffff;\n  margin: 0 0 18px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.final-cta-content p {\n  max-width: 590px;\n  font-size: 16px;\n  line-height: 1.55;\n  color: rgba(255,255,255,0.86);\n  margin: 0 0 30px;\n  font-weight: 400;\n}\n\n\/* BUTTON *\/\n.final-cta-btn {\n  width: fit-content;\n  min-height: 54px;\n  padding: 9px 12px 9px 24px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,0.45);\n  background: #ffffff;\n  color: #2C4C5C !important;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 0.3px;\n  transition: all 0.3s ease;\n}\n\n.final-cta-btn::after {\n  content: \"\u2197\";\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: #000000;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  line-height: 1;\n  transition: all 0.3s ease;\n}\n\n.final-cta-btn:hover {\n  background: transparent;\n  color: #ffffff !important;\n  border-color: rgba(255,255,255,0.65);\n}\n\n.final-cta-btn:hover::after {\n  background: #ffffff;\n  color: #2C4C5C;\n  transform: translate(4px, -4px);\n}\n\n.final-cta-btn,\n.final-cta-btn:hover,\n.final-cta-btn:focus,\n.final-cta-btn:active,\n.final-cta-btn:visited {\n  text-decoration: none !important;\n  box-shadow: none !important;\n}\n\n\/* ZOOM MOTION ONLY FOR RIGHT CARD ITEMS *\/\n.final-cta-item {\n  opacity: 0;\n  transform: scale(0.86);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n  transform-origin: center;\n}\n\n.final-cta-item.final-cta-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* TABLET *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .final-cta-section {\n    padding: 45px 30px;\n  }\n\n  .final-cta-wrap {\n    grid-template-columns: 1fr;\n    min-height: auto;\n  }\n\n  .final-cta-image {\n    min-height: 340px;\n  }\n\n  .final-cta-content {\n    min-height: auto;\n    padding: 40px;\n  }\n\n  .final-cta-pill {\n    margin: 0 0 22px;\n    align-self: flex-start;\n  }\n\n  .final-cta-content h2 {\n    font-size: 28px;\n  }\n\n  .final-cta-content p {\n    font-size: 16px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .final-cta-section {\n    padding: 25px 20px;\n  }\n\n  .final-cta-wrap {\n    grid-template-columns: 1fr;\n    border-radius: 22px;\n  }\n\n  .final-cta-image {\n    min-height: 260px;\n  }\n\n  .final-cta-content {\n    min-height: auto;\n    padding: 30px 22px;\n  }\n\n  .final-cta-pill {\n    font-size: 13px;\n    margin: 0 0 18px;\n    align-self: flex-start;\n  }\n\n  .final-cta-content h2 {\n    font-size: 24px;\n    line-height: 1.25;\n  }\n\n  .final-cta-content p {\n    font-size: 16px;\n    line-height: 1.5;\n    margin-bottom: 26px;\n  }\n\n  .final-cta-btn {\n    width: 100%;\n    min-height: 54px;\n    justify-content: space-between;\n    padding: 9px 12px 9px 22px;\n    font-size: 15px;\n  }\n\n  .final-cta-btn::after {\n    width: 36px;\n    height: 36px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".final-cta-section .final-cta-item\");\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        const itemIndex = Array.from(items).indexOf(entry.target);\n\n        setTimeout(function() {\n          entry.target.classList.add(\"final-cta-active\");\n        }, itemIndex * 120);\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>Discover Spaces Built Around Your Lifestyle Explore refined homes, curated neighborhoods, and personalized real estate guidance designed to help you move with confidence. Explore Properties \u2197 10+ Trusted Agents \u2605 \u2605 \u2605 \u2605 4.8 \/ 5 What We Offer Comprehensive Real Estate Solutions Our services are designed for luxury homes, sustainable investments, and memorable vacation living experiences. Luxury Residences Experience elegant residences with premium interiors, spacious layouts, refined finishes, and prime locations for modern comfort. \u2713 Premium interiors with elegant finishes \u2713 Spacious layouts for modern family living \u2713 Located close to lifestyle and business hubs 25+ Luxury Homes 4 Prime Cities Eco Green Buildings Invest in sustainable homes designed with efficient planning, natural light, smart ventilation, and environmentally responsible materials. \u2713 Energy-conscious architecture and planning \u2713 Natural ventilation and daylight-focused design \u2713 Better long-term value for conscious investors 18+ Eco Projects 30% Energy Saving Unique Vacation Homes Find peaceful vacation homes and private retreats created for relaxation, scenic comfort, and effortless destination living. \u2713 Peaceful locations for weekend escapes \u2713 Short-term rental potential and lifestyle value \u2713 Designed for privacy, comfort, and relaxation 12+ Retreat Homes 5\u2605 Guest Appeal 01 Luxury Residences 01 Luxury Residences 02 Eco Green Buildings 03 Unique Vacation Homes Featured Portfolio Our Projects Explore selected residences, villas, and premium properties designed for refined modern living. Oakwood Reside \u2013 125 Maple St, New York $950,000 3 Beds 3 Bath 2500 SQFT The Grand Heights \u2013 210 Sunset Blvd, Los Angeles $760,000 3 Beds 3 Bath 2500 SQFT The Pearl Reside \u2013 145 Ocean Dr, San Diego $820,000 3 Beds 3 Bath 2500 SQFT Golden Gate Villa \u2013 420 Bay St, San Francisco $710,000 3 Beds 3 Bath 2500 SQFT Cedar Hill Estate \u2013 226 Riverstone Way, Orlando $685,000 3 Beds 3 Bath 2500 SQFT Lakeside Manor \u2013 330 Lakeview Rd, Orlando $790,000 3 Beds 3 Bath 2500 SQFT What We Do Our Services Explore our complete real estate and design services created to support premium homes, sustainable spaces, and refined property experiences. (01) Architectural Design Concept Planning Visualization View Details (02) Sustainable Design Energy Ventilation Certification View Details (03) Landscape Design Hardscape Planting Irrigation View Details (04) Project Management Scheduling Budgeting Coordination View Details (05) Urban Planning Zoning Infrastructure Mobility View Details Why Choose Us Explore Our Range of Expert Real Estate Services Property Sales Expertly promoting and selling your property to attract qualified buyers. Buyer Representation Guiding you through the home-buying process while prioritizing your interests. Rental Management Managing tenant relations, maintenance, and finances to maximize rental returns. Investment Consulting Providing strategic advice to help you capitalize on real estate opportunities. Property Valuation Accurately assessing your property&#8217;s value for sales, purchases, or investments. Tailored Solutions Delivering customized real estate services aligned with your specific goals. Our Experts Meet Our Team Meet the professionals who guide every property journey with experience, creativity, and trusted real estate expertise. Rin Jannes Chief Executive Officer \u2193 Hiro Tanaka Lead Architect \u2193 Amara Lewis Senior Interior Designer \u2193 Testimonials Customer Reviews Hear from clients who trusted our team to guide their buying, selling, and investment journey with clarity and confidence. \u2190 \u2605\u2605\u2605\u2605\u2605 Highly Recommend As a first-time buyer, I was nervous at the beginning, but the team guided me through every step and made the entire process simple. Darlene Robertson Texas, USA \u2605\u2605\u2605\u2605\u2605 Impressive Service I sold my property through their team and couldn\u2019t be happier with the results. Their expertise made everything feel smooth. Courtney Henry California, USA \u2605\u2605\u2605\u2605\u2605 Very Professional They understood exactly what I needed and helped me find a property that matched my lifestyle, budget, and long-term goals. Sophia Mitchell New York, USA \u2605\u2605\u2605\u2605\u2605 Trusted Guidance From property visits to final negotiations, their advice was clear, honest, and extremely helpful throughout the entire journey. Michael Anderson Florida, USA \u2192 Exclusive Access Ready To Find Your Perfect Home? Connect with our expert advisors and explore premium residences, smart investments, and lifestyle-focused properties designed around your goals. Schedule A Tour<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":5,"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":3184,"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/3184"}],"wp:attachment":[{"href":"https:\/\/teknr10.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}