:root {
    /* COLORS */
    --cream-light: #DEDED7;
    --navy-gray: #D5C7B7;
    --brick: #063431;
    --white: #FFFFFF;
    --night: #000;
    --steel: #99A1AF;
    --black: #000;
    ---grey: #222;
	--offwhite:#F7F6F5;
	--dgreen:#014133;

    /* FONT SIZES WITH CLAMP */
    --font-100: clamp(48px, 5vw, 100px);
    --font-90: clamp(44px, 4.7vw, 90px);
    --font-80: clamp(40px, 4.17vw, 80px);
    --font-76: clamp(36px, 3.96vw, 76px);
    --font-64: 64px;
    --font-54: clamp(32px, 2.6vw, 54px);
    --font-45: clamp(24px, 2.35vw, 45px);
    --font-40: clamp(22px, 2.08vw, 40px);
    --font-36: clamp(20px, 1.88vw, 36px);
    --font-32: clamp(18px, 1.66vw, 32px);
    --font-30: clamp(18px, 1.55vw, 30px);
    --font-27: clamp(18px, 1.41vw, 27px);
    --font-26: clamp(18px, 1.35vw, 26px);
    --font-25: clamp(18px, 1.3vw, 25px);
    --font-24: clamp(18px, 1.25vw, 24px);
    --font-22: clamp(16px, 1.15vw, 22px);
    --font-20: clamp(16px, 1.1vw, 19.2px);
    --font-19: clamp(16px, 1vw, 19px);
    --font-18: clamp(16px, 1vw, 18px);
    --font-16: clamp(16px, 0.83vw, 16px);
    --font-15: clamp(15px, 0.73vw, 15px);
	--font-14: clamp(14px, 0.73vw, 14px);
    --font-12: clamp(12px, 0.63vw, 12px);
    --font-10: clamp(10px, 0.52vw, 10px);
    --font-8: clamp(8px, 0.42vw, 8px);

    /* LINE HEIGHT VARIABLES (optional) */
    --lh-100: clamp(48px, 5vw, 100px);
    --lh-90: clamp(50px, 4.7vw, 90px);
    --lh-80: clamp(45px, 4.17vw, 80px);
    --lh-72: clamp(40px, 3.75vw, 72px);
    --lh-60: clamp(36px, 3.12vw, 60px);
    --lh-50: clamp(32px, 2.6vw, 50px);
    --lh-45: clamp(30px, 2.35vw, 45px);
    --lh-40: clamp(28px, 2.08vw, 40px);
    --lh-36: clamp(24px, 1.88vw, 36px);
    --lh-32: clamp(22px, 1.66vw, 32px);
    --lh-30: clamp(20px, 1.55vw, 30px);
    --lh-27: clamp(19px, 1.41vw, 27px);
    --lh-26: clamp(18px, 1.35vw, 26px);
    --lh-25: clamp(18px, 1.3vw, 25px);
    --lh-24: clamp(17px, 1.25vw, 24px);
    --lh-22: clamp(16px, 1.15vw, 22px);
    --lh-20: clamp(15px, 1.1vw, 20px);
    --lh-19: clamp(15px, 1vw, 19px);
    --lh-18: clamp(14px, 1vw, 18px);
    --lh-16: clamp(13px, 0.83vw, 16px);
    --lh-14: clamp(12px, 0.73vw, 14px);
    --lh-12: clamp(10px, 0.63vw, 12px);
    --lh-10: clamp(9px, 0.52vw, 10px);
    --lh-8: clamp(8px, 0.42vw, 8px);

    /* PADDING / MARGIN VARIABLES */
    --pt-40: clamp(16px, 2vw, 40px);
    --pt-60: clamp(24px, 3vw, 60px);
    --pt-80: clamp(36px, 4.5vw, 80px);
    --pt-120: clamp(48px, 6vw, 120px);

    --pb-40: clamp(16px, 2vw, 40px);
    --pb-60: clamp(24px, 3vw, 60px);
    --pb-80: clamp(36px, 4.5vw, 80px);
    --pb-120: clamp(48px, 6vw, 120px);

    --pl-40: clamp(16px, 2vw, 40px);
    --pl-60: clamp(24px, 3vw, 60px);
    --pl-80: clamp(36px, 4.5vw, 80px);
    --pl-120: clamp(48px, 6vw, 120px);

    --pr-40: clamp(16px, 2vw, 40px);
    --pr-60: clamp(24px, 3vw, 60px);
    --pr-80: clamp(36px, 4.5vw, 80px);
    --pr-120: clamp(48px, 6vw, 120px);
}

h1,h2,h3{margin: 0 !important}

.pb-20{padding-bottom: 24px;}

/* FONT SIZE CLASSES */
.font-100 {
    font-size: var(--font-100);
}

.font-90 {
    font-size: var(--font-90);
    line-height: var(--font-90);
}

.font-80 {
    font-size: var(--font-80);
}

.font-76 {
    font-size: var(--font-76);
}

.font-64 {
    font-size: var(--font-64); line-height: 1.1;
}

.font-54 {
    font-size: var(--font-54);
    line-height: var(--font-54);
}

.font-45 {
    font-size: var(--font-45);
}

