<div class="title">
<h1>Complete your profile</h1>
</div>
<div class="description">
<p>Thank you for registering your interest in LIV Albert by Mirvac. 
We will be in touch shortly. </p>
<p>In the meantime, you can complete your profile below
to personalise your experience. </p>
</div> <style>
:root {
--color1: #730303;
--color2: #aa4100;
--color3: #fcfbe8;
--color4: #282828;
--color5: #ffeb82;
}
header.boutique-nav--1{
background-color: var(--color1) !important;
}
/* Hide title */
.lv-albert.progressive-profiling .title {
display: none !important;
}
/* Hero banner background */
.liv-albert .hero-banner-one__image {
background-color: var(--color2) !important;
}
/* Submit button */
.lv-albert
.form-privacy-and-submit-container
.form-submit-border
input[type="submit"] {
background-color: var(--color4) !important;
color: var(--color3) !important;
z-index: 9999;
position: relative;
}
/* Privacy link */
.lv-albert form .privacy-statement-link {
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;
}
/* 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(--color3) !important;
padding-bottom: 20px;
}
/* Hero height */
.lv-albert .hero-banner-one.h-620 {
height: clamp(280px, 45vh, 620px);
}
/* Header */
.header.liv-albert {
position: relative;
z-index: 5;
background-color: var(--color1);
}
.header.liv-albert .navigation .component-content {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px 24px;
}
.header.liv-albert .navigation .component-content > .logo {
display: block;
margin: 0;
opacity: 1;
visibility: visible;
transform: none !important;
}
.header.liv-albert .navigation .component-content > .logo svg {
height: 44px;
width: auto;
display: block;
}
.liv-albert .hero-banner-one__overlay .hero-banner-one__description {
max-width: 700px;
}
.lv-albert.progressive-profiling .radio table label.active:after {
background-color: var(--color5) !important;
}
/* Tablet/Desktop positioning */
@media (min-width: 769px) {
.liv-albert
.lv-hero-carousel__aston-container
.lv-hero-carousel__center-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 720px;
}
}
/* 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: 200px;
margin: 0 10px;
margin-bottom: 10px;
}
.liv-albert .hero-banner-one__overlay-wrapper p {
font-size: 16px !important;
line-height: 22px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
margin: 0 1px;
}
.liv-albert img.logo-wordmark {
width: 250px;
}
.liv-albert .hero-banner-one__overlay-wrapper {
padding: 0 !important;
}
.lv-albert .hero-banner-one__image img {
object-fit: contain;
background: #fff;
}
}
/* Larger desktops */
@media (min-width: 992px) {
.header.liv-albert .navigation .component-content {
padding: 28px 40px;
}
.header.liv-albert .navigation .component-content > .logo svg {
height: 56px;
}
}
</style>