:root{
    --ink:#0F0D0A;
    --ink-2:#171310;
    --bronze:#A9743B;
    --bronze-light:#D2A268;
    --clay:#9C6B32;
    --clay-2:#8A5D2A;
    --cream:#FBF8F3;
    --stone:#F1EBDE;
    --text:#221E19;
    --muted:#6E6357;
    --line:rgba(169,116,59,0.28);
    --navy:var(--ink);
    --red:var(--bronze);
    --red-dark:var(--clay-2);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  html,body{overflow-x:hidden;max-width:100%;}
  body{background:var(--cream);color:var(--text);font-family:'Poppins',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;}
  h1,h2,h3,.serif{font-family:'Poppins',sans-serif;font-weight:700;line-height:1.12;letter-spacing:-0.01em;}
  a{color:inherit;text-decoration:none;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1400px;margin:0 auto;padding:0 32px;}
  @media(max-width:480px){.wrap{padding:0 18px;}}
  .accent{color:var(--bronze);}

  .eyebrow{font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--bronze);font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
  .eyebrow.center{justify-content:center;}
  .eyebrow.on-dark{color:var(--bronze-light);}
  .rule-dot{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px auto 0;}
  .rule-dot span{width:5px;height:5px;border-radius:50%;background:var(--bronze);}
  .rule-dot i{width:44px;height:1px;background:var(--line);display:block;}

  /* ===== NAV ===== */
  #siteNav{position:sticky;top:76px;left:0;right:0;z-index:50;background:linear-gradient(90deg,var(--bronze) 0%,var(--clay-2) 100%);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
  #siteNav nav{display:flex;align-items:center;    justify-content: flex-end;
    padding: 16px 6px;max-width:906px;margin:0 auto;}
  @media(max-width:480px){#siteNav nav{display:none;}}
  @media(max-width:767px){#siteNav{top:64px;}}
 

  .logo{font-family:'Poppins',sans-serif;font-size:21px;color:#fff;font-weight:700;letter-spacing:0.01em;}
  .logo span{color:var(--bronze-light);}
  .navlinks{display:flex;gap:32px;font-size:14px;font-weight:500;}
  .navlinks a{opacity:0.82;transition:opacity .25s;}
  .navlinks a:hover{opacity:1;color:#fff;}
  .navcta{display:flex;align-items:center;gap:18px;}
  .navcta .phone{font-size:14px;color:#E9E2D6;}
  .burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0;}
  .burger span{display:block;width:100%;height:2px;background:#000;border-radius:2px;transition:transform .25s,opacity .25s;}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .mobile-panel{position:fixed;top:0;right:0;height:100%;width:min(320px,84vw);background:var(--ink-2);z-index:70;transform:translateX(100%);transition:transform .3s ease;box-shadow:-10px 0 30px rgba(0,0,0,.35);padding:26px 24px;overflow-y:auto;}
  .mobile-panel.open{transform:translateX(0);}
  .mobile-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;}
  .mobile-close{background:none;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:1;padding:4px;}
  .mobile-panel .navlinks{display:flex;flex-direction:column;gap:22px;font-size:15.5px;}
  .mobile-panel .navcta{margin-top:32px;display:flex;flex-direction:column;align-items:stretch;gap:14px;}
  .mobile-panel .navcta .btn{width:100%;text-align:center;}
  .mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:65;opacity:0;pointer-events:none;transition:opacity .25s;}
  .mobile-overlay.open{opacity:1;pointer-events:auto;}
  @media(max-width:960px){.navlinks{display:none;} .navcta .phone{display:none;} .burger{display:flex;}}
  @media(min-width:961px){.mobile-panel,.mobile-overlay{display:none;}}

  .btn{font-family:'Poppins',sans-serif;font-weight:500;font-size:13.5px;letter-spacing:0.02em;padding:13px 26px;border:1px solid var(--bronze);color:var(--bronze-light);background:transparent;cursor:pointer;transition:all .25s;border-radius:3px;}
  .btn:hover{background:var(--bronze);color:#fff;}
  .btn.solid{background:var(--bronze);color:#fff;border-color:var(--bronze);}
  .btn.solid:hover{background:var(--bronze-light);border-color:var(--bronze-light);}
  .btn.ondark{border-color:rgba(255,255,255,0.35);color:#fff;}
  .btn.ondark:hover{background:#fff;color:#000;}
  .btn.dark{border-color:var(--text);color:var(--text);}
  .btn.dark:hover{background:var(--text);color:#fff;}

  /* ===== EOI STRIP ===== */
  .eoi-strip{background:var(--bronze);color:#fff;text-align:center;font-size:13px;padding:9px 16px;letter-spacing:0.02em;position:relative;z-index:40;}
  .eoi-strip b{font-weight:600;}
.section{
    padding:70px 0;
}
  /* ===== HERO — SINGLE PREMIUM HERO ===== */
  .hero{
    position:relative;
    height:94vh;
    min-height:620px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    isolation:isolate;
    background:
      linear-gradient(180deg, rgba(8,7,6,.20) 0%, rgba(8,7,6,.46) 46%, rgba(5,4,3,.84) 100%),
      url('https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?q=85&w=2200&auto=format&fit=crop')
      center center/cover no-repeat;
  }

  /* very subtle cinematic movement */
  .hero::before{
    content:"";
    position:absolute;
    inset:-2%;
    z-index:-1;
    background:inherit;
    transform:scale(1.015);
    animation:heroZoom 16s ease-in-out infinite alternate;
  }

  .hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      linear-gradient(90deg, rgba(8,7,6,.28) 0%, transparent 48%, rgba(8,7,6,.10) 100%),
      linear-gradient(180deg, transparent 58%, rgba(0,0,0,.24) 100%);
  }

  .hero-inner{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1300px;
    margin:0 auto;
    padding:0 32px 68px;
  }

  .hero h1{
        margin: 0;
    max-width: 900px;
    color: #fff;
    font-family: Poppins, 'Times New Roman', serif;
    font-size: 3.75rem;
    line-height: 1.14;
    letter-spacing: -2.4px;
    font-weight: 600;
    text-wrap: balance;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .28);
    animation: heroTextIn .9s cubic-bezier(.22, 1, .36, 1) both;
  }

  .hero .subline{
    color:#fff;
    font-family:'Poppins',sans-serif;
    font-size:1.25rem;
    font-weight:500;
    letter-spacing:.02em;
    text-transform:uppercase;
    margin:22px 0 30px;
    animation:heroTextIn .9s .12s cubic-bezier(.22,1,.36,1) both;
  }

  .hero .units{display:none;}

  .hero-actions{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    animation:heroTextIn .9s .22s cubic-bezier(.22,1,.36,1) both;
  }

  .hero-actions .btn{
    min-width:184px;
    height:64px;
    padding:0 28px;
    border-radius:7px;
    font-size:15px;
    font-weight:500;
  }

  .hero-actions .btn.solid{
    box-shadow:0 10px 30px rgba(0,0,0,.22);
  }

  .hero-actions .btn.ondark{
    background:rgba(0,0,0,.08);
    backdrop-filter:blur(4px);
  }

  @keyframes heroZoom{
    0%{transform:scale(1.015);}
    100%{transform:scale(1.055);}
  }

  @keyframes heroTextIn{
    from{opacity:0;transform:translateY(22px);}
    to{opacity:1;transform:translateY(0);}
  }

  @media (prefers-reduced-motion:reduce){
    .hero::before{animation:none;}
    .hero h1,.hero .subline,.hero-actions{animation:none;}
  }

  @media(max-width:700px){
    .hero{
      height:88vh;
      min-height:620px;
      background-position:58% center;
    }
    .hero-inner{
      padding:0 22px 48px;
    }
    .hero h1{
      max-width:100%;
      font-size:clamp(40px,11vw,56px);
      letter-spacing:-1.6px;
    }
    .hero .subline{
      font-size:13px;
      margin:18px 0 24px;
    }
    .hero-actions{
      gap:10px;
    }
    .hero-actions .btn{
      min-width:0;
      width:auto;
      height:54px;
      padding:0 21px;
      font-size:14px;
    }
  }

  /* ===== EXPERIENCE ===== */
 /* =====================================================
   PROJECT HIGHLIGHTS
===================================================== */
/* =========================================
   PROJECT HIGHLIGHTS
========================================= */

.project-highlights {
  background: #f7f3ec;
  color: #171411;
  padding: 100px 0 90px;
  overflow: hidden;
}


/* =========================================
   MAIN TWO COLUMN LAYOUT
========================================= */

.highlight-container {
  width: min(1400px, 88%);
  margin: auto;

  display: grid;
  grid-template-columns: 42% 58%;
  align-items: center;

  min-height: 560px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.highlight-content {
  padding: 50px 70px 50px 0;
}

.section-kicker {
  display: block;

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;

  color: #9c6925;

  margin-bottom: 18px;
}

.highlight-content h2 {
  margin: 0 0 25px;

  font-family:'Poppins',sans-serif;
  font-size: clamp(50px, 5vw, 76px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -2px;
}

.highlight-content h2 span {
  color: #a87027;
}

.intro-text {
  max-width: 560px;

  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 1.9;

  color: #5d574f;

  margin-bottom: 35px;
}

.intro-text strong {
  color: #8d5d21;
}


/* =========================================
   PRICE BOX
========================================= */

.price-box {
  width: min(100%, 560px);

  display: flex;
  align-items: center;

  padding: 25px 28px;

  background: #fff;

  border: 1px solid #e2d5c3;
  border-radius: 12px;

  box-shadow: 0 12px 35px rgba(50, 35, 18, .06);
  margin: 0 0 25px;
}

.price-item {
  display: flex;
  flex-direction: column;
}

.price-item span {
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;

  color: #9c6925;

  margin-bottom: 7px;
}

.price-item strong {
  font-family:'Poppins',sans-serif;
  font-size: 29px;
  font-weight: 600;
}

.price-item small {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #625c55;
}

.price-item em {
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  color: #99918a;
  font-style: normal;

  margin-top: 6px;
}

.price-divider {
  width: 1px;
  height: 75px;

  background: #ded0bc;

  margin: 0 35px;
}


/* =========================================
   BUTTON
========================================= */

.highlight-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-top: 25px;

  padding: 13px 24px;

  background: #ad762c;
  color: #fff;

  text-decoration: none;

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;

  border-radius: 5px;

  transition: .3s ease;
}

.highlight-btn:hover {
  background: #8e5d1d;
  transform: translateY(-2px);
}

.highlight-btn svg {
  width: 16px;
}


/* =========================================
   RIGHT IMAGE
========================================= */

.highlight-visual {
  position: relative;
  padding-left: 25px;
}

.highlight-image {
  width: 100%;
  height: 560px;

  overflow: hidden;

  border-radius: 6px;

  position: relative;
}

.highlight-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}




/* =========================================
   IMAGE STATS
========================================= */



.stat {
  min-height: 88px;

  padding: 15px;

  display: flex;
  align-items: center;
  gap: 10px;

  border-right: 1px solid rgba(255,255,255,.15);
}

.stat:last-child {
  border-right: none;
}

.stat > svg {
  width: 25px;
  height: 25px;

  flex-shrink: 0;

  color: #c28b3e;
}

.stat strong,
.stat span {
  display: block;

  font-family: "Poppins", sans-serif;
}

.stat strong {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.stat span {
  color: #bcb4a9;
  font-size: 9px;

  margin-top: 3px;
}


/* =========================================
   TENTATIVE SIZES
========================================= */

/* .sizes-section {
  width: min(1400px, 88%);

  margin: 85px auto 0;
} */

.sizes-heading {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 18px;

  margin-bottom: 32px;
}

.sizes-heading span {
  width: 50px;
  height: 1px;

  background: #bb8a4a;
}

.sizes-heading h3 {
  margin: 0;

  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;

  letter-spacing: 3px;

  color: #82571f;
}


/* =========================================
   SIZE GRID
========================================= */

.sizes-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr) 1fr;

  gap: 18px;
}

.size-card {
  min-height: 125px;

  display: flex;
  align-items: center;

  gap: 17px;

  padding: 20px;

  background: #fff;

  border: 1px solid #dfd2c0;
  border-radius: 10px;

  transition: .3s ease;
}

.size-card:hover {
  transform: translateY(-4px);

  border-color: #b37b2e;

  box-shadow:
    0 15px 35px rgba(56, 38, 17, .08);
}


/* BED ICON */

.bed-icon {
  width: 54px;
  height: 54px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #b67c2d;

  color: #fff;
}

.bed-icon svg {
  width: 26px;
  height: 26px;
}


/* SIZE TEXT */

.size-card h4 {
  margin: 0 0 4px;

  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.size-card strong {
  display: block;

  font-family:'Poppins',sans-serif;
  font-size: 23px;
  font-weight: 500;
}

.size-card span {
  display: inline-block;

  margin-top: 6px;

  padding: 4px 9px;

  background: #f7ead8;

  border-radius: 20px;

  color: #946322;

  font-family: "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 600;
}


/* =========================================
   ENQUIRE CARD
========================================= */

.call-card {
  min-height: 125px;

  display: flex;
  align-items: center;

  gap: 15px;

  padding: 20px;

  text-decoration: none;

  background: transparent;

  border: 1px solid #cdbb9f;

  border-radius: 10px;

  color: #211c17;

  transition: .3s ease;
}

.call-card:hover {
  background: #fff;

  border-color: #ae782c;

  box-shadow: 0 12px 30px rgba(50, 35, 18, .06);
}

.call-icon {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #b27a2d;

  border-radius: 50%;

  color: #a66e23;
}

.call-icon svg {
  width: 21px;
}

.call-card span {
  display: block;

  font-family: "Poppins", sans-serif;
  font-size: 9px;

  letter-spacing: 1px;

  color: #9b6a2c;
}

.call-card strong {
  display: block;

  margin-top: 3px;

  font-family:'Poppins',sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.call-card > svg {
  width: 17px;

  margin-left: auto;

  color: #9c6925;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

  .highlight-container {
    grid-template-columns: 1fr;
  }

  .highlight-content {
    padding-right: 0;
    padding-bottom: 55px;
  }

  .highlight-visual {
    padding-left: 0;
  }

  .sizes-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .call-card {
    grid-column: span 2;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

  .project-highlights {
    padding: 65px 0;
  }

  .highlight-container,
  .sizes-section {
    width: calc(100% - 40px);
  }

  .highlight-content h2 {
    font-size: 46px;
  }

  .price-box {
    padding: 20px;
  }

  .price-divider {
    margin: 0 18px;
  }

  .price-item strong {
    font-size: 22px;
  }

  .highlight-image {
    height: 480px;
  }

  .image-stats {
    left: 15px;
    right: 15px;
    bottom: 15px;

    grid-template-columns: repeat(2, 1fr);
  }

  .stat:nth-child(2) {
    border-right: none;
  }

  .stat:nth-child(3),
  .stat:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.15);
  }

  .sizes-grid {
    grid-template-columns: 1fr;
  }

  .call-card {
    grid-column: auto;
  }

}

/* =====================================================
   PRICE BOX
===================================================== */

.price-box {
  display: flex;
  align-items: stretch;
  background: rgba(255,255,255,.6);
  border: 1px solid #e5d9c9;
  border-radius: 16px;
  max-width: 570px;
  padding: 28px 30px;
  box-shadow: 0 12px 40px rgba(61,42,20,.05);
}

.price-item {
  display: flex;
  flex-direction: column;
}

.price-item span {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  letter-spacing: 1.5px;
  color: #9b671f;
  font-weight: 600;
  margin-bottom: 8px;
}

.price-item strong {
  font-family:'Poppins',sans-serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.1;
}

.price-item small {
  font-family: "Poppins", sans-serif;
  color: #55504a;
  font-size: 13px;
  margin-top: 3px;
}

.price-item em {
  font-family: "Poppins", sans-serif;
  color: #888078;
  font-size: 11px;
  font-style: normal;
  margin-top: 8px;
}

.price-divider {
  width: 1px;
  background: #d9c8b1;
  margin: 0 35px;
}


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

.highlight-image-wrap {
  position: relative;
  min-height: 590px;
}

.highlight-image {
  position: absolute;
  inset: 0;
  overflow: hidden;

  /* MAIN CURVE */
  /* border-radius: 0 0 0 48% / 0 0 0 18%; */
}



.highlight-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* GOLD CURVE BORDER */




/* =====================================================
   IMAGE STATS
===================================================== */

.image-stats {
  position: absolute;
  z-index: 10;
  bottom: 28px;
  left: 7%;
  right: 6%;

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  background: rgba(17,15,12,.88);
  backdrop-filter: blur(12px);

  border: 1px solid rgba(201,148,69,.4);
  border-radius: 14px;

  overflow: hidden;
}

.stat {
  min-height: 92px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 13px;
  border-right: 1px solid rgba(255,255,255,.14);
}

.stat:last-child {
  border-right: 0;
}

.stat-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;

  border: 1px solid #a8752d;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #c18a3a;
}

.stat-icon svg {
  width: 20px;
  height: 20px;
}

.stat strong,
.stat span {
  display: block;
  font-family: "Poppins", sans-serif;
}

.stat strong {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.stat span {
  color: #c9c0b5;
  font-size: 10px;
  margin-top: 3px;
}


/* =====================================================
   SIZES
===================================================== */
/* 
.sizes-section {
  padding: 72px 7vw 75px;
} */

.sizes-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-bottom: 35px;
}

.sizes-heading span {
  width: 55px;
  height: 1px;
  background: #c0914b;
}

.sizes-heading h3 {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: 600;
  color: #76501f;
}


.sizes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.05fr;
  gap: 18px;
}


/* SIZE CARD */

.size-card {
  min-height: 130px;
  padding: 22px 25px;

  display: flex;
  align-items: center;
  gap: 20px;

  background: #fff;
  border: 1px solid #dfd1bf;
  border-radius: 13px;

  transition: .3s ease;
}

.size-card:hover {
  transform: translateY(-5px);
  border-color: #b78335;
  box-shadow: 0 15px 35px rgba(65,42,18,.09);
}

.bed-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;

  background: linear-gradient(
    145deg,
    #c89547,
    #a76c23
  );

  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;
}

.bed-icon svg {
  width: 27px;
  height: 27px;
}

.size-info h4 {
  font-family: "Poppins", sans-serif;
  margin: 0 0 5px;
  font-size: 14px;
  letter-spacing: .4px;
}

.size-info strong {
  font-family:'Poppins',sans-serif;
  display: block;
  font-size: 24px;
  font-weight: 500;
}

.size-info span {
  display: inline-block;
  margin-top: 7px;
  padding: 5px 10px;

  background: #f7ead8;
  color: #9b671f;

  border-radius: 30px;

  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 600;
}


/* CALL CARD */

.call-card {
  text-decoration: none;
  color: #191612;

  min-height: 130px;
  padding: 22px 25px;

  display: flex;
  align-items: center;
  gap: 17px;

  background: transparent;
  border: 1px solid #d6c3aa;
  border-radius: 13px;

  transition: .3s ease;
}

.call-card:hover {
  background: #fff;
  border-color: #b78335;
}

.call-icon {
  width: 54px;
  height: 54px;
  border: 1px solid #b78335;
  border-radius: 50%;

  color: #a16c28;

  display: flex;
  align-items: center;
  justify-content: center;
}

.call-icon svg {
  width: 22px;
}

.call-card span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  color: #98703b;
}

.call-card strong {
  display: block;
  font-family:'Poppins',sans-serif;
  font-size: 23px;
  font-weight: 500;
  margin-top: 4px;
}

.call-arrow {
  margin-left: auto;
  color: #9c6b29;
}


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

.location-strip {
  margin: 0 7vw;
  padding: 34px 0;

  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 1.25fr;

  border-top: 1px solid #ded1c0;
  border-bottom: 1px solid #ded1c0;
}

.location-title,
.location-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 25px;
  border-right: 1px solid #ded1c0;
}

.location-title {
  padding-left: 0;
}

.location-item:last-child {
  border-right: 0;
}

.location-icon {
  color: #a7732e;
}

.location-icon svg {
  width: 35px;
  height: 35px;
}

.location-title span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #9b671f;
}

.location-title strong {
  display: block;
  font-family:'Poppins',sans-serif;
  font-size: 23px;
  font-weight: 500;
  margin-top: 3px;
}

.location-item svg {
  flex-shrink: 0;
  width: 25px;
  color: #a7732e;
}

.location-item p {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  line-height: 1.55;
  color: #655f58;
}

.location-item strong {
  color: #27231f;
  font-weight: 600;
}


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

.eoi-banner {
  margin: 55px 7vw 75px;

  padding: 28px 35px;

  background:
    linear-gradient(
      110deg,
      #1d1710,
      #302316
    );

  border: 1px solid #a8732d;
  border-radius: 14px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  box-shadow: 0 18px 45px rgba(40,27,13,.15);
}

.eoi-content {
  display: flex;
  align-items: center;
  gap: 18px;
}

.eoi-icon {
  width: 52px;
  height: 52px;

  border: 1px solid #bb8738;
  border-radius: 50%;

  color: #d09a48;

  display: flex;
  align-items: center;
  justify-content: center;
}

.eoi-icon svg {
  width: 24px;
}

.eoi-content span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 9px;
  letter-spacing: 2px;
  color: #c9964b;
}

