@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Termina Bold';
    src: url('../fonts/Termina-Bold.eot');
    src: url('../fonts/Termina-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Termina-Bold.woff2') format('woff2'),
        url('../fonts/Termina-Bold.woff') format('woff'),
        url('../fonts/Termina-Bold.ttf') format('truetype'),
        url('../fonts/Termina-Bold.svg#Termina-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Termina Medium';
    src: url('../fonts/Termina-Medium.eot');
    src: url('../fonts/Termina-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Termina-Medium.woff2') format('woff2'),
        url('../fonts/Termina-Medium.woff') format('woff'),
        url('../fonts/Termina-Medium.ttf') format('truetype'),
        url('../fonts/Termina-Medium.svg#Termina-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ── RESET & BASE ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Roboto", sans-serif;background:#0a1628;color:#fff;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}

/* ── VARIABLES ── */
:root{
  --navy:#0a1628;
  --navy2:#0d1e38;
  --navy3:#112244;
  --blue:#2D5078;
  --gold:#7ecbe8;
  --gold2:#a8ddf2;
  --white:rgba(255,255,255,0.85);
  --white2:rgba(255,255,255,0.55);
  /* brand palette */
  --brand-primary:#2D5078;
  --brand-mid:#295E91;
  --brand-accent:#3383AD;
}
#id-12 .pcontent.contact-sec {
    display: none;
}
#id-12 section#contact > img, #id-12 section#overview > img {
    display: none;
}
#id-12 section#overview {
    padding-top: 152px;
}
/* ── TYPOGRAPHY ── */
.serif{font-family:'Termina Medium',serif}
h1,h2,h3{font-family:'Termina Medium',serif;font-weight:400;line-height:1.1}

/* ── PARALLAX SECTIONS ── */
.psec{position:relative;overflow:hidden}
.pbg{
  position:absolute;
  top:-30%;left:0;
  width:100%;height:160%;
  object-fit:cover;
  object-position:center;
  will-change:transform;
  z-index:0;
  pointer-events:none;
}
.wpcf7-list-item {
    margin: 0 0 0 0em !important;
}
.pdark{
  position:absolute;inset:0;
  z-index:1;pointer-events:none;
}
.pcontent{position:relative;z-index:2}
.wpcf7-not-valid-tip {
    color: #dc3232 !important;
}

