@font-face {
  font-family: "medium";
  src: url( "../fonts/TestUntitledSans-Medium.woff2") format('woff2'),
       url( "../fonts/TestUntitledSans-Medium.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}


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

@font-face {
  font-family: "title-font";
  src: url( "../fonts/OPTIMA.woff2") format('woff2'),
       url( "../fonts/OPTIMA.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}

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


:root {
    /* COLORS */
    --cream-light: #FBF5EA;
    --navy-gray: #364153;
    --brick: #934E41;
    --white: #FFFFFF;
    --night: #011026;
    --steel: #99A1AF;
    --white-80: rgba(255,255,255,0.8);
    --white-50: rgba(255,255,255,0.5);
    --deep-black: #0A0A0A;
    --brick-15: rgba(147, 78, 65, 0.15);
    --cream-soft: #F9F3F2;

    /* 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: clamp(30px, 3.3vw, 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(16px, 1.25vw, 24px);
    --font-22: clamp(16px, 1.15vw, 22px);
    --font-20: clamp(16px, 1.1vw, 20px);
    --font-19: clamp(16px, 1vw, 19px);
    --font-18: clamp(16px, 1vw, 18px);
    --font-16: clamp(16px, 0.83vw, 16px);
    --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);
}



/* 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);}
.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); }

/* BACKGROUND COLORS */
.cream-light-bg { background: var(--cream-light); }
.navy-gray-bg { background: var(--navy-gray); }
.brick-bg { background: var(--brick); }
.white-bg { background: var(--white); }
.night-bg { background: var(--night); }
.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}



body{font-family:"regular"!important;overflow-x:hidden; color: var(--cream-soft) !important; font-size: var(--font-24) !important; line-height: 1.2 !important;background:var(--brick) !important; }
.wrapper{margin:auto;width:100%}
.big-container{margin: auto;padding-left: 7vw;    padding-right: 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:1vw 0;
    background:transparent;
    transition:all .3s ease;
}

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

.header.stickyheader {
    position:fixed;
    background:rgba(147, 78, 65, 1);
    box-shadow:0 0 10px rgba(0,0,0,0.05);
    padding:.5vw 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: 14vw;
}

.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%;}
/*#enquirenow{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: var(--night);}
input:-moz-placeholder{font-size:var(--font-16); color: var(--night);}
input::-moz-placeholder{font-size:var(--font-16); color: var(--night);}
input:-ms-input-placeholder{font-size:var(--font-16); color: var(--night);}
textarea::-webkit-input-placeholder{font-size:var(--font-16); color: var(--night);}
textarea:-moz-placeholder{font-size:var(--font-16); color: var(--night);}
textarea::-moz-placeholder{font-size:var(--font-16); color: var(--night);}
textarea:-ms-input-placeholder{font-size:var(--font-16); color: var(--night);}

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)}


/* 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;}

.letterspacing0{letter-spacing: 1px;}
.letterspacing1{letter-spacing: 2.69px}
.letterspacing2{letter-spacing: 3px;}

.logo img {width: 9vw;}

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

.square-cta.brick-bg a{border: 1px solid var(--brick) !important;}
.square-cta.bordered-cta a{border: 1px solid  var(--cream-soft) !important; width: 100%; text-align: center;}
.square-cta.bordered-cta a{width: 100%; }

.square-cta.bordered-cta a:after {
    background: var(--cream-light);
}


.square-cta a:after{
    content: "";
    background: var(--brick);
    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.cream-light:hover {
    color:var(--brick) ; border: 1px solid
}

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



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


.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-14);height: 2vw; line-height: 2vw; padding:0 1.33vw;}



.hero-banner {
    position: relative;
    width: 100%;
    height: 100vh;
    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 7vw;
    bottom: 6vw;
    width: 100%;
    flex-direction: column;
}


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

.input-fields input:not([type="submit"]),.input-fields select {
    background: none;
    border: none;
    border-bottom: 1px solid var(--night);
    padding: 0.5vw 0 0.5vw 0;
	color: var(--night);
	font-size:var(--font-16);
	width: 100%;
}

.input-fields .select2-container--default .select2-selection--single{background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--night)}
.input-fields .select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--night);line-height:3vw;font-size:var(--font-16); padding: 0 !important;}
.input-fields .select2-container .select2-selection--single{height:3vw}
.input-fields .select2-container--default .select2-selection--single .select2-selection__placeholder{color: var(--night)}
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;}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--cream-light) !important;
    color: var(--night) !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: var(--brick);
    font-weight: normal;
    border: none;
    width: 100%;
    font-size: var(--font-20);
    font-family: "medium";
    height: 3.4vw;
    line-height: 3.4vw;
    padding: 0 15px; text-decoration: none;
}

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

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

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

.property-card__content {
    background: #fff;
    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(147,78,65,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;
    margin-bottom: 4vw;
}

.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;
    padding-bottom: 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;
}

.col-md-4.col-sm-12.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;
    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-16);
    padding: 0 1vw;
}

.display-suite-section__cta {
    position: absolute;
    background: rgba(148, 78, 65, 0.8);
    width: 100%;
    padding: 0.5vw 1vw;
    bottom: 0;
    z-index: 1;
    background: rgba(147, 78, 65, 0.80);
    backdrop-filter: blur(5px);
}

.display-suite-section__cta a {
    display: flex;
    align-items: center;
}

.rwd-property-carousel .slick-dots {bottom: -40px;}
.rwd-property-carousel .slick-dots li{width: 8px; height: 8px; border-radius: 8px; background: #934E41; 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;}


.note-dflex{    gap: 5px; align-items: center}
.lock svg {
    width: 1vw;
    height: 1vw;
    opacity: 0.2;
}

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

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

.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.bold{z-index:-1;font-size:30vw;opacity:.05;text-transform:uppercase;}
.position-absolute.errortext.thankyoutext.bold{font-size:20vw;line-height:20vw}

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

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

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

}

@media (max-width:1680px){



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

.header .square-cta a, .property-card__image .square-cta a {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}
	
	.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;
}
	.display-suite-section__content .square-cta a {
    font-size: var(--font-12);
    padding: 0 15px;
    width: 100%;
    text-align: center;
}

}
@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;
}

}
@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}

	


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

.hero-banner {
    height: 40vh;
	}
	
	.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;}
	

}
@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;}
	.rwd-property-carousel .slick-slide{padding: 0 7px;}
	
	.property-card__content {
    background: #fff;
    padding: 11px 15px 25px;
}
	
	.property-card__feature {
    padding: 0 20px;
    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 {
    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__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;

}
	
}


@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: 220px;
}
	
	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: 150px;
}
	.display-suite-section__text p:last-child br {
    display: none;
}
	


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

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

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