<div class="thank-you-container">
<div class="thank-you-icon">
<svg width="122" height="86" viewbox="0 0 122 86" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 71L49.382 71C49.7607 71 50.107 71.214 50.2764 71.5528L51.7236 74.4472C51.893 74.786 52.2393 75 52.618 75H69.382C69.7607 75 70.107 74.786 70.2764 74.4472L71.7236 71.5528C71.893 71.214 72.2393 71 72.618 71H111V78C111 81.866 107.866 85 104 85H18C14.134 85 11 81.866 11 78V71Z" stroke="#282828" stroke-width="2"></path>
<path d="M32 71V5C32 2.79086 33.7909 1 36 1H86C88.2091 1 90 2.79086 90 5V71" stroke="#282828" stroke-width="2"></path>
<g clip-path="url(#clip0_16292_13282)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M50.2785 27.9598C50.1114 27.9598 50 27.8423 50 27.666V14.3982C50 14.2221 50.0929 14.1046 50.2785 14.1046H53.2494C53.4165 14.1046 53.5278 14.2221 53.5278 14.3982V24.3783C53.5278 24.5544 53.6392 24.6719 53.8063 24.6719H56.5362C56.7033 24.6719 56.8147 24.7893 56.8147 24.9655V27.666C56.8147 27.8423 56.7033 27.9598 56.5362 27.9598H50.2785ZM68.869 27.9598H66.2696C65.8611 27.9598 65.7867 27.8618 65.7125 27.5486L62.8859 14.4568C62.7932 14.1046 63.0902 14.1046 63.3316 14.1046H65.6097C65.9439 14.1046 66.111 14.1046 66.1666 14.4177L67.4764 22.5389C67.495 22.6367 67.6435 22.6367 67.662 22.5389L68.8204 14.4177C68.8761 14.1046 69.0432 14.1046 69.3774 14.1046H71.8069C72.0483 14.1046 72.3454 14.1046 72.2525 14.4568L69.426 27.5486C69.3517 27.8618 69.2775 27.9598 68.869 27.9598Z" fill="#282828"></path>
<path d="M58.1236 14.1046H61.6514V27.9596H58.1236V14.1046Z" fill="#282828"></path>
<path d="M58.4021 27.9596H61.3729C61.5586 27.9596 61.6514 27.8422 61.6514 27.666V14.3982C61.6514 14.222 61.54 14.1046 61.3729 14.1046H58.4021C58.2164 14.1046 58.1236 14.222 58.1236 14.3982V27.666C58.1236 27.8422 58.235 27.9596 58.4021 27.9596Z" fill="#282828"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.0798 16.0687C74.5875 16.0687 75 15.6282 75 15.0857C75 14.543 74.5875 14.1046 74.0798 14.1046C73.5738 14.1046 73.163 14.543 73.163 15.0857C73.163 15.6282 73.5738 16.0687 74.0798 16.0687ZM74.8854 15.0857C74.8854 14.6063 74.5258 14.2104 74.0798 14.2104C73.6355 14.2104 73.2758 14.6063 73.2758 15.0857C73.2758 15.5669 73.6355 15.961 74.0798 15.961C74.5258 15.961 74.8854 15.5669 74.8854 15.0857ZM73.7536 15.6506H73.8646V15.1953H74.085L74.3812 15.6506H74.5152L74.2049 15.1748C74.3635 15.1525 74.4976 15.0448 74.4976 14.8516C74.4976 14.6769 74.383 14.5245 74.1238 14.5245H73.7536V15.6506ZM74.1133 15.0875C74.3072 15.0875 74.3848 14.9706 74.3848 14.8571C74.3848 14.7457 74.3195 14.6341 74.115 14.6341H73.8646V15.0875H74.1133Z" fill="#282828"></path>
</g>
<path d="M23 26H24" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M44 49H69" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M53 40H74" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M44 40H47" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M44 58H57" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M62 58H65" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<mask id="mask0_16292_13282" maskunits="userSpaceOnUse" x="72" y="46" width="28" height="24">
<rect x="72" y="46" width="28" height="24" fill="#D9D9D9"></rect>
</mask>
<g>
<circle cx="86" cy="60" r="14" fill="#282828"></circle>
<path d="M81 60.5L84.924 63.9335C84.9658 63.9701 85.0295 63.9655 85.0657 63.9233L91 57" stroke="#D6FF34" stroke-width="3" stroke-linecap="round"></path>
</g>
<path d="M17 71V22C17 19.2386 19.2386 17 22 17L28 17" stroke="#282828" stroke-width="2"></path>
<path d="M105 71V22C105 19.2386 102.761 17 100 17L94 17" stroke="#282828" stroke-width="2"></path>
<path d="M11.5 81H1" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M121 81H110.5" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M100.5 77H101.5" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<path d="M95.5 77H96.5" stroke="#282828" stroke-width="2" stroke-linecap="round"></path>
<defs>
<clippath id="clip0_16292_13282">
<rect width="25" height="14" fill="white" transform="translate(50 14)"></rect>
</clippath>
</defs>
</svg>
</div>
<div class="thank-you-text-container">
<p>Thank you for registering. Go check your inbox!</p>
<p>
We’ve sent your application details to your registered email. Once you’ve
completed your application, a leasing agent will contact you shortly
regarding next steps and any inclusions.
</p>
</div>
<div class="thank-you-divider"></div>
<div class="thank-you-footer">
<p class="thank-you-footer-title">Need help?</p>
<div class="thank-you-footer-details">
<span>
Please
<a href="tel:1800317021">Call</a>
or
<a href="mailto:info@example.com">Email</a>
our team or visit our
<a href="/faqs" target="_blank" rel="noopener noreferrer" class="abf-faq-link">
FAQs page.
</a>
</span>
</div>
</div>
</div>
<style>
.hero-banner-one__overlay {
padding-bottom: 0;
}
.hero-banner-one__overlay-wrapper .thank-you-container {
height: auto;
max-width: 600px;
width: 100%;
margin-top: 80px;
padding: 40px 30px;
background-color: #fcfbe8;
}
.hero-banner-one__overlay-wrapper .thank-you-icon {
display: flex;
justify-content: center;
}
.hero-banner-one__overlay-wrapper .thank-you-text-container {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 31px;
}
.hero-banner-one__overlay-wrapper .thank-you-text-container > p:first-child {
color: #282828 !important;
text-align: center !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 32px !important;
margin-bottom: 0;
padding-bottom: 0;
}
.hero-banner-one__overlay-wrapper .thank-you-text-container > p:last-child {
color: #555 !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
margin-bottom: 0;
padding-bottom: 0;
}
.hero-banner-one__overlay-wrapper .thank-you-divider {
width: 100%;
height: 1px;
opacity: 0.1;
background-color: #282828;
margin: 24px 0;
}
.hero-banner-one__overlay-wrapper .thank-you-footer {
display: flex;
flex-direction: row;
justify-content: center;
gap: 16px;
width: 100%;
}
.hero-banner-one__overlay-wrapper .thank-you-footer p.thank-you-footer-title {
color: #282828 !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 24px !important;
margin-bottom: 0;
padding-bottom: 0;
}
.hero-banner-one__overlay-wrapper .thank-you-footer-details span {
color: #555 !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
/* Reset theme button styles */
.hero-banner-one__overlay-wrapper .thank-you-footer-details a {
display: inline !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #ff5546 !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 24px !important;
text-decoration: underline !important;
}
.hero-banner-one__overlay-wrapper .thank-you-footer-details a:hover,
.hero-banner-one__overlay-wrapper .thank-you-footer-details a:focus,
.hero-banner-one__overlay-wrapper .thank-you-footer-details a:active {
background: none !important;
border: 0 !important;
box-shadow: none !important;
color: #ff5546 !important;
text-decoration: underline !important;
}
@media (max-width: 1023px) {
.hero-banner-one__overlay-wrapper .thank-you-container {
width: auto;
margin: 60px 20px 0;
padding: 30px 15px;
}
.hero-banner-one__overlay-wrapper .thank-you-text-container > p:first-child,
.hero-banner-one__overlay-wrapper .thank-you-text-container > p:last-child {
padding-left: 0;
padding-right: 0;
}
.hero-banner-one__overlay-wrapper .thank-you-divider {
margin: 20px 0;
}
.hero-banner-one__overlay-wrapper .thank-you-footer {
flex-direction: column;
gap: 8px;
}
}
</style> <style>
:root {
--color1: #ff6300;
--color2: #fcfbe8;
--color3: #f0b1ff;
--color4: #af2628;
}
header.boutique-nav--1 {
background-color: var(--color4) !important;
}
/* Hero banner background */
.liv-albert .hero-banner-one__image {
background-color: var(--color1) !important;
}
/* Hero title */
.liv-albert div.hero-banner-one__text h1 {
text-align: center;
font-family: Jost;
font-size: 50px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 49px;
text-transform: uppercase;
color: var(--color3) !important;
padding-bottom: 20px;
padding-top: 80px;
}
/* Hero description */
.liv-albert .hero-banner-one__overlay-wrapper p {
text-align: center;
font-family: Jost;
font-size: 25px !important;
font-style: normal;
font-weight: 500;
line-height: 35px;
margin: 0;
color: var(--color2) !important;
padding-bottom: 20px;
}
/* Hero height */
.lv-albert .hero-banner-one.h-620 {
height: clamp(280px, 45vh, 620px);
}
.liv-albert .hero-banner-one__overlay .hero-banner-one__description {
max-width: 700px;
}
/* Mobile adjustments */
@media (max-width: 768px) {
.hero-banner-one.liv-albert {
min-height: 200px;
}
.liv-albert div.hero-banner-one__text h1 {
font-size: 32px !important;
line-height: 35px;
padding-top: 300px;
margin: 0 10px;
margin-bottom: 10px;
}
.liv-albert .hero-banner-one__overlay-wrapper p {
line-height: 22px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
margin: 0 1px;
font-size: 20px !important;
}
.liv-albert .hero-banner-one__overlay-wrapper {
padding: 0 !important;
}
.lv-albert .hero-banner-one__image img {
object-fit: contain;
background: #fff;
}
}
</style>