{"id":32,"date":"2026-07-26T13:29:28","date_gmt":"2026-07-26T13:29:28","guid":{"rendered":"https:\/\/impact-living.co.uk\/?page_id=32"},"modified":"2026-09-16T10:57:50","modified_gmt":"2026-09-16T10:57:50","slug":"home-page","status":"publish","type":"page","link":"https:\/\/staging.impact-living.co.uk\/","title":{"rendered":"Home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb367bc e-con e-atomic-element e-flexbox-base e-be44b0e \" data-id=\"eb367bc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb367bc\">\n    <div class=\"elementor-element elementor-element-5c926f9 e-con e-atomic-element e-div-block-base e-5c926f9-3732c07 \" data-id=\"5c926f9\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"5c926f9\">\n    <div class=\"elementor-element elementor-element-68b2971 e-con e-atomic-element e-div-block-base \" data-id=\"68b2971\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"68b2971\">\n    \t\t<div class=\"elementor-element elementor-element-3dac808 elementor-widget elementor-widget-html\" data-id=\"3dac808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  transform: translateX(-40px); \/* your slide-in distance *\/\n  opacity: 0;\n  animation: slideInEyebrow 1000ms ease-out forwards;\n}\n.eyebrow-line {\n  width: 20px; \/* your line length *\/\n  height: 2px; \/* your line thickness *\/\n  background: #C1652F; \/* your line colour *\/\n  display: inline-block;\n}\n.eyebrow-label {\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #1A1A18; \/* your eyebrow text colour *\/\n}\n@keyframes slideInEyebrow {\n  from {\n    transform: translateX(-40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .eyebrow {\n    animation: none;\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n<\/style>\n<div class=\"eyebrow\">\n  <span class=\"eyebrow-line\"><\/span>\n  <span class=\"eyebrow-label\">Housing Help<\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"54b845b\" class=\"hero-heading e-heading-base\">The right home for you.<\/h1>\n\t\t\t\t\t<p class=\"e-8cc9cb8-529f20e e-paragraph-base\" data-interaction-id=\"8cc9cb8\">Impact Living helps families and carers find a new home. This is for when a home, a placement, or a hospital stay is not working. We help after an injury or a long illness. We find a safe home that is right for you.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8373015 e-con e-atomic-element e-div-block-base e-8373015-d8edadd \" data-id=\"8373015\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8373015\">\n    \t\t<div class=\"elementor-element elementor-element-b4c7bf2 elementor-widget elementor-widget-html\" data-id=\"b4c7bf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.il-btn-row {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.il-btn {\n  display: inline-block !important;\n  padding: 13px 28px !important;\n  border-radius: 25px !important;\n  font-weight: 500;\n  font-size: 18px;\n  text-decoration: none !important;\n  border: 2px solid transparent !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n}\n.il-btn:hover,\n.il-btn:focus-visible,\n.il-btn:active,\n.il-btn:visited {\n  text-decoration: none !important;\n}\n.il-btn:hover,\n.il-btn:focus-visible {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n}\n.il-btn:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 3px;\n}\n\n\/* Primary \u2014 solid *\/\n.il-btn-primary {\n  background: #6E8F6C !important; \/* your background colour *\/\n  border-color: #6E8F6C !important; \/* your border colour *\/\n  color: #FFFFFF !important;\n}\n.il-btn-primary:hover,\n.il-btn-primary:focus-visible {\n  background: #5C7A57 !important; \/* your hover background colour *\/\n  border-color: #5C7A57 !important; \/* your hover border colour *\/\n  color: #2B2A27 !important;\n}\n\n\/* Secondary \u2014 outline *\/\n.il-btn-secondary {\n  background: transparent !important;\n  border-color: #4D644B !important; \/* darker default border *\/\n  color: #2B2A27 !important; \/* your text colour *\/\n}\n.il-btn-secondary:hover,\n.il-btn-secondary:focus-visible {\n  background: #6E8F6C !important; \/* your hover fill colour *\/\n  border-color: #5C7A57 !important; \/* your hover border colour *\/\n  color: #FFFFFF !important; \/* your hover text colour *\/\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .il-btn { transition: none; }\n  .il-btn:hover, .il-btn:focus-visible { transform: none; }\n}\n<\/style>\n<div class=\"il-btn-row\">\n  <a href=\"#\" class=\"il-btn il-btn-primary\">Discuss a Housing Need<\/a>\n  <a href=\"#howwehelp\" class=\"il-btn il-btn-secondary\">Find your route<\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-93b01c4 e-con e-atomic-element e-div-block-base e-93b01c4-9ecfa8a \" data-id=\"93b01c4\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"93b01c4\">\n    \t\t<div class=\"elementor-element elementor-element-f6fe876 elementor-widget elementor-widget-html\" data-id=\"f6fe876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.ilhero-image-frame {\n  position: relative;\n  border-radius: 18px;\n  overflow: hidden;\n  border: 2px solid #2B2A27;\n  box-shadow: 0 8px 20px rgba(43, 42, 39, 0.2);\n  aspect-ratio: 4 \/ 5;\n  max-width: 480px;\n  width: 100%;\n  align-self: flex-start;\n  margin: 0 auto;\n  background: #E7EFE6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ilhero-image-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }\n.ilhero-image-placeholder { font-size: 14px; color: #5C7A57; text-align: center; padding: 0 24px; }\n<\/style>\n\n<!-- Replace the empty src below with a real photo URL \u2014 the tinted placeholder box and\n     label show instead until you do, so this never renders as a broken-image icon. -->\n<div class=\"ilhero-image-frame\">\n  <img decoding=\"async\" src=\"\" alt=\"\" onerror=\"this.style.display='none'\">\n  <span class=\"ilhero-image-placeholder\">Add a photo here<\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-6c415f0 e-con e-atomic-element e-flexbox-base e-bd218e7 \" data-id=\"6c415f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6c415f0\">\n    \t\t<div class=\"elementor-element elementor-element-cc3ecff elementor-widget elementor-widget-html\" data-id=\"cc3ecff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.ilwho-wrap {\n  --bg: #E3DDD0;\n  --card: #FFFFFF;\n  --border: #E3DCC9;\n  --heading: #1C3A4B;\n  --body: #3A3937;\n  --green: #6E8F6C;\n  --green-dark: #5C7A57;\n  --orange: #C1652F;\n  background: var(--bg);\n  color: var(--body);\n}\n.ilwho-section { max-width: 1280px; margin: 0 auto; padding: 64px 24px; }\n.ilwho-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.ilwho-eyebrow span:first-child { width: 18px; height: 2px; background: var(--orange); display: inline-block; }\n.ilwho-eyebrow span:last-child { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--heading); }\n.ilwho-heading { font-size: 30px; font-weight: 700; color: var(--heading); margin: 0; line-height: 1.2; }\n.ilwho-rule { width: 118px; height: 3px; background: var(--orange); margin: 14px 0 24px; }\n.ilwho-lead { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0 0 28px; max-width: 640px; }\n\n.ilwho-icon { width: 18px !important; height: 18px !important; flex-shrink: 0; overflow: hidden; display: inline-flex; color: var(--green-dark); }\n.ilwho-icon svg { display: block !important; width: 100% !important; height: 100% !important; }\n\n.ilwho-chip-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }\n.ilwho-chip {\n  display: flex; align-items: center; gap: 8px;\n  background: var(--card); border: 0.5px solid var(--border); border-radius: 20px;\n  padding: 10px 18px; font-size: 14px; color: var(--heading);\n  text-decoration: none !important; cursor: pointer;\n  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n}\n.ilwho-chip:hover, .ilwho-chip:focus-visible { background: var(--green); border-color: var(--green); color: #FFFFFF; }\n.ilwho-chip:focus-visible { outline: 2px solid var(--green-dark); outline-offset: 2px; }\n.ilwho-chip:hover .ilwho-icon, .ilwho-chip:focus-visible .ilwho-icon { color: #FFFFFF; }\n\n.ilwho-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }\n<\/style>\n\n<div class=\"ilwho-wrap\">\n  <section class=\"ilwho-section\">\n    <div class=\"ilwho-eyebrow\"><span><\/span><span>Who Impact Living supports<\/span><\/div>\n    <h2 class=\"ilwho-heading\">Who we help<\/h2>\n    <div class=\"ilwho-rule\"><\/div>\n    <p class=\"ilwho-lead\">We work with the people involved in someone's housing, care or recovery -  families or professionals, often both.<\/p>\n\n    <div class=\"ilwho-chip-row\">\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/families-and-advocates\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M14.5 20c.3-2.6 1.8-4.6 3.9-5.4\"\/><\/svg><\/span>\n        Families and advocates\n      <\/a>\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/case-managers-and-deputies\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M8 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg><\/span>\n        Case managers and deputies\n      <\/a>\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/nhs-and-social-care\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h4l2-6l3 12l2-9l1.5 3H21\"\/><\/svg><\/span>\n        NHS and social care teams\n      <\/a>\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/commissioners\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"4\" width=\"12\" height=\"16\" rx=\"2\"\/><path d=\"M9 4h6v2H9z\"\/><path d=\"M9 10h6M9 13h6M9 16h4\"\/><\/svg><\/span>\n        Commissioners\n      <\/a>\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/litigation-solicitors\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M6 7h12M6 7l-3 6h6l-3-6zM18 7l-3 6h6l-3-6z\"\/><\/svg><\/span>\n        Litigation solicitors\n      <\/a>\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/supported-living-providers\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"9\" width=\"7\" height=\"11\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"16\"\/><path d=\"M6 12h1M6 15h1M15 8h1M15 11h1M15 14h1\"\/><\/svg><\/span>\n        Supported living providers\n      <\/a>\n      <a class=\"ilwho-chip\" href=\"\/who-we-help\/landlords-and-developers\">\n        <span class=\"ilwho-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"6\" width=\"14\" height=\"14\"\/><path d=\"M9 10h1M9 13h1M9 16h1M14 10h1M14 13h1M14 16h1\"\/><\/svg><\/span>\n        Landlords and developers\n      <\/a>\n    <\/div>\n\n    <!-- Optional CTA \u2014 uncomment and edit if you want a call to action under this section.\n         Uses the same .il-btn \/ .il-btn-primary \/ .il-btn-secondary classes already on the hero,\n         so no extra button CSS is needed here as long as that <style> block is on the page once.\n    <div class=\"ilwho-cta-row\">\n      <a href=\"#\" class=\"il-btn il-btn-primary\">Discuss a housing need<\/a>\n      <a href=\"#\" class=\"il-btn il-btn-secondary\">See all who we help<\/a>\n    <\/div>\n    -->\n  <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bf88570 e-con e-atomic-element e-flexbox-base e-bf88570-0b4c6d6 \" data-id=\"bf88570\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bf88570\">\n    \t\t<div class=\"elementor-element elementor-element-3518689 elementor-widget elementor-widget-html\" data-id=\"3518689\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  Impact Living \u2014 Section: Common situations\n  Fully self-contained: paste anywhere on the page, independent of the other sections.\n  To change just this section's background, edit --bg below.\n-->\n<style>\n.ilsit-wrap {\n  --bg: #F5F1E7;\n  --card: #FFFFFF;\n  --card-border: #2B2A27;\n  --heading: #1C3A4B;\n  --body: #3A3937;\n  --green-dark: #5C7A57;\n  --orange: #C1652F;\n  background: var(--bg);\n  color: var(--body);\n}\n.ilsit-section { max-width: 1280px; margin: 0 auto; padding: 64px 24px; }\n.ilsit-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.ilsit-eyebrow span:first-child { width: 18px; height: 2px; background: var(--orange); display: inline-block; }\n.ilsit-eyebrow span:last-child { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--heading); }\n.ilsit-heading { font-size: 30px; font-weight: 700; color: var(--heading); margin: 0; line-height: 1.2; }\n.ilsit-rule { width: 118px; height: 3px; background: var(--orange); margin: 14px 0 28px; }\n\n.ilsit-icon-badge {\n  flex-shrink: 0;\n  width: 48px; height: 48px;\n  border-radius: 50%;\n  background: #E7EFE6;\n  display: flex; align-items: center; justify-content: center;\n}\n.ilsit-icon { width: 24px !important; height: 24px !important; flex-shrink: 0; overflow: hidden; display: inline-flex; color: var(--green-dark); }\n.ilsit-icon svg { display: block !important; width: 100% !important; height: 100% !important; }\n\n.ilsit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }\n@media (max-width: 820px) { .ilsit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\n@media (max-width: 480px) { .ilsit-grid { grid-template-columns: 1fr; } }\n\n.ilsit-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  background: var(--card);\n  border: 2px solid var(--card-border);\n  border-radius: 18px;\n  box-shadow: 0 8px 20px rgba(43, 42, 39, 0.2);\n  padding: 20px 22px;\n  overflow: visible;\n}\n.ilsit-card p { font-size: 14px; line-height: 1.6; color: var(--heading); margin: 0; padding-top: 6px; }\n\n.ilsit-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }\n\n\/* Scroll reveal *\/\n.ilsit-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: calc(var(--d, 0) * 1ms); }\n.ilsit-reveal.is-visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .ilsit-reveal { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<div class=\"ilsit-wrap\">\n  <section class=\"ilsit-section\">\n    <div class=\"ilsit-reveal\">\n      <div class=\"ilsit-eyebrow\"><span><\/span><span>When people come to us<\/span><\/div>\n      <h2 class=\"ilsit-heading\">Common situations<\/h2>\n      <div class=\"ilsit-rule\"><\/div>\n    <\/div>\n\n    <div class=\"ilsit-grid\">\n      <div class=\"ilsit-card ilsit-reveal\" style=\"--d:0\">\n        <span class=\"ilsit-icon-badge\"><span class=\"ilsit-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 11.5L12 4l8 7.5\"\/><path d=\"M6 10v9h5v-5h2v5h5v-9\"\/><\/svg><\/span><\/span>\n        <p>The current home doesn't work any more<\/p>\n      <\/div>\n      <div class=\"ilsit-card ilsit-reveal\" style=\"--d:60\">\n        <span class=\"ilsit-icon-badge\"><span class=\"ilsit-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"3\"\/><path d=\"M12 8v8M8 12h8\"\/><\/svg><\/span><\/span>\n        <p>Hospital discharge is delayed because there's no suitable home<\/p>\n      <\/div>\n      <div class=\"ilsit-card ilsit-reveal\" style=\"--d:120\">\n        <span class=\"ilsit-icon-badge\"><span class=\"ilsit-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20s-7-4.3-7-9.5C5 7 7.2 5 9.7 5c1 0 2 .4 2.3 1.2C12.3 5.4 13.3 5 14.3 5 16.8 5 19 7 19 10.5 19 15.7 12 20 12 20z\"\/><\/svg><\/span><\/span>\n        <p>A serious injury means an adapted home is needed<\/p>\n      <\/div>\n      <div class=\"ilsit-card ilsit-reveal\" style=\"--d:180\">\n        <span class=\"ilsit-icon-badge\"><span class=\"ilsit-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/span>\n        <p>A young person is moving into adult life and needs a new home<\/p>\n      <\/div>\n      <div class=\"ilsit-card ilsit-reveal\" style=\"--d:240\">\n        <span class=\"ilsit-icon-badge\"><span class=\"ilsit-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7\" y=\"3\" width=\"10\" height=\"18\" rx=\"1\"\/><circle cx=\"13\" cy=\"12\" r=\"1.3\"\/><\/svg><\/span><\/span>\n        <p>A provider has people to house but no property that fits<\/p>\n      <\/div>\n      <div class=\"ilsit-card ilsit-reveal\" style=\"--d:300\">\n        <span class=\"ilsit-icon-badge\"><span class=\"ilsit-icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M14.5 20c.3-2.6 1.8-4.6 3.9-5.4\"\/><\/svg><\/span><\/span>\n        <p>A family wants to set up their own supported living<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Optional CTA \u2014 uncomment and edit if you want a call to action under this section.\n         Uses the .il-btn classes already on the hero \u2014 no extra button CSS needed here.\n    <div class=\"ilsit-cta-row\">\n      <a href=\"#\" class=\"il-btn il-btn-primary\">Tell us your situation<\/a>\n    <\/div>\n    -->\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('.ilsit-reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(el){ el.classList.add('is-visible'); }); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el){ io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e3704cc e-con e-atomic-element e-flexbox-base e-e3704cc-041f6f0 \" data-id=\"e3704cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e3704cc\">\n    \t\t<div class=\"elementor-element elementor-element-7879740 elementor-widget elementor-widget-html\" data-id=\"7879740\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.ilhow-wrap {\n  --bg: #E3DDD0;\n  --heading: #1C3A4B;\n  --body: #3A3937;\n  --green: #6E8F6C;\n  --green-dark: #5C7A57;\n  --orange: #C1652F;\n  background: var(--bg);\n  color: var(--body);\n}\n.ilhow-section { max-width: 1280px; margin: 0 auto; padding: 64px 24px; }\n.ilhow-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.ilhow-eyebrow span:first-child { width: 18px; height: 2px; background: var(--orange); display: inline-block; }\n.ilhow-eyebrow span:last-child { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--heading); }\n.ilhow-heading { font-size: 30px; font-weight: 700; color: var(--heading); margin: 0; line-height: 1.2; }\n.ilhow-rule { width: 118px; height: 3px; background: var(--orange); margin: 14px 0 28px; }\n\n.ilhow-layout { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: start; max-width: 900px; margin: 0 auto; }\n@media (max-width: 900px) { .ilhow-layout { grid-template-columns: 1fr; } }\n\n.ilhow-steps { position: relative; display: flex; flex-direction: column; gap: 28px; }\n.ilhow-steps::before {\n  content: \"\";\n  position: absolute;\n  left: 19px;\n  top: 20px;\n  bottom: 20px;\n  width: 2px;\n  background: #D3CBB8;\n}\n.ilhow-step { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 20px; }\n.ilhow-step-num {\n  position: relative;\n  z-index: 2;\n  flex-shrink: 0;\n  width: 40px; height: 40px; border-radius: 50%;\n  background: var(--green); color: #FFFFFF;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px; font-weight: 700;\n  box-shadow: 0 4px 10px rgba(43, 42, 39, 0.2);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;\n}\n.ilhow-step:hover .ilhow-step-num {\n  transform: scale(1.15);\n  background: var(--green-dark);\n  box-shadow: 0 6px 16px rgba(43, 42, 39, 0.35);\n}\n.ilhow-step p { font-size: 16px; line-height: 1.6; color: var(--heading); margin: 0; padding-top: 8px; }\n\n.ilhow-image-frame {\n  position: relative;\n  border-radius: 18px;\n  overflow: hidden;\n  border: 2px solid #2B2A27;\n  box-shadow: 0 8px 20px rgba(43, 42, 39, 0.2);\n  aspect-ratio: 4 \/ 5;\n  background: #E7EFE6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ilhow-image-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }\n.ilhow-image-placeholder { font-size: 14px; color: var(--green-dark); text-align: center; padding: 0 24px; }\n\n.ilhow-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }\n\n\/* Scroll reveal *\/\n.ilhow-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: calc(var(--d, 0) * 1ms); }\n.ilhow-reveal.is-visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .ilhow-reveal { transition: none; opacity: 1; transform: none; }\n  .ilhow-step-num { transition: none; }\n  .ilhow-step:hover .ilhow-step-num { transform: none; }\n}\n<\/style>\n\n<div class=\"ilhow-wrap\">\n  <section class=\"ilhow-section\">\n    <div class=\"ilhow-reveal\">\n      <div class=\"ilhow-eyebrow\"><span><\/span><span>The Impact Living approach<\/span><\/div>\n      <h2 class=\"ilhow-heading\">How we help<\/h2>\n      <div class=\"ilhow-rule\"><\/div>\n    <\/div>\n\n    <div class=\"ilhow-layout\">\n      <div class=\"ilhow-steps\">\n        <div class=\"ilhow-step ilhow-reveal\" style=\"--d:0\"><div class=\"ilhow-step-num\">1<\/div><p>Find out what's really needed<\/p><\/div>\n        <div class=\"ilhow-step ilhow-reveal\" style=\"--d:60\"><div class=\"ilhow-step-num\">2<\/div><p>Build a clear plan<\/p><\/div>\n        <div class=\"ilhow-step ilhow-reveal\" style=\"--d:120\"><div class=\"ilhow-step-num\">3<\/div><p>Shape the property brief<\/p><\/div>\n        <div class=\"ilhow-step ilhow-reveal\" style=\"--d:180\"><div class=\"ilhow-step-num\">4<\/div><p>Check the plan will work<\/p><\/div>\n        <div class=\"ilhow-step ilhow-reveal\" style=\"--d:240\"><div class=\"ilhow-step-num\">5<\/div><p>Bring in the right experts<\/p><\/div>\n        <div class=\"ilhow-step ilhow-reveal\" style=\"--d:300\"><div class=\"ilhow-step-num\">6<\/div><p>Keep everyone aligned<\/p><\/div>\n      <\/div>\n\n      <!-- Replace the empty src below with a real photo URL. If src stays empty\/broken, the tinted\n           placeholder box and label show instead, so this never renders as a broken-image icon. -->\n      <div class=\"ilhow-image-frame ilhow-reveal\" style=\"--d:0\">\n        <img decoding=\"async\" src=\"\" alt=\"\" onerror=\"this.style.display='none'\">\n        <span class=\"ilhow-image-placeholder\">Add a photo here<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Optional CTA \u2014 uncomment and edit if you want a call to action under this section.\n         Uses the .il-btn classes already on the hero \u2014 no extra button CSS needed here.\n    <div class=\"ilhow-cta-row\">\n      <a href=\"#\" class=\"il-btn il-btn-primary\">See how we work<\/a>\n    <\/div>\n    -->\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('.ilhow-reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(el){ el.classList.add('is-visible'); }); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el){ io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e86b3ea e-con e-atomic-element e-flexbox-base e-e86b3ea-9c8befd \" data-id=\"e86b3ea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e86b3ea\">\n    <div class=\"elementor-element elementor-element-7db671f e-con e-atomic-element e-div-block-base e-7db671f-3e03659 \" data-id=\"7db671f\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"7db671f\">\n    \t\t\t<h2 data-interaction-id=\"426ac98\" class=\"e-426ac98-d8d83e8 e-heading-base\">Not sure what happens next?<\/h2>\n\t\t\t\t\t<p class=\"e-c61fc84-87da3d9 e-paragraph-base\" data-interaction-id=\"c61fc84\">Tell us what's going on and we'll help you find the right next step.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ea6eb0 elementor-widget elementor-widget-html\" data-id=\"2ea6eb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.btn-row {\n  display: flex;\n  justify-content: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.btn {\n  display: inline-block;\n  padding: 13px 28px;\n  border-radius: 25px;\n  font-weight: 500;\n  font-size: 18px;\n  text-decoration: none !important;\n  border: 2px solid transparent;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n}\n.btn:hover,\n.btn:focus-visible,\n.btn:active,\n.btn:visited {\n  text-decoration: none !important;\n}\n.btn:hover,\n.btn:focus-visible {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n}\n.btn:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 3px;\n}\n\/* Primary \u2014 solid *\/\n.btn-primary {\n  background: #6E8F6C; \/* your background colour *\/\n  border-color: #6E8F6C; \/* your border colour *\/\n  color: #FFFFFF;\n}\n.btn-primary:hover,\n.btn-primary:focus-visible {\n  background: #5C7A57; \/* your hover background colour *\/\n  border-color: #5C7A57; \/* your hover border colour *\/\n  color: #2B2A27;\n}\n@media (prefers-reduced-motion: reduce) {\n  .btn { transition: none; }\n  .btn:hover, .btn:focus-visible { transform: none; }\n}\n<\/style>\n<div class=\"btn-row\">\n  <a href=\"#\" class=\"btn btn-primary\">Discuss a Housing Need<\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-fb301a0 e-con e-atomic-element e-flexbox-base e-fb301a0-f3f4720 \" data-id=\"fb301a0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fb301a0\">\n    \t\t<div class=\"elementor-element elementor-element-eeb9241 elementor-widget elementor-widget-html\" data-id=\"eeb9241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.ilwhy-wrap {\n  --bg: #F5F1E7;\n  --heading: #1C3A4B;\n  --body: #3A3937;\n  --orange: #C1652F;\n  background: var(--bg);\n}\n.ilwhy-section { max-width: 1280px; margin: 0 auto; padding: 64px 24px; }\n.ilwhy-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.ilwhy-eyebrow span:first-child { width: 18px; height: 2px; background: var(--orange); display: inline-block; }\n.ilwhy-eyebrow span:last-child { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--heading); }\n.ilwhy-heading { font-size: 30px; font-weight: 700; color: var(--heading); margin: 0; line-height: 1.2; }\n.ilwhy-rule { width: 118px; height: 3px; background: var(--orange); margin: 14px 0 24px; }\n\n.ilwhy-layout { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: center; max-width: 900px !important; margin: 0 auto !important; width: 100%; }\n@media (max-width: 820px) { .ilwhy-layout { grid-template-columns: 1fr; } }\n\n.ilwhy-image-frame {\n  position: relative;\n  border-radius: 18px;\n  overflow: hidden;\n  border: 2px solid #2B2A27;\n  box-shadow: 0 8px 20px rgba(43, 42, 39, 0.2);\n  aspect-ratio: 4 \/ 3;\n  background: #E7EFE6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ilwhy-image-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }\n.ilwhy-image-placeholder { font-size: 14px; color: #5C7A57; text-align: center; padding: 0 24px; }\n\n.ilwhy-statement { max-width: 640px; }\n.ilwhy-statement p { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0 0 16px; }\n.ilwhy-statement p:last-child { margin-bottom: 0; }\n\n.ilwhy-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }\n\n\/* Scroll reveal *\/\n.ilwhy-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; }\n.ilwhy-reveal.is-visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .ilwhy-reveal { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<div class=\"ilwhy-wrap\">\n  <section class=\"ilwhy-section\">\n    <div class=\"ilwhy-reveal\">\n      <div class=\"ilwhy-eyebrow\"><span><\/span><span>The case for acting early<\/span><\/div>\n      <h2 class=\"ilwhy-heading\">Why this matters<\/h2>\n      <div class=\"ilwhy-rule\"><\/div>\n    <\/div>\n\n    <div class=\"ilwhy-layout\">\n      <!-- Replace the empty src below with a real photo URL \u2014 placeholder box shows until you do. -->\n      <div class=\"ilwhy-image-frame ilwhy-reveal\">\n        <img decoding=\"async\" src=\"\" alt=\"\" onerror=\"this.style.display='none'\">\n        <span class=\"ilwhy-image-placeholder\">Add a photo here<\/span>\n      <\/div>\n\n      <div class=\"ilwhy-statement ilwhy-reveal\">\n        <p>A need can be agreed and written down, but that doesn't mean a home is ready.<\/p>\n        <p>We help turn that plan into a real, working home, before things get harder or more expensive.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Optional CTA \u2014 uncomment and edit if you want a call to action under this section.\n         Uses the .il-btn classes already on the hero \u2014 no extra button CSS needed here.\n    <div class=\"ilwhy-cta-row\">\n      <a href=\"#\" class=\"il-btn il-btn-primary\">Discuss a housing need<\/a>\n    <\/div>\n    -->\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('.ilwhy-reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(el){ el.classList.add('is-visible'); }); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el){ io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e47091b e-con e-atomic-element e-flexbox-base e-e47091b-8a8b97c \" data-id=\"e47091b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e47091b\">\n    \t\t<div class=\"elementor-element elementor-element-4de847a elementor-widget elementor-widget-html\" data-id=\"4de847a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.ilbound-wrap {\n  --bg: #E3DDD0;\n  --card: #FFFFFF;\n  --card-border: #2B2A27;\n  --heading: #1C3A4B;\n  --green-dark: #5C7A57;\n  --orange: #C1652F;\n  background: var(--bg);\n}\n.ilbound-section { max-width: 1280px; margin: 0 auto; padding: 64px 24px; }\n.ilbound-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.ilbound-eyebrow span:first-child { width: 18px; height: 2px; background: var(--orange); display: inline-block; }\n.ilbound-eyebrow span:last-child { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--heading); }\n.ilbound-heading { font-size: 30px; font-weight: 700; color: var(--heading); margin: 0; line-height: 1.2; }\n.ilbound-rule { width: 118px; height: 3px; background: var(--orange); margin: 14px 0 28px; }\n\n.ilbound-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 700px !important; margin: 0 auto !important; width: 100%; }\n@media (max-width: 600px) { .ilbound-grid { grid-template-columns: 1fr; } }\n\n.ilbound-card {\n  background: var(--card);\n  border: 2px solid var(--card-border);\n  border-radius: 18px;\n  box-shadow: 0 8px 20px rgba(43, 42, 39, 0.2);\n  padding: 22px 24px;\n}\n.ilbound-label { font-size: 13px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.04em; }\n.ilbound-card.do .ilbound-label { color: var(--green-dark); }\n.ilbound-card.dont .ilbound-label { color: var(--orange); }\n.ilbound-card p { font-size: 14px; line-height: 1.7; color: var(--heading); margin: 0; }\n\n.ilbound-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }\n\n\/* Scroll reveal *\/\n.ilbound-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: calc(var(--d, 0) * 1ms); }\n.ilbound-reveal.is-visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .ilbound-reveal { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<div class=\"ilbound-wrap\">\n  <section class=\"ilbound-section\">\n    <div class=\"ilbound-reveal\">\n      <div class=\"ilbound-eyebrow\"><span><\/span><span>Our role in the process<\/span><\/div>\n      <h2 class=\"ilbound-heading\">Clear boundaries<\/h2>\n      <div class=\"ilbound-rule\"><\/div>\n    <\/div>\n\n    <div class=\"ilbound-grid\">\n      <div class=\"ilbound-card do ilbound-reveal\" style=\"--d:0\">\n        <div class=\"ilbound-label\">What we do<\/div>\n        <p>Impact Living brings the housing plan together and keeps everyone working towards it.<\/p>\n      <\/div>\n      <div class=\"ilbound-card dont ilbound-reveal\" style=\"--d:80\">\n        <div class=\"ilbound-label\">What we don't do<\/div>\n        <p>Legal, medical, care, planning or building decisions. Those stay with the right professionals.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Optional CTA \u2014 uncomment and edit if you want a call to action under this section.\n         Uses the .il-btn classes already on the hero \u2014 no extra button CSS needed here.\n    <div class=\"ilbound-cta-row\">\n      <a href=\"#\" class=\"il-btn il-btn-secondary\">Understand our role<\/a>\n    <\/div>\n    -->\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('.ilbound-reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(el){ el.classList.add('is-visible'); }); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el){ io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2764127 e-con e-atomic-element e-flexbox-base e-2764127-c2d57c0 \" data-id=\"2764127\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2764127\">\n    <div class=\"elementor-element elementor-element-c041cda e-con e-atomic-element e-div-block-base e-c041cda-79b330f \" data-id=\"c041cda\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"c041cda\">\n    \t\t\t<h2 data-interaction-id=\"d8953d3\" class=\"e-d8953d3-dd2177b e-heading-base\">Let's talk about the right home.<\/h2>\n\t\t\t\t\t<p class=\"e-d3d9743-e16b36f e-paragraph-base\" data-interaction-id=\"d3d9743\">Whether you're a local authority, a commissioner, a solicitor, or a family member, we're happy to talk through your situation.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b8cdb5 elementor-widget elementor-widget-html\" data-id=\"9b8cdb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.btn-row {\n  display: flex;\n  justify-content: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.btn {\n  display: inline-block;\n  padding: 13px 28px;\n  border-radius: 25px;\n  font-weight: 500;\n  font-size: 18px;\n  text-decoration: none !important;\n  border: 2px solid transparent;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n}\n.btn:hover,\n.btn:focus-visible,\n.btn:active,\n.btn:visited {\n  text-decoration: none !important;\n}\n.btn:hover,\n.btn:focus-visible {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n}\n.btn:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 3px;\n}\n\/* Primary \u2014 solid *\/\n.btn-primary {\n  background: #6E8F6C; \/* your background colour *\/\n  border-color: #6E8F6C; \/* your border colour *\/\n  color: #FFFFFF;\n}\n.btn-primary:hover,\n.btn-primary:focus-visible {\n  background: #5C7A57; \/* your hover background colour *\/\n  border-color: #5C7A57; \/* your hover border colour *\/\n  color: #2B2A27;\n}\n@media (prefers-reduced-motion: reduce) {\n  .btn { transition: none; }\n  .btn:hover, .btn:focus-visible { transform: none; }\n}\n<\/style>\n<div class=\"btn-row\">\n  <a href=\"#\" class=\"btn btn-primary\">Discuss a Housing Need<\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Housing Help The right home for you. Impact Living helps families and carers find a new home. This is for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"","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-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":279,"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/336"}],"wp:attachment":[{"href":"https:\/\/staging.impact-living.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}