.font-40 {
    font-size: var(--font-40);
}

.font-36 {
    font-size: var(--font-36);
}

.font-32 {
    font-size: var(--font-32);
}

.font-30 {
    font-size: var(--font-30);
}

.font-27 {
    font-size: var(--font-27);
}

.font-26 {
    font-size: var(--font-26);
}

.font-25 {
    font-size: var(--font-25);
}

.font-24 {
    font-size: var(--font-24);
}

.font-22 {
    font-size: var(--font-22);
}

.font-20 {
    font-size: var(--font-20);
}

.font-19 {
    font-size: var(--font-19);
}

.font-18 {
    font-size: var(--font-18);
}

.font-16 {
    font-size: var(--font-16);
}

.font-14 {
    font-size: var(--font-14);
}

.font-12 {
    font-size: var(--font-12);
}

.font-10 {
    font-size: var(--font-10);
}

.font-8 {
    font-size: var(--font-8);
}

/* -------------------------
   PADDING UTILITIES
------------------------- */

/* PADDING TOP */
.pt-40 {
    padding-top: var(--pt-40);
}

.pt-60 {
    padding-top: var(--pt-60);
}

.pt-80 {
    padding-top: var(--pt-80);
}

.pt-120 {
    padding-top: var(--pt-120);
}


/* PADDING BOTTOM */
.pb-40 {
    padding-bottom: var(--pb-40);
}

.pb-60 {
    padding-bottom: var(--pb-60);
}

.pb-80 {
    padding-bottom: var(--pb-80);
}

.pb-120 {
    padding-bottom: var(--pb-120);
}

/* PADDING LEFT */
.pl-40 {
    padding-left: var(--pl-40) !important;
}

.pl-60 {
    padding-left: var(--pl-60) !important;
}

.pl-80 {
    padding-left: var(--pl-80) !important;
}

.pl-120 {
    padding-left: var(--pl-120) !important;
}

/* PADDING RIGHT */
.pr-40 {
    padding-right: var(--pr-40) !important;
}

.pr-60 {
    padding-right: var(--pr-60) !important;
}

.pr-80 {
    padding-right: var(--pr-80) !important;
}

.pr-120 {
    padding-right: var(--pr-120) !important;
}

/* -------------------------
   MARGIN UTILITIES
------------------------- */

/* MARGIN TOP */
.mt-40 {
    margin-top: var(--pt-40);
}

.mt-60 {
    margin-top: var(--pt-60);
}

.mt-80 {
    margin-top: var(--pt-80);
}

.mt-120 {
    margin-top: var(--pt-120);
}

/* MARGIN BOTTOM */
.mb-40 {
    margin-bottom: var(--pb-40);
}

.mb-60 {
    margin-bottom: var(--pb-60);
}

.mb-80 {
    margin-bottom: var(--pb-80);
}

.mb-120 {
    margin-bottom: var(--pb-120);
}

/* MARGIN LEFT */
.ml-40 {
    margin-left: var(--pl-40);
}

.ml-60 {
    margin-left: var(--pl-60);
}

.ml-80 {
    margin-left: var(--pl-80);
}

.ml-120 {
    margin-left: var(--pl-120);
}

/* MARGIN RIGHT */
.mr-40 {
    margin-right: var(--pr-40);
}

.mr-60 {
    margin-right: var(--pr-60);
}

.mr-80 {
    margin-right: var(--pr-80);
}

.mr-120 {
    margin-right: var(--pr-120);
}



/* TEXT COLORS */
.cream-light {
    color: var(--cream-light);
}

.navy-gray {
    color: var(--navy-gray);
}

.brick {
    color: var(--brick);
}

.white {
    color: var(--white);
}

.night {
    color: var(--night);
}

.steel {
    color: var(--steel);
}

.white-80 {
    color: var(--white-80);
}

.white-50 {
    color: var(--white-50);
}

.deep-black {
    color: var(--deep-black);
}

.brick-15 {
    color: var(--brick-15);
}

.cream-soft {
    color: var(--cream-soft);
}

.black-color {
    color: var(--black);
}

.grey {
    color: var(---grey);
}

.offwhite{color: var(--offwhite);}
.dgreen{color: var(--dgreen);}


/* BACKGROUND COLORS */
.cream-light-bg {
    background: var(--cream-light);
}

.offwhite-bg{background: var(--offwhite);}

.navy-gray-bg {
    background: var(--navy-gray);
}

.brick-bg {
    background: var(--brick);
}

.white-bg {
    background: var(--white);
}

.night-bg {
    background: var(--night);
}
.footer_logo img{
    height:100px;
}

.steel-bg {
    background: var(--steel);
}

.white-80-bg {
    background: var(--white-80);
}

.white-50-bg {
    background: var(--white-50);
}

.deep-black-bg {
    background: var(--deep-black);
}

.brick-15-bg {
    background: var(--brick-15);
}

.cream-soft-bg {
    background: var(--cream-soft);
}



.nomargin-top {
    margin-top: 0 !important
}

.nomargin-bottom {
    margin-bottom: 0 !important
}

.nomargin-left {
    margin-left: 0 !important
}

