/* =========================================================
           HOMEPAGE DESIGN SYSTEM
        ========================================================= */

.property-home {

    --primary: #ff5722;
    --primary-dark: #e64a19;
    --primary-soft: #fff1eb;

    --blue: #193a70;
    --blue-dark: #122b55;
    --blue-light: #2b4d82;

    --text: #5f6b7a;
    --muted: #7b8490;

    --light: #f6f8fb;
    --light-2: #eef3f8;

    --white: #ffffff;

    --border: #e4e9ef;

    --shadow-sm:
        0 6px 22px rgba(25, 58, 112, .06);

    --shadow:
        0 15px 45px rgba(25, 58, 112, .10);

    --shadow-lg:
        0 25px 65px rgba(25, 58, 112, .16);

    overflow: hidden;
}


.property-home *,
.property-home *::before,
.property-home *::after {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    font-family: 'Open Sans', sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
}


/* =========================================================
           SCROLL REVEAL
        ========================================================= */

.property-home .reveal,
.property-home .reveal-left,
.property-home .reveal-right,
.property-home .reveal-scale {

    opacity: 0;

    transition:
        opacity .85s ease,
        transform .85s cubic-bezier(.22, 1, .36, 1);

    will-change: opacity, transform;
}


.property-home .reveal {
    transform: translateY(45px);
}


.property-home .reveal-left {
    transform: translateX(-55px);
}


.property-home .reveal-right {
    transform: translateX(55px);
}


.property-home .reveal-scale {
    transform: scale(.92);
}


.property-home .reveal.active,
.property-home .reveal-left.active,
.property-home .reveal-right.active,
.property-home .reveal-scale.active {

    opacity: 1;

    transform:
        translate3d(0, 0, 0) scale(1);
}


/* =========================================================
           SECTION COMMON
        ========================================================= */

.property-home .section-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--primary) !important;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.property-home .section-eyebrow::before {

    content: "";

    width: 28px;

    height: 2px;

    background: var(--primary);

    display: inline-block;
}


.property-home .section-heading {

    color: var(--blue) !important;

    font-weight: 700;

    line-height: 1.15;
}


.property-home .body-text {

    color: var(--text) !important;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
           HERO
        ========================================================= */

.property-home .new-hero {

    position: relative;

    padding: 100px 0 125px;

    overflow: hidden;

    background:

        radial-gradient(circle at 82% 12%,
            rgba(255, 87, 34, .10),
            transparent 28%),

        radial-gradient(circle at 5% 85%,
            rgba(25, 58, 112, .07),
            transparent 28%),

        linear-gradient(135deg,
            #f9fbfd 0%,
            #edf3f9 100%);
}


.property-home .new-hero::before {

    content: "";

    position: absolute;

    width: 500px;

    height: 500px;

    right: -260px;

    top: -260px;

    border-radius: 50%;

    border: 70px solid rgba(255, 87, 34, .045);

    animation:
        heroCircle 10s ease-in-out infinite;
}


.property-home .new-hero::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    left: -90px;

    bottom: -90px;

    border-radius: 50%;

    background:
        rgba(25, 58, 112, .05);

    animation:
        heroCircle 8s ease-in-out infinite reverse;
}


@keyframes heroCircle {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(20px) rotate(8deg);
    }
}


.property-home .new-hero-content {

    position: relative;

    z-index: 3;
}


.property-home .new-hero-tag {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 10px 17px;

    color: var(--primary) !important;

    background:
        rgba(255, 87, 34, .08);

    border-left:
        4px solid var(--primary);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.4px;

    box-shadow:
        0 5px 18px rgba(255, 87, 34, .06);

    animation:
        heroTag .8s ease both;
}


