PageSourceSearch

https://espc.com/users/login?rp=%2F

html espc.com collected 2026-10-02 04:59:01 UTC 108,227 bytes, 985 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <meta name="apple-itunes-app" content="app-id=6754396148" />
7    <meta name="google-play-app" content="app-id=com.espc.public">
8    
9    
9<script>
10    window.dataLayer = window.dataLayer || [];
11    window.testVariant = null;
12</script>
12
13
14    
14<script>
15    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
17        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
18        'https://www.googletagmanager.com/gtm.js?id='+i+dl+'&gtm_auth=Afrf500IazEEceIwdhznIA&gtm_preview=env-2&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
19    })(window,document,'script','dataLayer','GTM-PXHSBTN');</script>
19
20
21
22    
22<script>
23    window.oaiq = window.oaiq || function () {
24      (window.oaiq.q = window.oaiq.q || []).push(arguments);
25    };
26    oaiq("init", { pixelId: "WmC8NfmqzE38SJMaiD7TAe" });
27</script>
vendor: 2 bytes, line 27
27
28<script async src="https://bzrcdn.openai.com/sdk/oaiq.min.js"></script>
28
29
30    
31    <title>Sign in to My ESPC | ESPC</title>
32    <link rel="stylesheet" href="/bundles/client-g56o9mcr.css"></link><link rel="stylesheet" href="/bundles/text-link-iqdzrncr.css" />
33    <meta name="description" content="Sign in to My ESPC. Save your searches, manage your favourite properties and stay up to date with the latest property alerts.">
34    <meta property="og:title" content="Sign in to My ESPC | ESPC">
35    <meta property="og:description" content="Sign in to My ESPC. Save your searches, manage your favourite properties and stay up to date with the latest property alerts.">
36    <meta property="fb:app_id" content="960305814144967" />
37    <meta property="og:type" content="website" />
38    <meta property="og:image" content="https://espc.com/resources/images/espc_fb_logo.jpg" />
39    <meta property="og:url" content="https://espc.com/users/login" />
40    <link rel="canonical" href="https://espc.com/users/login" />
41
42    <link rel="shortcut icon" href="/static/icons/favicon.ico">
43    <link rel="preload" href="/static/css/fontello.css" as="style" onload="this.rel='stylesheet'">
44</head>
45<body class="twp">
46    <div class="flex flex-col min-h-screen">
47        
48
49<nav class="twp w-full bg-legacy-navy block mx-auto h-[73px] text-[1.1rem] leading-normal">
50    <div class="mx-auto px-2 sm:px-7.5 h-full">
51        <div class="max-w-espc-max-content mx-auto w-auto flex h-full">
52            <a href="/" class="shrink-0	mr-auto">
53                <img class="mt-[8.5px]" src="/assets/images/espc-logo-inverted-120x.png" height="54" width="96"/>
54            </a>
55            <ul class="flex-container-first !hidden mw:!flex flex-wrap mw:flex-nowrap justify-end h-0 mw:h-[73px] bg-transparent mw:bg-legacy-navy top-[73px]
56            mw:top-0 absolute mw:static z-9999 w-full mw:w-auto transition-transform mw:transition-none duration-300 mw:duration-0 translate-x-full mw:transform-none">
57
58                <!--Display first level menu-->
59                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
60                            block mw:flex
61                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
62                            <a href="/areas" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">Areas</a>
63                            <div class="dropdown-button inline-flex	cursor-pointer p-1.25">
64                                <button class="dropdown-icon border-solid border-t-[9px] mw:border-t-[6px] border-l-[9px] mw:border-l-[6px] border-r-[9px] mw:border-r-[6px] 
65                                    border-t-legacy-navy mw:border-t-neutral-white border-l-neutral-white mw:border-l-legacy-navy border-r-neutral-white mw:border-r-legacy-navy m-l-[
650.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2"></button>
66                            </div>
67                            <ul class="flex-container-second border-solid border-t border-neutral-white m-auto p-2 mw:py-1.25 mw:px-5 relative mw:absolute left-0 right-0
68                                top-0 mw:top-[73px] z-9999 !hidden mw:w-[640px] lg:w-[1040px] shadow-none mw:shadow-[0_5px_15px_rgba(0,0,0,0.35)] flex-col mw:flex-row justify-around mw:justify-normal
69                                flex-nowrap mw:flex-wrap mw:bg-neutral-white">
70                                <!--Display second level menu, including an image if there is one-->
71                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
72                                        <div class="flex-container-third flex flex-row flex-nowrap">
73                                            <a href="/areas/edinburgh" title="Edinburgh" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
74                                                <img
75                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
76                                                    alt=""
77                                                    src="/assets/images/location-icon.svg"/>
78                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
79                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Edinburgh</span>
80
81                                            </a>
82
83                                        </div>
84                                    </li>
85                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
86                                        <div class="flex-container-third flex flex-row flex-nowrap">
87                                            <a href="/areas/central-scotland" title="Central Scotland" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
88                                                <img
89                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
90                                                    alt=""
91                                                    src="/assets/images/location-icon.svg"/>
92                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
93                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Central Scotland</span>
94
95                                            </a>
96
97                                        </div>
98                                    </li>
99                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
100                                        <div class="flex-container-third flex flex-row flex-nowrap">
101                                            <a href="/areas/east-fife" title="East Fife" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
102                                                <img
103                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
104                                                    alt=""
105                                                    src="/assets/images/location-icon.svg"/>
106                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
107                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">East Fife</span>
108
109                                            </a>
110
111                                        </div>
112                                    </li>
113                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
114                                        <div class="flex-container-third flex flex-row flex-nowrap">
115                                            <a href="/areas/east-lothian" title="East Lothian" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
116                                                <img
117                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
118                                                    alt=""
119                                                    src="/assets/images/location-icon.svg"/>
120                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
121                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">East Lothian</span>
122
123                                            </a>
124
125                                        </div>
126                                    </li>
127                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
128                                        <div class="flex-container-third flex flex-row flex-nowrap">
129                                            <a href="/areas/midlothian" title="Midlothian" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
130                                                <img
131                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
132                                                    alt=""
133                                                    src="/assets/images/location-icon.svg"/>
134                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
135                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Midlothian</span>
136
137                                            </a>
138
139                                        </div>
140                                    </li>
141                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
142                                        <div class="flex-container-third flex flex-row flex-nowrap">
143                                            <a href="/areas/scottish-borders" title="Scottish Borders" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
144                                                <img
145                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
146                                                    alt=""
147                                                    src="/assets/images/location-icon.svg"/>
148                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
149                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Scottish Borders</span>
150
151                                            </a>
152
153                                        </div>
154                                    </li>
155                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
156                                        <div class="flex-container-third flex flex-row flex-nowrap">
157                                            <a href="/areas/west-fife-kinross" title="West Fife and Kinross" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
158                                                <img
159                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
160                                                    alt=""
161                                                    src="/assets/images/location-icon.svg"/>
162                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
163                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">West Fife and Kinross</span>
164
165                                            </a>
166
167                                        </div>
168                                    </li>
169                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
170                                        <div class="flex-container-third flex flex-row flex-nowrap">
171                                            <a href="/areas/west-lothian" title="West Lothian" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
172                                                <img
173                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
174                                                    alt=""
175                                                    src="/assets/images/location-icon.svg"/>
176                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
177                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">West Lothian</span>
178
179                                            </a>
180
181                                        </div>
182                                    </li>
183                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
184                                        <div class="flex-container-third flex flex-row flex-nowrap">
185                                            <a href="/areas/west-scotland" title="West Scotland" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
186                                                <img
187                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
188                                                    alt=""
189                                                    src="/assets/images/location-icon.svg"/>
190                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
191                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">West Scotland</span>
192
193                                            </a>
194
195                                        </div>
196                                    </li>
197                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
198                                        <div class="flex-container-third flex flex-row flex-nowrap">
199                                            <a href="/areas/dumfries-and-galloway" title="Dumfries &amp; Galloway" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
200                                                <img
201                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
202                                                    alt=""
203                                                    src="/assets/images/location-icon.svg"/>
204                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
205                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Dumfries &amp; Galloway</span>
206
207                                            </a>
208
209                                        </div>
210                                    </li>
211                            </ul>
212                    </li>
213                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
214                            block mw:flex
215                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
216                            <a href="/advice" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focu
216s:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">Advice</a>
217                            <div class="dropdown-button inline-flex	cursor-pointer p-1.25">
218                                <button class="dropdown-icon border-solid border-t-[9px] mw:border-t-[6px] border-l-[9px] mw:border-l-[6px] border-r-[9px] mw:border-r-[6px] 
219                                    border-t-legacy-navy mw:border-t-neutral-white border-l-neutral-white mw:border-l-legacy-navy border-r-neutral-white mw:border-r-legacy-navy m-l-[0.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2"></button>
220                            </div>
221                            <ul class="flex-container-second border-solid border-t border-neutral-white m-auto p-2 mw:py-1.25 mw:px-5 relative mw:absolute left-0 right-0
222                                top-0 mw:top-[73px] z-9999 !hidden mw:w-[640px] lg:w-[1040px] shadow-none mw:shadow-[0_5px_15px_rgba(0,0,0,0.35)] flex-col mw:flex-row justify-around mw:justify-normal
223                                flex-nowrap mw:flex-wrap mw:bg-neutral-white">
224                                <!--Display second level menu, including an image if there is one-->
225                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
226                                        <div class="flex-container-third flex flex-row flex-nowrap">
227                                            <a href="/advice/first-time-buyers" title="First time buyers" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
228                                                <img
229                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
230                                                    alt=""
231                                                    src="/media/7780/ftb_teal.png"/>
232                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
233                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">First time buyers</span>
234
235                                            </a>
236
237                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
238                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
239                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[
2390.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
240                                                </div>
241                                        </div>
242                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
243                                                <!--Display third level menu if there is one-->
244                                                    <a href="/advice/first-time-buyers/house-price-report-explained" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
245                                                       title="House Price Report Explained">
246                                                        House Price Report Explained
247                                                    </a>
248                                                    <a href="/advice/first-time-buyers/first-time-buyers-hub" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
249                                                       title="First-Time Buyers Scotland Resources Guide">
250                                                        First-Time Buyers Scotland Resources Guide
251                                                    </a>
252                                                    <a href="/advice/first-time-buyers/first-time-buyers-club-podcast" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
253                                                       title="First Timers Club Podcast">
254                                                        First Timers Club Podcast
255                                                    </a>
256                                            </div>
257                                    </li>
258                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
259                                        <div class="flex-container-third flex flex-row flex-nowrap">
260                                            <a href="/advice/buying" title="Buying" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
261                                                <img
262                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
263                                                    alt=""
264                                                    src="/media/7774/buying_coral.png"/>
265                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
266                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Buying</span>
267
268                                            </a>
269
270                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
271                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
272                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[
2720.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
273                                                </div>
274                                        </div>
275                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
276                                                <!--Display third level menu if there is one-->
277                                                    <a href="/advice/buying/finding-a-home" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
278                                                       title="Finding a home">
279                                                        Finding a home
280                                                    </a>
281                                                    <a href="/advice/buying/finding-a-solicitor-estate-agent" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
282                                                       title="Finding a solicitor estate agent">
283                                                        Finding a solicitor estate agent
284                                                    </a>
285                                                    <a href="/advice/buying/surveying-and-valuations" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
286                                                       title="Surveying and valuations">
287                                                        Surveying and valuations
288                                                    </a>
289                                                    <a href="/advice/buying/mortgages" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
290                                                       title="Mortgages">
291                                                        Mortgages
292                                                    </a>
293                                                    <a href="/advice/buying/the-legal-process" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
294                                                       title="The legal process">
295                                                        The legal process
296                                                    </a>
297                                                    <a href="/advice/buying/making-an-offer" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
298                                                       title="Making an offer">
299                                                        Making an offer
300                                                    </a>
301                                                    <a href="/advice/buying/moving-in" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
302                                                       title="Moving in">
303                                                        Moving in
304                                                    </a>
305                                                    <a href="/exclusive" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
306                                                       title="Exclusive to ESPC">
307                                                        Exclusive to ESPC
308                                                    </a>
309                                                    <a href="/advice/buying/unlock-for-buyers" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
310                                                       title="Unlock for buyers">
311                                                        Unlock for buyers
312                                                    </a>
313                                                    <a href="/advice/buying/international-buyers-guide" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
314                                                       title="International Buyers Guide">
315                                                        International Buyers Guide
316                                                    </a>
317                                            </div>
318                                    </li>
319                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
320                                        <div class="flex-container-third flex flex-row flex-nowrap">
321                                            <a href="/advice/selling" title="Selling" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
322                                                <img
323                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
324                                                    alt=""
325                                                    src="/media/7790/selling_cyan.png"/>
326                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
327                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Selling</span>
328
329                                            </a>
330
331                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
332                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
333                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[0.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
334                                                </div>
335                                        </div>
336                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
337                                                <!--Display third level menu if there is one-->
338                                                    <a href="/advice/selling/preparing-to-sell" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
339                                                       title="Preparing to sell">
340                                                        Preparing to sell
341                                                    </a>
342                                                    <a href="/advice/selling/valuation-and-marketing-preparation" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
343                                                       title="Valuation and marketing preparation">
344                                                        Valuation and marketing preparation
345                                                    </a>
346                                                    <a href="/advice/selling/putting-your-home-on-the-market" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
347                                                       title="Putting your home on the market">
348                                                        Putting your home on the market
349                                                    </a>
350                                                    <a href="/advice/selling/receiving-and-accepting-an-offer" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
351                                                       title="Receiving and accepting an offer">
352                                                        Receiving and accepting an offer
353                                                    </a>
354                                                    <a href="/advice/selling/concluding-the-sale" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
355                                                       title="Concluding the sale">
356                                                        Concluding the sale
357                                                    </a>
358                                                    <a href="/advice/selling/moving-out" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
359                                                       title="Moving out">
360                                                        Moving out
361                                                    </a>
362                                                    <a href="/more" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
363                                                       title="Get more">
364                                                        Get more
365                                                    </a>
366                                                    <a href="/advice/selling/high-value-homes" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
367                                                       title="High value homes">
368                                                        High value homes
369                                                    </a>
370                                                    <a href="/advice/selling/cladding" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
371                                                       title="Cladding">
372                                                        Cladding
373                                                    </a>
374                                                    <a href="/advice/selling/selling-faqs" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
375                                                       title="Selling FAQs">
376                                                        Selling FAQs
377                                                    </a>
378                                            </div>
379                                    </li>
380                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
381                                        <div class="flex-container-third flex flex-row flex-nowrap">
382                                            <a href="/advice/moving" title="Moving" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
383                                                <img
384                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
385                                                    alt=""
386                                                    src="/media/7783/moving-house-checklist_navy.png"/>
387                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
388                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Moving</span>
389
390                                            </a>
391
392                                        </div>
393                                    </li>
394                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
395                                        <div class="flex-container-third flex flex-row flex-nowrap">
396                                            <a href="/advice/tools" title="Tools" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
397                                                <img
398                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
399                                                    alt=""
400                                                    src="/media/8059/trade-directory_navy.png"/>
401                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
402                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Tools</span>
403
404                                            </a>
405
406                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
407                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
408                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[
4080.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
409                                                </div>
410                                        </div>
411                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
412                                                <!--Display third level menu if there is one-->
413                                                    <a href="/advice/tools/lbtt-calculator" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
414                                                       title="Property tax calculator">
415                                                        Property tax calculator
416                                                    </a>
417                                                    <a href="/advice/tools/ads-calculator" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
418                                                       title="ADS Calculator">
419                                                        ADS Calculator
420                                                    </a>
421                                                    <a href="/advice/tools/mortgage-calculator" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
422                                                       title="Mortgage calculator">
423                                                        Mortgage calculator
424                                                    </a>
425                                                    <a href="/advice/tools/schools" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
426                                                       title="Schools">
427                                                        Schools
428                                                    </a>
429                                            </div>
430                                    </li>
431                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
432                                        <div class="flex-container-third flex flex-row flex-nowrap">
433                                            <a href="/advice/new-builds" title="New builds" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
434                                                <img
435                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
436                                                    alt=""
437                                                    src="/media/8061/new-homes_coral.png"/>
438                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
439                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">New builds</span>
440
441                                            </a>
442
443                                        </div>
444                                    </li>
445                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
446                                        <div class="flex-container-third flex flex-row flex-nowrap">
447                                            <a href="/advice/about-espc" title="About ESPC" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
448                                                <img
449                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
450                                                    alt=""
451                                                    src="/media/8372/espc_navy.png"/>
452                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
453                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">About ESPC</span>
454
455                                            </a>
456
457                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
458                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
459                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[0.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
460                                                </div>
461                                        </div>
462                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
463                                                <!--Display third level menu if there is one-->
464                                                    <a href="/advice/about-espc/espc-values" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
465                                                       title="ESPC values">
466                                                        ESPC values
467                                                    </a>
468                                                    <a href="/advice/about-espc/espcs-charity-work" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
469                                                       title="ESPC&#39;s Charity Work">
470                                                        ESPC&#39;s Charity Work
471                                                    </a>
472                                                    <a href="/advice/about-espc/history-of-espc" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
473                                                       title="History of ESPC">
474                                                        History of ESPC
475                                                    </a>
476                                            </div>
477                                    </li>
478                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
479                                        <div class="flex-container-third flex flex-row flex-nowrap">
480                                            <a href="/advice/podcast" title="Podcast" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
481                                                <img
482                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
483                                                    alt=""
484                                                    src="/assets/images/buying.svg"/>
485                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
486                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Podcast</span>
487
488                                            </a>
489
490                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
491                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
492                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[0.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
493                                                </div>
494                                        </div>
495                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
496                                                <!--Display third level menu if there is one-->
497                                                    <a href="/advice/podcast/first-time-buyer-episodes" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
498                                                       title="First-time buyer episodes">
499                                                        First-time buyer episodes
500                                                    </a>
501                                                    <a href="/advice/podcast/lettings-episodes" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
502                                                       title="Lettings episodes">
503                                                        Lettings episodes
504                                                    </a>
505                                            </div>
506                                    </li>
507                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
508                                        <div class="flex-container-third flex flex-row flex-nowrap">
509                                            <a href="/advice/home-energy-efficiency" title="Home Energy Efficiency" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
510                                                <img
511                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
512                                                    alt=""
513                                                    src="/assets/images/buying.svg"/>
514                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
515                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Home Energy Efficiency</span>
516
517                                            </a>
518
519                                                <div class="dropdown-button inline-flex my-auto mx-1.25 p-1.25 cursor-pointer">
520                                                    <button class="border-solid border-t-[6px] border-l-[6px] border-r-[6px] !border-b-0 border-b-[9px] border-t-legacy-navy
521                                                        border-l-neutral-white border-r-neutral-white border-b-legacy-navy m-l-[
5210.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2 "></button>
522                                                </div>
523                                        </div>
524                                            <div class="third-menu-items !hidden basis-full p-0 mw:py-1.25 mw:pl-12.5 flex-col">
525                                                <!--Display third level menu if there is one-->
526                                                    <a href="/advice/home-energy-efficiency/energy-performance-certificates" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
527                                                       title="Energy Performance Certificates">
528                                                        Energy Performance Certificates
529                                                    </a>
530                                                    <a href="/advice/home-energy-efficiency/retrofitting" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
531                                                       title="Retrofitting">
532                                                        Retrofitting
533                                                    </a>
534                                                    <a href="/advice/home-energy-efficiency/industry-news-and-updates" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
535                                                       title="Industry News &amp; Updates">
536                                                        Industry News &amp; Updates
537                                                    </a>
538                                                    <a href="/advice/home-energy-efficiency/energy-saving-tips" class="hover:text-legacy-aqua pl-[47px] md:pl-[52px] mw:pl-0 mw:ml-0 h-auto text-left text-[medium] normal-case w-full sm:py-[0.4em] sm:pr-[0.4em] min-h-[30px] sm:min-h-[35px] flex mw:inline-flex max-mw:items-center focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
539                                                       title="Energy Saving Tips">
540                                                        Energy Saving Tips
541                                                    </a>
542                                            </div>
543                                    </li>
544                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
545                                        <div class="flex-container-third flex flex-row flex-nowrap">
546                                            <a href="/advice/affordable-housing" title="Affordable housing" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
547                                                <img
548                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
549                                                    alt=""
550                                                    src="/media/8060/affordable-housing_teal.png"/>
551                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
552                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Affordable housing</span>
553
554                                            </a>
555
556                                        </div>
557                                    </li>
558                            </ul>
559                    </li>
560                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
561                            block mw:flex
562                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
563                            <a href="/services" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">Services</a>
564                            <div class="dropdown-button inline-flex	cursor-pointer p-1.25">
565                                <button class="dropdown-icon border-solid border-t-[9px] mw:border-t-[6px] border-l-[9px] mw:border-l-[6px] border-r-[9px] mw:border-r-[6px] 
566                                    border-t-legacy-navy mw:border-t-neutral-white border-l-neutral-white mw:border-l-legacy-navy border-r-neutral-white mw:border-r-legacy-navy m-l-[
5660.3em] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 outline-offset-2"></button>
567                            </div>
568                            <ul class="flex-container-second border-solid border-t border-neutral-white m-auto p-2 mw:py-1.25 mw:px-5 relative mw:absolute left-0 right-0
569                                top-0 mw:top-[73px] z-9999 !hidden mw:w-[640px] lg:w-[1040px] shadow-none mw:shadow-[0_5px_15px_rgba(0,0,0,0.35)] flex-col mw:flex-row justify-around mw:justify-normal
570                                flex-nowrap mw:flex-wrap mw:bg-neutral-white">
571                                <!--Display second level menu, including an image if there is one-->
572                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
573                                        <div class="flex-container-third flex flex-row flex-nowrap">
574                                            <a href="/selling" title="Selling your Home" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
575                                                <img
576                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
577                                                    alt=""
578                                                    src="/media/7788/selling_coral.png"/>
579                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
580                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Selling your Home</span>
581
582                                            </a>
583
584                                        </div>
585                                    </li>
586                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
587                                        <div class="flex-container-third flex flex-row flex-nowrap">
588                                            <a href="/services/mortgages" title="Mortgages" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
589                                                <img
590                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
591                                                    alt=""
592                                                    src="/media/7782/mortgages_cyan.png"/>
593                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
594                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Mortgages</span>
595
596                                            </a>
597
598                                        </div>
599                                    </li>
600                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
601                                        <div class="flex-container-third flex flex-row flex-nowrap">
602                                            <a href="/services/experts" title="Ask the Expert" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
603                                                <img
604                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
605                                                    alt=""
606                                                    src="/media/7787/property-advice_navy.png"/>
607                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
608                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Ask the Expert</span>
609
610                                            </a>
611
612                                        </div>
613                                    </li>
614                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
615                                        <div class="flex-container-third flex flex-row flex-nowrap">
616                                            <a href="/services/lettings" title="Lettings" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
617                                                <img
618                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
619                                                    alt=""
620                                                    src="/media/7781/lettings_teal.png"/>
621                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
622                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Lettings</span>
623
624                                            </a>
625
626                                        </div>
627                                    </li>
628                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
629                                        <div class="flex-container-third flex flex-row flex-nowrap">
630                                            <a href="/services/property-lounge" title="Property Lounge" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
631                                                <img
632                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
633                                                    alt=""
634                                                    src="/media/7785/pic_cyan.png"/>
635                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
636                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Property Lounge</span>
637
638                                            </a>
639
640                                        </div>
641                                    </li>
642                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
643                                        <div class="flex-container-third flex flex-row flex-nowrap">
644                                            <a href="/services/events" title="Events" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
645                                                <img
646                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
647                                                    alt=""
648                                                    src="/media/7778/espc-events_navy.png"/>
649                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
650                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Events</span>
651
652                                            </a>
653
654                                        </div>
655                                    </li>
656                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
657                                        <div class="flex-container-third flex flex-row flex-nowrap">
658                                            <a href="/services/magazine" title="ESPC magazine" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
659                                                <img
660                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
661                                                    alt=""
662                                                    src="/media/7779/espc-magazine_teal.png"/>
663                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
664                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">ESPC magazine</span>
665
666                                            </a>
667
668                                        </div>
669                                    </li>
670                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
671                                        <div class="flex-container-third flex flex-row flex-nowrap">
672                                            <a href="/services/espc-property-charter" title="ESPC Property Charter" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
673                                                <img
674                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
675                                                    alt=""
676                                                    src="/media/8621/charter-icon-coral.png"/>
677                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
678                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">ESPC Property Charter</span>
679
680                                            </a>
681
682                                        </div>
683                                    </li>
684                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
685                                        <div class="flex-container-third flex flex-row flex-nowrap">
686                                            <a href="/find-an-agent" title="Find A Solicitor" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
687                                                <img
688                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
689                                                    alt=""
690                                                    src="/assets/images/buying.svg"/>
691                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
692                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Find A Solicitor</span>
693
694                                            </a>
695
696                                        </div>
697                                    </li>
698                                    <li class="flex items-center flex-wrap w-full mw:w-30 lg:w-50 m-0 lg:my-1.25">
699                                        <div class="flex-container-third flex flex-row flex-nowrap">
700                                            <a href="/home-valuation" title="Valuations" class="second-menu-item flex items-start focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">
701                                                <img
702                                                    class="w-6.25 sm:w-7.5 xl:w-11.25 h-auto ml-[5px] mr-3 sm:p-0 my-auto pt-[0.15em]"
703                                                    alt=""
704                                                    src="/assets/images/valuations_cyan.png"/>
705                                                <span class="text-neutral-black hover:text-legacy-aqua my-auto mx-1.25 flex items-center mw:inline-flex align-middle normal-case mw:uppercase 
706                                                            text-small-body-l mw:text-small-body-s lg:text-small-body-l max-mw:min-h-[35px]">Valuations</span>
707
708                                            </a>
709
710                                        </div>
711                                    </li>
712                            </ul>
713                    </li>
714                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
715                            lg:!flex !hidden
716                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
717                            <a href="/services/mortgages" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focu
717s:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">Mortgages</a>
718                    </li>
719                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
720                            lg:!flex !hidden
721                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
722                            <a href="/services/lettings" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">Lettings</a>
723                    </li>
724                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
725                            block mw:flex
726                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
727                            <a href="/news" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">News</a>
728                    </li>
729                    <li class="flex-item-first border-b mw:border-b-0 border-b-neutral-black items-center group p-[.8em]
730                            block mw:flex
731                         w-17/20 mw:w-full bg-neutral-white mw:bg-legacy-navy shadow-[0_5px_15px_rgba(0,0,0,0.35)] mw:shadow-none border-solid">
732                            <a href="/agents" class="mw:h-full mw:flex mw:items-center pt-[0.15em] text-neutral-black mw:text-neutral-white uppercase hover:text-legacy-aqua mw:focus:!text-legacy-aqua whitespace-nowrap focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500">Agents</a>
733                    </li>
734                                    <li class="items-center px-[12.8px] my-espc-btn !hidden mw:!flex">
735                        <span class="pr-[12.8px] mw:pr-[1.5em] border-l border-neutral-white border-solid h-[12.8px]"></span>
736                        <a class="text-neutral-white bg-legacy-aqua rounded uppercase p-[0.8em] text-[0.9em] leading-none text-nowrap navbar-sign-up-btn" href="/users/register">Sign up</a>
737                    </li>
738                    <li class="items-center px-[12.8px] my-espc-btn !hidden mw:!flex">
739                        <a class="text-neutral-white bg-legacy-aqua rounded uppercase p-[0.8em] text-[0.9em] leading-none text-nowrap navbar-login-btn" href="/users/login">Log in</a>
740                    </li>
741            </ul>
742            <ul class="flex mw:hidden">
743                    <li class="flex items-center px-[12.8px] my-espc-btn ">
744                        <a class="text-neutral-white bg-legacy-aqua rounded uppercase p-[0.8em] text-[0.9em] leading-none text-nowrap navbar-sign-up-btn" href="/users/register">Sign up</a>
745                    </li>
746                    <li class="flex items-center px-[12.8px] my-espc-btn pr-0">
747                        <a class="text-neutral-white bg-legacy-aqua rounded uppercase p-[0.8em] text-[0.9em] leading-none text-nowrap navbar-login-btn" href="/users/login">Log in</a>
748                        <button class="text-neutral-white text-[1.5em] ml-[0.8em] pl-[0.2em] icon-menu focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" id="mobile-burger-menu" aria-expanded="false" aria-label="Open navigation menu"></button>
749                    </li>
750
751            </ul>
752        </div>
753    </div>
754</nav>
755
756<script type="text/javascript" defer src="/assets/js/mobile-nav.min.js?v=27387e8a16ae09ebf485e99b3bc4f03e"></script>
756        <main class="grow">
757            
758
759
760    
761<div id="react_0HNP07VMD6R7Q"><div class="w-full bg-cloud"><div class="w-auto mx-auto px-3.5 sm:px-7.5"><div class="flex-1 content-center max-w-espc-max-content mx-auto w-full py-7.5 md:py-12 lg:py-14"><div class="flex rounded-lg shadow-2xl max-w-full mx-auto md:w-[720px] md:max-w-[720px] lg:max-w-[900px] lg:w-[900px] border border-neutral-200 overflow-hidden"><div class="bg-cover bg-neutral-white bg-center bg-o-repeat rounded-tl-lg rounded-bl-lg hidden md:block flex-grow" style="background-image:url(/static/images/web-promo-pink-narrow.webp)"></div><div class="bg-neutral-white rounded-tl-lg rounded-tr-lg rounded-bl-lg rounded-br-lg flex-none w-full sm:rounded-tl-none sm:rounded-bl-none sm:w-[380px] md:w-[460px] lg:w-[540px]"><div class="flex flex-col relative"><h3 class="font-bold text-center text-small-h3 md:text-h3 tracking-normal px-4.5 pt-5 md:pt-7.5 md:px-7.5">Sign in to My ESPC</h3><div><div class="px-4.5 pb-5 md:p-7.5 !pt-2"><p class="font-normal text-small-body-l md:text-body-l tracking-normal">Save your search preferences and favourite properties. We’ll keep you up to date with the latest property alerts.</p></div><div class="flex flex-col w-full"><div class="w-full flex"><button class="font-semibold py-3 w-1/2 !leading-none text-small-body-md md:text-body-md tracking-normal focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch text-neutral-200 border-b-2 border-neutral-200">Create an account</button><button class="font-semibold py-3 w-1/2 !leading-none text-small-body-md md:text-body-md tracking-normal focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch text-slate border-b-2 border-north-sea">Sign in</button></div><div class="text-light-slate text-small-body-l md:text-body-l tracking-normal"><div class="pt-5 px-4.5 md:px-7.5 md:pt-7.5"><form class="flex flex-col gap-4.5 md:gap-7.5"><div class="flex flex-col gap-4 md:gap-5"><div class="space-y-2"><div class="flex flex-col w-full gap-1.5 md:gap-2"><label class="text-slate font-semibold text-small-body-md md:text-body-md tracking-normal" for="user-email">Email address</label><div class="relative w-full"><input class="border rounded font-normal w-full focus:outline focus:outline-1 text-small-body-l md:text-body-l tracking-normal p-4 xs:p-3.5 text-slate placeholder:text-light-slate border-foggy-firth hover:border-neutral-300 focus:shadow-[0_0_0_4px] focus:outline-north-sea focus:shadow-north-sea-50" id="user-email" type="text" placeholder="Enter your email address..." aria-invalid="false" inputMode="email" value=""/></div></div></div><div class="space-y-2"><div class="flex flex-col w-full gap-1.5 md:gap-2"><label class="text-slate font-semibold text-small-body-md md:text-body-md tracking-normal" for="user-password">Password</label><div class="relative w-full"><input class="border rounded font-normal w-full focus:outline focus:outline-1 text-small-body-l md:text-body-l tracking-normal p-4 xs:p-3.5 text-slate placeholder:text-light-slate border-foggy-firth hover:border-neutral-300 focus:shadow-[0_0_0_4px] focus:outline-north-sea focus:shadow-north-sea-50 pr-10 xs:pr-10" id="user-password" type="password" placeholder="Enter your password..." aria-invalid="false" value=""/><div class="absolute inset-y-0 right-0 py-3.5 pr-1 w-10 flex items-center justify-center"><button class="focus:outline-none focus-visible:!shadow-[inset_0_0_0_2px_theme(colors.loch.DEFAULT)] absolute inset-y-0 right-0 pr-0.5 flex items-center cursor-pointer" type="button" aria-label="Toggle view password"><i class="text-l text-light-slate p-3.5 bg-neutral-white fa-sharp fa-regular fa-eye"></i></button></div></div></div></div><div class="m-auto"><a class="text-loch font-medium transition-colors !decoration-loch-700 !decoration-[10%] hover:text-loch-700 active:text-loch-800 active:decoration-loch-800 !underline active:!underline underline-offset-[30%] focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch" href="/users/forgot-password">Forgot your password?</a></div></div><button disabled="" type="submit" aria-disabled="true" class="font-semibold rounded justify-center items-center gap-2 flex h-10 disabled:select-none focus:shadow-[0_0_0_4px] focus:outline-none active:shadow-[0_0_8px_0_inset] disabled:active:shadow-none disabled:pointer-events-none px-3.5 py-2.5 text-neutral-white bg-north-sea hover:bg-north-sea-800 focus:bg-north-sea focus:shadow-north-sea-100 active:!shadow-north-sea-900 disabled:hover:bg-north-sea text-small-body-md md:text-body-md tracking-normal opacity-30"> <span>Sign in</span></button><div id="recaptcha-service" class="g-recaptcha" style="display:none"></div></form></div></div></div><div class="flex flex-col gap-4.5 md:gap-7.5 pb-5 md:pb-7.5 pt-5 px-4.5 md:px-7.5 md:pt-7.5"><div class="flex items-center w-full justify-center gap-x-3"><hr class="h-px border-t-0 bg-neutral-200 w-full max-w-16"/><span class="text-light-slate font-normal text-nowrap text-small-body-md md:text-body-md tracking-normal">or continue with</span><hr class="h-px border-t-0 bg-neutral-200 w-full max-w-16"/></div><div><div class="flex gap-x-3 w-full"><button class="font-semibold rounded justify-center items-center gap-2 flex h-10 disabled:select-none focus:shadow-[0_0_0_4px] focus:outline-none active:shadow-[0_0_8px_0_inset] disabled:active:shadow-none disabled:pointer-events-none px-4.5 py-3.5 text-slate border-solid border-2 border-neutral-200 bg-cloud hover:bg-neutral-100 focus:bg-cloud focus:shadow-neutral-100 active:!shadow-neutral-200 disabled:hover:bg-cloud text-small-body-md md:text-body-md tracking-normal w-full"><img class="h-[18px]" src="/static/icons/google-social-icon.png" alt="Google social icon"/> <span class="hidden md:block">Google</span></button><button class="font-semibold rounded justify-center items-center gap-2 flex h-10 disabled:select-none focus:shadow-[0_0_0_4px] focus:outline-none active:shadow-[0_0_8px_0_inset] disabled:active:shadow-none disabled:pointer-events-none px-4.5 py-3.5 text-slate border-solid border-2 border-neutral-200 bg-cloud hover:bg-neutral-100 focus:bg-cloud focus:shadow-neutral-100 active:!shadow-neutral-200 disabled:hover:bg-cloud text-small-body-md md:text-body-md tracking-normal w-full"><img class="h-[18px]" src="/static/icons/apple-social-icon.png" alt="Apple social icon"/> <span class="hidden md:block">Apple</span></button></div></div><p class="font-normal text-small-body-s md:text-body-s tracking-normal">By signing in or registering you accept our<!-- --> <a class="text-loch font-medium transition-colors !decoration-loch-700 !decoration-[10%] hover:text-loch-700 active:text-loch-800 active:decoration-loch-800 !underline active:!underline underline-offset-[30%] focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch" href="https://espc.com/espc-policies/terms-of-use">Terms of Use</a> and<!-- --> <a class="text-loch font-medium transition-colors !decoration-loch-700 !decoration-[10%] hover:text-loch-700 active:text-loch-800 active:decoration-loch-800 !underline active:!underline underline-offset-[30%] focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch" href="https://espc.com/espc-policies">Privacy Policy</a>.<!-- --> This site is protected by reCAPTCHA and the Google <a class="text-loch font-medium transition-colors !decoration-loch-700 !decoration-[10%] hover:text-loch-700 active:text-loch-800 active:decoration-loch-800 !underline active:!underline underline-offset-[30%] focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch" href="https://policies.google.com/privacy">Privacy Policy</a> and<!-- --> <a class="text-loch font-medium transition-colors !decoration-loch-700 !decoration-[10%] hover:text-loch-700 active:text-loch-800 active:decoration-loch-800 !underline active:!underline underline-offset-[30%] focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:rounded-sm focus-visible:outline-loch" href="https://policies.google.com/terms">Terms of Service</a> apply.</p></div></div></div></div></div></div></div></div></div>
761<script>(window.__nrp = window.__nrp || {})['react_0HNP07VMD6R7Q'] = {"initialTab":"sign-in"};globalThis.serverConfig = {"captchaSiteKey":"6Le14a4UAAAAAC0VvyVDzPtxNde8x0hun0_cHANP","facebookAppId":"960305814144967","googleClientId":"424663224150-f8p64na8bo8v35vef4mjmvoi8pmin5lm.apps.googleusercontent.com","appleClientId":"com.espc.web","appleRedirectUri":"https://espc.com/apple_callback"};(window.reactBootstrap = window.reactBootstrap || []).push(() => ReactDOMClient.hydrateRoot(document.getElementById("react_0HNP07VMD6R7Q"), React.createElement(Components.UserLoginSignUpScreen,window.__nrp['react_0HNP07VMD6R7Q'])));</script>
761
762
763
764        </main>
765
766            
767    	        
768
769
770
771
772
773<footer id="footer" class="twp clearfix p-0 text-neutral-white bg-legacy-navy">
774    <div class="mx-auto px-2 sm:px-7.5">
775        <div class="max-w-espc-max-content mx-auto w-auto">
776            <div class="flex-col inline-flex font-['Catamaran'] w-full px-4 lg:px-0 py-6 lg:py-12.5">
777                <div class="flex-col justify-start items-start gap-8 lg:gap-6 flex">
778                    <div class="self-stretch justify-between items-end border-solid border-b-4 pb-8 lg:pb-6 border-b-loch-600">
779                        <div class="grid sm:grid-cols-1 md:grid-cols-2">
780                            <div class="justify-center md:justify-start items-center flex pb-4 md:pb-0">
781                                <a href="/">
782                                    <img src="/assets/images/espc-logo-inverted-120x.png" height="54" width="96">
783                                </a>
784                            </div>
785                            <div class="justify-center md:justify-end flex gap-3 text-lg">
786                                    <div class="items-end flex ">
787        <a href="https://www.youtube.com/@espc.property" target="_blank" rel="noopener noreferrer" class="icon-youtube-play hover:text-neutral-white focus-visible:text-neutral-white
788         focus:text-neutral-white text-2xl leading-none md:leading-none size-[24px] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 focus-visible:outline-offset-2">
789        </a>
790    </div>
791
792                                    <div class="items-end flex ">
793        <a href="https://www.facebook.com/espc.property" target="_blank" rel="noopener noreferrer" class="icon-facebook hover:text-neutral-white focus-visible:text-neutral-white
794         focus:text-neutral-white text-2xl leading-none md:leading-none size-[24px] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 focus-visible:outline-offset-2">
795        </a>
796    </div>
797
798                                    <div class="items-end flex ">
799        <a href="https://twitter.com/espc" target="_blank" rel="noopener noreferrer" class="icon-twitterx hover:text-neutral-white focus-visible:text-neutral-white
800         focus:text-neutral-white text-2xl leading-none md:leading-none size-[24px] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 focus-visible:outline-offset-2">
801        </a>
802    </div>
803
804                                    <div class="items-end flex ">
805        <a href="https://www.instagram.com/espc.property/" target="_blank" rel="noopener noreferrer" class="icon-instagram hover:text-neutral-white focus-visible:text-neutral-white
806         focus:text-neutral-white text-2xl leading-none md:leading-none size-[24px] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 focus-visible:outline-offset-2">
807        </a>
808    </div>
809
810                                    <div class="items-end flex ">
811        <a href="https://www.tiktok.com/@espc.property" target="_blank" rel="noopener noreferrer" class="icon-tiktok hover:text-neutral-white focus-visible:text-neutral-white
812         focus:text-neutral-white text-2xl leading-none md:leading-none size-[24px] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 focus-visible:outline-offset-2">
813        </a>
814    </div>
815
816                                    <div class="items-end flex ">
817        <a href="https://www.linkedin.com/company/espc-uk-limited" target="_blank" rel="noopener noreferrer" class="icon-linkedin hover:text-neutral-white focus-visible:text-neutral-white
818         focus:text-neutral-white text-2xl leading-none md:leading-none size-[24px] focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 focus-visible:outline-offset-2">
819        </a>
820    </div>
821
822                            </div>
823                        </div>
824                    </div>
825                    <div class="self-stretch md:gap-8 md:grid lg:grid-cols-3 text-lg font-normal leading-snug">
826                        <div class="grid whitespace-nowrap gap-8 pb-8 md:pb-0 md:justify-start lg:col-span-2 md:items-start md:gap-24 md:inline-flex">
827                                <div class="flex-col gap-4 inline-flex">
828                <div class="w-fit">
829                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/new">New properties for sale</a>
830                </div>
831                <div class="w-fit">
832                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/property-for-sale">Property for sale</a>
833                </div>
834                <div class="w-fit">
835                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/property-for-sale/edinburgh">Property in Edinburgh</a>
836                </div>
837                <div class="w-fit">
838                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/property-for-sale/east-lothian">Property in East Lothian</a>
839                </div>
840                <div class="w-fit">
841                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/property-for-sale/west-lothian">Property in West Lothian</a>
842                </div>
843                <div class="w-fit">
844                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/property-for-sale/east-fife">Property in East Fife</a>
845                </div>
846    </div>
847
848                                <div class="flex-col gap-4 inline-flex">
849                <div class="w-fit">
850                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/services/mortgages">Mortgages</a>
851                </div>
852                <div class="w-fit">
853                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/services/lettings">Lettings</a>
854                </div>
855                <div class="w-fit">
856                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/find-an-agent">Agents</a>
857                </div>
858                <div class="w-fit">
859                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/news">News &amp; Advice</a>
860                </div>
861                <div class="w-fit">
862                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/news/post/house-price-report">House price data</a>
863                </div>
864    </div>
865
866                                <div class="flex-col gap-4 inline-flex">
867                <div class="w-fit">
868                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/advice/about-espc">About ESPC</a>
869                </div>
870                <div class="w-fit">
871                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/advertise-your-business">Advertise</a>
872                </div>
873                <div class="w-fit">
874                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/espc-policies">Privacy Policy</a>
875                </div>
876                <div class="w-fit">
877                    <a href="javascript:void(0)" class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500 cky-banner-element cursor-pointer" onclick="return false;">Cookies</a>
878                </div>
879                <div class="w-fit">
880                    <a class="hover:!text-legacy-aqua active:!text-legacy-aqua focus-visible:text-neutral-white focus:text-neutral-white focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500" href="/contact-us">Contact us</a>
881                </div>
882    </div>
883
884                        </div>
885                        <div class="flex md:justify-start lg:justify-end">
886                            <div class="flex-col justify-start items-start gap-4 flex">
887                                <div>
888                                    <div>
889                                        Head office:
890                                    </div>
891                                    <div class="font-semibold">
892                                        27 George Street, Edinburgh, EH2 2PA.
893                                    </div>
894                                </div>
895                                <div class="self-stretch">
896                                    <div>
897                                        Email:
898                                    </div>
899                                    <a class="font-semibold focus:text-legacy-aqua text-legacy-aqua hover:text-loch active:text-loch
900                                        focus-visible:text-loch-500 focus:outline-none focus-visible:outline focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-loch-500"
901                                       href="mailto:[email protected]">
902                                        [email protected]
903                                    </a>
904                                </div>
905                                <div class="self-stretch">
906                                    <div>
907                                        Telephone:
908                                    </div>
909                                    <div class="font-semibold">
910                                        0131 624 8000
911                                    </div>
912                                </div>
913                                <div class="flex gap-3 items-center">
914                                    <div>
915                                            <a href="https://apps.apple.com/us/app/espc/id6754396148" 
916       target="_blank"
917       rel="noopener noreferrer"
918       aria-label="Download on the App Store"
919       class="flex items-center gap-2 h-[40px] w-[120px] py-[6.5px] pr-1.5 pl-2 rounded-md no-underline flex-shrink-0 bg-black border border-solid border-[#a6a6a6]">
920        <img src="/static/icons/apple-white.svg"
921             alt=""
922             aria-hidden="true"
923             width="20"
924             height="24"
925             style="width: 20px; height: 24px; flex-shrink: 0;" />
926        <div>
927            <div style="font-size: 9px; color: white; line-height: 1; font-weight: 500;">Download on the</div>
928            <div style="font-size: 18px; color: white; line-height: 1; font-weight: 500; letter-spacing: -0.47px;">
929                App Store
930            </div>
931        </div>
932    </a>
933
934                                    </div>
935                                    <div>
936                                            <a href="https://play.google.com/store/apps/details?id=com.espc.public" 
937       target="_blank"
938       rel="noopener noreferrer"
939       aria-label="Get it on Google Play"
940       class="flex items-center gap-[7px] h-[40px] w-[120px] py-[5px] pl-[8px] pr-[10px] rounded-md no-underline flex-shrink-0 bg-neutral-white border border-solid border-black">
941        <img src="/static/icons/playstore.svg"
942             alt=""
943             aria-hidden="true"
944             width="21"
945             height="24"
946             style="width: 21px; height: 24px; flex-shrink: 0; display: block;" />
947        <div style="display: flex; flex-direction: column; gap: 3px;">
948            <div style="font-size: 10px; color: #000; line-height: 1; font-weight: 400; text-transform: uppercase; font-family: Roboto, Arial, sans-serif;">
949                GET IT ON
950            </div>
951            <img src="/static/icons/google-play.svg"
952                 alt=""
953                 width="74"
954                 height="15"
955                 style="width: 74px; height: 15px; display: block; flex-shrink: 0;" />
956        </div>
957    </a>
958
959                                    </div>
960                                </div>
961                            </div>
962                        </div>
963                    </div>
964                </div>
965            </div>
966        </div>
967    </div>
968    <div class="w-full bg-legacy-dark-blue">
969        <div class="mx-auto px-2 sm:px-7.5">
970            <div class="max-w-espc-max-content mx-auto w-auto">
971                <div class="w-full px-4 lg:px-0 py-6 lg:py-3.5 justify-start items-start grid gap-6 lg:inline-flex text-white text-base font-normal leading-tight">
972                    <div class="grow shrink">ESPC (UK) Ltd is a company registered under the Companies Acts in Scotland (Registered Number SC203585).</div>
973                    <div class="md:text-left lg:text-right">© 2026 ESPC (UK) Ltd. All rights reserved.</div>
974                </div>
975            </div>
976        </div>
977    </div>
978</footer>
979	        
980    </div>
981    
982    
982<script type="module" src="/bundles/login-sign-up-screens-entry-jk6t5aot.js"></script>
982
983
984</body>
985</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.