{"id":27772,"date":"2025-10-19T18:19:17","date_gmt":"2025-10-19T18:19:17","guid":{"rendered":"https:\/\/sshglifestyle.com\/?page_id=27772"},"modified":"2025-10-19T18:31:04","modified_gmt":"2025-10-19T18:31:04","slug":"real-estate-cost","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27772","title":{"rendered":"Real Estate Cost"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27772\" class=\"elementor elementor-27772\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9111013 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"9111013\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c13706 elementor-widget elementor-widget-html\" data-id=\"5c13706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Real Estate Cost Calculator for SSHG LIFESTYLE -->\r\n<section class=\"re-calculator-section\">\r\n  <div class=\"re-calculator-container\">\r\n    <!-- Header Section -->\r\n    <div class=\"re-calculator-header\">\r\n      <div class=\"re-header-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/sshglifestyle.com\/wp-content\/uploads\/2025\/10\/WhatsApp_Image_2025-10-09_at_10.18.23_PM-removebg-preview.png\" alt=\"SSHG Lifestyle\">\r\n      <\/div>\r\n      <div class=\"re-header-content\">\r\n        <h1 class=\"re-calculator-title\">Real Estate Cost Calculator<\/h1>\r\n        <p class=\"re-calculator-subtitle\">Calculate your complete property investment cost<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Calculator Form -->\r\n    <div class=\"re-calculator-form-container\">\r\n      <div class=\"re-form-steps\">\r\n        <div class=\"re-step active\" data-step=\"1\">\r\n          <span class=\"re-step-number\">1<\/span>\r\n          <span class=\"re-step-label\">Property Details<\/span>\r\n        <\/div>\r\n        <div class=\"re-step\" data-step=\"2\">\r\n          <span class=\"re-step-number\">2<\/span>\r\n          <span class=\"re-step-label\">Financial Details<\/span>\r\n        <\/div>\r\n        <div class=\"re-step\" data-step=\"3\">\r\n          <span class=\"re-step-number\">3<\/span>\r\n          <span class=\"re-step-label\">Additional Costs<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <form id=\"reCostCalculator\" class=\"re-calculator-form\">\r\n        <!-- Step 1: Property Details -->\r\n        <div class=\"re-form-step active\" id=\"re-step1\">\r\n          <h3 class=\"re-step-title\">Property Details<\/h3>\r\n          \r\n          <div class=\"re-form-group\">\r\n            <label for=\"propertyType\">Property Type<\/label>\r\n            <div class=\"re-option-grid\">\r\n              <div class=\"re-option-card\" data-value=\"apartment\">\r\n                <div class=\"re-option-icon\">\ud83c\udfe2<\/div>\r\n                <span class=\"re-option-text\">Apartment<\/span>\r\n              <\/div>\r\n              <div class=\"re-option-card\" data-value=\"villa\">\r\n                <div class=\"re-option-icon\">\ud83c\udfe1<\/div>\r\n                <span class=\"re-option-text\">Villa<\/span>\r\n              <\/div>\r\n              <div class=\"re-option-card\" data-value=\"plot\">\r\n                <div class=\"re-option-icon\">\ud83d\udcd0<\/div>\r\n                <span class=\"re-option-text\">Plot\/Land<\/span>\r\n              <\/div>\r\n              <div class=\"re-option-card\" data-value=\"commercial\">\r\n                <div class=\"re-option-icon\">\ud83c\udfec<\/div>\r\n                <span class=\"re-option-text\">Commercial<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <input type=\"hidden\" id=\"propertyType\" name=\"propertyType\" value=\"apartment\">\r\n          <\/div>\r\n\r\n          <div class=\"re-form-row\">\r\n            <div class=\"re-form-group\">\r\n              <label for=\"propertyArea\">Property Area (sq.ft)<\/label>\r\n              <input type=\"number\" id=\"propertyArea\" name=\"propertyArea\" min=\"100\" max=\"10000\" value=\"1000\" required>\r\n              <div class=\"re-range-slider\">\r\n                <input type=\"range\" id=\"areaRange\" min=\"100\" max=\"10000\" value=\"1000\" step=\"100\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"re-form-group\">\r\n              <label for=\"propertyLocation\">Location<\/label>\r\n              <select id=\"propertyLocation\" name=\"propertyLocation\" required>\r\n                <option value=\"\">Select Location<\/option>\r\n                <option value=\"metro\">Metro City<\/option>\r\n                <option value=\"tier1\">Tier 1 City<\/option>\r\n                <option value=\"tier2\">Tier 2 City<\/option>\r\n                <option value=\"tier3\">Tier 3 City<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"re-step-actions\">\r\n            <button type=\"button\" class=\"re-btn-next\" data-next=\"2\">Next<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2: Financial Details -->\r\n        <div class=\"re-form-step\" id=\"re-step2\">\r\n          <h3 class=\"re-step-title\">Financial Details<\/h3>\r\n          \r\n          <div class=\"re-form-group\">\r\n            <label for=\"propertyPrice\">Property Price (\u20b9)<\/label>\r\n            <div class=\"re-price-input\">\r\n              <span class=\"re-currency\">\u20b9<\/span>\r\n              <input type=\"number\" id=\"propertyPrice\" name=\"propertyPrice\" min=\"100000\" max=\"100000000\" value=\"5000000\" required>\r\n            <\/div>\r\n            <div class=\"re-range-slider\">\r\n              <input type=\"range\" id=\"priceRange\" min=\"100000\" max=\"100000000\" value=\"5000000\" step=\"100000\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"re-form-row\">\r\n            <div class=\"re-form-group\">\r\n              <label for=\"downPayment\">Down Payment (%)<\/label>\r\n              <div class=\"re-percentage-input\">\r\n                <input type=\"number\" id=\"downPayment\" name=\"downPayment\" min=\"10\" max=\"100\" value=\"20\" required>\r\n                <span class=\"re-percentage\">%<\/span>\r\n              <\/div>\r\n              <div class=\"re-range-slider\">\r\n                <input type=\"range\" id=\"downPaymentRange\" min=\"10\" max=\"100\" value=\"20\" step=\"5\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"re-form-group\">\r\n              <label for=\"loanTenure\">Loan Tenure (Years)<\/label>\r\n              <select id=\"loanTenure\" name=\"loanTenure\" required>\r\n                <option value=\"5\">5 Years<\/option>\r\n                <option value=\"10\">10 Years<\/option>\r\n                <option value=\"15\" selected>15 Years<\/option>\r\n                <option value=\"20\">20 Years<\/option>\r\n                <option value=\"25\">25 Years<\/option>\r\n                <option value=\"30\">30 Years<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"re-form-group\">\r\n            <label for=\"interestRate\">Interest Rate (%)<\/label>\r\n            <div class=\"re-percentage-input\">\r\n              <input type=\"number\" id=\"interestRate\" name=\"interestRate\" min=\"1\" max=\"20\" value=\"8.5\" step=\"0.1\" required>\r\n              <span class=\"re-percentage\">%<\/span>\r\n            <\/div>\r\n            <div class=\"re-range-slider\">\r\n              <input type=\"range\" id=\"interestRange\" min=\"1\" max=\"20\" value=\"8.5\" step=\"0.1\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"re-step-actions\">\r\n            <button type=\"button\" class=\"re-btn-prev\" data-prev=\"1\">Previous<\/button>\r\n            <button type=\"button\" class=\"re-btn-next\" data-next=\"3\">Next<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3: Additional Costs -->\r\n        <div class=\"re-form-step\" id=\"re-step3\">\r\n          <h3 class=\"re-step-title\">Additional Costs<\/h3>\r\n          \r\n          <div class=\"re-cost-breakdown\">\r\n            <div class=\"re-cost-item\">\r\n              <div class=\"re-cost-info\">\r\n                <span class=\"re-cost-label\">Stamp Duty & Registration<\/span>\r\n                <span class=\"re-cost-percentage\">~6% of Property Value<\/span>\r\n              <\/div>\r\n              <div class=\"re-cost-value\" id=\"stampDutyCost\">\u20b90<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"re-cost-item\">\r\n              <div class=\"re-cost-info\">\r\n                <span class=\"re-cost-label\">Legal & Documentation<\/span>\r\n                <span class=\"re-cost-percentage\">~1% of Property Value<\/span>\r\n              <\/div>\r\n              <div class=\"re-cost-value\" id=\"legalCost\">\u20b90<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"re-cost-item\">\r\n              <div class=\"re-cost-info\">\r\n                <span class=\"re-cost-label\">Maintenance Charges<\/span>\r\n                <span class=\"re-cost-percentage\">~2% of Property Value<\/span>\r\n              <\/div>\r\n              <div class=\"re-cost-value\" id=\"maintenanceCost\">\u20b90<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"re-cost-item\">\r\n              <div class=\"re-cost-info\">\r\n                <span class=\"re-cost-label\">Interior & Furnishing<\/span>\r\n                <span class=\"re-cost-percentage\">Optional<\/span>\r\n              <\/div>\r\n              <div class=\"re-cost-input\">\r\n                <span class=\"re-currency\">\u20b9<\/span>\r\n                <input type=\"number\" id=\"interiorCost\" name=\"interiorCost\" value=\"0\" min=\"0\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"re-step-actions\">\r\n            <button type=\"button\" class=\"re-btn-prev\" data-prev=\"2\">Previous<\/button>\r\n            <button type=\"submit\" class=\"re-btn-calculate\">Calculate Total Cost<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <!-- Results Section -->\r\n    <div class=\"re-results-container\" id=\"reResultsContainer\">\r\n      <div class=\"re-results-header\">\r\n        <h2>Your Property Investment Summary<\/h2>\r\n        <p>Complete breakdown of your real estate investment<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"re-summary-cards\">\r\n        <div class=\"re-summary-card\">\r\n          <div class=\"re-card-icon\">\ud83d\udcb0<\/div>\r\n          <div class=\"re-card-content\">\r\n            <span class=\"re-card-label\">Total Property Cost<\/span>\r\n            <span class=\"re-card-value\" id=\"totalPropertyCost\">\u20b90<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"re-summary-card\">\r\n          <div class=\"re-card-icon\">\ud83c\udfe6<\/div>\r\n          <div class=\"re-card-content\">\r\n            <span class=\"re-card-label\">Loan Amount<\/span>\r\n            <span class=\"re-card-value\" id=\"loanAmount\">\u20b90<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"re-summary-card\">\r\n          <div class=\"re-card-icon\">\ud83d\udcc5<\/div>\r\n          <div class=\"re-card-content\">\r\n            <span class=\"re-card-label\">Monthly EMI<\/span>\r\n            <span class=\"re-card-value\" id=\"monthlyEmi\">\u20b90<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"re-detailed-breakdown\">\r\n        <h3>Cost Breakdown<\/h3>\r\n        <div class=\"re-breakdown-grid\">\r\n          <div class=\"re-breakdown-item\">\r\n            <span class=\"re-breakdown-label\">Base Property Price<\/span>\r\n            <span class=\"re-breakdown-value\" id=\"breakdownBase\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-breakdown-item\">\r\n            <span class=\"re-breakdown-label\">Stamp Duty & Registration<\/span>\r\n            <span class=\"re-breakdown-value\" id=\"breakdownStamp\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-breakdown-item\">\r\n            <span class=\"re-breakdown-label\">Legal & Documentation<\/span>\r\n            <span class=\"re-breakdown-value\" id=\"breakdownLegal\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-breakdown-item\">\r\n            <span class=\"re-breakdown-label\">Maintenance Charges<\/span>\r\n            <span class=\"re-breakdown-value\" id=\"breakdownMaintenance\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-breakdown-item\">\r\n            <span class=\"re-breakdown-label\">Interior & Furnishing<\/span>\r\n            <span class=\"re-breakdown-value\" id=\"breakdownInterior\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-breakdown-item re-total\">\r\n            <span class=\"re-breakdown-label\">Total Investment<\/span>\r\n            <span class=\"re-breakdown-value\" id=\"breakdownTotal\">\u20b90<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"re-emi-breakdown\">\r\n        <h3>Loan EMI Details<\/h3>\r\n        <div class=\"re-emi-grid\">\r\n          <div class=\"re-emi-item\">\r\n            <span class=\"re-emi-label\">Loan Amount<\/span>\r\n            <span class=\"re-emi-value\" id=\"emiLoanAmount\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-emi-item\">\r\n            <span class=\"re-emi-label\">Interest Rate<\/span>\r\n            <span class=\"re-emi-value\" id=\"emiInterest\">0%<\/span>\r\n          <\/div>\r\n          <div class=\"re-emi-item\">\r\n            <span class=\"re-emi-label\">Loan Tenure<\/span>\r\n            <span class=\"re-emi-value\" id=\"emiTenure\">0 Years<\/span>\r\n          <\/div>\r\n          <div class=\"re-emi-item\">\r\n            <span class=\"re-emi-label\">Total Interest Payable<\/span>\r\n            <span class=\"re-emi-value\" id=\"emiTotalInterest\">\u20b90<\/span>\r\n          <\/div>\r\n          <div class=\"re-emi-item\">\r\n            <span class=\"re-emi-label\">Total Payment (Principal + Interest)<\/span>\r\n            <span class=\"re-emi-value\" id=\"emiTotalPayment\">\u20b90<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"re-results-actions\">\r\n        <a href=\"https:\/\/sshglifestyle.com\/contact-us\/\"><button class=\"re-btn-contact\" id=\"reContactBtn\">Contact Our Real Estate Expert<\/button>\r\n        <button class=\"re-btn-reset\" id=\"reResetBtn\">Calculate Again<\/button><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================\r\n   REAL ESTATE CALCULATOR STYLES\r\n   ============================ *\/\r\n:root {\r\n  --re-primary: #014c5f;\r\n  --re-secondary: #e74505;\r\n  --re-accent: #ff9800;\r\n  --re-light: #f8f9fa;\r\n  --re-dark: #333;\r\n  --re-text: #444;\r\n  --re-white: #ffffff;\r\n  --re-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n  --re-radius: 12px;\r\n}\r\n\r\n\/* Base Styles *\/\r\n.re-calculator-section {\r\n  font-family: 'Poppins', sans-serif;\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n  min-height: 100vh;\r\n  padding: 2rem 1rem;\r\n  color: var(--re-text);\r\n}\r\n\r\n.re-calculator-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  background: var(--re-white);\r\n  border-radius: var(--re-radius);\r\n  box-shadow: var(--re-shadow);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Header *\/\r\n.re-calculator-header {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 2rem;\r\n  background: linear-gradient(135deg, var(--re-primary), #013a4a);\r\n  color: white;\r\n  gap: 1.5rem;\r\n}\r\n\r\n.re-header-logo {\r\n  width: 80px;\r\n  height: 80px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: white;\r\n  padding: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.re-header-logo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.re-header-content {\r\n  flex: 1;\r\n}\r\n\r\n.re-calculator-title {\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  margin-bottom: 0.5rem;\r\n  background: linear-gradient(45deg, #ffffff, #e0f7fa);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.re-calculator-subtitle {\r\n  font-size: 1.1rem;\r\n  opacity: 0.9;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Form Steps *\/\r\n.re-form-steps {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 1.5rem 2rem;\r\n  background: var(--re-light);\r\n  border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.re-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0 1.5rem;\r\n  position: relative;\r\n  opacity: 0.5;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.re-step.active {\r\n  opacity: 1;\r\n}\r\n\r\n.re-step::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 20px;\r\n  right: -50%;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #ddd;\r\n  z-index: 1;\r\n}\r\n\r\n.re-step:last-child::after {\r\n  display: none;\r\n}\r\n\r\n.re-step.active::after {\r\n  background: var(--re-secondary);\r\n}\r\n\r\n.re-step-number {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  background: #ddd;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 700;\r\n  margin-bottom: 0.5rem;\r\n  z-index: 2;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.re-step.active .re-step-number {\r\n  background: var(--re-secondary);\r\n  color: white;\r\n  transform: scale(1.1);\r\n  box-shadow: 0 4px 12px rgba(231, 69, 5, 0.3);\r\n}\r\n\r\n.re-step-label {\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: var(--re-dark);\r\n}\r\n\r\n\/* Form Container *\/\r\n.re-calculator-form-container {\r\n  padding: 2rem;\r\n}\r\n\r\n.re-form-step {\r\n  display: none;\r\n  animation: reFadeIn 0.5s ease;\r\n}\r\n\r\n.re-form-step.active {\r\n  display: block;\r\n}\r\n\r\n@keyframes reFadeIn {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.re-step-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--re-primary);\r\n  margin-bottom: 1.5rem;\r\n  text-align: center;\r\n}\r\n\r\n\/* Form Groups *\/\r\n.re-form-group {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.re-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1.5rem;\r\n}\r\n\r\n.re-form-group label {\r\n  display: block;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 600;\r\n  color: var(--re-dark);\r\n}\r\n\r\n.re-form-group input,\r\n.re-form-group select {\r\n  width: 100%;\r\n  padding: 0rem 1rem;\r\n  border: 2px solid #e0e0e0;\r\n  border-radius: 8px;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n  background: white;\r\n}\r\n\r\n.re-form-group input:focus,\r\n.re-form-group select:focus {\r\n  outline: none;\r\n  border-color: var(--re-primary);\r\n  box-shadow: 0 0 0 3px rgba(1, 76, 95, 0.1);\r\n}\r\n\r\n\/* Option Grid *\/\r\n.re-option-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n  gap: 1rem;\r\n}\r\n\r\n.re-option-card {\r\n  padding: 1rem 0.5rem;\r\n  border: 2px solid #e0e0e0;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  background: white;\r\n}\r\n\r\n.re-option-card:hover {\r\n  border-color: var(--re-primary);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.re-option-card.active {\r\n  border-color: var(--re-secondary);\r\n  background: linear-gradient(135deg, #fff8f5, #fff0eb);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(231, 69, 5, 0.1);\r\n}\r\n\r\n.re-option-icon {\r\n  font-size: 2rem;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.re-option-text {\r\n  font-weight: 600;\r\n  color: var(--re-dark);\r\n}\r\n\r\n\/* Price Input *\/\r\n.re-price-input,\r\n.re-percentage-input {\r\n  position: relative;\r\n}\r\n\r\n.re-currency,\r\n.re-percentage {\r\n  position: absolute;\r\n  left: 1rem;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-weight: 600;\r\n  color: var(--re-primary);\r\n}\r\n\r\n.re-price-input input,\r\n.re-percentage-input input {\r\n  padding-left: 2.5rem;\r\n}\r\n\r\n\/* Range Slider *\/\r\n.re-range-slider {\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.re-range-slider input {\r\n  width: 100%;\r\n  height: 6px;\r\n  border-radius: 3px;\r\n  background: #e0e0e0;\r\n  outline: none;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n.re-range-slider input::-webkit-slider-thumb {\r\n  -webkit-appearance: none;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--re-secondary);\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.re-range-slider input::-moz-range-thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--re-secondary);\r\n  cursor: pointer;\r\n  border: none;\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* Cost Breakdown *\/\r\n.re-cost-breakdown {\r\n  background: var(--re-light);\r\n  border-radius: var(--re-radius);\r\n  padding: 1.5rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.re-cost-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 1rem 0;\r\n  border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.re-cost-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.re-cost-info {\r\n  flex: 1;\r\n}\r\n\r\n.re-cost-label {\r\n  display: block;\r\n  font-weight: 600;\r\n  color: var(--re-dark);\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.re-cost-percentage {\r\n  font-size: 0.8rem;\r\n  color: #666;\r\n}\r\n\r\n.re-cost-value {\r\n  font-weight: 700;\r\n  color: var(--re-secondary);\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.re-cost-input {\r\n  position: relative;\r\n  width: 150px;\r\n}\r\n\r\n.re-cost-input input {\r\n  padding-left: 1.5rem;\r\n}\r\n\r\n.re-cost-input .re-currency {\r\n  left: 0.75rem;\r\n}\r\n\r\n\/* Step Actions *\/\r\n.re-step-actions {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-top: 2rem;\r\n  padding-top: 1.5rem;\r\n  border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.re-btn-prev,\r\n.re-btn-next,\r\n.re-btn-calculate {\r\n  padding: 0.75rem 1.5rem;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.re-btn-prev {\r\n  background: var(--re-light);\r\n  color: var(--re-dark);\r\n}\r\n\r\n.re-btn-prev:hover {\r\n  background: #e9ecef;\r\n  transform: translateY(-2px);\r\n  color: white;\r\n}\r\n\r\n.re-btn-next,\r\n.re-btn-calculate {\r\n  background: var(--re-primary);\r\n  color: white;\r\n}\r\n\r\n.re-btn-next:hover,\r\n.re-btn-calculate:hover {\r\n  background: #013a4a;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(1, 76, 95, 0.3);\r\n  color: white;\r\n}\r\n\r\n\/* Results Section *\/\r\n.re-results-container {\r\n  display: none;\r\n  padding: 2rem;\r\n  animation: reFadeIn 0.5s ease;\r\n}\r\n\r\n.re-results-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.re-results-header h2 {\r\n  font-size: 2rem;\r\n  font-weight: 800;\r\n  color: var(--re-primary);\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.re-results-header p {\r\n  font-size: 1.1rem;\r\n  color: #666;\r\n}\r\n\r\n\/* Summary Cards *\/\r\n.re-summary-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.re-summary-card {\r\n  background: linear-gradient(135deg, var(--re-primary), #013a4a);\r\n  color: white;\r\n  padding: 1.5rem;\r\n  border-radius: var(--re-radius);\r\n  text-align: center;\r\n  box-shadow: var(--re-shadow);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.re-summary-card:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.re-card-icon {\r\n  font-size: 2.5rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.re-card-label {\r\n  display: block;\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.re-card-value {\r\n  display: block;\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Detailed Breakdown *\/\r\n.re-detailed-breakdown {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.re-detailed-breakdown h3 {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: var(--re-primary);\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.re-breakdown-grid {\r\n  background: var(--re-light);\r\n  border-radius: var(--re-radius);\r\n  padding: 1.5rem;\r\n}\r\n\r\n.re-breakdown-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 0.75rem 0;\r\n  border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.re-breakdown-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.re-breakdown-item.re-total {\r\n  border-top: 2px solid var(--re-primary);\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: var(--re-primary);\r\n}\r\n\r\n.re-breakdown-label {\r\n  font-weight: 600;\r\n}\r\n\r\n.re-breakdown-value {\r\n  font-weight: 700;\r\n  color: var(--re-secondary);\r\n}\r\n\r\n\/* EMI Breakdown *\/\r\n.re-emi-breakdown {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.re-emi-breakdown h3 {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: var(--re-primary);\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.re-emi-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 1rem;\r\n}\r\n\r\n.re-emi-item {\r\n  background: var(--re-light);\r\n  padding: 1rem;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.re-emi-label {\r\n  font-weight: 600;\r\n  color: var(--re-dark);\r\n}\r\n\r\n.re-emi-value {\r\n  font-weight: 700;\r\n  color: var(--re-secondary);\r\n}\r\n\r\n\/* Results Actions *\/\r\n.re-results-actions {\r\n  display: flex;\r\n  gap: 1rem;\r\n  justify-content: center;\r\n}\r\n\r\n.re-btn-contact,\r\n.re-btn-reset {\r\n  padding: 0.75rem 1.5rem;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.re-btn-contact {\r\n  background: var(--re-secondary);\r\n  color: white;\r\n}\r\n\r\n.re-btn-contact:hover {\r\n  background: #d63d04;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(231, 69, 5, 0.3);\r\n  color: white;\r\n}\r\n\r\n.re-btn-reset {\r\n  background: var(--re-light);\r\n  color: var(--re-dark);\r\n}\r\n\r\n.re-btn-reset:hover {\r\n  background: #e9ecef;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n  .re-calculator-header {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 1.5rem;\r\n  }\r\n  \r\n  .re-calculator-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .re-form-steps {\r\n    padding: 1rem;\r\n  }\r\n  \r\n  .re-step {\r\n    padding: 0 0.75rem;\r\n  }\r\n  \r\n  .re-step::after {\r\n    right: -40%;\r\n  }\r\n  \r\n  .re-calculator-form-container {\r\n    padding: 1.5rem;\r\n  }\r\n  \r\n  .re-form-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 1rem;\r\n  }\r\n  \r\n  .re-option-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .re-step-actions {\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n  }\r\n  \r\n  .re-btn-prev,\r\n  .re-btn-next,\r\n  .re-btn-calculate {\r\n    width: 100%;\r\n  }\r\n  \r\n  .re-summary-cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .re-emi-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .re-results-actions {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .re-calculator-section {\r\n    padding: 1rem 0.5rem;\r\n  }\r\n  \r\n  .re-calculator-container {\r\n    border-radius: 8px;\r\n  }\r\n  \r\n  .re-form-steps {\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n  }\r\n  \r\n  .re-step {\r\n    flex-direction: row;\r\n    gap: 1rem;\r\n  }\r\n  \r\n  .re-step::after {\r\n    display: none;\r\n  }\r\n  \r\n  .re-step-label {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .re-option-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Real Estate Cost Calculator\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Form elements\r\n  const form = document.getElementById('reCostCalculator');\r\n  const steps = document.querySelectorAll('.re-form-step');\r\n  const stepIndicators = document.querySelectorAll('.re-step');\r\n  const nextButtons = document.querySelectorAll('.re-btn-next');\r\n  const prevButtons = document.querySelectorAll('.re-btn-prev');\r\n  const resultsContainer = document.getElementById('reResultsContainer');\r\n  \r\n  \/\/ Input elements\r\n  const propertyTypeCards = document.querySelectorAll('.re-option-card');\r\n  const areaSize = document.getElementById('propertyArea');\r\n  const areaRange = document.getElementById('areaRange');\r\n  const propertyPrice = document.getElementById('propertyPrice');\r\n  const priceRange = document.getElementById('priceRange');\r\n  const downPayment = document.getElementById('downPayment');\r\n  const downPaymentRange = document.getElementById('downPaymentRange');\r\n  const interestRate = document.getElementById('interestRate');\r\n  const interestRange = document.getElementById('interestRange');\r\n  const interiorCost = document.getElementById('interiorCost');\r\n  \r\n  \/\/ Result elements\r\n  const totalPropertyCost = document.getElementById('totalPropertyCost');\r\n  const loanAmount = document.getElementById('loanAmount');\r\n  const monthlyEmi = document.getElementById('monthlyEmi');\r\n  const breakdownBase = document.getElementById('breakdownBase');\r\n  const breakdownStamp = document.getElementById('breakdownStamp');\r\n  const breakdownLegal = document.getElementById('breakdownLegal');\r\n  const breakdownMaintenance = document.getElementById('breakdownMaintenance');\r\n  const breakdownInterior = document.getElementById('breakdownInterior');\r\n  const breakdownTotal = document.getElementById('breakdownTotal');\r\n  const emiLoanAmount = document.getElementById('emiLoanAmount');\r\n  const emiInterest = document.getElementById('emiInterest');\r\n  const emiTenure = document.getElementById('emiTenure');\r\n  const emiTotalInterest = document.getElementById('emiTotalInterest');\r\n  const emiTotalPayment = document.getElementById('emiTotalPayment');\r\n  \r\n  \/\/ Additional cost elements\r\n  const stampDutyCost = document.getElementById('stampDutyCost');\r\n  const legalCost = document.getElementById('legalCost');\r\n  const maintenanceCost = document.getElementById('maintenanceCost');\r\n  \r\n  \/\/ Cost percentages\r\n  const additionalCosts = {\r\n    stampDuty: 0.06, \/\/ 6%\r\n    legal: 0.01,     \/\/ 1%\r\n    maintenance: 0.02 \/\/ 2%\r\n  };\r\n  \r\n  \/\/ Initialize\r\n  function initCalculator() {\r\n    \/\/ Property type selection\r\n    propertyTypeCards.forEach(card => {\r\n      card.addEventListener('click', function() {\r\n        propertyTypeCards.forEach(c => c.classList.remove('active'));\r\n        this.classList.add('active');\r\n        document.getElementById('propertyType').value = this.getAttribute('data-value');\r\n      });\r\n    });\r\n    \r\n    \/\/ Set first option as active\r\n    propertyTypeCards[0].classList.add('active');\r\n    \r\n    \/\/ Sync range sliders with number inputs\r\n    areaSize.addEventListener('input', function() {\r\n      areaRange.value = this.value;\r\n    });\r\n    \r\n    areaRange.addEventListener('input', function() {\r\n      areaSize.value = this.value;\r\n    });\r\n    \r\n    propertyPrice.addEventListener('input', function() {\r\n      priceRange.value = this.value;\r\n      updateAdditionalCosts();\r\n    });\r\n    \r\n    priceRange.addEventListener('input', function() {\r\n      propertyPrice.value = this.value;\r\n      updateAdditionalCosts();\r\n    });\r\n    \r\n    downPayment.addEventListener('input', function() {\r\n      downPaymentRange.value = this.value;\r\n    });\r\n    \r\n    downPaymentRange.addEventListener('input', function() {\r\n      downPayment.value = this.value;\r\n    });\r\n    \r\n    interestRate.addEventListener('input', function() {\r\n      interestRange.value = this.value;\r\n    });\r\n    \r\n    interestRange.addEventListener('input', function() {\r\n      interestRate.value = this.value;\r\n    });\r\n    \r\n    interiorCost.addEventListener('input', updateAdditionalCosts);\r\n    \r\n    \/\/ Step navigation\r\n    nextButtons.forEach(button => {\r\n      button.addEventListener('click', function() {\r\n        const currentStep = document.querySelector('.re-form-step.active');\r\n        const nextStepId = this.getAttribute('data-next');\r\n        const nextStep = document.getElementById(`re-step${nextStepId}`);\r\n        \r\n        if (validateStep(currentStep.id)) {\r\n          navigateToStep(nextStepId);\r\n        }\r\n      });\r\n    });\r\n    \r\n    prevButtons.forEach(button => {\r\n      button.addEventListener('click', function() {\r\n        const prevStepId = this.getAttribute('data-prev');\r\n        navigateToStep(prevStepId);\r\n      });\r\n    });\r\n    \r\n    \/\/ Form submission\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n      calculateCost();\r\n      showResults();\r\n    });\r\n    \r\n    \/\/ Reset button\r\n    document.getElementById('reResetBtn').addEventListener('click', function() {\r\n      resetCalculator();\r\n    });\r\n    \r\n    \/\/ Contact button\r\n    document.getElementById('reContactBtn').addEventListener('click', function() {\r\n      alert('Thank you for your interest! Our real estate expert will contact you shortly.');\r\n    });\r\n    \r\n    \/\/ Initialize additional costs\r\n    updateAdditionalCosts();\r\n  }\r\n  \r\n  \/\/ Update additional costs based on property price\r\n  function updateAdditionalCosts() {\r\n    const price = parseFloat(propertyPrice.value) || 0;\r\n    \r\n    const stampDuty = price * additionalCosts.stampDuty;\r\n    const legal = price * additionalCosts.legal;\r\n    const maintenance = price * additionalCosts.maintenance;\r\n    \r\n    stampDutyCost.textContent = formatCurrency(stampDuty);\r\n    legalCost.textContent = formatCurrency(legal);\r\n    maintenanceCost.textContent = formatCurrency(maintenance);\r\n  }\r\n  \r\n  \/\/ Step validation\r\n  function validateStep(stepId) {\r\n    const step = document.getElementById(stepId);\r\n    const inputs = step.querySelectorAll('input[required], select[required]');\r\n    \r\n    let isValid = true;\r\n    inputs.forEach(input => {\r\n      if (!input.value) {\r\n        isValid = false;\r\n        input.style.borderColor = 'red';\r\n        \r\n        \/\/ Remove red border when user starts typing\r\n        input.addEventListener('input', function() {\r\n          this.style.borderColor = '#e0e0e0';\r\n        });\r\n      }\r\n    });\r\n    \r\n    if (!isValid) {\r\n      alert('Please fill in all required fields before proceeding.');\r\n    }\r\n    \r\n    return isValid;\r\n  }\r\n  \r\n  \/\/ Navigate between steps\r\n  function navigateToStep(stepNumber) {\r\n    \/\/ Hide all steps\r\n    steps.forEach(step => {\r\n      step.classList.remove('active');\r\n    });\r\n    \r\n    \/\/ Show target step\r\n    document.getElementById(`re-step${stepNumber}`).classList.add('active');\r\n    \r\n    \/\/ Update step indicators\r\n    stepIndicators.forEach(indicator => {\r\n      indicator.classList.remove('active');\r\n      if (parseInt(indicator.getAttribute('data-step')) <= stepNumber) {\r\n        indicator.classList.add('active');\r\n      }\r\n    });\r\n    \r\n    \/\/ Scroll to top of form\r\n    document.querySelector('.re-calculator-form-container').scrollIntoView({ \r\n      behavior: 'smooth', \r\n      block: 'start' \r\n    });\r\n  }\r\n  \r\n  \/\/ Calculate cost\r\n  function calculateCost() {\r\n    const price = parseFloat(propertyPrice.value) || 0;\r\n    const downPaymentPercent = parseFloat(downPayment.value) || 0;\r\n    const interestRatePercent = parseFloat(interestRate.value) || 0;\r\n    const loanTenure = parseInt(document.getElementById('loanTenure').value) || 0;\r\n    const interior = parseFloat(interiorCost.value) || 0;\r\n    \r\n    \/\/ Calculate additional costs\r\n    const stampDuty = price * additionalCosts.stampDuty;\r\n    const legal = price * additionalCosts.legal;\r\n    const maintenance = price * additionalCosts.maintenance;\r\n    \r\n    \/\/ Calculate total property cost\r\n    const totalCost = price + stampDuty + legal + maintenance + interior;\r\n    \r\n    \/\/ Calculate loan details\r\n    const downPaymentAmount = price * (downPaymentPercent \/ 100);\r\n    const loanAmountValue = price - downPaymentAmount;\r\n    \r\n    \/\/ Calculate EMI\r\n    const monthlyInterest = interestRatePercent \/ 12 \/ 100;\r\n    const numberOfPayments = loanTenure * 12;\r\n    \r\n    let emi = 0;\r\n    let totalInterest = 0;\r\n    let totalPayment = 0;\r\n    \r\n    if (loanAmountValue > 0 && monthlyInterest > 0 && numberOfPayments > 0) {\r\n      emi = loanAmountValue * monthlyInterest * \r\n            Math.pow(1 + monthlyInterest, numberOfPayments) \/ \r\n            (Math.pow(1 + monthlyInterest, numberOfPayments) - 1);\r\n      \r\n      totalPayment = emi * numberOfPayments;\r\n      totalInterest = totalPayment - loanAmountValue;\r\n    }\r\n    \r\n    \/\/ Update UI\r\n    totalPropertyCost.textContent = formatCurrency(totalCost);\r\n    loanAmount.textContent = formatCurrency(loanAmountValue);\r\n    monthlyEmi.textContent = formatCurrency(Math.round(emi));\r\n    \r\n    breakdownBase.textContent = formatCurrency(price);\r\n    breakdownStamp.textContent = formatCurrency(stampDuty);\r\n    breakdownLegal.textContent = formatCurrency(legal);\r\n    breakdownMaintenance.textContent = formatCurrency(maintenance);\r\n    breakdownInterior.textContent = formatCurrency(interior);\r\n    breakdownTotal.textContent = formatCurrency(totalCost);\r\n    \r\n    emiLoanAmount.textContent = formatCurrency(loanAmountValue);\r\n    emiInterest.textContent = `${interestRatePercent}%`;\r\n    emiTenure.textContent = `${loanTenure} Years`;\r\n    emiTotalInterest.textContent = formatCurrency(Math.round(totalInterest));\r\n    emiTotalPayment.textContent = formatCurrency(Math.round(totalPayment));\r\n  }\r\n  \r\n  \/\/ Format currency\r\n  function formatCurrency(amount) {\r\n    if (isNaN(amount)) return '\u20b90';\r\n    return '\u20b9' + Math.round(amount).toLocaleString('en-IN');\r\n  }\r\n  \r\n  \/\/ Show results\r\n  function showResults() {\r\n    form.style.display = 'none';\r\n    resultsContainer.style.display = 'block';\r\n    \r\n    \/\/ Animate results\r\n    const summaryCards = document.querySelectorAll('.re-summary-card');\r\n    summaryCards.forEach((card, index) => {\r\n      card.style.opacity = '0';\r\n      card.style.transform = 'translateY(20px)';\r\n      \r\n      setTimeout(() => {\r\n        card.style.transition = 'all 0.5s ease';\r\n        card.style.opacity = '1';\r\n        card.style.transform = 'translateY(0)';\r\n      }, index * 200);\r\n    });\r\n  }\r\n  \r\n  \/\/ Reset calculator\r\n  function resetCalculator() {\r\n    form.reset();\r\n    resultsContainer.style.display = 'none';\r\n    form.style.display = 'block';\r\n    \r\n    \/\/ Reset active states\r\n    propertyTypeCards.forEach(card => card.classList.remove('active'));\r\n    propertyTypeCards[0].classList.add('active');\r\n    \r\n    \/\/ Reset to first step\r\n    navigateToStep(1);\r\n    \r\n    \/\/ Update additional costs\r\n    updateAdditionalCosts();\r\n    \r\n    \/\/ Scroll to top\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  }\r\n  \r\n  \/\/ Initialize the calculator\r\n  initCalculator();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Real Estate Cost Calculator Calculate your complete property investment cost 1 Property Details 2 Financial Details 3 Additional Costs Property<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27772","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27772"}],"version-history":[{"count":0,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27772\/revisions"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}