div#content {
    background-color: #faf4ee !important;
}
.purple-background {
    background-image: url("/-/media/Project/Mirvac/Residential/Olivine New/Olivine/Olivine Redesign MASTER/Programs/program-vip-bg");
}


/*Home Page */
.card.list-with-date .content-title {
    color: #3a2747;
}
.card.list-with-date a.learn-more {
    color: #3a2747;
    -webkit-text-decoration-color: #3a2747;
    text-decoration-color: #3a2747;
}

.card.list-with-date .content-date {
    color: #e292e2;
}
.card__cta-button a {

    background-color: #e292e2 !important;
    color: #3a2747 !important;
}
.component.container.col-xs-12.purple-background {
    max-width: 100%;
}
.component.container.col-xs-12.purple-background .component-content .component.featured-content-tiles.animate-in {
    background-color: initial;
}
.project-resi .featured-content-tiles {
    max-width: 1366px;
    background-color: #3A2747;
}
.card__media {
    padding-top: 0%;
    margin-bottom: 0px;
    /*width: 36.25rem;*/
    height:18.75rem;
}
.purple-background h3.card__title {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    padding-top: 1.25rem;
    padding-bottom: .625rem;
    margin: 0;
}
.purple-background p.card__description {
    color: #fff;
    font-size: 1rem;
    line-height: 1.625rem;
    padding-top: .625rem;
    padding-bottom: 1.25rem;
    margin: 0;
}
.purple-background a.card__link {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 136px;
    padding-right: 137px;
    border-radius: 6px;
    border: 2px solid rgba(247, 172, 183, 0.50);
}
.purple-background .card__content {
    padding-bottom: 90px;
}
img.card__image.loaded {
    /*width: 36.25rem;*/
    height:18.75rem;
    border-radius: 10px;
}
.featured-content-tiles h2 {
    color: #fff !important;
    text-align: center;
    font-family: Cambon-Regular !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    padding-top: 3.75rem;
    padding-bottom: 2.5rem;
}
h3.card__title {
    color: #fff;
    font-family: Cambon-Regular !important;
    font-size: 22px;
    line-height: 32px;
    padding-top: 1.25rem;
    padding-bottom: .625rem;
    margin: 0px;
text-align: center;
}
p.card__description {
    color: #fff;
    font-family: 'BrownStd-Light';
    font-size: 1rem;
    line-height: 1.625rem;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    margin: 0px;
}
.card__link {
    text-transform: none;
    color: #FFF;
    font-size: 1rem;
    line-height: 26px;
    text-decoration-line: underline;
padding-top:15px;
}
.alphabet-carousel__slide-content h3, .alphabet-carousel__slide-content h4 {
    text-align: left;
    color: #ffff;
    font-size: 36px;
    line-height: 46px;
    font-family: Cambon-Regular !important;
}
@media (min-width: 992px) {
    .alphabet-carousel__slide-content {
        right: 18.75rem;
    }
}
.alphabet-carousel__slide-img img {
    border-radius: 12px;
}
.alphabet-carousel__slide-content {
    border-radius: 12px;
    max-width: 750px;
    padding: 2.5rem;
}
.alphabet-carousel .tns-controls button, .alphabet-carousel__slide-btn {
    background-color: #FAF4EE;
    border-radius: 12px;
    border: 2px solid rgba(247, 172, 183, 0.50);
/*    background-image: url(../Smiths-Lane-Redesign/Iconongraphy/up_arrow_icon_xtrasmall.svg;)*/
}
.alphabet-carousel__slide-inner {
    width: 90%;
    height: 90%;
    position: relative;
}
@media (min-width: 992px) {
    .alphabet-carousel .tns-controls button[data-controls='next'], .alphabet-carousel__slide-btn[data-controls='next'] {
        right: 200px;
    }
}

