<div class="title"> <h1>Complete your profile</h1> </div> <div class="description"> <p>Thank you for registering your interest in LIV Aston by Mirvac. &#x2028We will be in touch shortly. </p> <p>In the meantime, you can complete your profile below&#x2028to personalise your experience. </p> </div> <style> :root { --color1: #FCFBE8; --color2: #AA4100; --color3: #000; --color4: #173836; --color5: #D4F685; --color6: #282828; --color7: #00324B; --color8: #67776B; --color9: #ffffff; } .form-assembly-wrapper form .privacy-statement-link { color: var(--color3) !important; } @media (max-width: 768px) { .hero-banner-one { min-height: 400px; } } .liv-aston div.hero-banner-one__text h1 { padding-top: 100px !important; } @media (max-width: 767px) { .liv-aston div.hero-banner-one__text h1 { padding-top: 250px !important; } } header.boutique-nav--1{ background-color: var(--color4) !important; } div.form-assembly-wrapper:has(.progressive-profiling), .form:not(.form--custom).progressive-profiling.animate-in form{ background-color: var(--color1) !important; } body header.nav-phase-3 img { width: 348px; } .progressive-profiling input.form-control.datepicker.single-line, .progressive-profiling .radio table label, .progressive-profiling input[type='date']::before { color: var(--color1) !important; } .progressive-profiling .radio table td, .progressive-profiling input.form-control.datepicker.single-line { background-color: var(--color4) !important; } main .progressive-profiling .control-label, main .progressive-profiling legend, main .progressive-profiling label, .form-assembly-wrapper .form p { color: var(--color3) !important; } .progressive-profiling td:has(label.active) { background-color: var(--pp-palette-3) !important; color: var(--color5) !important; } .lv-aston.progressive-profiling .radio table label.active:after { background-color: var(--pp-palette-3) !important; } .progressive-profiling .btn.btn-default , .progressive-profiling .btn:hover, .progressive-profiling .btn.btn-default:hover{ background: var(--color6) !important; color: var(--color9) !important; } /* Hide title */ .progressive-profiling .title { display: none !important; } /* Hero banner background */ .liv-aston .hero-banner-one__image { background-color: var(--color4) !important; } /* Submit button */ .lv-aston .form-privacy-and-submit-container .form-submit-border input[type="submit"] { z-index: 9999; position: relative; } /* Hero title */ .liv-aston 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(--color1) !important; padding-bottom: 20px; } /* Hero description */ .liv-aston .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(--color9) !important; padding-bottom: 20px; } /* Hero height */ .lv-aston .hero-banner-one.h-620 { height: clamp(280px, 45vh, 620px); } /* Header */ .header.liv-aston { position: relative; z-index: 5; background-color: var(--color1) !important; } .header.liv-aston .navigation .component-content { display: flex; align-items: center; justify-content: flex-start; padding: 20px 24px; } .header.liv-aston .navigation .component-content > .logo { display: block; margin: 0; opacity: 1; visibility: visible; transform: none !important; } .header.liv-aston .navigation .component-content > .logo svg { height: 44px; width: auto; display: block; } .liv-aston .hero-banner-one__overlay .hero-banner-one__description { max-width: 700px; } /* Tablet/Desktop positioning */ @media (min-width: 769px) { .liv-aston .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-aston { min-height: 200px; } .liv-aston div.hero-banner-one__text h1 { font-size: 32px !important; line-height: 35px; padding-top: 200px; margin: 0 10px; margin-bottom: 10px; } .liv-aston .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-aston img.logo-wordmark { width: 250px; } .liv-aston .hero-banner-one__overlay-wrapper { padding: 0 !important; } .lv-aston .hero-banner-one__image img { object-fit: contain; background: var(--color9); } } /* Larger desktops */ @media (min-width: 992px) { .header.liv-aston .navigation .component-content { padding: 28px 40px; } .header.liv-aston .navigation .component-content > .logo svg { height: 56px; } } </style>