@keyframes heroTag {

    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.property-home .new-hero-title {

    position: relative;

    color: var(--blue) !important;

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;

    animation:
        heroTitle 1s ease .15s both;
}


@keyframes heroTitle {

    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.property-home .new-hero-title span {

    color: var(--primary);
}


.property-home .new-hero-description {

    max-width: 650px;

    color: var(--text) !important;

    font-size: 17px;

    line-height: 1.9;

    animation:
        heroTitle 1s ease .3s both;
}


.property-home .new-hero .d-flex.flex-wrap {

    animation:
        heroTitle 1s ease .45s both;
}


/* =========================================================
           HERO IMAGE
        ========================================================= */

.property-home .new-hero-image-wrap {

    position: relative;

    z-index: 2;

    overflow: hidden;

    padding: 7px;

    border-radius: 20px;

    background:
        linear-gradient(135deg,
            rgba(255, 87, 34, .55),
            rgba(25, 58, 112, .30));

    box-shadow:
        0 30px 75px rgba(25, 58, 112, .22);

    animation:
        heroImage 1s ease .2s both;
}


@keyframes heroImage {

    from {
        opacity: 0;
        transform:
            translateX(55px) scale(.94);
    }

    to {
        opacity: 1;
        transform:
            translateX(0) scale(1);
    }
}


.property-home .new-hero-image-wrap::before {

    content: "";

    position: absolute;

    width: 100px;

    height: 100px;

    top: -35px;

    right: -35px;

    border-radius: 50%;

    background:
        rgba(255, 87, 34, .90);

    z-index: 4;

    opacity: .7;

    animation:
        imageOrb 5s ease-in-out infinite;
}


@keyframes imageOrb {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-10px, 15px);
    }
}


.property-home .new-hero-image {

    width: 100%;

    height: 510px;

    display: block;

    object-fit: cover;

    object-position: center;

    border-radius: 15px;

    transition:
        transform 1s cubic-bezier(.22, 1, .36, 1);
}


.property-home .new-hero-image-wrap:hover .new-hero-image {

    transform: scale(1.045);
}


.property-home .new-hero-image-wrap::after {

    content: "";

    position: absolute;

    inset: 7px;

    border-radius: 15px;

    background:
        linear-gradient(to top,
            rgba(9, 28, 57, .55),
            transparent 48%);

    pointer-events: none;

    z-index: 1;
}


.property-home .new-hero-image-badge {

    position: absolute;

    z-index: 5;

    left: 27px;

    bottom: 27px;

    min-width: 205px;

    padding: 15px 22px;

    color: #fff;

    background:
        rgba(255, 87, 34, .96);

    border-radius: 6px;

    box-shadow:
        0 14px 35px rgba(0, 0, 0, .24);

    animation:
        badgeFloat 3.5s ease-in-out infinite;
}


@keyframes badgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


.property-home .new-hero-image-badge span {

    display: block;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.4px;

    text-transform: uppercase;

    opacity: .9;
}


.property-home .new-hero-image-badge strong {

    display: block;

    margin-top: 3px;

    font-family: 'Rubik', sans-serif;

    font-size: 20px;

    font-weight: 700;
}


/* =========================================================
           BUTTONS
        ========================================================= */