.eoi-content h3 {
  margin: 4px 0 0;
  font-family:'Poppins',sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.eoi-actions {
  display: flex;
  gap: 12px;
}

.btn-primary,
.btn-outline {
  min-height: 48px;
  padding: 0 23px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  text-decoration: none;

  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;

  border-radius: 6px;
  transition: .3s ease;
}

.btn-primary {
  background: #c18a3c;
  color: #fff;
}

.btn-primary:hover {
  background: #d39b4b;
  transform: translateY(-2px);
}

.btn-outline {
  color: #d5a15a;
  border: 1px solid #a8732d;
}

.btn-outline:hover {
  background: rgba(180,126,48,.12);
}

.btn-primary svg,
.btn-outline svg {
  width: 16px;
}


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

@media (max-width: 1200px) {

  .highlight-top {
    grid-template-columns: 45% 55%;
  }

  .highlight-content {
    padding-left: 5vw;
    padding-right: 35px;
  }

  .sizes-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .call-card {
    grid-column: span 2;
  }

  .location-strip {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 0;
  }

  .location-item:nth-child(2) {
    border-right: 0;
  }

  .location-item:nth-child(3) {
    border-top: 1px solid #ded1c0;
    padding-top: 20px;
  }

  .location-item:nth-child(4) {
    border-top: 1px solid #ded1c0;
    padding-top: 20px;
  }
}


@media (max-width: 850px) {

  .highlight-top {
    grid-template-columns: 1fr;
  }

  .highlight-content {
    padding: 70px 25px 45px;
  }

  .highlight-image-wrap {
    min-height: 500px;
  }

  .highlight-image {
    border-radius: 0;
  }

  .highlight-image-wrap::before {
    display: none;
  }

  .image-stats {
    left: 20px;
    right: 20px;
    grid-template-columns: repeat(2, 1fr);
  }

  .stat:nth-child(2) {
    border-right: 0;
  }

  .stat:nth-child(3),
  .stat:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.14);
  }

  .sizes-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sizes-grid {
    grid-template-columns: 1fr;
  }

  .call-card {
    grid-column: auto;
  }

  .location-strip {
    margin: 0 25px;
    grid-template-columns: 1fr;
  }

  .location-title,
  .location-item {
    border-right: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ded1c0;
  }

  .location-item:last-child {
    border-bottom: 0;
  }

  .eoi-banner {
    margin-left: 25px;
    margin-right: 25px;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }
}