.nomargin-right {
    margin-right: 0 !important
}

.nopadding-top {
    padding-top: 0 !important
}

.nopadding-bottom {
    padding-bottom: 0 !important
}

.nopadding-left {
    padding-left: 0 !important
}

.nopadding-right {
    padding-right: 0 !important
}

.orange {
    color: #C28872;
}


.orange-bg {
    background: #C28872;
}

@font-face {
    font-family: 'WarblerBanner-Regular-Testing-BF674fd38676e7d';
    src: url('../fonts/WarblerBanner-Regular-Testing-BF674fd38676e7d.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "regular";
    src: url('../fonts/arial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.regular{font-family: "regular";}

body {
    font-family: "regular" !important;
    font-style: normal;
    overflow-x: hidden;
    color: #000 !important;
    font-size: var(--font-24) !important;
    line-height: 1.2 !important;
}

.wrapper {
    margin: auto;
    width: 100%
}

.big-container {
    margin: auto;
    padding-left: 5.7vw;
    padding-right: 5.7vw;
    width: 100%
}

.small-container {
    margin: auto;
    padding-left: 12vw;
    padding-right: 12vw;
    width: 100%;
}

/* Initial state */
.header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 3vw 0 1vw;
    background: transparent;
    transition: all .3s ease;
}

.header.show-header {
    background: rgba(147, 78, 65, 0.85);
}

.header.stickyheader {
    position: fixed;
    background: var(--brick);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    padding: 1vw 0;
}

.header.stickyheader .header-right {
    display: flex;
    justify-content: flex-end;
}

.header-logo {
    /* center logo at start */
    display: block;
}

.header-left,
.header-right {
    display: flex;
}

.col-12.text-center.header-logo img {
    margin: auto;
    width: 330px;
}

.header.stickyheader .logo img {
    width: 6vw;
}



:focus {
    outline: none !important
}

a {
    color: inherit;
    transition: all 0.5s;
}

a:hover {
    text-decoration: none !important;
    transition: all 0.5s;
}

a:focus {
    outline: none !important;
    border: none !important;
    text-decoration: none !important
}

img {
    transition: all 0.5s;
}

*:hover img {
    transition: all 0.5s;
}

.text-underline {
    text-decoration: underline !important
}

.abs-anch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: transparent !important;
    z-index: 0
}

.borderbottom {
    border-bottom: 1px solid
}

.list-inline li {
    display: inline-block
}

.show-1024,
.show-768,
.show-600 {
    display: none !important
}

input,
select,
texarea {
    border-radius: 0 !important
}

strong,
b {
    font-weight: normal;
    font-family: bold
}

.overflow-hidden {
    overflow: hidden
}

.object-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.overlay {
    position: relative;
}

.overlay:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#scrolltoform {
    scroll-margin-top: 15vw
}


input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

textarea:focus::-webkit-input-placeholder {
    color: transparent
}

textarea:focus:-moz-placeholder {
    color: transparent
}

textarea:focus::-moz-placeholder {
    color: transparent
}

textarea:focus:-ms-input-placeholder {
    color: transparent
}