/* ── GOLD ACCENT ── */
.gold{color:var(--gold)}
.gold-line{width:48px;height:1px;background:var(--gold);display:inline-block;vertical-align:middle}
.label{font-size:16px;letter-spacing:.28em;text-transform:uppercase;color:#959595;font-weight:500}
.hero-text h1 em, h2 span {
    color: var(--gold);
    font-style: normal;
}
/* ── NAV ── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:72px;
  display:flex;align-items:center;
  transition:background .4s,box-shadow .4s;
  background:rgba(45,80,120,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.12);
  overflow:visible;
}
#nav.solid{background:rgba(41,94,145,.97);box-shadow:0 2px 20px rgba(0,0,0,.4)}
.nav-inner{
  max-width:1800px;margin:0 auto;padding:0 32px;
  width:100%;display:flex;align-items:center;justify-content:space-between;
}
.nav-links {
    display: flex;
    gap: 36px;
    align-items: center;
}
.nav-links a{font-size:19px;font-weight:500;letter-spacing:.06em;color:rgba(255,255,255,.75);transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #2d5078;
  padding: 28px 14px 12px;
  margin-top: 41px;
  border-radius: 0 0 10px 10px;
  transition: padding .35s ease, margin-top .35s ease, background .35s ease;
  overflow: visible;
}
.nav-logo img { width: 100px; height: auto; transition: width .35s ease; display:block; }
.nav-logo-text{font-size:19px;letter-spacing:.3em;color:#fff;text-transform:uppercase}
#nav.solid .nav-logo {
  padding: 8px 14px;
  margin-top: 0;
  background: rgba(41,94,145,.97);
}
#nav.solid .nav-logo img { width: 60px; }

/* ── FAB ── */
.fab{
  position:fixed;right:24px;bottom:28px;z-index:99;
  display:flex;flex-direction:column;gap:12px;
}
.fab a{
  width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,.35);
  transition:transform .3s,box-shadow .3s;
}
.fab a:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.4)}
.fab-blue{background:#1a4b77}
.fab-green{background:#25d366}

/* ── HERO ── */
#hero{min-height:100vh;display:flex;align-items:center;padding-top:140px}
#hero .pbg{object-position:center 30%}
.hero-grad {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(105deg,rgba(8,18,34,0.5) 10%,rgba(10,22,40,0) 30%);
}
.hero-text{max-width:780px}
.hero-text h1 {
    font-size: clamp(36px,4vw,46px);
    color: #fff;
    font-weight: 300;
    margin-bottom: 28px;
    line-height: 1.3;
}
.hero-text h1 em{color:var(--gold);font-style:italic}
.hero-bullets{list-style:none;margin-bottom:36px;display:flex;flex-direction:column;gap:12px}
.hero-bullets li{display:flex;align-items:center;gap:14px;font-size:16px;color:#fff;font-weight:300}
.hero-bullets li::before, .tab-panel ul li::before {
    content: '';
    width: 25px;
    height: 25px;
    background-position:0 2px;
    background-repeat: no-repeat;
    flex-shrink: 0;
    background-size: 83%;
}

.hero-bullets li::before {
    background-image: url(../images/bullet.svg);
}
.tab-panel ul li::before {
    background-image: url(../images/bullet02.svg);
}

/* ── BUTTON ANIMATIONS ── */
.btn-gold {
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 36px;background:#3383AD;color:#fff;
  border-radius:40px;font-size:20px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:500;border:none;cursor:pointer;
  position:relative;overflow:hidden;
  box-shadow:0 4px 18px rgba(41,94,145,.3);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.btn-gold::before {
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 100%);
  opacity:0;
  transition:opacity .3s ease;
  border-radius:40px;
}
.btn-gold:hover {
  background:#295E91;
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(41,94,145,.5);
}
.btn-gold:hover::before { opacity:1; }
.btn-gold:active { transform:translateY(0); box-shadow:0 4px 12px rgba(41,94,145,.3); }

.btn-outline {
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 36px;border:1px solid rgba(255,255,255,.4);color:#fff;
  border-radius:40px;font-size:20px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:500;background:transparent;
  position:relative;overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease, color .3s ease, border-color .3s ease, background .3s ease;
}
.btn-outline:hover {
  background:rgba(126,203,232,.12);
  border-color:rgba(126,203,232,.7);
  color:#7ecbe8;
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(126,203,232,.18);
}
.btn-outline:active { transform:translateY(0); }

.nav-cta {
  font-size:19px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;
  padding:8px 22px;border:1px solid rgba(51,131,173,.7);color:#7ecbe8;
  border-radius:40px;background:transparent;
  position:relative;overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease, color .3s ease, background .3s ease, border-color .3s ease;
}
.nav-cta:hover {
  background:#3383AD;
  color:#fff;
  border-color:#3383AD;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(51,131,173,.4);
}
.nav-cta:active { transform:translateY(0); }

.btn-submit {
  padding:14px 36px;background:#3383AD;color:#fff;border:none;
  border-radius:40px;font-size:20px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:500;cursor:pointer;font-family:"Roboto", sans-serif;
  position:relative;overflow:hidden;
  box-shadow:0 4px 18px rgba(41,94,145,.3);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.btn-submit::before {
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 100%);
  opacity:0;transition:opacity .3s ease;border-radius:40px;
}
.btn-submit:hover {
  background:#295E91;
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(41,94,145,.5);
}
.btn-submit:hover::before { opacity:1; }
.btn-submit:active { transform:translateY(0); box-shadow:0 4px 12px rgba(41,94,145,.3); }

.scroll-hint{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;
  opacity:.6;
}
.scroll-hint span{font-size:11px;letter-spacing:.25em;text-transform:uppercase}
.scroll-arrow{
  display:flex;flex-direction:column;align-items:center;gap:2px;
}
.scroll-arrow i{
  display:block;width:10px;height:10px;
  border-right:1.5px solid #fff;
  border-bottom:1.5px solid #fff;
  transform:rotate(45deg);
  animation:arrowBounce 1.4s ease infinite;
  opacity:0;
}
.scroll-arrow i:nth-child(1){ animation-delay:0s; }
.scroll-arrow i:nth-child(2){ animation-delay:.2s; }
.scroll-arrow i:nth-child(3){ animation-delay:.4s; }
@keyframes arrowBounce{
  0%  { opacity:0; transform:rotate(45deg) translate(-3px,-3px); }
  50% { opacity:1; }
  100%{ opacity:0; transform:rotate(45deg) translate(3px,3px); }
}

/* ── OVERVIEW / INTRO ── */
.key_heighlight .divider-anchor {
    display: flex;
    justify-content: flex-start;
}

.key_heighlight .divider-anchor span {
    background:#2c5f90
}
.lftAlgnBadge .divider-anchor {
    display: flex;
    justify-content: flex-start;
}
h1, h2, h3, h4, h5, h6{
   text-transform: uppercase;
}
.intro-sec{padding:96px 32px;text-align:center}
.intro-sec h2{font-size:clamp(26px,3.5vw,40px);color:#fff;font-weight:300;margin-bottom:24px;   }
.divider-anchor{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}
.divider-anchor span{width:48px;height:1px;background:#fff}
.intro-sec p {
    max-width: 920px;
    margin: 0 auto 20px;
    font-size: 16px;
    line-height: 1.85;
    color: #fff;
    font-weight: 300;
}
.insideah_villg p.sub {
  margin: 0 auto 30px;
  max-width: 700px;
  padding: 0 20px;
}
.insideCont {
  margin-top: 40px !important;
}
.mapScn img {
  width: 100%;
}
section.mapScn {
  position: relative;
}

/* ── FAB (full) ── */
.fab{
  position:fixed;right:24px;bottom:28px;z-index:99;
  display:flex;flex-direction:column;gap:12px;
}
.fab-btn{
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,.35);
  transition:transform .3s,box-shadow .3s;
  color:#fff;text-decoration:none;position:relative;overflow:visible;
}
.fab-btn:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,.4)}
.fab-enquire{background:#1a4b77}
.fab-whatsapp{
  background:#25d366;
  width:58px;height:58px;
  box-shadow:0 4px 20px rgba(37,211,102,.45);
}
.fab-whatsapp:hover{
  background:#20c05c;
  box-shadow:0 8px 32px rgba(37,211,102,.6);
}
.fab-wa-ripple{
  position:absolute;inset:0;border-radius:50%;
  background:rgba(37,211,102,0.5);
  animation:wa-pulse 2s ease-out infinite;
  pointer-events:none;
}
@keyframes wa-pulse{
  0%  {transform:scale(1);  opacity:.7}
  70% {transform:scale(1.7);opacity:0}
  100%{transform:scale(1.7);opacity:0}
}

.fab{
  position:fixed;
  bottom:24px;
  right:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  z-index:999;
}
.fab-item {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.fab-label {
  position:absolute;
  right:calc(100% + 12px);
  background:rgba(0,0,0,0.8);
  color:#fff;
  font-size:13px;
  font-weight:500;
  padding:6px 12px;
  border-radius:20px;
  white-space:nowrap;
  pointer-events:none;
  clip-path:inset(0 0 0 100%);
  opacity:0;
  transition:clip-path 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease;
}
.fab-item:hover .fab-label {
  clip-path:inset(0 0 0 0%);
  opacity:1;
}

/* ── TABS SECTION ── */
.tabs-sec{padding:80px 32px}
.tabs-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 48px;
    align-items: start;
}

.key_heighlight .tabs-inner {
    max-width: 94%;
}
.keyHRighImg {
    width: 50%;
}
.tab-panel .tp-content {
    width: 50%;
}
/*.key_heighlight .tab-panel {
    display: flex;
    align-items: center;
}

.keyHRighImg {
    width: 50%;
}
.key_heighlight .tp-content {
    width: 50%;
}*/
.keyRgtCvr {
    display: flex;
    align-items: flex-start;
    padding-top: 0;
}





    /* ── EYEBROW ── */
    .eyebrow-wrap {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: center;
      padding-top: 125px;
      padding-bottom: 45px;
    }

    .eyebrow {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: #fff;
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .eyebrow-line {
      width: 56px;
      height: 1px;
      background: linear-gradient(90deg, transparent, #c9a96e);
    }
    .eyebrow-line.right {
      background: linear-gradient(90deg, #c9a96e, transparent);
    }

    /* ── CONTENT BLOCK bottom-right ── */
    .content-block {
    position: static;
    z-index: 2;
    right: 5%;
    bottom: 25%;
    width: 550px;
    padding: 36px 40px;
   /* border-radius: 18px;
    background: radial-gradient(ellipse at center,
        rgba(8,18,34,0.78) 0%,
        rgba(8,18,34,0.62) 38%,
        rgba(8,18,34,0.28) 72%,
        rgba(8,18,34,0) 100%);*/
}

    .section-title {
      font-family: 'Termina Medium',serif;
      font-size: 1.55rem;
      font-weight: 400;
      color: #fff;
      margin-bottom: 10px;
      letter-spacing: 0.03em;
    }

    .section-body {
      font-size: 0.7rem;
      font-weight: 300;
      line-height: 1.9;
      color: #fff;
      margin-bottom: 32px;
    }

    /* ── STATS ── */
    .stats-grid02 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px 40px;    margin-top: 35px;
    }

    .stat-item {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .stat-icon {
      width: 50px;
      height: 50px;
      margin-bottom: 6px;
      /* icons are black PNGs — invert to white then tint gold */
      filter: invert(1) brightness(2);
    }

    .stat-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

.stat-title {
    font-weight: 600;
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.35;
}

    .stat-sub {
    font-weight: 300;
    font-size: 0.96rem;
    color: #fff;
    line-height: 1.35;
}

    .hero-bg {
      position: absolute;
      inset: 0;
background-image: url(../images/location-bg.jpg);
      background-size: cover;
      background-position: center center;
      z-index: 0;
    }
.hero {
    position: relative;
    width: 100vw;
    height: 86vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.locCvrSc {
    display: flex;
    justify-content: flex-end;
    padding-right: 50px;
}
.nav-links  a.btn-gold {
    font-size: 18px;
    padding: 8px 30px;
    text-transform: none;
}
.pcontent.payment-sec {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1300px;
}
.footer-logo span.nav-logo-text {
    margin: 0 auto;
    width: 100px;
    display: block;
}
footer .shimmer {
    margin: 0 auto 30px!important;
}

/* popup*/
.eq-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 1rem;
}
.eq-overlay.active { display: flex; }
.eq-modal {
  background: #fff;
  border-radius: 12px;
  padding: 1.5rem;
  width: 100%;
  max-width: 420px;
  position: relative;
  max-height: 90vh;        /* add this */
  overflow-y: auto;        /* add this */
}
.eq-close {
  position: absolute;
  top: 12px;
  right: 14px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #888;
  line-height: 1;
}
.eq-field { margin-bottom: 14px; }
.eq-field label { display: block; font-size: 12px; color: #666; margin-bottom: 4px; }
.eq-field input,
.eq-field select,
.eq-field textarea { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; }
.eq-field textarea { resize: vertical; min-height: 80px; }
.eq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.eq-submit {
  width: 100%;
  padding: 10px;
  background: #0f1a3d;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 4px;
}
.eq-submit:hover { background: #1a2d5a; }
.eq-modal h2 {
    color: #000;
    margin-bottom: 20px;
}
li.phonenUmberArea {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 0;
}
.eq-modal li {
    margin: 0 0 12px;
}
input[type="text"], input[type="email"], input[type="phone"], input[type="tel"], select, textarea {
    border: 1px #ccc solid !important;
    height: 40px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    border-radius: 9px;
}
.wpcf7-validates-as-tel {
    border-radius: 0 10px 10px 0 !important;
}
.phone-prefix select {
    border-radius: 10px 0 0 10px !important;
}
input.wpcf7-form-control.btn-primary.btn-submit {
    padding: 8px 25px;
    font-size: 17px;
}
em {
    font-style: normal !important;
}
.hero-text h1 em, .intro-sec h2 span {
    font-style: normal !important;
}
.eq-modal span.country-name {
    color: #000;
}
.country-select ul.country-list {
    width: 300px !important;
}
.hero-bullets li.locIc:before{
background-image: url(../images/locIcon.png);
}
.hero-bullets li.stdioB:before{
background-image: url(../images/resiIcon.png);

}
.hero-bullets li.visYr:before{
background-image: url(../images/Icon.png);

}
 @media(min-width:700px){
.arrowBtns{
  display: none !important;
}
 }

 @media(max-width:1590px){
       .hero {
      height: 110vh;
    padding-top: 0;
}
.eyebrow-wrap {
    padding-top: 90px;
}
 }
 
    @media(max-width:1490px){
      section#overview {
    padding: 55px 0 0;
}
      .pcontent {
    padding: 0 32px 78px !important;
}
.tabs-inner {
    gap: 20px;
}
.tab-panel {
    border-radius: 0;
    height: auto !important;
    position: relative;
}
section.psec.key_heighlight, section.psec.amenitiesGrid, section#unit-types, .pcontent.payment-sec, section#gallery, section#developer, section#contact, section#payment {
    padding: 63px 0 0;
}


    }

@media(max-width:1090px){
  .pay-cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin-bottom: 22px;
}
.pay-card {
    padding: 12px 15px;
    border-radius: 10px;
}
.payment-header {
    margin-bottom: 40px;
}
.btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 31px;
    background: #3383AD;
    color: #fff;
    border-radius: 40px;
    font-size: 16px;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(41,94,145,.3);
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.dev-stats {
    gap: 20px !important;
}
.dev-sec {
    padding: 0 0 0 32px;
    text-align: left;
}
}
    
@media(max-width:900px){
  
  .tabs-inner{grid-template-columns:1fr}}
.tab-list{display:flex;flex-direction:column;gap:6px}
.tab-btn2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgb(51 131 173);
    cursor: pointer;
    text-align: left;
    transition: all .25s;
    width: 100%;
}
.tab-btn2 .tb-left{display:flex;align-items:center;gap:14px}
.tab-btn2 .tb-icon{color:rgba(255,255,255,.4);flex-shrink:0;transition:color .25s}
.tab-btn2 .tb-label{font-size:20px;font-weight:400;color:#fff;transition:color .25s;font-family: "Roboto", sans-serif;}
.tab-btn2.active,.tab-btn2:hover{background:rgb(44 95 144);border-color:rgba(255,255,255,.15)}
.tab-btn2.active .tb-icon,.tab-btn2:hover .tb-icon{color:var(--gold)}
.tab-btn2.active .tb-label,.tab-btn2:hover .tb-label{color:#fff}
.tab-panel{border-radius:0;height:440px;position:relative;/*overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,.5)*/}
.keyHRighImg img.tp-img {
    border-radius: 10px;
}
.tab-panel .tp-img{/*position:absolute;*/inset:0;width:100%;height:100%;object-fit:cover}
.tab-panel .tp-grad{/*position:absolute;*/inset:0;background:linear-gradient(55deg,rgba(13,33,55,1) -32%,transparent 100%)}
.tab-panel .tp-content {
    /* position: absolute; */
    inset: 0;
    padding: 0 0 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
p.sub {
    line-height: 26px;
    font-size: 16px;
}
.tab-panel h3{font-size:34px;color:#2c5f90;font-weight:300;margin-bottom:8px}
.tab-panel .tp-line{width:40px;height:1px;background:var(--gold);margin-bottom:24px}
.tab-panel ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.tab-panel ul li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    line-height: 1.5;
    /* text-shadow: 1px 1px 1px #000; */
}
.tab-panel ul li::before {
    background: #000 !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
}
/*.tab-panel ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--gold);
    flex-shrink: 0;
    margin-top: 8px;
}*/
.tp-hidden{display:none}

/* ── AMENITIES SLIDER ── */
.amenities-sec{padding:80px 0 80px 32px;overflow:hidden}
.amenities-header{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-end;padding-right:32px}
.amenities-header h2{font-size:clamp(34px,3vw,53px);color:#fff;font-weight:300}
.slider-controls{display:flex;gap:10px}
.sc-btn{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
  background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .25s;
}
.sc-btn:hover{border-color:#3383AD;background:#3383AD}
.sc-btn.active-ctrl{background:#3383AD;border-color:#3383AD}
.slider-track-wrap{overflow:hidden}
.slider-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.slide-card{
  flex-shrink:0;width:340px;height:480px;border-radius:14px;overflow:hidden;
  position:relative;cursor:pointer;
}
.slide-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.slide-card:hover img{transform:scale(1.06)}
.slide-card .sc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 60%)}
.slide-card .sc-label{
  position:absolute;bottom:0;left:0;right:0;padding:24px;
}
.slide-card .sc-label .sc-bar{width:28px;height:1px;background:var(--gold);margin-bottom:10px}
.slide-card .sc-label h4{font-family:'Termina Medium',serif;font-size:25px;color:#fff;font-weight:400}

/* ── AMENITIES GRID ── */
.amenities-grid-sec{padding:80px 32px;text-align:center}
.amenities-grid-sec h2{font-size:clamp(34px,3vw,53px);color:#fff;font-weight:300;margin-bottom:16px}
.ag-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:0;margin-top:56px;
  /*border:1px solid rgba(255,255,255,.08);*/
  border-radius:12px;overflow:hidden;
}
.insBoxes.ag-grid{grid-template-columns:repeat(4,1fr);}
.amenities-grid-sec .container {
    max-width: 1600px;
}
@media(max-width:768px){.ag-grid{grid-template-columns:repeat(2,1fr)}}
.ag-item{
  padding:36px 20px;
  /*border-right:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);*/
  display:flex;flex-direction:column;align-items:center;gap:14px;
  transition:background .25s;
}
.ag-item:hover{background:rgba(255,255,255,.04)}
.ag-item:nth-child(4n){border-right:none}
.ag-item svg{color:#fff;opacity:.9}
.ag-item span {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    letter-spacing: .04em;
}

/* ── PARALLAX BANNER ── */
.parallax-banner{height:65vh;display:flex;align-items:center;justify-content:center;text-align:center}
.parallax-banner h2{font-size:clamp(43px,5vw,86px);color:#fff;font-weight:300;line-height:1.1}
.parallax-banner h2 em{color:var(--gold);font-style:italic}

/* ── OASIS SECTION ── */
.split-sec{padding:80px 32px}
.split-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.split-inner{grid-template-columns:1fr}}
.split-img{border-radius:16px;overflow:hidden;height:560px}
.split-img img{width:100%;height:100%;object-fit:cover}
.split-text .label{display:block;margin-bottom:16px}
.split-text h2{font-size:clamp(43px,4vw,72px);color:#fff;font-weight:300;margin-bottom:16px;line-height:1.1}
.split-text h2 em{color:var(--gold)}
.split-text .accent-line{width:40px;height:1px;background:var(--gold);margin-bottom:24px}
.split-text p{font-size:20px;color:#fff;font-weight:300;line-height:1.85;margin-bottom:32px}

/* ── STATS GRID ── */
.stats-sec{padding:80px 32px;text-align:center}
.stats-sec h2{font-size:clamp(34px,3vw,53px);color:#fff;font-weight:300;margin-bottom:8px}
.stats-sec .sub{font-size:19px;color:rgba(255,255,255,1);font-weight:300;margin-bottom:48px}
.stats-grid{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
@media(max-width:860px){.stats-grid{grid-template-columns:1fr}}
.stat-card{border-radius:12px;overflow:hidden;height:380px;position:relative;cursor:pointer}
.stat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.stat-card:hover img{transform:scale(1.07)}
.stat-card .sc2-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.95) 0%,rgba(26,47,69,.2) 55%)}
.stat-card .sc2-body{position:absolute;bottom:0;left:0;right:0;padding:24px}
.stat-card .sc2-num{font-family:'Termina Medium',serif;font-size:42px;font-weight:300;color:var(--gold);line-height:1}
.stat-card .sc2-text{font-size:16px;color:rgba(255,255,255,.8);font-weight:300;margin-top:6px}

/* ── APARTMENTS ── */
.apts-intro{padding:64px 32px 32px;text-align:center}
.apts-intro h2 {
    font-size: clamp(26px,4vw,40px);
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px;
}
.apts-intro .gold-bar{width:48px;height:1px;background:var(--gold);margin:20px auto 0}

.apt-sec{padding:64px 32px}
.apt-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.apt-inner{grid-template-columns:1fr}}
.apt-img{border-radius:16px;overflow:hidden;height:500px}
.apt-img img{width:100%;height:100%;object-fit:cover}
.apt-text .label{display:block;margin-bottom:16px}
.apt-text h3{font-size:clamp(26px,3.5vw,40px);color:#fff;font-weight:300;margin-bottom:12px}
.apt-text h3 em{color:var(--gold)}
.apt-text .accent-line{width:36px;height:1px;background:var(--gold);margin-bottom:22px}
.apt-text p{font-size:16px;color:#fff;font-weight:300;line-height:1.8;margin-bottom:24px}
.apt-specs{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.apt-spec{display:flex;align-items:center;gap:12px;font-size:20px;color:rgba(255,255,255,.75);font-weight:300}
.apt-spec svg{color:var(--gold);flex-shrink:0}

/* ── APARTMENT SLIDER ── */
.apt-slide{flex:0 0 100%;width:100%}
#apt-dots button{
  width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);
  background:transparent;cursor:pointer;padding:0;transition:all .25s;
}
#apt-dots button.active{background:var(--gold);border-color:var(--gold)}

/* ── CTA BANNER ── */
.cta-banner{padding:100px 32px;text-align:center;position:relative}
.cta-banner h2{font-size:clamp(48px,5vw,86px);color:#fff;font-weight:300;margin-bottom:36px}
.cta-banner h2 em{color:var(--gold)}

/* ── FLOOR PLANS ── */
.fp-sec{padding:80px 32px}
.fp-inner{max-width:960px;margin:0 auto}
.fp-header{text-align:center;margin-bottom:48px}
.fp-header h2{font-size:clamp(36px,3.5vw,58px);color:#fff;font-weight:300;margin-bottom:12px}
.fp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}
.fp-tab-btn{
  padding:10px 28px;border-radius:40px;
  font-size:19px;font-weight:500;letter-spacing:.05em;
  border:1px solid rgba(255,255,255,.2);color:#fff;
  background:transparent;cursor:pointer;transition:all .25s;
}
.fp-tab-btn.active{background:#fff;color:#2D5078;border-color:#fff}
.fp-tab-btn:hover:not(.active){border-color:var(--gold);color:var(--gold)}
.fp-body{display:none}
.fp-body.active{display:flex;flex-direction:column;gap:12px}
.acc-item{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04)}
.acc-head{
  width:100%;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;
  background:transparent;border:none;cursor:pointer;color:#fff;text-align:left;
  font-family:'Termina Medium',serif;font-size:25px;font-weight:400;
  transition:background .2s;
}
.acc-head:hover{background:rgba(255,255,255,.04)}
.acc-chevron{transition:transform .35s ease;color:rgba(255,255,255,.5);flex-shrink:0}
.acc-head.open .acc-chevron{transform:rotate(180deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}
.acc-body.open{max-height:600px}
.acc-content{padding:4px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}

.acc-desc p{font-size:19px;color:#fff;font-weight:300;line-height:1.8;margin-bottom:18px}
.acc-area{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.acc-area span:first-child{font-size:20px;color:rgba(255,255,255,.8);font-weight:500}
.acc-area span:last-child{font-size:20px;color:var(--gold);font-weight:300}
.acc-floorplan{background:#fff;border-radius:12px;padding:16px}
.acc-floorplan img{width:100%;border-radius:8px;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply}

/* ── LOCATION ── */
.location-sec{padding:80px 32px}
.location-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:64px}
@media(max-width:900px){.location-inner{grid-template-columns:1fr}}
.loc-text .label{display:block;margin-bottom:16px}
.loc-text h2{font-size:clamp(38px,3.5vw,62px);color:#fff;font-weight:300;margin-bottom:12px}
.loc-text h2 em{color:var(--gold)}
.loc-text .accent-line{width:36px;height:1px;background:var(--gold);margin-bottom:20px}
.loc-text p{font-size:19px;color:#fff;font-weight:300;line-height:1.8;margin-bottom:28px}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}
@media(max-width:860px){.loc-grid{grid-template-columns:1fr}}
.loc-item{display:flex;align-items:flex-start;gap:14px}
.loc-icon{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(126,203,232,.35);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.loc-icon svg{color:var(--gold)}
.loc-item h4{font-size:19px;color:#fff;font-weight:500;margin-bottom:4px}
.loc-item p{font-size:19px;color:rgba(255,255,255,.4);font-weight:300}

/* ── PAYMENT PLAN ── */
.payment-sec{padding:80px 32px}
.payment-inner {
    max-width: 100%;
    margin: 0 auto;
}
.payment-header{margin-bottom:48px}
.payment-header .label{display:block;margin-bottom:14px}
.payment-header h2 {
    font-size: clamp(26px,3.5vw,40px);
    color: #000;
    font-weight: 300;
    margin-bottom: 20px;
}
.payment-header h2 em{color:var(--gold)}
.pay-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}

@media(max-width:768px){
.pay-cards {
    grid-template-columns: repeat(3,1fr);
}
.abtDvRight {
    padding-top: 60px;
}
.dev-sec {
    padding: 0 !important;
    text-align: left;
}
.eyebrow {
    letter-spacing: 0.18em;
}
}
.pay-card {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgb(255 255 255 / 80%);
    background: rgb(45 80 120 / 38%);
    transition: border-color .3s,background .3s;
}
.abtDvRight {
    width: 50%;
}
.paymentPlanLft {
    width: 50%;
}
.pay-card:hover {
    border-color: rgb(126 203 232);
    background: rgb(0 0 0 / 31%);
}
.paymentPlanLft svg.lucide.lucide-anchor {
    color: #000 !important;
}
.paymentPlanLft .divider-anchor span {
    background: #000;
}
.pay-pct {
    font-family: 'Termina Medium',serif;
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 5px;
}
.pay-title {font-size: 16px; color: #fff;    font-weight: 400;    margin-bottom: 6px;}
.pay-sub{font-size:19px;color:rgba(255,255,255,.4);font-weight:300}
.pay-bar {
    width: 32px;
    height: 1px;
    background: rgba(126,203,232,.4);
    margin-top: 0;
}
.pay-footer {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}
.pay-footer p{font-size:20px;color:rgba(255,255,255,.5);font-weight:300;max-width:480px}

/* ── GALLERY ── */
.gallery-sec{padding:80px 32px}
.gallery-header{text-align:center;margin-bottom:40px}
.gallery-header h2{font-size:clamp(26px,3vw,40px);color:#fff;font-weight:300;margin-bottom:32px}
.gal-filters{display:flex;justify-content:center;gap:10px;margin-bottom:36px}
.gal-filter-btn{
  padding:9px 26px;border-radius:40px;font-size:19px;font-weight:500;
  border:1px solid rgba(255,255,255,.2);color:#fff;
  background:transparent;cursor:pointer;transition:all .25s;
}
.gal-filter-btn.active{background:#fff;color:#2D5078;border-color:#fff}
.gal-filter-btn:hover:not(.active){border-color:var(--gold);color:var(--gold)}
/* Gallery slider (multi-image carousel) */
.gal-slider{position:relative;max-width:1200px;margin:0 auto;}
.gal-overflow{overflow:hidden;}
.gal-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform;}
.gal-slide{flex:0 0 auto;aspect-ratio:4/3;position:relative;cursor:pointer;padding:0 6px;box-sizing:border-box;}
.gal-slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px;transition:filter .3s ease,transform .3s ease;}
.gal-slide:hover img{filter:brightness(1.08);}
.gal-slide.hidden{display:none;}
.gal-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(0,0,0,.45);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .25s,border-color .25s,transform .25s;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.gal-arrow:hover{background:rgba(126,203,232,.85);border-color:#fff;}
.gal-prev{left:16px;}
.gal-next{right:16px;}
.gal-dots{display:flex;justify-content:center;gap:8px;margin-top:24px;}
.gal-dots button{
  width:10px;height:10px;border-radius:50%;border:0;padding:0;
  background:rgba(255,255,255,.25);cursor:pointer;transition:all .25s;
}
.gal-dots button.active{background:#fff;transform:scale(1.3);}
@media(max-width:768px){
  .gal-filter-btn {
    padding: 9px 26px;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    background: transparent;
    cursor: pointer;
    transition: all .25s;
  }
  .gal-slide{aspect-ratio:4/3;}
  .gal-arrow{width:38px;height:38px;}
  .gal-prev{left:10px;}
  .gal-next{right:10px;}
  .gallery-header .shimmer {
    margin: 0 auto 30px !important;
  }
}

/* ── DEVELOPER ── */
.dev-sec {
    text-align: left;
    background: #3383adc4;
    padding: 41px;
    border-radius: 14px;
    margin-left: 36px;
}
.dev-sec .label{display:block;margin-bottom:16px}
.dev-sec h2{font-size:clamp(26px,3vw,40px);color:#fff;font-weight:300;margin-bottom:32px}
.dev-sec p {
    max-width: 700px;
    margin: 0 auto 48px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1.85;
    font-family: "Roboto", sans-serif;
}
.dev-stats {
    display: flex;
    justify-content: flex-start;
    gap: 64px;
    flex-wrap: wrap;
}
.shimmer {
    padding: 0 !important;
    margin: 0 !important;
}
.dev-stat .ds-num {
    font-family: 'Termina Medium',serif;
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1;
}
.dev-stat .ds-label{font-size:16px;color:#fff;font-weight:300;margin-top:6px}

div.wpcf7-validation-errors, .wpcf7-mail-sent-ok, div.wpcf7-spam-blocked,
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { display: none !important; }
/* ── CONTACT ── */
.contact-sec{padding:80px 32px}
.contact-inner{max-width:960px;margin:0 auto}
.contact-card{background:#fff;border-radius:24px;padding:56px;box-shadow:0 32px 80px rgba(0,0,0,.4)}
.contact-card .label{display:block;margin-bottom:12px}
.contact-card h2{font-family:'Termina Medium',serif;font-size:40px;color:#1a1a2e;font-weight:400;margin-bottom:8px}
.contact-card .intro {
    font-size: 17px;
    color: #666;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 100%;
}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:28px}
.form-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:28px}
@media(max-width:768px){
  .form-grid,.form-grid2{grid-template-columns:1fr}
.abtDvRight, .paymentPlanLft {
    width: 100%;
}
.pcontent.payment-sec {
    display: block;
}
}
.form-field{position:relative;border-bottom:0px solid #e5e7eb;padding-bottom:2px;transition:border-color .25s}
.form-field:focus-within{border-color:#7ecbe8}
.form-field label{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:6px;font-weight:500}
.form-field input,.form-field select{
  width:100%;border:none;outline:none;background:transparent;
  font-size:16px;color:rgba(26,26,46,0.55);font-family:"Roboto", sans-serif;padding:6px 10px;
  appearance:none;
}
.form-field input:focus,.form-field select:focus{color:rgba(26,26,46,0.85);}
.form-field input::placeholder{color:rgba(26,26,46,0.35);font-weight:300;}
.form-field input::-webkit-input-placeholder{color:rgba(26,26,46,0.35);font-weight:300;}
.form-field input::-moz-placeholder{color:rgba(26,26,46,0.35);font-weight:300;opacity:1;}
.form-field select{cursor:pointer;color:rgba(85,85,85,0.6);}
.phone-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0;
}
.phone-prefix {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-right: 0;
    border-right: 1px solid #e5e7eb;
    margin-right: 0;
    flex-shrink: 0;
}
.phone-prefix span{font-size:19px;color:#444}
.form-foot {
    border-top: 0px solid #f0f0f0;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}
span.wpcf7-spinner {
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: 13px;
}
.form-foot {
    position: relative;
}
.consent{display:flex;align-items:center;gap:12px;cursor:pointer}
.consent input[type=checkbox]{width:18px;height:18px;accent-color:#7ecbe8;cursor:pointer}
.consent span{font-size:16px;color:#777}
.btn-submit:hover{background:#2D5078}
.contact-links{margin-top:28px;padding-top:20px;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.contact-links .cl-label{font-size:19px;color:#aaa;font-weight:500;letter-spacing:.05em}
.contact-link{display:flex;align-items:center;gap:8px;font-size:20px;color:#333;font-weight:500;transition:color .2s}
.contact-link:hover{color:#7ecbe8}
.contact-link svg{color:#aaa;transition:color .2s}
.contact-link:hover svg{color:#7ecbe8}

/* ── FOOTER ── */
footer{padding:64px 32px 28px;text-align:center;border-top:1px solid rgba(255,255,255,.07)}
.footer-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:40px}
.footer-logo .fn{font-size:20px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.footer-logo .fs{font-size:20px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-bottom:40px}
.footer-nav a{font-size:19px;color:#fff;transition:color .2s;font-weight:300;letter-spacing:.05em}
.footer-nav a:hover{color:var(--gold)}
.footer-bar{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  border-top:1px solid rgba(255,255,255,.07);padding-top:20px;
  font-size:20px;color:#fff;
}
.social{display:flex;gap:16px;margin-right: 50px;}
.social a{color:#fff;transition:color .2s}
.social a:hover{color:var(--gold)}

/* ── UTILS ── */
.container{max-width:1200px;margin:0 auto}
.shimmer{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4;margin:0 auto}

/* ── HAMBURGER ── */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;gap:5px;background:transparent;border:none;padding:4px;z-index:200;}
.hamburger span{display:block;width:24px;height:1.5px;background:rgba(255,255,255,.85);transition:transform .35s ease,opacity .25s ease,width .35s ease;transform-origin:center;}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;width:0}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
#mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:rgba(41,94,145,.97);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.15);z-index:150;display:flex;flex-direction:column;padding:96px 36px 48px;transform:translateX(100%);transition:transform .42s cubic-bezier(.4,0,.2,1);overflow-y:auto;}
#mobile-menu.open{transform:translateX(0)}
#mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:140;opacity:0;pointer-events:none;transition:opacity .4s ease;}
#mobile-overlay.open{opacity:1;pointer-events:all}
.mob-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:40px}
.mob-nav a{font-size:19px;font-weight:400;letter-spacing:.06em;color:rgba(255,255,255,.7);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;transition:color .2s;}
.mob-nav a:hover{color:#fff}
.mob-nav a::after{content:'';display:block;width:5px;height:5px;border-right:1.5px solid rgba(126,203,232,.6);border-top:1.5px solid rgba(126,203,232,.6);transform:rotate(45deg);opacity:.6;}
.mob-cta-wrap{display:flex;flex-direction:column;gap:12px}
#mobile-menu .btn-gold{padding:10px 24px;font-size:13px;letter-spacing:.14em;}

@media(max-width:860px){
  .btn-gold, .btn-outline, .btn-submit{
    padding:10px 24px;
    font-size:13px;
    letter-spacing:.14em;
  }
  .nav-cta{
    padding:6px 16px;
    font-size:13px;
  }
}
.mob-contact{display:flex;align-items:center;gap:10px;font-size:19px;color:rgba(255,255,255,.5);margin-top:auto;padding-top:28px;border-top:1px solid rgba(255,255,255,.07);}
.mob-contact svg{color:var(--gold)}
@media(max-width:860px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  #nav{
    background:rgba(45,80,120,.92) !important;
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  #nav.solid{
    background:rgba(41,94,145,.97) !important;
    box-shadow:0 2px 20px rgba(0,0,0,.4);
  }
  .nav-inner{ justify-content:space-between; }
  .nav-logo{
    margin-top:0 !important;
    padding:8px 10px !important;
    background:transparent !important;
    border-radius:0;
    order:-1;
  }
  #nav.solid .nav-logo{
    background:transparent !important;
    padding:8px 10px !important;
    margin-top:0 !important;
  }
  .nav-logo img{ width:56px !important; }
  #nav.solid .nav-logo img{ width:50px !important; }
  .hamburger span{ background:rgba(255,255,255,.85); }
  .hamburger.open span{ background:rgba(255,255,255,.85); }
}

/* ── LIGHTBOX ── */
#lb-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(4,10,20,.96);align-items:center;justify-content:center;}
#lb-overlay.active{display:flex;}
#lb-overlay #lb-big-img{max-width:90vw;max-height:88vh;border-radius:10px;object-fit:contain;box-shadow:0 40px 100px rgba(0,0,0,.8);animation:lbIn .35s cubic-bezier(.34,1.2,.64,1);}
@keyframes lbIn{from{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}
#lb-close-btn{position:fixed;top:18px;right:22px;z-index:10000;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .3s;}
#lb-close-btn:hover{background:rgba(126,203,232,.4);transform:rotate(90deg)}
#lb-prev-btn,#lb-next-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:10000;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;}
#lb-prev-btn{left:16px}#lb-next-btn{right:16px}
#lb-prev-btn:hover,#lb-next-btn:hover{background:rgba(126,203,232,.3);border-color:var(--gold)}
#lb-counter-txt{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10000;font-size:19px;letter-spacing:.2em;color:rgba(255,255,255,.45);background:rgba(0,0,0,.4);padding:5px 14px;border-radius:20px;}
.gal-item{position:relative;cursor:pointer;}
.gal-zoom-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:50px;height:50px;border-radius:50%;background:rgba(126,203,232,.92);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:3;}
.gal-item:hover .gal-zoom-icon{transform:translate(-50%,-50%) scale(1)}
.amenitiesGrid img.pbg {
    height: 199%;
}
@media(max-width:700px) {
  
.pay-footer{justify-content: center;}
  .pcontent.payment-sec {
    text-align: center;
}
.lftAlgnBadge .divider-anchor {
    display: flex;
    justify-content: center;
}
.abtDvRight span.label {
    text-align: center;
}
.lftAlgnBadge h2, .lftAlgnBadge label {
    text-align: center !important;
}
.contact-card {
    text-align: center;
}
.form-foot {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
  .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}
  .apt-text p, .intro-sec p, .dev-sec p, .contact-card .intro, .consent span, .footer-nav a {
    font-size: 16px;
}
  .contact-card h2 {
    font-size: 26px;
}
  .hero-bullets {
    list-style: none;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.hero-text h1 {
    font-size: clamp(28px,4vw,62px);
    color: #fff;
    font-weight: 300;
    margin-bottom: 6px;
    line-height: 1.3;
}
.pcontent {
    padding: 0 15px 0 !important;
}
.hero-grad {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(145deg,rgba(8,18,34,0.9) 10%,rgba(10,22,40,0) 80%);
}
section#overview {
    padding: 55px 0 38px;
}
section.psec.key_heighlight, section.psec.amenitiesGrid, section#unit-types, .pcontent.payment-sec, section#gallery, section#developer, section#contact, section#payment {
    padding: 63px 0 55px;
}
.eyebrow {
    letter-spacing: 0.18em;
    line-height: 26px;
}
#hero {
    display: flex;
    align-items: flex-end;
    padding-top: 94px;
    padding-bottom: 76px;
}

.hero-bullets li {
    margin-bottom: 6px;
}
  .dev-stat .ds-label {
    font-size: 13px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    margin-top: 6px;
}
.mob-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}
.label {
    font-size: 17px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #959595;
    font-weight: 500;
}
.btn-gold, .btn-outline, .btn-submit {
    padding: 12px 27px;
    font-size: 16px;
    letter-spacing: .10em;
}
#mobile-menu .btn-gold {
    padding: 10px 21px;
    font-size: 11px;
    letter-spacing: .14em;
}
  .eyebrow {
    text-align: center;
}
.content-block p.sub br {
    display: none;
}
.content-block {
    right: 0;
    bottom: 25%;
    width: 100%;
    padding: 0 20px;
}
.content-block {
    position: static;
    z-index: 2;
    right: 0;
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}
.stat-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.eyebrow-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 45px;
}
.hero {
    width: 100vw;
    height: auto;
    padding-bottom: 36px;
}
.locCvrSc {
    padding-right: 0;
}
  .hero-bullets li {
    text-shadow: 2px 2px 2px #000;
}
  .amenities-header h2 {
    margin-bottom: 20px;
}
.contact-card {
    border-radius: 24px;
    padding: 31px 26px !important;
}
.pay-pct {
    font-size: 25px !important;
}
.pay-title {
    font-size: 12px;
}
.dev-stat .ds-num {
    font-size: 28px !important;
}
.pay-card {
    padding: 7px 10px;
}
.pay-cards {
    gap: 9px;
}
  .amenities-header {
    display: block;
}
  .amenities-sec {
    padding: 80px 16px 80px 16px;
}
  .tab-panel {
    height: auto;
}
.ag-item span {
    font-size: 15px;
    letter-spacing: 0;
}
  .tab-panel h3 {
    font-size: 26px;
}
  .tab-panel .tp-content {
    padding: 0;
}
  .keyHRighImg, .tab-panel .tp-content {
    width: 100%;
}
.keyRgtCvr {
    display: block;
}
.keyHRighImg {
    display: none;
}
.keyRgtCvr {
    padding: 0;
}
  .apt-inner .apt-text { order: 1 !important; }
  .apt-inner .apt-img  { order: 2 !important; }
  .contact-card { padding: 25px; }
  .ag-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: 50%;
    border-right: none;
  }
  .insBoxes.ag-grid { grid-template-columns: repeat(2,1fr); }
  .acc-content { grid-template-columns:1fr; }
}

@media (max-width: 480px) {
  .eq-overlay {
    align-items: flex-start;
    padding-top: 1.5rem;
  }
}