@media (max-width: 550px) {

  .highlight-content h2 {
    font-size: 45px;
  }

  .price-box {
    padding: 20px;
  }

  .price-item strong {
    font-size: 24px;
  }

  .price-divider {
    margin: 0 18px;
  }

  .image-stats {
    grid-template-columns: 1fr;
  }

  .stat {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
  }

  .stat:last-child {
    border-bottom: 0;
  }

  .highlight-image-wrap {
    min-height: 600px;
  }

  .eoi-actions {
    width: 100%;
    flex-direction: column;
  }

  .btn-primary,
  .btn-outline {
    width: 100%;
  }
  .mp-image-wrap{
          height: 300px;
  }
}

  /* ===== LIFESTYLE INTRO ===== */
  .lifestyle-intro{background:#000;color:#fff;padding:20px 0 110px;}
  .li-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;}
  .li-grid h3{font-size:26px;margin-bottom:20px;}
  .li-grid p{color:#B9AF9F;font-size:14.5px;line-height:1.85;margin-bottom:16px;}
  .li-grid img{width:100%;height:340px;object-fit:cover;border-radius:8px;}
  @media(max-width:900px){.li-grid{grid-template-columns:1fr;}}

  /* ===== PROJECT HIGHLIGHTS (clay) ===== */
 .highlights {
  background: #fdfbf8;
  color: #242424;
  position: relative;
  overflow: hidden;
  padding: 72px 0 42px;
}

/* subtle luxury background */
.highlights::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: -220px;
  bottom: -180px;
  background: radial-gradient(
    circle,
    rgba(184, 128, 48, 0.08),
    transparent 70%
  );
  pointer-events: none;
}

.highlights::after {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  right: -220px;
  bottom: -160px;
  background: radial-gradient(
    circle,
    rgba(184, 128, 48, 0.07),
    transparent 70%
  );
  pointer-events: none;
}

.highlights .wrap {
  width: min(1400px, calc(100% - 60px));
  margin: auto;
  position: relative;
  z-index: 2;
}


/* =========================
   HEADER
========================= */

.highlights .head {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 52px;
}

.highlights .eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #a4773a;
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: 500;
  margin-bottom: 8px;
}

.highlights .eyebrow span {
  width: 42px;
  height: 1px;
  background: #c49a5a;
  display: block;
  position: relative;
}

.highlights .eyebrow span::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border: 1px solid #c49a5a;
  transform: rotate(45deg);
  top: -2px;
}

.highlights .eyebrow span:first-child::before {
  right: 0;
}

.highlights .eyebrow span:last-child::before {
  left: 0;
}

.highlights h2 {
  font-family:'Poppins',sans-serif;
  font-size: clamp(42px, 4.5vw, 62px);
  line-height: 1;
  font-weight: 500;
  margin: 0;
  color: #171717;
}

.highlights .head p {
  margin: 12px 0 0;
  color: #666;
  font-size: 14px;
  letter-spacing: .15px;
}
.image-stats-highlights{
        position: absolute;
    z-index: 10;
    bottom: 0px;
    left: 0%;
    right: 0%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: rgba(17, 15, 12, .88);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(201, 148, 69, .4);
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}

/* =========================
   MAIN CONTENT
========================= */

.hl-grid {
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: 72px;
  align-items: center;
  margin-bottom: 40px;
}

.hl-content {
  padding-left: 5px;
}

.hl-grid h3 {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(29px, 3vw, 36px);
    line-height: 1.34;
    font-weight: 500;
    color: #252525;
    margin: 0 0 20px;
}

.hl-grid h3 span {
  color: #a97935;
}

.gold-line {
  width: 34px;
  height: 3px;
  background: #ad7b36;
  margin-bottom: 18px;
}

.hl-grid p {
  color: #5e5e5e;
  font-size: 14px;
  line-height: 1.72;
  margin: 0 0 15px;
  max-width: 540px;
}


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

.hl-grid .figure {
  position: relative;
  height: 365px;
  padding: 0;
  border: 1px solid #c9a26b;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(55, 38, 18, .10);
}

.hl-grid .figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* image bottom stats */

.image-stats {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  background: rgba(35, 29, 22, .83);
  backdrop-filter: blur(7px);
  border-radius: 11px;
  overflow: hidden;
}

.stat {
  min-height: 63px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  border-right: 1px solid rgba(255,255,255,.22);
}

.stat:last-child {
  border-right: 0;
}

.stat-icon {
  color: #c18b3f;
  font-size: 28px;
  line-height: 1;
  min-width: 27px;
}

.stat strong {
  display: block;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 4px;
}

.stat small {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 10px;
  white-space: nowrap;
}


/* =========================
   UNIT CARDS
========================= */

.unit-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 30px;
}

.unit-card {
  position: relative;
  background: rgba(255,255,255,.92);
  color: #252525;

  border: 1px solid #e4d6c4;
  border-radius: 17px;

  padding: 50px 20px 22px;
  text-align: center;

  min-height: 185px;

  box-shadow: 0 8px 24px rgba(57, 39, 18, .07);
}

.unit-card::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(188, 145, 85, .10);
  border-radius: 13px;
  pointer-events: none;
}



.bed-icon .icon-bed-double {
  width: 25px;
  height: 25px;
}

.unit-card .t {
  font-family:'Poppins',sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #a8732d;
  margin-bottom: 7px;
  line-height: 1.3;
  text-transform: uppercase;
}

.unit-card .s {
  font-size: 14px;
  color: #707070;
  margin-bottom: 7px;
}

.unit-card .p {
  font-size: 16px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 11px;
}

.unit-card .eoi {
  font-size: 12px;
  color: #a8732d;
  background: #fcf4e9;
  border: 1px solid #eedcc3;
  display: inline-block;
  padding: 7px 18px;
  border-radius: 22px;
}


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

.hl-actions {
  display: flex;
  justify-content: center;
  gap: 26px;
  flex-wrap: wrap;
}

.hl-actions .btn {
  height: 58px;
  min-width: 275px;

  border-radius: 7px;

  padding: 0 28px;

  font-size: 13px;
  font-weight: 500;
  letter-spacing: .3px;

  cursor: pointer;
  transition: all .25s ease;
}

.hl-actions .solid {
  background: linear-gradient(
    135deg,
    #c28b3d,
    #a86f28
  );

  color: #fff;
  border: 1px solid #b27c35;
  box-shadow: 0 5px 15px rgba(160, 105, 38, .18);
}

.hl-actions .solid:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(160, 105, 38, .25);
}

.hl-actions .outline {
  background: #fff;
  color: #a8732d;
  border: 1px solid #c99c60;
}

.hl-actions .outline:hover {
  background: #fcf5eb;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1000px) {

  .hl-grid {
    grid-template-columns: 1fr 1fr;
    gap: 35px;
  }

  .image-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .stat:nth-child(2) {
    border-right: 0;
  }

  .stat:nth-child(1),
  .stat:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,.18);
  }

  .unit-cards {
    gap: 15px;
  }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 760px) {

  .highlights {
    padding: 55px 0 35px;
  }

  .highlights .wrap {
    width: min(100% - 30px, 600px);
  }

  .highlights .head {
    margin-bottom: 38px;
  }

  .highlights .eyebrow {
    font-size: 10px;
    letter-spacing: 2px;
  }

  .highlights .eyebrow span {
    width: 25px;
  }

  .highlights h2 {
    font-size: 38px;
  }

  .highlights .head p {
    font-size: 12px;
    line-height: 1.5;
  }

  .hl-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .hl-content {
    padding: 0 5px;
  }

  .hl-grid h3 {
    font-size: 29px;
  }

  .hl-grid p {
    font-size: 13.5px;
  }

  .hl-grid .figure {
    height: 300px;
    border-radius: 12px;
  }

  .image-stats {
    left: 7px;
    right: 7px;
    bottom: 7px;
  }

  .stat {
    padding: 8px;
    gap: 5px;
  }

  .stat-icon {
    font-size: 20px;
    min-width: 20px;
  }

  .stat strong {
    font-size: 10px;
  }

  .stat small {
    font-size: 8px;
  }

  .unit-cards {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 45px;
  }

  .unit-card {
    min-height: 175px;
  }

  .hl-actions {
    flex-direction: column;
    gap: 12px;
  }

  .hl-actions .btn {
    width: 100%;
    min-width: 0;
    height: 52px;
  }
}
/* =====================================================
   OVERVIEW
===================================================== */

.overview {
  background: #f7f3ec;
  color: #181511;
  overflow: hidden;
  position: relative;
}