input::-webkit-input-placeholder {
    font-size: var(--font-16);
    color: #fff;
    font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

input:-moz-placeholder {
    font-size: var(--font-16);
    color: #fff;
    font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

input::-moz-placeholder {
    font-size: var(--font-16);
    color: #fff;
    font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

input:-ms-input-placeholder {
    font-size: var(--font-16);
    color: #fff;
    font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

textarea::-webkit-input-placeholder {
    font-size: var(--font-16);
    color: #fff;
    font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

textarea:-moz-placeholder {
    font-size: var(--font-16);
    color: #fff;
    font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

textarea::-moz-placeholder {
    font-size: var(--font-16);
    color: #fff;
   font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

textarea:-ms-input-placeholder {
    font-size: var(--font-16);
    color: #fff;
     font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

select {
    -webkit-appearance: none;
    position: relative;
    background-image: url("../images/select-arrow.svg") !important;
    background-position: right 15px center !important;
    background-repeat: no-repeat !important;
}




@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.down-arrow img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes mover {
    0% {
        transform: translateY()
    }

    100% {
        transform: translateY(-10px)
    }
}


.moz-background-picture,
.moz-background-picture-side {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

body.loaded .rollout .moz-background-picture:before,
.roll-out.anim.in-view .moz-background-picture:before {
    height: 0;
    transition-delay: 1s
}

body.loaded .rollside .moz-background-picture-side:before,
.roll-side.anim.in-view .moz-background-picture-side:before {
    width: 0;
    transition-delay: 1s
}

.moz-background-picture:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: height 1.2s cubic-bezier(.57, 0, .08, 1);
    z-index: 0
}

.moz-background-picture-side.black-bg:before,
.moz-background-picture.black-bg:before {
    background-color: #000
}

.moz-background-picture-side:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: width 1.2s cubic-bezier(.57, 0, .08, 1);
    z-index: 0
}

.rollout,
.roll-out,
.rollside,
.roll-side {
    position: relative
}

.slide-right,
.slideright {
    transform: translateX(-100px);
    opacity: 0;
    transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 1.8s ease-in-out
}

.loaded .slide-right,
.anim.in-view .slideright {
    transform: translateX(0);
    opacity: 1
}

.slide-left,
.slideleft {
    transform: translateX(100px);
    opacity: 0;
    transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 1.8s ease-in-out
}

.loaded .slide-left,
.anim.in-view .slideleft {
    transform: translateX(0);
    opacity: 1
}

.longslide-left,
.longslideleft {
    transform: translateX(-1000px);
    opacity: 0;
    transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 1.8s ease-in-out
}

.loaded .longslide-left,
.anim.in-view .longslideleft {
    transform: translateX(0);
    opacity: 1
}

.slide-down,
.slidedown {
    transform: translateY(-100px);
    opacity: 0;
    transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 1.8s ease-in-out
}

.loaded .slide-down,
.anim.in-view .slidedown {
    transform: translateY(0);
    opacity: 1
}

.slide-up,
.slideup {
    transform: translateY(100px);
    opacity: 0;
    transition: transform 1.8s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 1.8s ease-in-out
}

.loaded .slide-up,
.anim.in-view .slideup {
    transform: translateY(0);
    opacity: 1
}

.loaded .delayed,
.anim.in-view .de-layed {
    transition-delay: 0.8s
}

.loaded .delayed1,
.anim.in-view .de-layed1 {
    transition-delay: 1.0s
}

.loaded .delayed2,
.anim.in-view .de-layed2 {
    transition-delay: 1.2s
}

.loaded .delayed3,
.anim.in-view .de-layed3 {
    transition-delay: 1.4s
}

.loaded .delayed5,
.anim.in-view .de-layed4 {
    transition-delay: 1.6s
}

.loaded .delayed6,
.anim.in-view .de-layed5 {
    transition-delay: 1.8s
}

.loaded .delayed7,
.anim.in-view .de-layed6 {
    transition-delay: 2.0s
}

[data-aos=scale] {
    transform: scale(1.3)
}

[data-aos=scale].aos-animate {
    transform: scale(1)
}


.title-font {
    font-family: 'WarblerBanner-Regular-Testing-BF674fd38676e7df';
}

.text-medium {
    font-family: "regular";
}

.medium {
    font-family: "regular";
}


.home_pic {
    height: 100%;
}

.home_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Preloader shell */
.preloader {
    position: fixed;
    inset: 0;
    background: #934E41;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Center content */
.preloader-content {
    position: relative;
}

/* Logo wrapper */
.logo-wrapper {
    position: relative;
    display: inline-block;
    color: #f9f3f2;
    /* SVG fill color */
}

/* SVG sizing (adjust if needed) */
.logo-wrapper svg {
    display: block;
    width: 25vw;
    height: auto;
}

/* Reveal overlay */
.logo-reveal {
    position: absolute;
    inset: 0;
    background: #934E41;
    /* same as preloader bg */
    transform: translateX(0%);
    animation: revealFill 3s linear forwards;
    animation-delay: 0.2s;
}

/* Left → right reveal */
@keyframes revealFill {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(100%);
    }
}

/* Exit animation */
.preloader.fade-out {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
}


/*.reveal3,
.reveal4 {
    visibility: hidden;
}

.reveal3.ready,
.reveal4.ready {
    visibility: visible;
}
*/

.running-text p:not(:last-child) {
    margin-bottom: 1.5vw;
}

.letter-spacing1{letter-spacing: 1px;}

.letterspacing0 {
   letter-spacing: 0.02em;
}

.letterspacing1 {
    letter-spacing: 0.05em
}

.letterspacing2 {
    letter-spacing: 0.1em;
}

.logo img {
    width: 9vw;
}

.square-cta a {
    display: inline-block;
    font-size: var(--font-24);
    text-transform: uppercase;
     font-family: "regular";
	letter-spacing: 1px;
    height: 3.34vw;
    line-height: 3.2vw;
    padding: 0 4vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all linear 0.3s;
   border-radius: 4px;
}

.square-cta a.night {
    border: 1px solid var(--night) !important;
}

.square-cta.bordered-cta a {
    border: 2px solid var(--night) !important;
    width: 100%;
    text-align: center;
}

.square-cta.bordered-cta a.brick {
    border: 2px solid var(--brick) !important;
}

.square-cta.bordered-cta a.white {
    border: 2px solid #fff !important;
}

.square-cta.bordered-cta a {
    width: 100%;
}

.square-cta.bordered-cta a:after {
    background: var(--brick) !important;
}

.square-cta.bordered-cta:hover a {
    border-color: var(--brick) !important;
}

.square-cta.bordered-cta a.white:after {
    background: var(--white) !important;
}

.square-cta.bordered-cta:hover a.white {
    border-color: var(--white) !important;
    color: var(--brick) !important;
}

.square-cta a.offwhite-bg.dgreen:after{    background: #C28872;}
.square-cta:hover a.offwhite-bg.dgreen {
    border-color:#C28872;
}

.square-cta a:after {
    content: "";
    background: var(--night);
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: all linear 0.3s;
    z-index: -1;
}

.square-cta a:hover:after {
    width: 100%;
    transition: all linear 0.3s;
}

.square-cta a:hover {
    color: var(--cream-light);
    border: 1px solid;
}

.cream-light-bg .square-cta a:after {
    background: #fbf5ea;
}

.square-cta a.night:hover {
    color: #fff;
}

.square-cta a.white-bg:after {
    background: var(--brick);
}



.square-cta:hover a {
    color: #fff;
    transition: all linear 0.3s;
}

.treasure-shores-section,.introduction-section {
    background: url(../images/background_harb.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.treasure-shores-section .square-cta.bordered-cta a {
    border-color: var(--brick);
}

.square-cta.m-auto {
    display: table;
}

.header .square-cta a,
.property-card__image .square-cta a {
    font-size: var(--font-15);
    height: 2.2vw;
    line-height: 2.2vw;
    padding: 0 1.33vw;
}

.header .square-cta a:after{background: #fff;}
.header .square-cta a:hover{color: #063431; border-color: #fff !important;}

.header-left img {
    height: 2.2vw;
}

.hero-banner {
    position: relative;
    width: 100%;
    min-height: 600px;
    overflow: hidden;
}


.hero-banner__video,
.hero-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-banner__vimeo-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-banner__vimeo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    /* 16:9 aspect ratio */
    min-height: 100vh;
    min-width: 177.77vh;
    /* 16:9 aspect ratio */
    transform: translate(-50%, -50%);
}

.hero-banner__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0.04%, rgba(22, 22, 22, 0.00) 100%);
    z-index: 0;
}

.hero-banner__content {
    position: absolute;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 5.5vw;
    bottom: 6vw;
    width: 100%;
    flex-direction: column;
}


.form__container {
    padding: 3vw 2.5vw;
    margin-top: -16vw;
}

.input-fields input:not([type="submit"]),
.input-fields select {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0.5vw 0 0.5vw 0;
    color: #fff;
    font-size: var(--font-16);
    width: 100%;
 font-family: "regular";
	letter-spacing: 0.62px;
	line-height: var(--font-20);
}

.input-fields .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}

.input-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 3vw;
    font-size: var(--font-16);
    padding: 0 !important;
     font-family: "regular";
	letter-spacing: 0.62px;
    text-transform: uppercase;
}

.input-fields .select2-container .select2-selection--single {
    height: 3vw
}

.input-fields .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff
}

span.select2-selection__arrow b {
    display: none
}

.input-fields span.select2-selection__arrow {
    background: url(../images/select-arrow.svg) no-repeat;
    width: .65vw !important;
    height: .5vw !important;
    background-size: 100%;
    top: 1.4vw !important
}

.select2-search__field {
    display: none !important;
}

button.select2-selection__clear {
    display: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--cream-light) !important;
    color: #fff !important;
}

.select2-search--dropdown {
    padding: 0 !important;
}

.select2-results__option {
    padding: 0.5vw !important;
    margin: 0;
    font-size: var(--font-16) !important;
    color: var(--night) !important;
    border-bottom: 1px solid rgba(147, 78, 65, 0.15);
}

.select2-results__options .select2-results__option:last-child {
    border-bottom: none;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 15vw !important;
}


.input-fields input[type=submit] {
    background: #c28872;
    font-weight: normal;
    border: none !important;
    width: 100%;
    font-size: var(--font-24);
    font-family: "regular";
	letter-spacing: 0.62px;
    height: 3.4vw;
    line-height: 3.4vw;
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
	border-radius: 4px !important;
	transition: all linear 0.3s
}

.input-fields input[type=submit]:hover{transition: all linear 0.3s; background: #fff; color: #063431;}

.property-card__image.object-cover {
    aspect-ratio: 271 / 186;
}

.property-card__features.d-flex {
    margin: 0 -1vw;
}

.property-card__feature {
    padding: 0 1vw;
    border-right: 1px solid;
    gap: 0.5vw;
}

span.property-card__feature-text {
    display: flex;
    gap: 8px;
}

.property-card__features .property-card__feature:last-child {
    border: none;
}

.property-card__content {
    border-bottom: 1px solid;
    padding: 1vw 1vw 2vw;
}

.property-card__image {
    position: relative;
    overflow: hidden;
}

.property-card__image img {
    transition: transform 0.5s ease;
}

/* Overlay */
.property-card .property-card__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(147, 78, 65, 0);
    transition: background-color 0.3s ease;
    z-index: 1;
}

/* Enquire button */
.property-card__enquire {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 2;
}

.property-card__enquire a {

    backdrop-filter: blur(8px);
    /* Blur behind the button */
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid !important;

}

/* Hover effect */
.property-card:hover .property-card__image::before {
    background-color: rgba(6, 52, 49, 0.5);
}

.property-card:hover .property-card__enquire {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.05);
}

.property-card:hover .property-card__image img {
    transform: scale(1.05);
}



[class^=swiper-button-] {
    transition: all .3s ease
}

.swiper-slide {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.main-slider.swiper-container {
    width: 100%;
    aspect-ratio: 285 / 128;
    height: 100%;
    transition: opacity .6s ease, transform .3s ease
}

.home .main-slider.swiper-container-autoheight .swiper-slide,
.development-page .main-slider.swiper-container-autoheight .swiper-slide {
    aspect-ratio: 285 / 128;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    background: none !important;
    width: 5.5vw;
    height: 5.5vw;
    right: 0;
    top: 50%;
}

.swiper-container .swiper-button-prev {
    left: 2vw;
    right: auto;
}



.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.8;
    transform: scale(1.1);
}


/* Pagination bullets styling */
.main-slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.4;
    margin: 0 5px !important;
    transition: all 0.3s ease;
    border-radius: 100%
}

.main-slider .swiper-pagination-bullet-active {
    opacity: 1;
    width: 40px;
    border-radius: 10px;
}

/* Optional: Add hover effect */
.main-slider .swiper-pagination-bullet:hover {
    opacity: 0.7;
    width: 40px;
    border-radius: 10px;
}

.swiper-container.loading {
    opacity: 0;
    visibility: hidden
}

.swiper-slide {
    overflow: hidden
}

.swiper-slide .slide-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.swiper-slide .slide-bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide .entity-img {
    display: none
}


.feature-item {
    padding-left: 1vw;
    border-left: 3px solid;
    padding-right: 2vw;
    min-height: 4vw;
}

.row.perfect-balance-section__features .col-md-6 {
    display: flex;
    flex-direction: column;
    row-gap: 4.85vw;
}
.feature-item p {
    margin: 0;
}

.perfect-balance-section__image-row {
    display: grid;
    gap: 0.5vw;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0.5vw;
}

.perfect-balance-section__image-row .object-cover {
    aspect-ratio: 26 / 19;
}

.perfect-balance-section__image.perfect-balance-section__image--large.object-cover {
    aspect-ratio: 80 / 49;
    margin-bottom: 0.5vw;
}

.location-feature__icon {
    width: 1.7vw;
    height: 1.7vw;
    display: flex;
    justify-content: center;
}

.location-feature__icon img {
    object-fit: contain;
}


.location-feature__text {
    width: 85%;
}

.location-feature {
    gap: 1vw;
	min-height: 3vw;
}

.treasure-shores-section__features .row {
    row-gap: 2vw;
}


div#map {
    aspect-ratio: 167 / 98;
}

/* Remove default bubble */
/* Remove container background */
.gm-style-iw-c {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Remove inner default background */
.gm-style-iw-d {
    background: transparent !important;
}

/* Remove top-center wrapper mask */
.gm-style .gm-style-iw-tc {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Remove the mask that creates the L-shaped white border */
.gm-style-iw-t {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Remove tail */
.gm-style-iw-t::after {
    display: none !important;
}


.display-suite-section__details {
    display: grid;
    gap: 2vw;
    grid-template-columns: repeat(2, 1fr);
}


.srmlogo-tel {
    display: grid;
    gap: 1vw;
    grid-template-columns: repeat(2, 1fr);
}


.display-suite-section .square-cta a {
    font-size: var(--font-16);
    padding: 0 2vw;
}

.ab-logo {
    display: flex;
    align-items: center;
    justify-content: end;
}

.footermenu ul,
.footermenu ul li {
    padding: 0;
    margin: 0;
    text-align: center;
}

footer.footer {
    border-top: 1px solid #D5C7B7;
    padding: 2vw 0;
}

.footermenu ul li:not(:last-child):after {
    content: "|";
    margin: 0 0.5vw;
}

.ab-logo img {
    width: 11vw;
}


.display-suite-section__content .square-cta a {
    font-size: var(--font-20);
    padding: 0 1vw;
}

.display-suite-section__cta {
    position: absolute;
    background: rgba(6, 52, 49, 0.5);
    width: 100%;
    padding: 0.5vw 1vw;
    bottom: 0;
    z-index: 1;
    backdrop-filter: blur(5px);
}

.display-suite-section__cta a {
    display: flex;
    align-items: center;
    color: #222;
    gap: 0.75vw
}

.display-suite-section__cta a svg {
    width: 0.45vw;
}

.rwd-property-carousel .slick-dots {
    bottom: -40px;
}

.rwd-property-carousel .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: var(--night);
    opacity: 0.3;
    transition: all 0.3s ease;
}

.rwd-property-carousel .slick-dots li.slick-active {
    width: 24px;
    opacity: 1;
    transition: all 0.3s ease;
}

.rwd-property-carousel .slick-dots li button:before {
    display: none !important;
}

.lock img {
    width: 20px;
}

.note-dflex {
    gap: 5px;
    align-items: start;
}

.lock svg {
    width: 1vw;
    height: 1vw;
    opacity: 0.2;
}

.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 1.1vw;
}

.input-fields {
    margin-bottom: 1vw;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
    font-size: var(--font-14) !important;
}


.error404 .header,
.error404 .footer,
.error404 .navigationMenu .trigger,
.page-template-thankyou .header,
.page-template-thankyou .footer,
.page-template-thankyou .navigationMenu .trigger {
    display: none
}

main.main-content.thankyou-error-page,
main.main-content.thankyou-error-page .big-container,
.error404 div#smooth-content,
.page-template-thankyou .navigationMenu .trigger {
    height: 100%;
    min-height: 100vh
}

.thankerror-msg.position-relative {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    text-align: center
}

.position-absolute.errortext {
    z-index: -1;
    font-size: 30vw;
    opacity: .05;
    text-transform: uppercase;
}

.position-absolute.errortext.thankyoutext {
    font-size: 20vw;
    line-height: 20vw
}

.dflex-ctas.d-flex.pt-60 {
    gap: 1vw;
}

.row.perfect-balance-section__features .col-md-6:last-child {
    padding-left: 0;
}

.row.perfect-balance-section__features .col-md-6.col-sm-12 {
    padding-right: 0;
}

/*=======================MEDIA QUERIES=======================*/

@media only screen and (max-width: 2560px) and (min-width: 1921px) {}

@media (max-width:1680px) {

    .display-suite-section__content .square-cta a {
        font-size: var(--font-16);
    }

}

@media (max-width:1600px) {}

@media (max-width:1480px) {

    .header .square-cta a,
    .property-card__image .square-cta a {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }

    .header-left img {
        height: 40px;
    }

	p.feature-item__description.regular.font-18 br{display: none}

    .big-container {
        padding-left: 25px;
        padding-right: 25px;
    }


    .hero-banner__content {
        padding: 0 25px;
    }

    .location-feature__icon {
        width: 32px;
        height: 32px;
    }

    .running-text p:not(:last-child) {
        margin-bottom: 25px;
    }

    .perfect-balance-section__image.perfect-balance-section__image--large.object-cover {
        aspect-ratio: inherit;
        height: 60%;
    }

    .perfect-balance-section__image-row .object-cover {
        aspect-ratio: inherit;
        height: 90%;
    }

    .perfect-balance-section__images {
        height: 100%;
    }

    .perfect-balance-section__image-row {
        height: 40%;
    }

    .display-suite-section__cta a {
        gap: 25px
    }

    .display-suite-section__cta a svg {
        width: 9px;
    }


}

@media (max-width:1366px) {

    .lock svg {
        width: 20px;
        height: 20px;
        opacity: 0.2;
    }

    .note-dflex.d-flex.night .font-12 {
        width: 85%;
    }

    .note-dflex.d-flex.night br {
        display: none;
    }
	
	.font-64 {
    font-size: 42px;
}

}

@media (max-width:1280px) {
    .pt-200 {
        padding-top: 80px
    }

    .pb-200 {
        padding-bottom: 80px
    }

    .pt-120 {
        padding-top: 60px
    }

    .pb-120 {
        padding-bottom: 60px
    }

    .pt-80 {
        padding-top: 40px
    }

    .pb-80 {
        padding-bottom: 40px
    }

    .pt-60 {
        padding-top: 30px
    }

    .pb-60 {
        padding-bottom: 30px
    }

    span.property-card__feature-text .hide-1024 {
        display: none;
    }

    .display-suite-section__content .square-cta a {
        font-size: var(--font-12);
        padding: 0 15px;
        width: 100%;
        text-align: center;
    }


}

@media (max-width:1024px) {
    .show-1024 {
        display: block !important
    }

    .hide-1024 {
        display: none !important
    }

    .hero-banner {
        min-height: initial;
    }

    .header {
        padding: 15px 0 !important;
    }

    .input-fields input[type=submit] {
        height: 50px;
        line-height: 50px;
    }

    .input-fields input {
        padding: 15px 0 5px 0;
    }

    .input-fields input {
        margin-bottom: 15px;
    }

    .logo img {
        width: 100px !important;
    }

    .location-feature {
        gap: 10px;
        padding-bottom: 25px;
    }

    .display-suite-section__details,
    .srmlogo-tel {
        gap: 1vw;
        grid-template-columns: repeat(1, 1fr);
    }

    .display-suite-section__content .square-cta a {
        width: inherit;
    }

    .rwd-property-carousel .slick-list {
        padding: 0 120px;
    }

    .rwd-property-carousel .slick-slide {
        padding: 0 7px;
    }

	.input-fields select{text-transform: uppercase;}
	.input-fields {
    margin-bottom: 15px;
}

}

@media (max-width:992px) {}

@media (max-width:768px) {
    .show-768 {
        display: block !important
    }

    .hide-768,
    .title-font.font-54 br {
        display: none !important
    }

    .pr-120,
    .pr-80,
    .pr-60,
    .pr-40 {
        padding-right: 0px !important;
    }

    .pl-120,
    .pl-80,
    .pl-60,
    .pl-40 {
        padding-left: 0px !important;
    }

    .row.intro-row,
    .shores-row {
        flex-direction: column-reverse;
    }

    .display-suite-section__content .square-cta a {
        width: 100%;
    }

    .display-suite-section__details,
    .srmlogo-tel {
        text-align: center;
        gap: 25px;
    }

    .form__container {
        padding: 25px;
        margin-top: 30px;
        margin-bottom: 35px;
    }

    .introduction-section.pt-120 {
        padding-top: 30px;
    }

    .hero-banner__content {
        bottom: 10px;
    }


    .rwd-property-carousel .slick-list {
        padding: 0 45px;
    }


    .property-card__content {
        padding: 10px 5px 25px;
    }

    .property-card__feature {
        padding: 0 10px;
        gap: 5px;
    }


    .final-opportunity-section__properties {
        margin: 0 -25px;
    }

    .finalopp-container .square-cta,
    .finalopp-container .square-cta a,
    .perfect-balance-section .square-cta,
    .perfect-balance-section .square-cta a,
    .treasure-shores-section .square-cta,
    .treasure-shores-section .square-cta a,
    .dflex-ctas.d-flex .square-cta a,
    .dflex-ctas.d-flex .square-cta {
        width: 100%;
        text-align: center;
    }

    .square-cta a {
        height: 50px;
        line-height: 50px;
    }

    .feature-item {
        padding-left: 15px;
        padding-right: 0;
        min-height: inherit;
        margin-bottom: 25px;
    }

    .perfect-balance-section__images {
        margin-top: 35px;
    }

    .treasure-shores-section .row.shores-row {
        flex-direction: column-reverse;
    }

    .treasure-shores-section__image {
        margin-top: 35px;
    }

    .hero-banner {
        height: 300px;
        min-height: auto;
    }

    .letterspacing1 {
        letter-spacing: 1.4px;
    }

    h2.display-suite-section__heading.font-32 {
        font-size: 30px;
        text-align: center;
    }

    .display-suite-section__content {
        text-align: center;
    }

    .display-suite-section__logo img {
        margin: auto;
    }

    .display-suite-section__content .square-cta a {
        padding: 0 15px;
        width: 100%;
        margin-bottom: 35px;
    }

    .ab-logo img {
        width: 110px;
        margin: 0 0 0 auto;
    }

    .display-suite-section__cta {
        padding: 12px 10px;
    }

    footer.footer {
        border-top: none;
    }

    .footermenu ul li:not(:last-child):after {
        content: "|";
        margin: 0 15px;
    }

    .col-md-12.copyright {
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding: 15px 0 5px 0;
    }

    .col-sm-12.footermenu.font-14 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .logo-wrapper svg {
        width: 220px;
    }


    .swiper-container .swiper-button-next {

        right: 2vw;

    }

    .row.perfect-balance-section__features .col-md-6:last-child {
        padding-left: 15px !important;
    }

    .row.perfect-balance-section__features .col-md-6.col-sm-12 {
        padding-right: 15px !important;
    }

    .perfect-balance-section__image.perfect-balance-section__image--large.object-cover {
        height: auto;
    }

    .treasure-shores-section__features .row .col-md-6:nth-child(1) {
        order: 1;
    }

    /* Sydney CBD */
    .treasure-shores-section__features .row .col-md-6:nth-child(2) {
        order: 2;
    }

    /* Metro stations */
    .treasure-shores-section__features .row .col-md-6:nth-child(3) {
        order: 3;
    }

    /* Martin Place - pin */
    .treasure-shores-section__features .row .col-md-6:nth-child(4) {
        order: 5;
    }

    /* Chatswood - pin */
    .treasure-shores-section__features .row .col-md-6:nth-child(5) {
        order: 7;
    }

    /* Barangaroo - pin */
    .treasure-shores-section__features .row .col-md-6:nth-child(6) {
        order: 4;
    }

    /* Harbourside parks */
    .treasure-shores-section__features .row .col-md-6:nth-child(7) {
        order: 6;
    }

    /* Cammeray village */
    .treasure-shores-section__features .row .col-md-6:nth-child(8) {
        order: 8;
    }

    /* Cafés */

	.input-fields input:not([type="submit"]), .input-fields select {
    padding: 10px 0;
	}
	
	.row.perfect-balance-section__features .col-md-6,.treasure-shores-section__features .row {
    row-gap: 0;
}

}


@media (max-width:600px) {
    .show-600 {
        display: block !important
    }

    .hide-600,
    .running-text br,
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important
    }

    .form__container h3.font-54 {
        font-size: 36px;
    }

    .rwd-caption .font-54 {
        font-size: 24px;
    }

    .header .square-cta.show-600 a,
    .property-card__image .square-cta a {
        font-size: var(--font-12);
    }

    div#map {
        aspect-ratio: inherit;
        height: 320px;
    }

    figure.slide-bgimg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .main-slider.swiper-container {
        aspect-ratio: inherit;
    }

    .main-slider.swiper-container-autoheight .swiper-slide {
        aspect-ratio: inherit;
        height: 280px;
    }

    .thankerror-msg .dflex-ctas.d-flex {
        flex-direction: column;
        width: 100%;
    }

    .col-12.text-center.header-logo img {
        width: 190px;
    }

    .display-suite-section__text p:last-child br {
        display: none;
    }

    .rwd-property-carousel .slick-list {
        padding: 0 25px;
    }

    .property-card__feature {
        padding: 0 15px;
    }

    span.property-card__feature-text.font-18 {
        font-size: 12px;
    }

.footer_logo img {
    height: 60px;
}
	.input-fields input:not([type="submit"]), .input-fields select {
		font-size: var(--font-14);}
	
	.font-64 {
    font-size: 30px
}

}

@media (max-width:480px) {}

@media (max-width:375px) {}

@media (max-width:320px) {}