/* @group BACKGROUND ON RESIDENCES PAGE
------------------------------------ */
.quote-block,
.container-for-residences-floral-bottom {
    position: relative;
}
.quote-block .bp-column {
	z-index: var(--z-index-lowest);
}
.quote-block :is(.residences-floral-first, #important) {
    pointer-events: none;
    position: absolute;
    left: 0;
    z-index: 0;
}

.container-for-residences-floral-bottom {
	width: 100%;
}
.container-for-residences-floral-bottom > .container {
	z-index: var(--z-index-lowest);
}
.container-for-residences-floral-bottom :is(.residences-floral-bottom, #important) {
	pointer-events: none;
    position: absolute;
    z-index: 0;
}
.container-for-residences-floral-bottom :is(.residences-floral-bottom, #important) .bp-multimedia {
	height: 100%;
}

@media only screen
and (min-width : 961px) {
    .quote-block :is(.residences-floral-first, #important) {
        top: -20rem;
        height: 180rem;
        width: 86rem;
    }
	.container-for-residences-floral-bottom :is(.residences-floral-bottom, #important) {
		right: 0;
		bottom: 0;
		height: 213rem;
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.quote-block :is(.residences-floral-first, #important) {
        top: -15rem;
        height: 40rem;
        width: 22rem;
    }
	.container-for-residences-floral-bottom :is(.residences-floral-bottom, #important) {
		right: 0;
		top: 0;
		width: 24rem;
		height: 57rem;
	}
}
/* @end */


/* @group BACKGROUND ON LIFESTYLE PAGE
------------------------------------ */
.layout-images {
	position: relative;
}
.layout-images .bp-column {
	z-index: var(--z-index-lowest);
}
.layout-images .lifestyle-floral-top {
	position: absolute;
	pointer-events: none;
	right: 0;
	z-index: 0;
}
.layout-images .lifestyle-floral-top .bp-multimedia {
	height: 100%;
}
.layout-images .lifestyle-floral-top .bp-multimedia img {
	object-position: right;
}
.container-for-lifestyle-texture-bottom {
	position: relative;
}
.container-for-lifestyle-texture-bottom .lifestyle-texture-bottom {
	width: 100%;
	position: absolute;
	inset: 0;
	pointer-events: none;
	align-items: flex-start!important;
	align-content: flex-start!important;
}
.container-for-lifestyle-texture-bottom .lifestyle-texture-bottom .bp-multimedia {
	position: sticky;
	height: 100vh;
	top: 0;
}
.container-for-lifestyle-texture-bottom .lifestyle-texture-bottom .bp-multimedia img {
	object-position: top;
} 
@media only screen
and (min-width : 961px) {
	.layout-images .lifestyle-floral-top {
		top: 0;
		bottom: 0;
	}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.container-for-lifestyle-texture-bottom .lifestyle-texture-bottom {
		justify-content: flex-start!important;
	}
	.layout-images .lifestyle-floral-top {
		height: 76rem;
		top: -5rem;
	}
	.layout-images .lifestyle-floral-top .bp-multimedia img {
		object-position: right top;
	}
}
/* @end */


/* @group BACKGROUND ON CONTACT + THANK YOU PAGE
------------------------------------ */
.contact-form {
	position: relative;
}
.contact-form.thank-you {
	min-height: 45rem;
}
.contact-form .bp-column {
	z-index: var(--z-index-lowest);
}
.contact-form .background-image {
	position: absolute;
	right: 0;
	pointer-events: none;
}
.contact-form .background-image .bp-multimedia {
	height: 100%;
}
.contact-form .background-image .bp-multimedia img {
	object-position: right bottom;
}
@media only screen
and (min-width : 961px) {
	.contact-form .background-image {
		height: 98rem;
		width: 36.5rem;
		bottom: 15rem;
	}
	.contact-form.thank-you .background-image {
		height: 63rem;
		width: 32rem;
		bottom: 0;
	}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.contact-form .background-image {
		height: 77rem;
		width: 25rem;
		bottom: 0;
	}
}
/* @end */


/* @group BACKGROUND T&C PAGE
------------------------------------ */ 
.terms-conditions-content {
	position: relative;
}
.terms-conditions-content .background-image {
	position: absolute;
	pointer-events: none;
	height: 80rem;
	width: 27rem;
}
.terms-conditions-content .background-image .bp-multimedia img {
	object-position: right;
}
@media only screen
and (min-width : 961px) {
	.terms-conditions-content .background-image {
		height: 100rem;
		width: 35rem;
		bottom: 16rem;
		right: 0;
	}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.terms-conditions-content .background-image {
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
	}
}