/* =====================================================
   TOP SECTION
===================================================== */

.highlight-top {
  display: grid;
  grid-template-columns: 43% 57%;
  min-height: 590px;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.highlight-content {
  padding: 95px 70px 80px 8vw;

  display: flex;
  flex-direction: column;
  justify-content: center;

  position: relative;
  z-index: 2;
}


.section-kicker {
  font-family: "Poppins", sans-serif;

  font-size: 12px;
  font-weight: 600;

  letter-spacing: 3px;

  color: #9b671f;

  margin-bottom: 18px;
}


.highlight-content h2 {
  font-family:'Poppins',sans-serif;

     font-size: 60px;

  font-weight: 500;

  line-height: .95;

  margin: 0 0 28px;

  letter-spacing: -2px;
}


.highlight-content h2 span {
  color: #a8732d;
}


.intro-text {
  font-family: "Poppins", sans-serif;

  max-width: 560px;

  font-size: 16px;

  line-height: 1.9;

  color: #514b43;

     margin: 0 0 25px;
}


.intro-text strong {
  color: #8e5e22;
  font-weight: 600;
}


/* =====================================================
   PRICE BOX
===================================================== */

.price-box {
  display: flex;

  align-items: stretch;

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

  border: 1px solid #e5d9c9;

  border-radius: 16px;

  max-width: 570px;

  padding: 28px 30px;

  box-shadow: 0 12px 40px rgba(61,42,20,.05);
}


.price-item {
  display: flex;
  flex-direction: column;
}


.price-item span {
  font-family: "Poppins", sans-serif;

  font-size: 11px;

  letter-spacing: 1.5px;

  color: #9b671f;

  font-weight: 600;

  margin-bottom: 8px;
}


.price-item strong {
  font-family:'Poppins',sans-serif;

  font-size: 31px;

  font-weight: 600;

  line-height: 1.1;
}


.price-item small {
  font-family: "Poppins", sans-serif;

  color: #55504a;

  font-size: 13px;

  margin-top: 3px;
}


.price-item em {
  font-family: "Poppins", sans-serif;

  color: #888078;

  font-size: 11px;

  font-style: normal;

  margin-top: 8px;
}


.price-divider {
  width: 1px;

  background: #d9c8b1;

  margin: 0 35px;
}



/* =====================================================
   VIDEO / IMAGE AREA
===================================================== */

.highlight-image-wrap {
  position: relative;

  min-height: 590px;
}


.highlight-image {
  position: absolute;

  inset: 0;

  overflow: hidden;

  /* NO CURVE */
  border-radius: 0;
}


/* VIDEO */

.highlight-image video {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  border-radius: 0;
}


/* IMPORTANT:
   No ::before
   No ::after
   No decorative border
*/



/* =====================================================
   STATS
===================================================== */

.image-stats {
  position: absolute;

  z-index: 10;

  bottom: 77px;

  left: 0%;
  right: 0%;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  background: rgba(17,15,12,.88);

  backdrop-filter: blur(12px);

  border: 1px solid rgba(201,148,69,.4);

   border-radius: 14px 14px 0 0;

  overflow: hidden;
}


.stat {
  min-height: 92px;

  padding: 18px 20px;

  display: flex;

  align-items: center;

  gap: 13px;

  border-right: 1px solid rgba(255,255,255,.14);
}


.stat:last-child {
  border-right: 0;
}


.stat-icon {
  flex-shrink: 0;

  width: 42px;
  height: 42px;

  border: 1px solid #a8752d;

  border-radius: 50%;

  display: flex;

  align-items: center;
  justify-content: center;

  color: #c18a3a;
}


.stat-icon svg {
  width: 20px;
  height: 20px;
}


.stat strong,
.stat span {
  display: block;

  font-family: "Poppins", sans-serif;
}


.stat strong {
  color: #fff;

  font-size: 14px;

  font-weight: 600;
}


.stat span {
  color: #c9c0b5;

  font-size: 10px;

  margin-top: 3px;
}



/* =====================================================
   TENTATIVE SIZES
===================================================== */

.sizes-section {
  padding: 0 7vw 75px;
}


.sizes-heading {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 18px;

  margin-bottom: 35px;
}


.sizes-heading span {
  width: 55px;

  height: 1px;

  background: #c0914b;
}


.sizes-heading h3 {
  margin: 0;

  font-family: "Poppins", sans-serif;

  font-size: 13px;

  letter-spacing: 3px;

  font-weight: 600;

  color: #76501f;
}


.sizes-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr) 1.05fr;

  gap: 18px;
}


/* =====================================================
   SIZE CARD
===================================================== */

.size-card {
  min-height: 130px;

  padding: 22px 25px;

  display: flex;

  align-items: center;

  gap: 20px;

  background: #fff;

  border: 1px solid #dfd1bf;

  border-radius: 13px;

  transition: .3s ease;
}


.size-card:hover {
  transform: translateY(-5px);

  border-color: #b78335;

  box-shadow:
    0 15px 35px rgba(65,42,18,.09);
}


.bed-icon {
  width: 56px;
  height: 56px;

  border-radius: 50%;

  background: linear-gradient(
    145deg,
    #c89547,
    #a76c23
  );

  color: #fff;

  display: flex;

  align-items: center;
  justify-content: center;

  flex-shrink: 0;
}


.bed-icon svg {
  width: 27px;
  height: 27px;
}


.size-info h4 {
  font-family: "Poppins", sans-serif;

  margin: 0 0 5px;

  font-size: 14px;

  letter-spacing: .4px;
}


.size-info strong {
  font-family:'Poppins',sans-serif;

  display: block;

  font-size: 24px;

  font-weight: 500;
}


.size-info span {
  display: inline-block;

  margin-top: 7px;

  padding: 5px 10px;

  background: #f7ead8;

  color: #9b671f;

  border-radius: 30px;

  font-family: "Poppins", sans-serif;

  font-size: 10px;

  font-weight: 600;
}



/* =====================================================
   ENQUIRE CARD
===================================================== */

.call-card {
  text-decoration: none;

  color: #191612;

  min-height: 130px;

  padding: 22px 25px;

  display: flex;

  align-items: center;

  gap: 17px;

  background: transparent;

  border: 1px solid #d6c3aa;

  border-radius: 13px;

  transition: .3s ease;
}


.call-card:hover {
  background: #fff;

  border-color: #b78335;
}


.call-icon {
  width: 54px;
  height: 54px;

  border: 1px solid #b78335;

  border-radius: 50%;

  color: #a16c28;

  display: flex;

  align-items: center;
  justify-content: center;
}


.call-icon svg {
  width: 22px;
}


.call-card span {
  display: block;

  font-family: "Poppins", sans-serif;

  font-size: 10px;

  letter-spacing: 1px;

  color: #98703b;
}


.call-card strong {
  display: block;

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

  font-size: 23px;

  font-weight: 500;

  margin-top: 4px;
}


.call-arrow {
  margin-left: auto;

  color: #9c6b29;
}



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

.location-strip {
  margin: 0 7vw;

  padding: 34px 0;

  display: grid;

  grid-template-columns:
    1.15fr 1fr 1fr 1.25fr;

  border-top: 1px solid #ded1c0;

  border-bottom: 1px solid #ded1c0;
}


.location-title,
.location-item {
  display: flex;

  align-items: center;

  gap: 16px;

  padding: 0 25px;

  border-right: 1px solid #ded1c0;
}


.location-title {
  padding-left: 0;
}


.location-item:last-child {
  border-right: 0;
}


.location-icon {
  color: #a7732e;
}


.location-icon svg {
  width: 35px;
  height: 35px;
}


.location-title span {
  display: block;

  font-family: "Poppins", sans-serif;

  font-size: 10px;

  letter-spacing: 1.5px;

  color: #9b671f;
}


.location-title strong {
  display: block;

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

  font-size: 23px;

  font-weight: 500;

  margin-top: 3px;
}


.location-item svg {
  flex-shrink: 0;

  width: 25px;

  color: #a7732e;
}


.location-item p {
  margin: 0;

  font-family: "Poppins", sans-serif;

  font-size: 11px;

  line-height: 1.55;

  color: #655f58;
}


.location-item strong {
  color: #27231f;

  font-weight: 600;
}



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

.eoi-banner {
  margin: 55px 7vw 75px;

  padding: 28px 35px;

  background:
    linear-gradient(
      110deg,
      #1d1710,
      #302316
    );

  border: 1px solid #a8732d;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  box-shadow:
    0 18px 45px rgba(40,27,13,.15);
}


.eoi-content {
  display: flex;

  align-items: center;

  gap: 18px;
}


.eoi-icon {
  width: 52px;
  height: 52px;

  border: 1px solid #bb8738;

  border-radius: 50%;

  color: #d09a48;

  display: flex;

  align-items: center;
  justify-content: center;
}


.eoi-icon svg {
  width: 24px;
}


.eoi-content span {
  display: block;

  font-family: "Poppins", sans-serif;

  font-size: 9px;

  letter-spacing: 2px;

  color: #c9964b;
}


.eoi-content h3 {
  margin: 4px 0 0;

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

  font-size: 24px;

  font-weight: 500;

  color: #fff;
}


.eoi-actions {
  display: flex;

  gap: 12px;
}


.btn-primary,
.btn-outline {
  min-height: 48px;

  padding: 0 23px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  text-decoration: none;

  font-family: "Poppins", sans-serif;

  font-size: 11px;

  font-weight: 600;

  border-radius: 6px;

  transition: .3s ease;
}


.btn-primary {
  background: #c18a3c;

  color: #fff;
}


.btn-primary:hover {
  background: #d39b4b;

  transform: translateY(-2px);
}


.btn-outline {
  color: #d5a15a;

  border: 1px solid #a8732d;
}


.btn-outline:hover {
  background: rgba(180,126,48,.12);
}


.btn-primary svg,
.btn-outline svg {
  width: 16px;
}



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

@media (max-width: 1200px) {

  .highlight-top {
    grid-template-columns: 45% 55%;
  }

  .highlight-content {
    padding-left: 5vw;
    padding-right: 35px;
  }

  .sizes-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .call-card {
    grid-column: span 2;
  }

  .location-strip {
    grid-template-columns: repeat(2, 1fr);

    gap: 25px 0;
  }

  .location-item:nth-child(2) {
    border-right: 0;
  }

  .location-item:nth-child(3) {
    border-top: 1px solid #ded1c0;

    padding-top: 20px;
  }

  .location-item:nth-child(4) {
    border-top: 1px solid #ded1c0;

    padding-top: 20px;
  }

}



/* =====================================================
   TABLET
===================================================== */