.property-home .property-button {

    position: relative;

    overflow: hidden;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    color: #fff !important;

    background:
        linear-gradient(135deg,
            var(--primary),
            #ff7043) !important;

    border:
        1px solid var(--primary) !important;

    border-radius: 5px;

    font-weight: 700;

    box-shadow:
        0 8px 22px rgba(255, 87, 34, .16);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


.property-home .property-button::before {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 90%;

    height: 100%;

    background:
        rgba(255, 255, 255, .20);

    transform:
        skewX(-25deg);

    transition:
        left .55s ease;
}


.property-home .property-button:hover::before {

    left: 135%;
}


.property-home .property-button:hover {

    color: #fff !important;

    background:
        linear-gradient(135deg,
            var(--primary-dark),
            var(--primary)) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 13px 30px rgba(255, 87, 34, .25);
}


.property-home .property-button .fa-arrow-right {

    transition:
        transform .25s ease;
}


.property-home .property-button:hover .fa-arrow-right {

    transform:
        translateX(4px);
}


.property-home .btn-dark {

    background:
        var(--blue) !important;

    border-color:
        var(--blue) !important;

    border-radius: 5px;

    font-weight: 700;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.property-home .btn-dark:hover {

    background:
        var(--blue-dark) !important;

    border-color:
        var(--blue-dark) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 25px rgba(25, 58, 112, .20);
}


/* =========================================================
           QUICK SUMMARY
        ========================================================= */

.property-home .property-summary {

    position: relative;

    z-index: 10;

    margin-top: -62px;
}


.property-home .property-summary-inner {

    position: relative;

    overflow: hidden;

    padding: 25px 28px;

    background:
        rgba(255, 255, 255, .98);

    border:
        1px solid rgba(228, 233, 239, .95);

    border-radius: 12px;

    box-shadow:
        0 22px 65px rgba(25, 58, 112, .14);

    backdrop-filter:
        blur(10px);
}


.property-home .property-summary-inner::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
        linear-gradient(90deg,
            var(--primary),
            #ff8a65,
            var(--blue));
}


.property-home .summary-item {

    min-height: 58px;

    border-right:
        1px solid #e5e8ec;

    transition:
        transform .3s ease;
}


.property-home .summary-item:hover {

    transform:
        translateY(-3px);
}


.property-home .summary-icon {

    width: 52px;

    height: 52px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff !important;

    background:
        linear-gradient(135deg,
            var(--primary),
            #ff7043);

    border-radius: 50%;

    font-size: 17px;

    box-shadow:
        0 8px 20px rgba(255, 87, 34, .20);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.property-home .summary-item:hover .summary-icon {

    transform:
        rotate(8deg) scale(1.08);

    box-shadow:
        0 12px 25px rgba(255, 87, 34, .27);
}


.property-home .summary-item h3 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .summary-item p {

    color:
        var(--muted) !important;

    font-size: 13px;
}


/* =========================================================
           INTRODUCTION
        ========================================================= */

.property-home .intro-image {

    position: relative;

    overflow: hidden;

    padding: 7px;

    border-radius: 16px;

    background:
        linear-gradient(135deg,
            rgba(25, 58, 112, .25),
            rgba(255, 87, 34, .55));

    box-shadow:
        0 25px 55px rgba(25, 58, 112, .14);
}


.property-home .intro-image img {

    width: 100%;

    height: 520px;

    display: block;

    object-fit: cover;

    border-radius: 10px;

    transition:
        transform .8s cubic-bezier(.22, 1, .36, 1);
}


.property-home .intro-image:hover img {

    transform:
        scale(1.055);
}


.property-home .intro-image::after {

    content: "";

    position: absolute;

    inset: 7px;

    border-radius: 10px;

    background:
        linear-gradient(to top,
            rgba(10, 25, 45, .42),
            transparent 48%);

    pointer-events: none;
}


.property-home .intro-badge {

    position: absolute;

    z-index: 3;

    left: 26px;

    bottom: 26px;

    min-width: 205px;

    padding: 17px 23px;

    color: #fff;

    background:
        var(--primary);

    border-radius: 5px;

    box-shadow:
        0 13px 30px rgba(0, 0, 0, .22);

    animation:
        badgeFloat 3.5s ease-in-out infinite;
}


.property-home .intro-badge * {

    color: #fff !important;
}


.property-home .intro-badge .small {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.2px;
}


.property-home .intro-badge .h3 {

    font-weight: 700;
}


.property-home .intro-image+div h3,
.property-home .intro-image+div .h6 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .intro-image+div .text-primary {

    color:
        var(--primary) !important;
}


/* =========================================================
           PROPERTY SCALE
        ========================================================= */

.property-home .property-scale-section {

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #f5f8fc 0%,
            #edf2f8 100%) !important;
}


.property-home .property-scale-section::before {

    content: "";

    position: absolute;

    width: 400px;

    height: 400px;

    left: -240px;

    top: -230px;

    border-radius: 50%;

    border:
        70px solid rgba(25, 58, 112, .035);
}


.property-home .property-scale-section::after {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    right: -170px;

    bottom: -170px;

    border-radius: 50%;

    background:
        rgba(255, 87, 34, .045);
}


.property-home .property-scale-header,
.property-home .property-scale-section .row {

    position: relative;

    z-index: 2;
}


.property-home .property-scale-header {

    max-width: 760px;

    margin-left: auto;

    margin-right: auto;
}


.property-home .property-scale-header h2 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .property-scale-header p {

    color:
        var(--text) !important;

    line-height: 1.8;
}


.property-home .scale-card {

    position: relative;

    height: 100%;

    min-height: 285px;

    padding: 32px;

    overflow: hidden;

    background:
        rgba(255, 255, 255, .97) !important;

    border:
        1px solid var(--border) !important;

    border-radius: 12px;

    box-shadow:
        0 8px 28px rgba(25, 58, 112, .06);

    transition:
        transform .45s cubic-bezier(.22, 1, .36, 1),
        box-shadow .45s ease,
        border-color .45s ease;
}


.property-home .scale-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 4px;

    background:
        linear-gradient(90deg,
            var(--primary),
            #ff8a65);

    transition:
        width .45s ease;
}


.property-home .scale-card:hover::before {

    width: 100%;
}


.property-home .scale-card::after {

    content: "";

    position: absolute;

    right: -55px;

    bottom: -55px;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    background:
        rgba(255, 87, 34, .055);

    transition:
        transform .5s ease;
}


.property-home .scale-card:hover::after {

    transform:
        scale(1.25);
}


.property-home .scale-card:hover {

    transform:
        translateY(-11px);

    border-color:
        rgba(255, 87, 34, .20) !important;

    box-shadow:
        0 22px 48px rgba(25, 58, 112, .13);
}


.property-home .scale-card-icon {

    position: relative;

    z-index: 2;

    width: 62px;

    height: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 24px;

    color: #fff;

    background:
        linear-gradient(135deg,
            var(--primary),
            #ff7043);

    border-radius: 50%;

    font-size: 20px;

    box-shadow:
        0 10px 24px rgba(255, 87, 34, .18);

    transition:
        transform .45s ease;
}


.property-home .scale-card:hover .scale-card-icon {

    transform:
        rotateY(180deg);
}


.property-home .scale-card-value {

    position: relative;

    z-index: 2;

    color:
        var(--primary) !important;

    font-family: 'Rubik', sans-serif;

    font-size: 32px;

    font-weight: 800;

    line-height: 1.1;
}


.property-home .scale-card-title {

    position: relative;

    z-index: 2;

    color:
        var(--blue) !important;

    font-size: 18px;

    font-weight: 700;
}


.property-home .scale-card-description {

    position: relative;

    z-index: 2;

    color:
        var(--text) !important;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
           FACILITIES
        ========================================================= */

.property-home .facility-section-header {

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;
}


.property-home .facility-section-header h2 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .facility-section-header p {

    color:
        var(--text) !important;

    line-height: 1.8;
}


.property-home .facility-card-new {

    height: 100%;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background:
        #fff;

    border:
        1px solid var(--border);

    border-radius: 12px;

    box-shadow:
        0 8px 25px rgba(25, 58, 112, .055);

    transition:
        transform .45s cubic-bezier(.22, 1, .36, 1),
        box-shadow .45s ease,
        border-color .45s ease;
}


.property-home .facility-card-new:hover {

    transform:
        translateY(-11px);

    border-color:
        rgba(255, 87, 34, .18);

    box-shadow:
        0 22px 52px rgba(25, 58, 112, .14);
}


.property-home .facility-image-new {

    position: relative;

    width: 100%;

    height: 245px;

    overflow: hidden;

    background:
        #edf0f3;
}


.property-home .facility-image-new img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .8s cubic-bezier(.22, 1, .36, 1);
}


.property-home .facility-card-new:hover .facility-image-new img {

    transform:
        scale(1.09);
}


.property-home .facility-image-new::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(to top,
            rgba(10, 25, 45, .48),
            transparent 55%);

    pointer-events: none;
}


.property-home .facility-label-new {

    position: absolute;

    z-index: 2;

    left: 18px;

    bottom: 18px;

    padding: 8px 13px;

    color: #fff !important;

    background:
        var(--primary);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

    border-radius: 3px;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, .15);
}


.property-home .facility-content-new {

    display: flex;

    flex-direction: column;

    flex: 1;

    padding:
        27px 25px 24px;
}


.property-home .facility-icon-new {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 18px;

    color: #fff;

    background:
        linear-gradient(135deg,
            var(--primary),
            #ff7043);

    border-radius: 50%;

    box-shadow:
        0 8px 18px rgba(255, 87, 34, .16);

    transition:
        transform .35s ease;
}


.property-home .facility-card-new:hover .facility-icon-new {

    transform:
        rotate(8deg) scale(1.08);
}


.property-home .facility-title-new {

    color:
        var(--blue) !important;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.3;
}


.property-home .facility-description-new {

    color:
        var(--text) !important;

    font-size: 14px;

    line-height: 1.75;
}


.property-home .facility-meta-new {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-top: auto;

    padding-top: 17px;

    border-top:
        1px solid #eeeeee;
}


.property-home .facility-meta-label-new {

    color:
        var(--muted) !important;

    font-size: 13px;
}


.property-home .facility-meta-value-new {

    color:
        var(--blue) !important;

    font-size: 14px;

    font-weight: 700;

    text-align: right;
}


.property-home .facility-action {

    margin-top: 50px;

    text-align: center;
}


.property-home .facility-action p {

    color:
        var(--muted) !important;
}


/* =========================================================
           LOCATION
        ========================================================= */

.property-home .location-section {

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #f5f8fc,
            #edf2f8) !important;
}


.property-home .location-section::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    right: -240px;

    top: -220px;

    border-radius: 50%;

    border:
        70px solid rgba(255, 87, 34, .04);
}


.property-home .location-section h2 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .location-section>.container {

    position: relative;

    z-index: 2;
}


.property-home .location-section p {

    color:
        var(--text);
}


.property-home .location-item-new {

    display: flex;

    align-items: flex-start;

    margin-bottom: 15px;

    padding: 10px;

    border-radius: 8px;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


.property-home .location-item-new:hover {

    background:
        rgba(255, 255, 255, .90);

    transform:
        translateX(7px);

    box-shadow:
        0 7px 22px rgba(25, 58, 112, .05);
}


.property-home .location-icon-new {

    width: 46px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    margin-right: 15px;

    color:
        var(--primary) !important;

    background:
        #fff;

    border:
        1px solid #e1e6ed;

    border-radius: 6px;

    box-shadow:
        0 5px 15px rgba(25, 58, 112, .04);

    transition:
        transform .3s ease,
        background .3s ease;
}


.property-home .location-item-new:hover .location-icon-new {

    transform:
        rotate(5deg) scale(1.06);

    background:
        var(--primary);

    color:
        #fff !important;
}


.property-home .location-item-new h3 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .location-item-new p {

    color:
        var(--muted) !important;
}


/* =========================================================
           LOCATION CONTACT PANEL
        ========================================================= */

.property-home .location-panel-new {

    position: relative;

    overflow: hidden;

    padding: 42px;

    background:
        rgba(255, 255, 255, .98);

    border:
        1px solid var(--border);

    border-radius: 14px;

    box-shadow:
        0 22px 55px rgba(25, 58, 112, .10);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


.property-home .location-panel-new::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background:
        linear-gradient(90deg,
            var(--primary),
            #ff8a65);
}


.property-home .location-panel-new:hover {

    transform:
        translateY(-7px);

    box-shadow:
        0 28px 65px rgba(25, 58, 112, .15);
}


.property-home .location-panel-new h3 {

    color:
        var(--blue) !important;

    font-weight: 700;
}


.property-home .location-panel-new .small {

    color:
        var(--muted) !important;
}


.property-home .location-panel-new a:not(.property-button) {

    color:
        var(--blue) !important;

    transition:
        color .25s ease;
}


.property-home .location-panel-new a:not(.property-button):hover {

    color:
        var(--primary) !important;
}


.property-home .location-panel-new .summary-icon {

    width: 50px;

    height: 50px;
}


/* =========================================================
           FINAL CTA
        ========================================================= */

.property-home .property-cta-new {

    position: relative;

    overflow: hidden;

    margin-top: 70px !important;

    margin-bottom: 70px !important;

    background:
        linear-gradient(135deg,
            var(--blue-dark) 0%,
            var(--blue) 55%,
            #284b80 100%);
}


.property-home .property-cta-new::before {

    content: "";

    position: absolute;

    width: 400px;

    height: 400px;

    right: -180px;

    top: -230px;

    border-radius: 50%;

    border:
        65px solid rgba(255, 255, 255, .045);

    animation:
        ctaFloat 9s ease-in-out infinite;
}


.property-home .property-cta-new::after {

    content: "";

    position: absolute;

    width: 230px;

    height: 230px;

    left: -110px;

    bottom: -140px;

    border-radius: 50%;

    background:
        rgba(255, 87, 34, .12);

    animation:
        ctaFloat 7s ease-in-out infinite reverse;
}


@keyframes ctaFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(18px);
    }
}


.property-home .property-cta-new .container {

    position: relative;

    z-index: 2;
}


.property-home .property-cta-new h2 {

    color:
        #fff !important;

    font-weight: 700;
}


.property-home .property-cta-new p {

    color:
        rgba(255, 255, 255, .84) !important;

    line-height: 1.8;
}


.property-home .property-cta-new .text-uppercase {

    color:
        #ff9b7b !important;

    font-size: 12px;

    letter-spacing: 1.8px;
}


/* =========================================================
           BACK TO TOP
        ========================================================= */

.property-home .back-to-top {

    z-index: 999;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff !important;

    background:
        var(--primary) !important;

    border:
        none !important;

    box-shadow:
        0 10px 25px rgba(255, 87, 34, .22);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


.property-home .back-to-top:hover {

    color: #fff !important;

    background:
        var(--primary-dark) !important;

    transform:
        translateY(-5px);

    box-shadow:
        0 14px 30px rgba(255, 87, 34, .30);
}


/* =========================================================
           RESPONSIVE
        ========================================================= */

@media (max-width: 1199.98px) {

    .property-home .new-hero {
        padding:
            85px 0 110px;
    }

    .property-home .new-hero-image {
        height: 470px;
    }

    .property-home .new-hero-title {
        font-size: 52px;
    }
}


@media (max-width: 991.98px) {

    .property-home .new-hero {

        padding:
            70px 0 85px !important;
    }


    .property-home .property-summary {

        margin-top: 0;
    }


    .property-home .summary-item {

        border-right: 0;

        border-bottom:
            1px solid #e5e8ec;

        padding-bottom: 20px;
    }


    .property-home .summary-item.last {

        border-bottom: 0;
    }


    .property-home .new-hero-title {

        font-size: 50px;
    }


    .property-home .new-hero-image {

        height: 430px;
    }


    .property-home .location-panel-new {

        padding: 34px;
    }
}


@media (max-width: 767.98px) {

    .property-home .new-hero {

        padding:
            55px 0 65px !important;
    }


    .property-home .new-hero-title {

        font-size: 41px;

        letter-spacing:
            -1px;
    }


    .property-home .new-hero-description {

        font-size: 16px;
    }


    .property-home .new-hero-image {

        height: 350px;
    }


    .property-home .property-summary-inner {

        padding:
            22px;
    }


    .property-home .intro-image img {

        height: 390px;
    }


    .property-home .facility-image-new {

        height: 235px;
    }


    .property-home .property-cta-new {

        margin-top: 50px !important;

        margin-bottom: 50px !important;
    }
}


@media (max-width: 575.98px) {

    .property-home .new-hero {

        padding:
            45px 0 55px !important;
    }


    .property-home .new-hero-tag {

        font-size: 10px;

        padding:
            9px 13px;
    }


    .property-home .new-hero-title {

        font-size: 34px;
    }


    .property-home .new-hero-description {

        font-size: 15px;

        line-height: 1.8;
    }


    .property-home .new-hero .property-button,
    .property-home .new-hero .btn-dark {

        width: 100%;
    }


    .property-home .new-hero-image {

        height: 285px;
    }


    .property-home .new-hero-image-badge {

        left: 17px;

        bottom: 17px;

        min-width: 175px;

        padding:
            12px 16px;
    }


    .property-home .new-hero-image-badge strong {

        font-size: 17px;
    }


    .property-home .intro-image img {

        height: 315px;
    }


    .property-home .intro-badge {

        left: 17px;

        bottom: 17px;

        min-width: 175px;

        padding:
            13px 17px;
    }


    .property-home .scale-card {

        min-height:
            auto;

        padding:
            25px;
    }


    .property-home .scale-card-value {

        font-size: 28px;
    }


    .property-home .facility-image-new {

        height: 220px;
    }


    .property-home .facility-content-new {

        padding:
            24px 20px;
    }


    .property-home .location-panel-new {

        padding:
            27px 22px;
    }


    .property-home .property-cta-new {

        margin-top: 40px !important;

        margin-bottom: 40px !important;
    }
}


/* =========================================================
           REDUCED MOTION
        ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }


    .property-home *,
    .property-home *::before,
    .property-home *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }
}