/* Townhomes */
.townhomes {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
    display: flex;
    margin-top: -100px;
    position: relative;
    z-index: 10;
}
.component.rich-text.tan-background {
    background-color: #FAF4EE;
}
.title {
    color: #ffff;
    font-size: 36px;
    font-weight: 400;
    padding-top: 56px;
    padding-left: 40px;
}
.subtitle {
    color: #4E4F51;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 30px;
    padding-left: 40px;
    padding-top: 20px;
}
ul.features {
    color: #ffff;
    font-family: Cambon-Regular !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-left: 39px;
}
.features {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}
.features li {
    color: #4c6348;
    font-size: 16px;
    margin-bottom: 10px;
}
.features li::before{
/*    content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smithslane-Refresh/Townhomes/SingleContract.svg");*/
    background-repeat: no-repeat;
    padding-right: 18px;
}
.features li:nth-child(2)::before {
 /*   content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smithslane-Refresh/Townhomes/money_icon_small.svg");*/
    background-repeat: no-repeat;
    padding-right: 18px;
}
.buttons {
    display: flex;
    gap: 15px;
    padding-left: 40px;
}
.button1 {
    background-color: #fff;
    border-radius: 6px;
    border: 2px solid rgba(247, 172, 183, 0.50);
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 25.3px;
    padding-right: 24.97px;
}
.button2 {
    background: #e292e2;
    border: none;
    border-radius: 6px;
    text-align: center;
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 25.3px;
    padding-right: 24.97px;
}
.button:hover {
    background-color: #ff475c;
}
.terms {
    color: #3a2747;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding-left: 40px;
    margin-bottom: 58px;
    margin-top: 30px;
    text-decoration: underline;
}
.right-side {
    width: 450px;
    height: 380px;
    margin: 80px 30px 30px 0px;
}
.left-side {
    max-width: 60%;
}
.vip-background {
    height: 320px;
    background: #FAF4EE;
}
.right-side img {
    border-radius: 8px;
}
.vip-container h1 {
    color: #ffff;
    text-align: center;
    font-family: Cambon-Regular !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    padding-top: 70px;
}
.vip-container p {
    color: #4E4F51;
    text-align: center;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-top: 20px;
}
.button3 {
    background: #e292e2;
    border: none;
    border-radius: 6px;
    text-align: center;
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 56px;
    padding-right: 56px;
}
.vip-btn {
    text-align: center;
}
.component.rich-text.purple-background {
 /*   background-image: url(/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Iconongraphy/tilespattern2x.svg);*/
    background-color: #3a2747;
}
.townhomes-release {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.release-left-side {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 83px;
}
.release-right-side {
    width: 682px;
}
ul.downloads {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.downloads li {
    padding-top: 31px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding-left: 40px;
    flex-basis: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 3em;
}
.downloads li::after {
 /*   content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Iconongraphy/townhomes-download.svg");*/
}
.release-title{
    padding-top: 116px;
    padding-left: 40px;
    font-size: 36px;
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
}
.release-info {
    padding-top: 20px;
    padding-left: 40px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.visit-us {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.visit-us-left-side {
    width: 683px;
    height: 554px;
    color: #FFF;
}
.visit-us-right-side {
    width: 683px;
    height: 554px;
    background-color: #000;
}
.heading {
    padding-top: 80px;
    padding-left: 83px;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
}
.info {
    font-size: 16px;
    line-height: 30px;
    padding-top: 20px;
    padding-left: 83px;
    opacity: 0.75;
}
.hours {
    padding-top: 30px;
    padding-left: 83px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}
.hours-info {
    font-size: 16px;
    line-height: 30px;
    padding-left: 83px;
    padding-top: 10px;
    opacity: .75;
}
.location{
    padding-top: 30px;
    padding-left: 83px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}
.location-info {
    font-size: 16px;
    line-height: 30px;
    padding-left: 83px;
    padding-top: 10px;
    opacity: .75;
}
.visit-button {
    padding-left: 83px;
    padding-top: 40px;
}
.button4 {
    background: #e292e2;
    border-radius: 6px;
    color: #3a2747;
    font-size: 16px;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 34px;
    padding-right: 33px;
}

/* Amenity */
.amenity {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.amenity-left-side {
    /*padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 83px;*/
    max-width: 50%;
}
.amenity-right-side {
    padding-top: 60px;
    padding-right: 83px;
    padding-left: 40px;
}
.amenity-title {
    color: #fffff;
    font-size: 36px;
    line-height: 46px;
    padding-top: 112px;
    padding-left: 83px;
}
.amenity-info {
    padding-top: 20px;
    padding-left: 83px;
    padding-right: 40px;
    color: #4E4F51;
    font-size: 16px;
    line-height: 30px;
}
.amenity-right-side img {
    border-radius: 12px;
}
.amenity-facilities {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.facilities-left-side {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 83px;
}
.facilities-right-side {
    width: 682px;
}
.facilities-title{
    padding-top: 116px;
    padding-left: 40px;
    color: #ffff;
    font-size: 36px;
    line-height: 46px;
}
.facilities-info {
    padding-top: 20px;
    padding-left: 40px;
    color: #4E4F51;
    font-size: 16px;
    line-height: 30px;
}
ul.facilities-downloads {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.facilities-downloads li {
    padding-top: 31px;
    color: #4E4F51;
    font-size: 16px;
    line-height: 22px;
    padding-left: 40px;
    flex-basis: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 3em;
}
.facilities-left-side img {
    border-radius: 12px;
}
/*.facilities-downloads li::after {
    content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Iconongraphy/townhomes-download.svg");
}*/
.amenity-centre {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.centre-left-side {
    max-width: 50%;
    padding-bottom: 131px;
}
.centre-title {
    color: #536756;
    font-size: 36px;
    line-height: 46px;
    padding-top: 151px;
    padding-left: 83px;
}
.centre-info {
    color: #4E4F51;
    font-size: 16px;
    line-height: 30px;
    padding-left: 83px;
    padding-top: 20px;
}
ul.centre-downloads {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.centre-downloads li {
    padding-top: 31px;
    color: #4e4f51;
    font-size: 16px;
    line-height: 22px;
    padding-left: 83px;
    flex-basis: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 3em;
}
.centre-downloads li::after {
  /*  content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Iconongraphy/townhomes-download.svg");*/
}
.centre-title-two {
    color: #536756;
    font-size: 36px;
    line-height: 46px;
    padding-top: 40px;
    padding-left: 83px;
}
.centre-right-side {
    padding-top: 80px;
    padding-right: 83px;
    padding-left: 40px;
}
.centre-right-side img {
    height: 100%;
    border-radius: 12px;
}
.amenity-cafe {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
}
.cafe-left-side {
    max-width: 50%;
    padding-left: 83px;
    padding-bottom: 80px;
}
.cafe-title {
    color: #536756;
    font-size: 36px;
    line-height: 46px;
    padding-left: 40px;
    padding-top: 52px;
}
.cafe-info {
    color: #4E4F51;
    font-size: 16px;
    line-height: 30px;
    padding-left: 40px;
    padding-top: 20px;
}
.cafe-left-side img{
    border-radius: 12px;
}
.cafe-right-side {
    max-width: 50%;
}
.facilities {
    padding: 20px;
}
.facilities h3 {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
}
.facilities p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}
.edu-facilties-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 40px 83px 5rem 83px;
}
.education-video {
    padding-top: 146px;
}
.education-video iframe {
    height: 678px;
}
.amenity-centre-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    padding-left: 83px;
    padding-top: 20px;
    line-height: 22px;
}
.sporting-ground-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    padding: 20px 0px 40px 41px;
    line-height: 22px;
}
.liason {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.liason-left-side {
    padding: 80px 40px 70px 83px;
}
.liason-right-side {
    width: 50%;
}
.liason-title {
    padding-top: 116px;
    padding-left: 40px;
    color: #fff;
    font-size: 36px;
    line-height: 46px;
}
.liason-info {
    padding-top: 20px;
    padding-left: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.get-involved {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.involved-left-side {
    max-width: 50%;
}
.involved-title {
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    padding-left: 83px;
}
.involved-info {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 20px 40px 90px 83px;
}

/*Land*/
.landhomes {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    padding: 20px;
    height: 590px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
    display: flex;
    margin-top: -100px;
    position: relative;
    z-index: 10;
}
.terms-land {
    font-size: 12px;
    line-height: 18px;
}
.central-title {
    padding-top: 116px;
    padding-left: 40px;
    color: #536756;
    font-family: 'Cambon-Regular';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
}
.central-info {
    padding-top: 20px;
    padding-left: 40px;
    color: #4E4F51;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
ul.central-downloads {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.central-downloads li {
    padding-top: 31px;
    padding-left: 40px;
    flex-basis: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 3em;
    color: #4E4F51;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
}
.central-downloads li::after {
  /*  content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Iconongraphy/townhomes-download.svg");*/
}

/*Home Page*/
.featured-content-tiles h2 {
    color: #ffff !important;
}
.purple-background h2 {
    color: #fff !important;
}
main a:after {
    content: none;
}
.appointment-container h1 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    padding-top: 90px;
}
.appointment-container p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}
.button4{
    background: #e292e2;
    border-radius: 6px;
    text-align: center;
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 56px;
    padding-right: 56px;
}
.appointment-btn {
    text-align: center;
    padding-bottom: 90px;
    padding-top: 51px;
}
/*Now Selling*/
.sub-li {
    color: #4E4F51;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 20px;
}
.selling-intro {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    padding: 20px;
    height: 740px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
    display: flex;
    margin-top: -100px;
    position: relative;
    z-index: 10;
}
.selling-right-side {
    width: 450px;
    height: 380px;
    margin: 80px 30px 30px 0px;
}
ul.design-features {
    color: #536756;
    font-family: Cambon-Regular !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-left: 39px;
}
.design-features li::before{
  /*  content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Now-selling/Icons/designguide.svg");*/
    background-repeat: no-repeat;
    padding-right: 18px;
}
.design-features li:nth-child(1)::before {
 /*   content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Now-selling/Icons/lots.svg");*/
    background-repeat: no-repeat;
    padding-right: 18px;
}
.design-features li:nth-child(3)::before {
  /*  content:url("/-/media/Project/Mirvac/Residential/Smiths-Lane/Smiths-Lane/Smiths-Lane-Redesign/Now-selling/Icons/trees.svg");*/
    background-repeat: no-repeat;
    padding-right: 18px;
}
.now-selling {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.now-selling-townhomes {
    padding: 80px 83px 0 83px;
}
.now-selling-subtitle {
    color: #536756;
    font-size: 22px;
    line-height: 32px;
    padding: 20px 0px 10px 83px;
}
.now-selling-info {
    color: #4E4F51;
    font-size: 16px;
    line-height: 26px;
    padding: 0px 0px 40px 83px;
}
.explore-btn {
    text-align: center;
    padding-bottom: 80px;
}
.explore-all-btn {
    color: #3a2747;
    border-radius: 6px;
    background: #e292e2;
    text-align: center;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 500px;
    padding-right: 500px;
}
.guidelinesbtn {
    background-color: #F7ACB7;
    border-radius: 6px;
    border: 2px solid rgba(247, 172, 183, .5);
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 25.3px;
    padding-right: 24.97px;
    margin-left: 58.125rem;
}
.home-and-land {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    padding-bottom: 30px;
}
.land-left-side {
    padding-left: 83px;
    padding-right: 40px;
}
.land-title {
    color: #536756;
    font-family: Cambon-Regular !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 10px 0px 20px 0px;
}
.townhome-title2 {
    color: #536756;
    font-family: 'Cambon-Regular';
    font-size: 22px;
    line-height: 32px;
    padding: 10px 0px 20px 80px;
}
.land-subtitle {
    color: #4E4F51;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.home-title {
    color: #536756;
    font-family: Cambon-Regular !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 10px 0px 20px 0px;
}
.home-subtitle {
    color: #4E4F51;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*Enquire*/
.consultant-image {
    display: flex;
    padding-top: 30px;
    padding-left: 40px;
}
.help-title {
    color: #536756;
    text-align: center;
    font-family: Cambon-Regular !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    padding: 79px 0px 20px 0px;
}
.help-inf {
    color: #4E4F51;
    text-align: center;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 40px;
}
.consultant-enquire {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    padding-bottom: 90px;
}
.consultant-name {
    color: #536756;
    font-family: Cambon-Regular !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 10px 0px 20px 30px;
}
.consultant-title {
    color: #56B6B1;
    font-family: 'BrownStd-Light';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-top: 10px;
}
.consultant-details {
    color: #3a2747;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: underline;
    padding-top: 15px;
}
.consultant-left-side {
    background-color: #fff;
    margin-right: 30px;
    border-radius: 12px;
}
.consultant-right-side {
    background-color: #fff;
    border-radius: 12px;
}
.consultant-subtitle {
    color: #4E4F51;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 30px 40px 20px 40px;
}
.masterplan {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.masterplan-left-side {
    max-width: 50%;
}
.masterplan-title {
    color: #536756;
    font-family: Cambon;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    padding: 133px 0px 20px 83px;
}
.masterplan-info {
    color: #4E4F51;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 0px 0px 30px 83px;
}
.masterplan-right-side {
    padding-top: 60px;
    padding-right: 83px;
    padding-left: 40px;
}
.masterplan-buttons {
    display: flex;
    gap: 15px;
    padding-left: 83px;
}
.mp-button1 {
    border-radius: 6px;
    border: 2px solid rgba(247, 172, 183, 0.50);
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 25.3px;
    padding-right: 24.97px;
}
.mp-button2 {
    background: #F7ACB7;
    border-radius: 6px;
    text-align: center;
    color: #3a2747;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 25.3px;
    padding-right: 24.97px;
}
.sustainability-in-action {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.sustainability-in-action-title {
    color: #536756;
    text-align: center;
    font-family: 'Cambon-Regular';
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 20px;
}
.sustainability-in-action-info {
    color: #4E4F51;
    text-align: center;
    font-family: 'BrownStd-Light';
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 40px;
}
.sustainability-in-action-img {
    padding: 0px 83px 0px 83px;
}
.education-in-action {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.education-in-action-title {
    font-family: 'Cambon-Regular';
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    padding: 80px 0px 20px 83px;
}
.sustainability-in-action-img iframe {
    height: 675px;
}

/*Mobile*/

/*townhomes Page*/
@media (max-width: 768px){
.townhomes-release {
    flex-direction: column;
    padding-bottom: 40px;
}
.component.rich-text.tan-background {
    padding-left: 20px;
    padding-right: 20px;
}
.townhomes {
    flex-direction: column;
    padding-bottom: 64rem;
}
.title {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 33px;
}
.subtitle {
    padding: 20px 20px 0px 20px;
    text-align: center;
}
.left-side {
    max-width: 100%;
}
.buttons{
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
}
.terms {
    padding-left: 50px;
}
.right-side {
    margin: auto;
    width: 295px;
    height: 200px;
    padding: 0px 20px 0px 20px;
}
.project-resi .featured-content-tiles {
    padding-left: 20px;
    padding-right: 20px;
}
.visit-us {
    flex-direction: column;
}
.heading {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
ul.downloads {
    display: inline-table;
}
.release-right-side {
    width: unset;
}
.release-title {
    padding: 30px 20px 0px 20px;
    text-align: center;
}
.release-info {
    padding: 20px 20px 0px 20px;
    text-align: center;
}
.downloads li::after {
    padding-left: 100px;
}
.release-left-side {
    padding: 40px 20px 0px 20px;
}
.visit-us-right-side {
    width: unset;
}
.visit-us-left-side {
    width: unset;
}
.info {
    text-align: center;
    padding-left: 0px;
}
.hours {
    padding-left: 20px;
    padding-right: 67px;
}
.hours-info {
    padding-left: 20px;
    padding-right: 67px;
}
.location {
    padding-left: 20px;
    padding-right: 67px;
}
.location-info {
    padding-left: 20px;
    padding-right: 67px;
}
.button4 {
    font-size: 14px;
    padding-left: 121px;
    padding-right: 118px;
}
.visit-button {
    padding: 30px 20px 50px 20px;
}

/* Amenity */
.amenity {
    flex-direction: column;
}
.amenity-title {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}
.amenity-info {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: center;
}
.amenity-left-side {
    max-width: 100%;
}
.amenity-right-side {
    padding: 30px 20px 0px 20px;
}
.amenity-facilities {
    flex-direction: column;
}
.amenity-centre {
    flex-direction: column;
}
.amenity-cafe {
    flex-direction: column;
}
.centre-facilities {
    padding-top: 30px;
}
.amenity-centre-container {
    display: block;
}
.sporting-ground-container {
    display: block;
    padding: 20px 0 40px 116px;
}
.facilities-right-side {
    width: unset;
}
.facilities-left-side {
    padding: 81px 20px 0px 20px;
}
.facilities-title {
    padding: 30px 20px 0px 20px;
    text-align: center;
}
.facilities-info {
    padding: 30px 20px 0px 20px;
    text-align: center;
}
.centre-left-side {
    max-width: 100%;
    padding-bottom: 30px;
}
.centre-title {
    padding: 40px 88px 0px 88px;
    text-align: center;
}
.centre-info {
    text-align: center;
    padding: 20px 20px 0px 20px;
}
.centre-title-two {
    text-align: center;
    padding: 40px 88px 0px 88px;
}
.centre-right-side {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    height: 346px;
}
.cafe-left-side {
    max-width: 100%;
    padding: 40px 20px 0px 20px;
}
.cafe-right-side {
    max-width: 100%;
}
.cafe-title {
    text-align: center;
    padding: 30px 21px 20px 19px;
}
.cafe-info {
    text-align: center;
    padding: 0px 21px 40px 19px;
}
/*Community*/
.liason-right-side {
    width: 100%;
}
.liason-left-side {
    padding: 0px 20px 0px 20px;
}
.liason {
    flex-direction: column;
}
.liason-title {
    text-align: center;
    padding: 0px 20px 0px 20px;
}
.involved-left-side {
    max-width: 100%;

}
.involved-title {
    text-align: center;
    padding: 81px 20px 0px 20px;
}
.involved-info {
    text-align: center;
    padding: 20px 20px 0px 20px;
}
.get-involved {
    flex-direction: column;
}
/*Now Selling*/
.selling-intro {
    flex-direction: column;
    padding-bottom: 96rem;
}
.design-features li {
    text-align: center;
}
ul.design-features {
    margin-left: 0px;
    padding-left: 0px;
}
.sub-li {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.selling-right-side {
    margin: auto;
    width: 295px;
    height: 250px;
    padding: 100px 20px 0px 20px;
}
.home-and-land {
    flex-direction: column;
}
.home-right-side {
    padding-left: 20px;
    padding-right: 20px;
}
.land-left-side {
    padding-left: 20px;
    padding-right: 20px;
}
.now-selling-townhomes {
    padding: 20px 20px 0px 20px;
}
.now-selling-info {
    color: #4E4F51;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 20px 40px 20px;
}
.landhomes {
    flex-direction: column;
    padding-bottom: 53rem;
}
.central-title {
    text-align: center;
    padding: 30px 0px 20px 0px;
}
.central-info {
    text-align: center;
    padding: 20px 20px 20px 20px;
}
ul.central-downloads {
    display: block;
}
.consultant-enquire {
    flex-direction: column;
}
.consultant-left-side {
    margin: 0px 20px 20px 20px;
}
.consultant-right-side {
    margin: 0px 20px 20px 20px;
}
.masterplan {
    flex-direction: column;
}
.masterplan-left-side {
    max-width: 100%;
}
.masterplan-right-side {
    padding: 0px;
}
.masterplan-title {
    text-align: center;
    padding: 40px 20px 10px 20px;
}
.masterplan-info {
    text-align: center;
    padding: 0px 20px 20px 20px;
}
.masterplan-buttons {
    flex-direction: column;
    padding: 10px 20px 30px 20px;
}
.edu-facilties-container {
    flex-direction: column;
    display: flex;
    padding: 0px 20px 0px 20px;
    text-align: center;
}
.sustainability-in-action-img {
    padding: 20px 20px 30px 20px;
}
.sustainability-in-action-img img {
    width: unset;
    height: unset;
}
}
@media (max-width: 1280px){
    .explore-all-btn {
        padding-left: 60px;
        padding-right: 60px;
    }
}