@media (max-width: 850px) {

  .highlight-top {
    grid-template-columns: 1fr;
  }

  .highlight-content {
    padding: 70px 25px 45px;
  }

  .highlight-image-wrap {
    min-height: 500px;
  }

  /* NO CURVE */
  .highlight-image {
    border-radius: 0;
  }

  .image-stats {
    left: 20px;
    right: 20px;

    grid-template-columns: repeat(2, 1fr);
  }

  .stat:nth-child(2) {
    border-right: 0;
  }

  .stat:nth-child(3),
  .stat:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.14);
  }

  .sizes-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sizes-grid {
    grid-template-columns: 1fr;
  }

  .call-card {
    grid-column: auto;
  }

  .location-strip {
    margin: 0 25px;

    grid-template-columns: 1fr;
  }

  .location-title,
  .location-item {
    border-right: 0;

    padding: 20px 0;

    border-bottom: 1px solid #ded1c0;
  }

  .location-item:last-child {
    border-bottom: 0;
  }

  .eoi-banner {
    margin-left: 25px;
    margin-right: 25px;

    flex-direction: column;

    align-items: flex-start;

    gap: 25px;
  }

}



/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 550px) {

  .highlight-content h2 {
    font-size: 43px;
  }

  .price-box {
    padding: 20px;
  }

  .price-item strong {
    font-size: 24px;
  }

  .price-divider {
    margin: 0 18px;
  }

  .enquireNow{
    display: none;
  }

  .image-stats {
    grid-template-columns: 1fr;
  }

  .stat {
    border-right: 0;

    border-bottom:
      1px solid rgba(255,255,255,.14);
  }

  .stat:last-child {
    border-bottom: 0;
  }

  .highlight-image-wrap {
    min-height: 600px;
  }

  .eoi-actions {
    width: 100%;

    flex-direction: column;
  }

  .btn-primary,
  .btn-outline {
    width: 100%;
  }

    .hero-inner {
        padding: 41px 22px 100px ;
    }
     .hero h1 {
      font-size:2.3rem ;
     }
    .highlights h2 {
        font-size: 31px;
    }
.hl-grid h3 {
        font-size: 23px;
    }
    .stat {
    min-height: 92px;
    padding: 18px 12px;
    }
    .contact h2{
      font-size:26px ;
      line-height:1.32;
    }
}
.download-brochure-btn {
  width: fit-content;

  padding: 12px 24px;

  background: #875a2a;
  color: #fff;

  border: none;
  border-radius: 8px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;

  cursor: pointer;

  transition: transform 0.3s ease,
              background 0.3s ease;
}

.download-brochure-btn svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}

.download-brochure-btn:hover {
  transform: scale(1.05);
  background: #754b21;
}

.download-brochure-btn:active {
  transform: scale(0.98);
}


/* Mobile */
@media (max-width: 767px) {
  .download-brochure-btn {
    width: 100%;
  }
}
  /* ===== AMENITIES CAROUSEL ===== */
  .amenities{
    position:relative;overflow:hidden;
    background:linear-gradient(160deg,var(--cream) 0%,var(--stone) 100%);
  }
  .amenities::before{
    content:"";position:absolute;z-index:0;pointer-events:none;
    width:460px;height:460px;border-radius:50%;top:-180px;left:-140px;
    background:radial-gradient(circle, rgba(169,116,59,0.18), transparent 70%);
    animation:amenBlobA 15s ease-in-out infinite alternate;
  }
  .amenities::after{
    content:"";position:absolute;z-index:0;pointer-events:none;
    width:380px;height:380px;border-radius:50%;bottom:-160px;right:-120px;
    background:radial-gradient(circle, rgba(210,162,104,0.22), transparent 70%);
    animation:amenBlobB 19s ease-in-out infinite alternate;
  }
  .amenities .wrap{position:relative;z-index:1;}
  @keyframes amenBlobA{0%{transform:translate(0,0) scale(1);}100%{transform:translate(60px,45px) scale(1.22);}}
  @keyframes amenBlobB{0%{transform:translate(0,0) scale(1);}100%{transform:translate(-45px,-35px) scale(1.15);}}
  @media (prefers-reduced-motion: reduce){.amenities::before,.amenities::after{animation:none;}}
  .amenities .head{text-align:center;max-width:560px;margin:0 auto 50px;}
  .amenities h2{font-size:clamp(28px,3.4vw,40px);}
  .amenities .head p{color:var(--muted);margin-top:14px;font-size:15px;}
  .carousel-wrap{position:relative;}
  /* Desktop: plain grid, nothing to scroll. The horizontal-scroll "carousel"
     is a mobile-only pattern (see the max-width:700px block below), since on
     a wide screen there's room to just show every amenity at once. */
  .amen-track{display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:16px; padding:6px 6px 20px;}
  .amen-card{background:#F7F2E8;border-radius:10px;padding:30px 18px;text-align:center;transition:transform .25s, background .25s;}
  .amen-card:hover{background:var(--stone);transform:translateY(-4px);}
  .amen-card .ic{width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--bronze);font-size:19px;}
  .amen-card .t{font-size:13.5px;color:var(--text);font-weight:500;}

  /* ===== PLANS (master plan only) ===== */
  .plans{background:var(--cream);text-align:center;}
  .plans h2{font-size:clamp(28px,3.4vw,40px);}
  .plans .sub{color:var(--muted);font-size:14.5px;margin-top:14px;}
  .masterplan-frame{margin-top:44px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;text-align:left;
    display:grid;grid-template-columns:1.1fr 0.9fr;}
  .masterplan-frame img{width:100%;height:100%;object-fit:cover;}
  .mp-info{padding:44px;display:flex;flex-direction:column;justify-content:center;}
  .mp-info .tag{font-size:12.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px;}
  .mp-info h3{font-size:24px;margin-bottom:16px;}
  .mp-info ul{list-style:none;margin-bottom:24px;}
  .mp-info li{font-size:14px;color:var(--muted);padding:9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;}
  .mp-info li i{color:var(--bronze);margin-top:3px;}
  @media(max-width:900px){.masterplan-frame{grid-template-columns:1fr;}}

  /* ===== GALLERY CAROUSEL ===== */
.gallery{background:#000;color:#fff;}
.gallery .head{text-align:center;max-width:560px;margin:0 auto 34px;}
.gallery h2{font-size:clamp(28px,3.4vw,42px);color:#fff;letter-spacing:0.01em;}
.gallery .head p{color:#B9AF9F;margin-top:14px;font-size:15px;}
.gallery-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px auto 0;}
.gallery-divider span{width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--bronze));}
.gallery-divider span:last-child{background:linear-gradient(90deg,var(--bronze),transparent);}
.gallery-divider i{width:7px;height:7px;border:1px solid var(--bronze-light);transform:rotate(45deg);display:block;}
.gb-grid{display:flex;gap:16px;}
.gb-main,.gb-tile{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:#111;}
.gb-main{flex:1.25;height:650px;}
.gb-main img,.gb-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.gb-main:hover img,.gb-tile:hover img{transform:scale(1.06);}
.gb-main::after,.gb-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.05) 45%, transparent 65%);pointer-events:none;}
.gb-badge{position:absolute;top:16px;left:16px;z-index:2;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;background:rgba(10,10,10,0.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.18);border-radius:30px;font-size:11.5px;letter-spacing:0.08em;text-transform:uppercase;color:#fff;}
.gb-badge i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;color:var(--bronze-light);}
.gb-badge svg{width:12px;height:12px;}
.gb-caption{position:absolute;left:20px;bottom:20px;z-index:2;font-size:14.5px;line-height:1.5;max-width:220px;}
.gb-caption span{display:block;width:26px;height:2px;background:var(--bronze);margin-top:8px;}
.gb-arrow{position:absolute;right:16px;bottom:16px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,0.35);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .25s, transform .25s;}
.gb-arrow svg{width:16px;height:16px;}
.gb-main:hover .gb-arrow{background:var(--bronze);border-color:var(--bronze);transform:rotate(45deg);}

.gb-small-grid{flex:1;display:flex;flex-direction:column;gap:16px;}
.gb-row{display:flex;gap:16px;    height: 316px;}
.gb-tile{flex:1;}
.gb-tag{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:9px;}
.gb-tag i{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;color:var(--bronze-light);}
.gb-tag svg{width:14px;height:14px;}
.gb-tag span{font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;color:#fff;font-weight:500;}

.gallery-footer{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.gallery-footer .gf-left{display:flex;align-items:center;gap:12px;color:#cfc6b8;font-size:14px;}
.gallery-footer .gf-left i{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:var(--bronze-light);flex:0 0 34px;}
.gallery-footer .gf-left svg{width:16px;height:16px;}
.gf-viewall{display:inline-flex;align-items:center;gap:8px;color:var(--bronze-light);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;border:1px solid rgba(255,255,255,0.25);padding:11px 20px;border-radius:30px;transition:background .25s,border-color .25s;white-space:nowrap;}
.gf-viewall:hover{background:var(--bronze);border-color:var(--bronze);color:#fff;}
.gf-viewall svg{width:14px;height:14px;}
@media(max-width:820px){
  .gb-grid{flex-direction:column;}
  .gb-main{height:auto;min-height:300px;}
  .gb-row{height:170px;}
}
@media(max-width:520px){
  .gb-row{flex-direction:column;height:auto;}
  .gb-tile{height:170px;}
  .gb-caption{font-size:13px;max-width:170px;left:14px;bottom:14px;}
  .gb-badge{font-size:10.5px;padding:6px 12px 6px 6px;}
}


  /* ===== DOWNLOADS ===== */
  .downloads{background:var(--stone);text-align:center;}
  .downloads h2{font-size:clamp(26px,3vw,34px);margin-bottom:50px;}
  .dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .dl-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:38px 24px;}
  .dl-card .ic{font-size:24px;color:var(--bronze);margin-bottom:18px;}
  .dl-card .t{font-family:'Poppins',sans-serif;font-weight:600;font-size:17px;margin-bottom:8px;}
  .dl-card .s{font-size:13px;color:var(--muted);margin-bottom:22px;}
  @media(max-width:820px){.dl-grid{grid-template-columns:1fr;}}

  /* ===== LOCATION ===== */
  .location{
    position:relative;overflow:hidden;color:#fff;
    background:linear-gradient(135deg,var(--ink) 0%,var(--clay-2) 40%,var(--clay) 68%,var(--bronze) 100%);
    background-size:300% 300%;
    animation:locGradientShift 18s ease-in-out infinite;
  }
  .location::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background-image:radial-gradient(circle, rgba(255,255,255,0.12) 1px, transparent 1.4px);
    background-size:26px 26px;
    animation:locDotsDrift 40s linear infinite;
  }
  .location::after{
    content:"";position:absolute;z-index:0;pointer-events:none;
    width:520px;height:520px;border-radius:50%;top:-160px;right:-100px;
    background:radial-gradient(circle, rgba(210,162,104,0.38), transparent 70%);
    filter:blur(6px);
    animation:locBlobFloat 13s ease-in-out infinite alternate;
  }
  .loc-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
  @keyframes locGradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
  @keyframes locDotsDrift{0%{background-position:0 0;}100%{background-position:260px 260px;}}
  @keyframes locBlobFloat{0%{transform:translate(0,0) scale(1);}100%{transform:translate(-50px,60px) scale(1.18);}}
  @media (prefers-reduced-motion: reduce){.location,.location::before,.location::after{animation:none;}}
  .location h2{font-size:clamp(30px,3.6vw,42px);margin:6px 0 20px;}
  .loc-lead{color:rgba(255,255,255,0.85);font-size:14.5px;line-height:1.8;margin-bottom:26px;}
  .adv-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;}
  .adv-item{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:16px 18px;}
  .adv-item i{color:var(--bronze-light);font-size:16px;margin-top:2px;}
  .adv-item .t{font-size:14px;line-height:1.55;}
  .key-dist h4{font-family:'Poppins',sans-serif;font-size:18px;margin-bottom:16px;}
  .dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;}
  .dist-item{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:14px 16px;}
  .dist-item .t{font-size:13px;font-weight:500;margin-bottom:5px;}
  .dist-item .s{font-size:11.5px;color:rgba(255,255,255,0.65);}
  .loc-map{border-radius:8px;overflow:hidden;min-height:460px;border:1px solid rgba(255,255,255,0.25);}
  .loc-map iframe{width:100%;height:100%;min-height:460px;border:0;filter:grayscale(15%) contrast(1.05);}
  @media(max-width:900px){.loc-grid{grid-template-columns:1fr;} .dist-grid{grid-template-columns:1fr;}}

  /* ===== CONTACT ===== */
  .contact{background:var(--cream);}
  .contact-grid{display:grid;grid-template-columns:1fr 0.95fr;gap:70px;align-items:start;}
  .contact h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:16px;}
  .contact-grid > div:first-child > p{color:var(--muted);font-size:14.5px;line-height:1.75;margin-bottom:30px;}
  .faq-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin-bottom:16px;}
  .faq-card .q{font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;margin-bottom:8px;}
  .faq-card .a{font-size:13.5px;color:var(--muted);line-height:1.7;}
  .form-card{background:var(--cream);border:1.5px solid var(--bronze);border-radius:14px;padding:38px;}
  .form-card h3{font-family:'Poppins',sans-serif;font-size:22px;margin-bottom:6px;}
  .form-card .sub{font-size:13.5px;color:var(--muted);margin-bottom:26px;}
  .field-i{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:16px;background:#fff;}
  .field-i i{color:var(--bronze);font-size:14px;width:16px;text-align:center;}
  .field-i input,.field-i select{border:none;outline:none;background:transparent;font-family:'Poppins',sans-serif;font-size:14px;width:100%;color:var(--text);}
  .field-i input::placeholder{color:#A79C8B;}
  @media(max-width:900px){.contact-grid{grid-template-columns:1fr;}}

  /* ===== FOOTER ===== */

   .configs-light{background:var(--paper);margin-bottom:38px;}
  .section-head-light{max-width:680px;margin:0 auto 34px;text-align:center;}
  .section-head-light h2{
    font-family:'Poppins',sans-serif;font-weight:600;
    font-size:clamp(1.8rem,3.2vw,2.3rem);color:var(--ink-text);
  }
  .section-head-light p{
    margin-top:14px;font-size:.95rem;color:var(--muted);font-weight:400;
  }

  .config-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  }
  .config-card{
    background:#fff;border:1px solid #ece6d8;border-radius:8px;
    overflow:hidden;display:flex;flex-direction:column;
    box-shadow:0 2px 10px rgba(42,38,32,.05);
    transition:transform .3s var(--ease),box-shadow .3s var(--ease);
  }
  .config-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(42,38,32,.1);
  }
  .config-card-img{aspect-ratio:16/10;overflow:hidden;}
  .config-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
  .config-card:hover .config-card-img img{transform:scale(1.06);}
  .config-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
  .config-card-body h3{
    font-family:'Poppins',sans-serif;font-weight:600;font-size:1.15rem;color:var(--ink-text);
    margin-bottom:10px;
  }
  .config-meta{
    display:flex;align-items:center;flex-wrap:wrap;gap:10px;
    margin-bottom:10px;font-size:.85rem;
  }
  .config-size{color:var(--ink-text);}
  .config-size b{font-weight:600;}
  .config-badge{
    font-family:'Poppins',sans-serif;font-weight:500;font-size:.72rem;
    color:#8a6b3a;border:1px solid #d9b56b;border-radius:20px;
    padding:3px 12px;white-space:nowrap;background:#fbf2df;
  }
  .config-price{
    font-size:.85rem;color:var(--muted);margin-bottom:18px;
  }
  .config-price b{color:var(--ink-text);font-weight:600;}
  .config-enquire{
    margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;
    border:1px solid #c9a15a;border-radius:6px;padding:11px 18px;width:100%;
    font-family:'Poppins',sans-serif;font-weight:500;font-size:.88rem;color:var(--ink-text);
    transition:background .3s,color .3s;
  }
  .config-enquire svg{width:15px;height:15px;color:var(--gold);flex:none;transition:color .3s;}
  .config-enquire:hover{background:#c9a15a;color:#000;}
  .config-enquire:hover svg{color:#000;}

  .config-rate-note{
    text-align:center;font-size:.85rem;color:var(--ink-text);margin:32px 0 0;font-weight:500;
  }
  .config-footnote{text-align:center;font-size:.72rem;color:var(--muted-dark);margin:10px 0 0;}

  @media (max-width:980px){
    .config-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:640px){
    .config-grid{grid-template-columns:1fr;}
  }


/* =====================================================
   PREMIUM POLISH — MASTER PLAN / AMENITIES / DOWNLOADS
   ===================================================== */

/* Smooth premium motion for the residence cards */
.config-card{
  position:relative;
  transform:translate3d(0,0,0);
  will-change:transform, box-shadow;
  transition:transform .45s cubic-bezier(.22,.61,.36,1),
             box-shadow .45s ease,
             border-color .35s ease;
}
.config-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg,rgba(201,161,90,.12),transparent 42%);
  transition:opacity .45s ease;
  z-index:1;
}
.config-card:hover{
  transform:translate3d(0,-9px,0) scale(1.012);
  border-color:#c9a15a;
  box-shadow:0 22px 48px rgba(65,42,18,.14);
}
.config-card:hover::before{opacity:1;}
.config-card-img{position:relative;z-index:2;}
.config-card-body{position:relative;z-index:2;}
.config-card-img img{transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .45s ease;}
.config-card:hover .config-card-img img{transform:scale(1.065);filter:saturate(1.04);}
.config-enquire{transition:background .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease;}
.config-enquire:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,116,59,.16);}

/* Amenities — bordered luxury carousel + auto-scroll */
.amenities{
  border-top:1px solid rgba(169,116,59,.24);
  border-bottom:1px solid rgba(169,116,59,.24);
}
.amenities .head{position:relative;}
.amenities .head::after{
  content:"";
  display:block;
  width:70px;
  height:1px;
  margin:22px auto 0;
  background:linear-gradient(90deg,transparent,#b78335,transparent);
}
.carousel-wrap{
  padding:10px 0 2px;
  position:relative;
}
.amen-track{
 padding:16px;
 scroll-behavior:smooth;
}
.amen-card{
  min-height:145px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(169,116,59,.24);
  border-radius:14px;
  background:linear-gradient(145deg,#fffdf9,#f5ede0);
  box-shadow:0 8px 20px rgba(57,39,18,.06);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .35s ease,box-shadow .35s ease;
}

/* Mobile-only carousel arrows ("‹" / "›"). Hidden on desktop where the
   amenities show as a full static grid — nothing to page through there. */
.amen-carousel-btn{
  display:none;
  position:absolute; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:50%;
  align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--line); color:var(--bronze);
  font-size:18px; line-height:1; cursor:pointer; z-index:5;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.amen-carousel-btn.prev{left:2px;}
.amen-carousel-btn.next{right:2px;}
.amen-carousel-btn:active{background:var(--stone);}
.amen-card:hover{
  background:#fff;
  transform:translateY(-7px) scale(1.025);
  border-color:#bd8a45;
  box-shadow:0 16px 30px rgba(57,39,18,.12);
}
.amen-card .ic{transition:transform .45s ease,background .35s ease,box-shadow .35s ease;}
.amen-card:hover .ic{transform:rotate(-4deg) scale(1.08);box-shadow:0 8px 18px rgba(169,116,59,.16);}

/* Master Plan — premium card */
.plans{position:relative;overflow:hidden;}
.plans::before{
  content:"";position:absolute;width:420px;height:420px;left:-220px;top:25%;border-radius:50%;
  background:radial-gradient(circle,rgba(169,116,59,.10),transparent 68%);pointer-events:none;
}
.masterplan-frame{
  position:relative;
  margin-top:44px;
  border:1px solid #c9a15a;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff,#f7f0e5);
  text-align:left;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  box-shadow:0 20px 55px rgba(61,42,20,.10);
  transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s ease;
}
.masterplan-frame::before{
  content:"";position:absolute;inset:9px;border:1px solid rgba(169,116,59,.16);border-radius:13px;pointer-events:none;z-index:3;
}
.masterplan-frame:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(61,42,20,.15);}
.masterplan-frame > img{
  min-height:430px;
  padding:18px;
  background: #875a2a1a;
    object-fit: contain;
    transition: transform .8s cubic-bezier(.22, .61, .36, 1);
    opacity: 0.1;
}
.masterplan-frame:hover > img{transform:scale(1.025);}
.mp-info{
  padding:52px 48px;
  background:linear-gradient(160deg,#fffdf9,#f4ebdc);
  position:relative;
  z-index:2;
}
.mp-info::before{
  content:"01";position:absolute;right:30px;top:22px;font-size:72px;font-weight:700;line-height:1;color:rgba(169,116,59,.08);
}
.mp-info .tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.18em;font-weight:600;color:#9a6828;margin-bottom:16px;}
.mp-info .tag::before{content:"";width:28px;height:1px;background:#b78335;}
.mp-info h3{font-size:clamp(25px,2.5vw,34px);line-height:1.15;margin-bottom:20px;max-width:13ch;}
.mp-info ul{margin-bottom:28px;}
.mp-info li{font-size:13.5px;line-height:1.55;color:#625b52;padding:12px 0;border-top:1px solid rgba(169,116,59,.20);}
.mp-info li:last-child{border-bottom:1px solid rgba(169,116,59,.20);}
.mp-info li i{font-size:12px;}
.mp-info .btn{position:relative;z-index:2;box-shadow:0 9px 20px rgba(169,116,59,.16);transition:transform .3s ease,box-shadow .3s ease;}
.mp-info .btn:hover{transform:translateY(-3px);box-shadow:0 13px 26px rgba(169,116,59,.24);}

/* Downloads — creative cards + entrance animation */
.downloads{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#f5eee3 0%,#fbf8f3 52%,#efe5d5 100%);
  border-top:1px solid rgba(169,116,59,.22);
}
.downloads::before{
  content:"";position:absolute;width:500px;height:500px;left:-260px;top:-190px;border-radius:50%;
  background:radial-gradient(circle,rgba(169,116,59,.14),transparent 68%);pointer-events:none;
  animation:downloadGlow 10s ease-in-out infinite alternate;
}
.downloads::after{
  content:"";position:absolute;width:460px;height:460px;right:-230px;bottom:-230px;border-radius:50%;
  background:radial-gradient(circle,rgba(210,162,104,.13),transparent 68%);pointer-events:none;
  animation:downloadGlow 12s ease-in-out infinite alternate-reverse;
}
@keyframes downloadGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(35px,25px,0) scale(1.14)}}
.downloads .wrap{position:relative;z-index:2;}
.downloads h2{font-size:clamp(30px,4vw,46px);margin-bottom:12px;}
.downloads h2::after{content:"";display:block;width:56px;height:2px;background:#b78335;margin:16px auto 0;}
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px;}
.dl-card{
  position:relative;overflow:hidden;min-height:285px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(169,116,59,.30);
  border-radius:18px;
  padding:42px 28px 34px;
  box-shadow:0 10px 28px rgba(57,39,18,.07);
  transform:translate3d(0,0,0);
  transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease,border-color .35s ease;
}
.dl-card::before{
  content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;
  background:radial-gradient(circle,rgba(169,116,59,.17),transparent 68%);transition:transform .5s ease;
}
.dl-card::after{
  content:"";position:absolute;inset:7px;border:1px solid rgba(169,116,59,.10);border-radius:13px;pointer-events:none;
}
.dl-card:hover{transform:translate3d(0,-10px,0) scale(1.015);border-color:#bd8a45;box-shadow:0 24px 50px rgba(57,39,18,.14);}
.dl-card:hover::before{transform:scale(1.5);}
.dl-card .ic{
  position:relative;z-index:2;width:68px;height:68px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:25px;color:#a8732d;background:linear-gradient(145deg,#fff,#f4e7d3);
  border:1px solid #d6b27a;margin-bottom:20px;
  box-shadow:0 8px 18px rgba(169,116,59,.10);
  transition:transform .45s ease;
}
.dl-card:hover .ic{transform:translateY(-4px) rotate(-4deg);}
.dl-card .t,.dl-card .s,.dl-card .btn{position:relative;z-index:2;}
.dl-card .t{font-size:19px;margin-bottom:9px;}
.dl-card .s{font-size:13px;line-height:1.65;max-width:250px;margin-bottom:24px;}
.dl-card .btn{min-width:145px;transition:transform .3s ease,background .3s ease;}
.dl-card:hover .btn{transform:translateY(-2px);}
@media(max-width:900px){
  .masterplan-frame{grid-template-columns:1fr;}
  .masterplan-frame > img{min-height:340px;}
  .mp-info{padding:40px 30px;}
  .dl-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  /* Mobile: swap the static grid back to a swipeable horizontal carousel,
     and show the ‹ › arrow buttons over it. */
  .amen-track{
    display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
    padding:12px 6px 20px; border-radius:14px;
  }
  .amen-track::-webkit-scrollbar{display:none;}
  .amen-card{flex:0 0 175px; scroll-snap-align:start; min-height:135px; padding:22px 14px;}
  .amen-carousel-btn{display:flex;}
}
@media(max-width:640px){
  .masterplan-frame > img{min-height:270px;padding:12px;}
  .mp-info{padding:34px 24px;}
  .dl-grid{grid-template-columns:1fr;gap:18px;}
  .dl-card{min-height:250px;}
}
@media (prefers-reduced-motion: reduce){
  .config-card,.masterplan-frame,.dl-card,.amen-card,.config-card-img img,.masterplan-frame > img{transition:none!important;}
  .downloads::before,.downloads::after{animation:none;}
}

/* ===== HERO — ACE ARTE (matches approved hero design) ===== */
.hero.hero-arte{
  background:
    linear-gradient(180deg, rgba(8,7,6,.30) 0%, rgba(8,7,6,.50) 46%, rgba(5,4,3,.88) 100%),
    url('https://images.unsplash.com/photo-1758448756167-88dc934c58e4?fm=jpg&q=85&w=2400&auto=format&fit=crop')
    center center/cover no-repeat;
  padding-bottom:96px;
}
.hero-arte h1 .accent{color:var(--bronze-light);}
.hero-arte .hero-desc{
  max-width:620px;
  color:#EDE7DA;
  font-family:'Poppins',sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.65;
  letter-spacing:0;
  text-transform:none;
  margin:20px 0 30px;
  animation:heroTextIn .9s .12s cubic-bezier(.22,1,.36,1) both;
}
.hero-arte .hero-actions .btn i{margin-left:8px;font-size:12px;}

/* ---- Bottom fact strip ---- */
.hero-facts{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:3;
  background:rgba(10,9,7,.88);
  backdrop-filter:blur(8px);
  border-top:1px solid var(--line);
}
.hero-facts-inner{
  display:flex;
  align-items:center;
  padding:20px 32px;
  gap:0;
}
.hero-facts .fact{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-right:1px solid rgba(255,255,255,.12);
}
.hero-facts .fact:first-child{padding-left:0;}
.hero-facts .fact:last-child{border-right:none;}
.hero-facts .fact i{font-size:19px;color:var(--bronze-light);}
.hero-facts .fact .k{font-family:'Poppins',sans-serif;color:#fff;font-size:14.5px;font-weight:600;}
.hero-facts .fact .v{font-family:'Poppins',sans-serif;color:#B7AD9D;font-size:12.5px;margin-top:3px;}

.hero-enquire-pill{
  position:absolute;
  right:28px;
  top:-16px;
  display:flex;
  align-items:center;
  gap:16px;
  background:var(--bronze-light);
  color:#1B1508;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:14.5px;
  border:none;
  cursor:pointer;
  padding:12px 10px 12px 24px;
  border-radius:50px;
  box-shadow:0 14px 30px rgba(0,0,0,.4);
  transition:background .25s;
}
.hero-enquire-pill:hover{background:var(--bronze);color:#fff;}
.hero-enquire-pill span{
  width:34px;height:34px;
  border-radius:50%;
  background:#1B1508;
  color:var(--bronze-light);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;line-height:1;
}
.hero-enquire-pill:hover span{background:#fff;color:var(--bronze);}

.hero-whatsapp{
  position:absolute;
  left:32px;
  bottom:64px;
  z-index:4;
  width:54px;height:54px;
  border-radius:50%;
  background:#171310;
  border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:24px;
  box-shadow:0 10px 26px rgba(0,0,0,.4);
  transition:background .25s,transform .25s;
}
.hero-whatsapp:hover{background:var(--bronze);transform:translateY(-2px);}

@media(max-width:900px){
  .hero-facts-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .hero-facts-inner::-webkit-scrollbar{display:none;}
  .hero-facts .fact{padding:0 22px;flex:0 0 auto;}
  .hero-enquire-pill{position:static;margin:0 32px 16px auto;top:auto;}
  .hero-facts{padding-top:6px;}
}
@media(max-width:700px){
  .hero.hero-arte{padding-bottom:150px;}
  .hero-arte .hero-desc{font-size:14.5px;}
  .hero-whatsapp{left:20px;bottom:150px;width:48px;height:48px;font-size:20px;}
  .hero-facts .fact .k{font-size:13px;}
  .hero-facts .fact .v{font-size:11.5px;}
}

/* ============================================================
   ENQUIRY MODAL
   ============================================================ */
.enq-overlay{
  position:fixed; inset:0; z-index:999;
  background:rgba(10,8,5,.6);
  backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; visibility:hidden;
  transition:opacity .35s ease, visibility .35s ease;
}
.enq-overlay.open{opacity:1; visibility:visible;}
.enq-card{
  position:relative;
  width:100%; max-width:440px;
  background:var(--cream);
  border-radius:14px;
  padding:40px 36px 34px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  transform:translateY(28px) scale(.96);
  opacity:0;
  transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .4s ease;
}
.enq-overlay.open .enq-card{transform:translateY(0) scale(1); opacity:1;}
.enq-close{
  position:absolute; top:18px; right:18px;
  width:34px; height:34px;
  border:none; background:transparent; cursor:pointer;
  color:var(--muted); font-size:20px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  transition:background .2s,color .2s,transform .2s;
}
.enq-close:hover{background:rgba(0,0,0,.06); color:var(--text); transform:rotate(90deg);}
.enq-card h3{font-size:28px; margin-bottom:12px; color:var(--text);}
.enq-card .enq-sub{color:var(--muted); font-size:14.5px; line-height:1.6; margin-bottom:24px;}
.enq-field{margin-bottom:16px;}
.enq-field input,.enq-field select{
  width:100%; padding:15px 16px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff; border-radius:6px;
  font-family:'Poppins',sans-serif; font-size:14.5px; color:var(--text);
  transition:border-color .2s, box-shadow .2s;
}
.enq-field input:focus,.enq-field select:focus{
  outline:none; border-color:var(--bronze); box-shadow:0 0 0 3px rgba(169,116,59,.15);
}
.enq-submit{
  width:100%; border:none; cursor:pointer;
  padding:17px 20px; border-radius:6px;
  background:linear-gradient(135deg,var(--bronze-light),var(--bronze) 60%,var(--clay-2));
  background-size:200% 200%;
  color:#fff; font-family:'Poppins',sans-serif; font-weight:600;
  font-size:14px; letter-spacing:.06em; text-transform:uppercase;
  display:flex; align-items:center; justify-content:center; gap:10px;
  transition:background-position .5s ease, transform .2s ease, box-shadow .3s ease;
  box-shadow:0 12px 26px rgba(169,116,59,.35);
}
.enq-submit:hover{background-position:100% 50%; transform:translateY(-2px); box-shadow:0 16px 34px rgba(169,116,59,.45);}
.enq-submit:active{transform:translateY(0);}
.enq-submit svg{width:16px; height:16px;}
.enq-msg{margin-top:14px; font-size:13.5px; color:var(--bronze); font-weight:500; min-height:1em;}

@media(max-width:480px){
  .enq-card{padding:32px 22px 26px;}
  .enq-card h3{font-size:24px;}
}

/* ============================================================
   SIDE ENQUIRE TAB (vertical, like "Get Best Offer")
   ============================================================ */
.side-tabs{
  position:fixed; right:0; top:38%; z-index:45;
  display:flex; flex-direction:column; gap:2px;
}
.side-tab{
  writing-mode:vertical-rl; text-orientation:mixed;
  /* transform:rotate(180deg); */
  padding:16px 9px;
  font-family:'Poppins',sans-serif; font-size:12.5px; font-weight:600;
  letter-spacing:.04em; text-transform:uppercase;
  color:#fff; cursor:pointer; border:none;
  display:flex; align-items:center; gap:8px;
  background:linear-gradient(180deg,var(--clay),var(--bronze) 55%,var(--clay-2));
  background-size:100% 220%;
  box-shadow:-4px 0 14px rgba(0,0,0,.18);
  transition:background-position .5s ease, padding-right .3s ease, transform .25s ease;
}
.side-tab svg{width:15px; height:15px; flex-shrink:0;}
.side-tab:hover{background-position:0% 100%; padding-right:14px; transform:translateX(-3px);}

@media(max-width:700px){
  .side-tabs{top:auto; bottom:96px;}
  .side-tab{font-size:11px; padding:12px 7px;}
}

/* ============================================================
   FLOATING WHATSAPP + CALL (bottom-left, sitewide)
   ============================================================ */
.float-actions{
  position:fixed; left:20px; bottom:24px; z-index:45;
  display:flex; flex-direction:column; gap:12px;
}
.float-actions a{
  width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:24px;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  transition:transform .25s ease, box-shadow .25s ease;
  position:relative;
}
.float-actions a:hover{transform:translateY(-4px) scale(1.06); box-shadow:0 16px 30px rgba(0,0,0,.35);}
.float-wa{background:#25D366;}
.float-wa::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:#25D366; opacity:.55;
  animation:floatPulse 2.2s ease-out infinite;
  z-index:-1;
}
.float-call{background:var(--clay-2);}

@keyframes floatPulse{
  0%{transform:scale(1); opacity:.55;}
  100%{transform:scale(1.7); opacity:0;}
}

@media(max-width:700px){
  .float-actions{left:14px; bottom:18px; gap:10px;}
  .float-actions a{width:46px; height:46px; font-size:20px;}
}

/* ============================================================
   MASTER PLAN — VIEW PLAN overlay button
   ============================================================ */
.masterplan-frame{position:relative; overflow:hidden; border-radius:10px;}

/* The image + its "View Plan" button live inside their own positioning
   context (mp-image-wrap) instead of the whole two-column masterplan-frame.
   That's what caused the button to sit in the wrong spot on desktop and to
   disappear on mobile (it was being placed relative to the *entire* card,
   info panel included, not just the picture). Keeping button+image in one
   small wrapper means "centered over the image" is true at every width. */
.mp-image-wrap{position:relative; overflow:hidden;}
.mp-image-wrap img{
  filter:blur(9px) brightness(.85);
  transform:scale(1.08);
  transition:filter .5s ease, transform .5s ease;
}
.mp-image-wrap::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(8,7,6,.15) 0%, rgba(8,7,6,.45) 100%);
  pointer-events:none;
}
.mp-image-wrap:hover img{filter:blur(6px) brightness(.9); transform:scale(1.11);}

.mp-view-btn{
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  display:flex; align-items:center; gap:9px;
  padding:14px 28px; border-radius:40px; border:none; cursor:pointer;
  background:linear-gradient(120deg,var(--bronze-light),var(--bronze),var(--clay-2));
  background-size:220% 220%;
  color:#fff; font-family:'Poppins',sans-serif; font-weight:600; font-size:14px;
  letter-spacing:.03em; white-space:nowrap;
  box-shadow:0 14px 30px rgba(0,0,0,.4), 0 0 0 rgba(210,162,104,.5);
  transition:background-position .6s ease, box-shadow .4s ease, transform .3s ease;
  z-index:2;
}
.mp-view-btn:hover{
  background-position:100% 50%;
  transform:translate(-50%,-50%) scale(1.05);
  box-shadow:0 14px 34px rgba(0,0,0,.45), 0 0 26px rgba(210,162,104,.65);
}
.mp-view-btn svg{width:17px; height:17px;}
@media(max-width:700px){
  .mp-view-btn{padding:11px 22px; font-size:12.5px;}
}

/* ============================================================
   PLAN LIGHTBOX
   ============================================================ */
.lb-overlay{
  position:fixed; inset:0; z-index:998;
  background:rgba(6,5,4,.88);
  display:flex; align-items:center; justify-content:center;
  padding:30px;
  opacity:0; visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
}
.lb-overlay.open{opacity:1; visibility:visible;}
.lb-overlay img{
  max-width:92vw; max-height:86vh; border-radius:8px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  transform:scale(.94); transition:transform .35s ease;
}
.lb-overlay.open img{transform:scale(1);}
.lb-close{
  position:absolute; top:22px; right:26px;
  width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25);
  color:#fff; font-size:20px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s, transform .2s;
}
.lb-close:hover{background:rgba(255,255,255,.22); transform:rotate(90deg);}

.navlinks a{
  color:#fff;
}
.mobile-panel .navlinks a{
  color:#fff;
  opacity:0.88;
}
.mobile-panel .navlinks a:hover{
  opacity:1;
  color:var(--bronze-light);
}


@media(max-width:500px){
  .schedule-btn{
    display:none;
  }
  .hero-inner{
    margin:auto auto;
  }
  .hero-inner {
        padding: 36px 22px 48px;
    }
    nav img{
      height: 35px !important;
    width: auto;
    }
        .sizes-section{
          margin:auto;
        }

  .highlight-content h2 {
            font-size: 37px;
  }
  .adv-item {
   
    font-size: 12px;
  }

  .highlight-content {
        padding: 70px 19px 45px;
    }

  .price-box {
    padding: 20px;
  }

  .price-item strong {
    font-size: 24px;
  }

  .price-divider {
    margin: 0 18px;
  }

  .enquireNow{
    display: none;
  }

  .image-stats {
    grid-template-columns: 1fr;
  }

  .stat {
    border-right: 0;

    border-bottom:
      1px solid rgba(255,255,255,.14);
  }

  .stat:last-child {
    border-bottom: 0;
  }

  .highlight-image-wrap {
    min-height: 600px;
  }

  .eoi-actions {
    width: 100%;

    flex-direction: column;
  }

  .btn-primary,
  .btn-outline {
    width: 100%;
  }

    .hero-inner {
        padding: 100px 22px 100px !important;
    }
     .hero h1 {
             font-size: 1.8rem !important;
     }
    .highlights h2 {
        font-size: 31px;
    }
.hl-grid h3 {
        font-size: 23px;
    }
    .stat {
    min-height: 92px;
    padding: 18px 12px;
    }
    .contact h2{
      font-size:26px !important;
      line-height:1.32;
    }

    .size-card{
          flex-direction: column;
    justify-content: center;
    }
    .size-info h4{
      text-align: center;
    }
    .size-info strong {
      text-align: center;
    }
    .size-info span {
      text-align: center;
    }
}
  footer {
    background: #f6f3ef;
    color: #ffffff;
    padding: 50px;
  }

  footer .h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: 600;
  }

  .container.bg-white-set {
    max-width: 100%;
  }

  footer .bg-white-set {
    background: #aa936d;
    padding: 35px 25px;
    color: #000000;
    border-radius: 12px;
  }
  .contact-details{
          padding: 24px 24px 0 20px !important;
  }

  .cl-w {
    color: #ffffff;
  }

  .btm-btn span.bold-bg {
    color: #ffffff;
    background: #aa936d;
    border: 1px solid #ffffff;
    padding: 7px 12px;
    border-radius: 50px;
    font-size: 14px;
    margin: 0 5px 29px 0;
    display: inline-block;
    font-weight: 500;
  }

  .btm-btn span.bold-bg:hover {
    background: #9d855e;
    text-decoration: underline;
  }

  .btm-btn i {
    padding-left: 6px;
  }

  span.bold-bg {
    color: #ffffff;
    background: #202029;
    padding: 7px 12px;
    border-radius: 50px;
    font-size: 12px;
    margin-bottom: 16px;
    display: inline-block;
  }

  .contact-details {
    background: #ffffff;
    border: 1px solid #80808033;
    padding: 24px 0 0 20px;
    border-radius: 20px;
  }
  
  .contact-details a i {
    padding-right: 0px !important;
}



  .contact-details.bg-none {
    background: #aa936d;
    border: none;
    padding: 0;
    border-radius: 0;
  }

  .btm-set {
    margin-bottom: 15px;
  }

  .con-head {
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 10px;
  }

  .lef-con h4 {
    font-size: 19px;
    font-weight: 600;
  }

  .con-head ul {
    padding-left: 0;
    list-style: none;
  }

  .con-head ul li a {
    padding: 0;
    color: #000000;
    background: none;
    font-size: 13px;
    margin-bottom: 5px;
    text-decoration: none;
  }
.social-links ul
  .con-head ul li a:hover {
    color: #000000;
  }

  /*.social-links {*/
  /*  border-top: 1px solid #80808061;*/
  /*  margin-top: 22px;*/
  /*  padding-top: 12px;*/
  /*}*/

  .social-links p {
    margin-bottom: 8px;
  }

  .social-links ul {
    padding-left: 0;
    list-style: none;
    display:flex;
  
    /*padding-left: 25px;*/
  }

  .social-links ul li {
    margin-right: 4px;
  }

  .social-links ul li a {
    padding: 0;
    background: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0ece4;
    line-height: 1;
  }

  .social-links ul li a:hover {
    background: #2c4d46;
  }

  .social-links ul li a:hover i {
    color: #ffffff;
  }

  .social-links ul li a i {
    color: #3d3d47;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .contact-details a {
    background: #2c4d46;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    font-size: 13px;
    border-radius: 30px;
    display: inline-block;
  }

  .contact-details a i {
    padding-right: 5px;
  }

  footer .h2 {
    color: #ffffff;
  }

  footer .h2 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
  }

  .cl-w {
    color: #ffffff;
  }

  @media only screen and (max-width: 767px) {

    footer {
      padding: 10px;
    }

    footer .bg-white-set {
      padding: 20px 10px 10px;
    }

    .contact-details {
      padding: 20px 10px;
    }

    .con-head {
      display: block;
      background: #7f6daa12;
      padding: 10px;
      border-radius: 10px;
    }

    .lef-con {
      margin-bottom: 20px;
    }

    .lef-con h4 {
      font-size: 15px;
      border-bottom: 1px solid #80808040;
      padding-bottom: 3px;
    }

    .con-head ul li a {
      font-size: 12px;
      margin-bottom: 3px;
    }

    footer .h2 {
      font-size: 22px;
    }
      .btm-btn span.bold-bg {
    margin: 0 5px 17px 0;
  }
  .social-links ul {
          padding-left: 0px; 
    display: flex;
  }
  }