/* Custom styles for plots page (moved out of index.html) */

/* ===== moved from index.html (inline style, line 220) ===== */
:root{
  --primary:#ffffff;
  --blue:#0098db;
  --blue-dark:#006aa2;
  --text-dark:#1a2833;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --border: rgba(0,152,219,.22);
}

/* Header Wrapper */
.site-header{
  width:100%;
  background:var(--primary);
  padding:8px 0;
  position:sticky;
  top:0;
  z-index:9999;
  box-shadow:0 3px 14px rgba(0,0,0,0.08);
}

/* Header Container */
.header-inner{
  width:92%;
  max-width:1240px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}

/* TEXT LOGO */
.header-logo-text{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.header-logo-text .logo-main{
  font-size:26px;
  font-weight:900;
  color:var(--text-dark);
  letter-spacing:-0.6px;
  text-transform:uppercase;
}
.header-logo-text .logo-sub{
  font-size:12px;
  font-weight:700;
  color:var(--blue);
  letter-spacing:0.6px;
  margin-top:-2px;
  text-transform:uppercase;
  opacity:.95;
}

/* Desktop Menu */
.main-nav{ display:block; }
.nav-menu{
  display:flex;
  gap:22px;
  align-items:center;
  margin:0;
  padding:0;
}
.nav-menu li{ list-style:none; position:relative; }
.nav-menu a{
  color:var(--blue);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:.22s ease;
  text-transform:capitalize;
  padding:8px 10px;
  border-radius:8px;
}
.nav-menu a:hover,
.nav-menu li.current > a{
  color:var(--blue-dark);
  background: rgba(0,152,219,0.06);
}

/* Dropdown */
.nav-menu > li > a{ display:inline-block; }
.nav-menu li .submenu{
  position:absolute;
  top:100%;
  right:0;      /* open towards the left so it never runs off the right edge of the screen */
  left:auto;
  margin:0;
  background:#fff;
  padding:10px 0;
  min-width:320px;
  border-radius:12px;
  border:1px solid var(--border);
  display:none;
  box-shadow: var(--shadow);
  z-index:9999;
}
.nav-menu li .submenu li a{
  display:block;
  padding:9px 14px;
  font-size:13px;
  text-align:left;
  white-space:nowrap;
  border-radius:0;
}
.nav-menu li .submenu li a:hover{
  background: rgba(0,152,219,0.06);
}
/* invisible hover bridge so the submenu does not vanish while the mouse travels to it */
.nav-menu li .submenu::before{ content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
.nav-menu li.has-dropdown:hover > .submenu,
.nav-menu li.has-dropdown:focus-within > .submenu,
.nav-menu li.has-dropdown.open > .submenu{ display:block; }

/* Hide desktop nav on mobile */
@media (max-width: 992px){
  .main-nav{ display:none; }
}

/* Hamburger */
.hamburger{
  width:30px;
  height:24px;
  cursor:pointer;
  position:relative;
  display:none;
  background:transparent;
  border:none;
}
.hamburger span{
  position:absolute;
  width:100%;
  height:3px;
  background:var(--blue);
  left:0;
  transition:.25s ease;
  border-radius:2px;
}
.hamburger .line1{ top:1px; }
.hamburger .line2{ top:10px; }
.hamburger .line3{ top:19px; }

.hamburger.active .line1{ transform: rotate(45deg) translate(6px, 6px); }
.hamburger.active .line2{ opacity:0; }
.hamburger.active .line3{ transform: rotate(-45deg) translate(6px, -6px); }

@media (max-width: 992px){ .hamburger{ display:block; } }

/* Mobile Overlay */
.mobile-overlay{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,0.98);
  z-index:10001;
  display:none;
  overflow:auto;
}
.mobile-overlay.open{ display:block; }

.mobile-header{
  width:92%;
  max-width:1240px;
  margin:0 auto;
  padding:18px 0 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,0.06);
}
.mobile-header .mh-title{
  font-weight:900;
  color:var(--text-dark);
  text-transform:uppercase;
  letter-spacing:-0.4px;
}
.mobile-close{
  border:1px solid var(--border);
  background:#fff;
  color:var(--blue-dark);
  font-weight:800;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
}

.mobile-overlay ul{
  width:92%;
  max-width:520px;
  margin:18px auto 0;
  padding:0;
  text-align:left;
}
.mobile-overlay li{
  list-style:none;
  margin-bottom:12px;
}
.mobile-overlay a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--blue-dark);
  font-size:18px;
  font-weight:800;
  text-decoration:none;
  padding:14px 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,152,219,0.16);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.mobile-overlay a:active{ transform:scale(.99); }

.mobile-submenu{
  display:none;
  margin-top:10px;
  padding-left:10px;
}
.mobile-submenu a{
  font-size:16px;
  font-weight:750;
  opacity:.98;
  padding:12px 12px;
}

/* Logo sizing */
@media (max-width: 992px){
  .header-logo-text .logo-main{ font-size:20px; }
  .header-logo-text .logo-sub { font-size:10px; }
}
@media (max-width: 600px){
  .header-logo-text .logo-main{ font-size:18px; }
  .header-logo-text .logo-sub { font-size:9px; }
}
html{ scroll-behavior:smooth; scroll-padding-top:80px; }

/* ===== moved from index.html (inline style, line 621) ===== */
/* ============================= */
/* BANNER WRAPPER */
/* ============================= */
.banner_warpper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* ============================= */
/* IMAGE COMMON STYLE */
/* ============================= */
.banner-img {
    width: 100%;
    object-fit: cover;
    filter: brightness(78%);
}

/* ============================= */
/* DESKTOP + TABLET */
/* ============================= */
.desktop-banner {
    display: block;
    height: 420px; /* 👈 DESKTOP/TABLET HEIGHT */
}

.mobile-banner { display: none; }
.banner_warpper picture{ display:block; }

/* ============================= */
/* ZOOM EFFECT */
/* ============================= */
.carousel-item.active .desktop-banner {
    animation: zoomEffect 6s ease forwards;
}

@keyframes zoomEffect {
    from { transform: scale(1.02); }
    to { transform: scale(1.08); }
}

/* ============================= */
/* MOBILE */
/* ============================= */
@media (max-width: 768px) {
    .desktop-banner { height: 280px; /* 👈 MOBILE HEIGHT */ }

    .banner_heading_ncr {
        font-size: 24px;
    }

    .banner-content-ncr {
        bottom: 50px;
    }
}

/* ============================= */
/* EXTRA SMALL MOBILE */
/* ============================= */
@media (max-width: 480px) {
    .desktop-banner { height: 240px; /* 👈 SMALL MOBILE HEIGHT */ }

    .banner_heading_ncr {
        font-size: 22px;
    }
}

/* ============================= */
/* HIDE CONTENT ON DESKTOP */
/* ============================= */
@media (min-width: 992px) {
    .banner-content-ncr {
        display: none !important;
    }
}

/* ============================= */
/* CTA BUTTON */
/* ============================= */
.banner_btn_ncr {
    display: inline-block;
    margin-top: 18px;
    background: linear-gradient(135deg, #0098db, #006aa2);
    color: #fff;
    padding: 12px 28px;
    border-radius: 40px;
    border: 0;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

/* ===== moved from index.html (inline style, line 748) ===== */
  .containercta {
    background: #ebdccfa2;
    border-radius: 16px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    margin: 40px auto;
    font-family: 'Segoe UI', sans-serif;
    color: #1e2a38;
  }

  .consultion_warpper .imgColution {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .consultion_warpper .imgColution img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  .rightCallContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .rightCallContent p.custom_h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0c588a;
    margin-bottom: 10px;
  }

  .rightCallContent p {
    font-size: 15px;
    color: #3b3e40;
    margin-bottom: 20px;
  }

  .rightCallContent .button_group button {
    background-color: #0c588a;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
  }

  .rightCallContent .button_group button:hover {
    background-color: #09496f;
  }

  @media (max-width: 992px) {
    .rightCallContent, .imgColution {
      text-align: center;
    }
    .rightCallContent {
      margin-top: 25px;
    }
  }

/* ===== moved from index.html (inline style, line 944) ===== */
/* ====== SHARED STYLES ====== */
.Similar_warpper .sp-title{ margin:0; font-weight:800; letter-spacing:.2px; }
.Similar_warpper .sp-sub{ margin:10px 0 0; color:#555; font-size:14px; line-height:1.5; }
.Similar_warpper .divied{ display:inline-block; width:64px; height:4px; border-radius:20px; background:#0e56a8; margin-top:8px; }

/* Filter Bar */
.Similar_warpper .sp-filterbar{
  margin-top:18px; background:#fff; border:1px solid rgba(0,0,0,0.06); border-radius:16px; padding:14px; box-shadow:0 10px 28px rgba(0,0,0,0.06);
}
.Similar_warpper .sp-filtergrid{ display:grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr auto; gap:12px; align-items:end; }
.Similar_warpper .sp-filter-item{ display:flex; flex-direction:column; gap:6px; }
.Similar_warpper .sp-filter-label{ font-size:12px; font-weight:800; color:#333; }
.Similar_warpper .sp-input, .Similar_warpper .sp-select{
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(14,86,168,.18); background:#f7fbff; outline:none; font-weight:700; font-size:13px;
}
.Similar_warpper .sp-input:focus, .Similar_warpper .sp-select:focus{ background:#fff; border-color:#0e56a8; box-shadow:0 0 0 4px rgba(14,86,168,.10); }
.Similar_warpper .sp-filter-actions{ justify-content:flex-end; }
.Similar_warpper .sp-filtermeta{ display:flex; justify-content:space-between; align-items:center; margin-top:10px; gap:10px; flex-wrap:wrap; }
.Similar_warpper .sp-count{ font-size:12.5px; font-weight:900; color:#0e56a8; background:#eef4ff; padding:7px 10px; border-radius:999px; border:1px solid rgba(14,86,168,.12); }
@media (max-width: 991px){ .Similar_warpper .sp-filtergrid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .Similar_warpper .sp-filtergrid{ grid-template-columns: 1fr; } }

/* Cards */
.Similar_warpper .sp-card{ background:#fff; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.08); margin-top:22px; padding:22px 18px; border:1px solid rgba(0,0,0,0.04); overflow:hidden; }
.Similar_warpper .sp-card:hover{ transform:translateY(-3px); transition:.25s ease; box-shadow:0 14px 36px rgba(0,0,0,0.10); }
.Similar_warpper .cnt_side{ padding:10px 18px; }
.Similar_warpper .sp-topbar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.Similar_warpper .sp-badge{ background:#e9fff2; color:#0b7a3b; font-weight:800; padding:6px 12px; border-radius:999px; font-size:12px; border:1px solid rgba(11,122,59,.15); }
.Similar_warpper .sp-badge.upcoming{ background:#fff6e6; color:#8a5a00; border-color:rgba(138,90,0,.15); }
.Similar_warpper .sp-badge.newlaunch{ background:#eef4ff; color:#0e56a8; border-color:rgba(14,86,168,.15); }
.Similar_warpper .sp-badge.prelaunch{ background:#f3f0ff; color:#4b2aad; border-color:rgba(75,42,173,.15); }
.Similar_warpper .sp-badge.ready{ background:#fff0f0; color:#9b1c1c; border-color:rgba(155,28,28,.15); }
.Similar_warpper .sp-badge.estate{ background:#fff7ef; color:#8a3d00; border-color:rgba(138,61,0,.15); }

.Similar_warpper .sp-tag{ font-size:12px; color:#0e56a8; background:#eef4ff; padding:6px 10px; border-radius:999px; font-weight:700; }
.Similar_warpper .sp-head a{ color:#0e56a8; text-decoration:none; font-weight:900; font-size:22px; }
.Similar_warpper .sp-head a:hover{ color:#093b7f; }
.Similar_warpper .sp-desc{ color:#444; line-height:1.65; font-size:14.5px; margin:8px 0 12px; }

.Similar_warpper .sp-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 14px; }
.Similar_warpper .sp-chip{ background:#f7f9ff; border:1px solid rgba(14,86,168,.12); color:#223; padding:8px 10px; border-radius:10px; font-size:13px; font-weight:600; }
.Similar_warpper .sp-chip b{ color:#0e56a8; }

.Similar_warpper .sp-pricebar{ margin-top:10px; padding:12px 12px; border-radius:14px; background:linear-gradient(135deg,#f7fbff,#ffffff); border:1px solid rgba(14,86,168,.10); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.Similar_warpper .sp-price-label{ display:block; font-size:12px; color:#666; font-weight:700; }
.Similar_warpper .price_amount{ display:inline-block; margin-top:2px; background:#0e56a8; color:#fff; padding:8px 12px; border-radius:10px; font-weight:900; letter-spacing:.2px; }
.Similar_warpper .sp-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.Similar_warpper .sp-btn{ background:#0e56a8; color:#fff; padding:9px 14px; border-radius:999px; text-decoration:none; font-weight:800; border:1px solid #0e56a8; transition:.2s ease; }
.Similar_warpper .sp-btn:hover{ background:#093b7f; border-color:#093b7f; }
.Similar_warpper .sp-btn-ghost{ background:#fff; color:#0e56a8; }
.Similar_warpper .sp-btn-ghost:hover{ background:#eef4ff; border-color:#0e56a8; }

.Similar_warpper .sp-mini-table{ margin-top:12px; border-radius:12px; overflow:hidden; border:1px solid rgba(0,0,0,0.06); }
.Similar_warpper .sp-row{ display:flex; justify-content:space-between; gap:12px; padding:10px 12px; background:#fff; font-size:13.5px; }
.Similar_warpper .sp-row:nth-child(even){ background:#f8faff; }
.Similar_warpper .sp-right{ font-weight:900; color:#111; }
.Similar_warpper .sp-note{ margin:10px 0 0; font-size:12px; color:#777; }

.Similar_warpper .sp-imgwrap{ position:relative; padding:10px; }
.Similar_warpper .sp-img{ width:100%; height:320px; object-fit:cover; border-radius:14px; box-shadow:0 6px 18px rgba(0,0,0,0.12); }
.Similar_warpper .sp-imgfade{ position:absolute; left:10px; right:10px; bottom:10px; height:52%; border-radius:14px; background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.55)); pointer-events:none; }
.Similar_warpper .sp-imgbadge{ position:absolute; left:24px; bottom:24px; color:#fff; font-weight:900; font-size:13px; padding:8px 12px; border-radius:999px; background:rgba(14,86,168,.92); border:1px solid rgba(255,255,255,.25); }
@media (max-width: 991px){ .Similar_warpper .cnt_side{ padding:10px 8px; } .Similar_warpper .sp-img{ height:220px; } }

/* ===== moved from index.html (inline style, line 1682) ===== */
.site-footer{
  background:#0098db;
  color:#ffffff;
  padding:50px 0 0;
  font-size:14px;
  line-height:1.7;
  margin-top:50px;
  border-top:1px solid rgba(255,255,255,0.25);
}

.site-footer .footer-inner{
  width:92%;
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns: 2.1fr 1.2fr 1.2fr 1.5fr;
  gap:26px;
}

@media (max-width: 991px){
  .site-footer .footer-inner{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px){
  .site-footer .footer-inner{ grid-template-columns: 1fr; }
}

.footer-logo{
  font-size:20px;
  font-weight:800;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.footer-logo span{
  color:#ffffff;
  display:block;
  font-size:12px;
  font-weight:600;
  text-transform:none;
  opacity:0.92;
  margin-top:4px;
}

.footer-title{
  font-size:14px;
  font-weight:800;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:0.09em;
}

.footer-text{
  color:#f1faff;
  margin-bottom:10px;
  opacity:.98;
}

.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}
.footer-links li{ margin-bottom:8px; }

.footer-links a{
  color:#eefaff;
  text-decoration:none;
  transition:.18s ease;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border-radius:10px;
}
.footer-links a:hover{
  background: rgba(255,255,255,0.12);
  color:#ffffff;
  transform: translateX(2px);
}

/* Bottom area */
.footer-bottom{
  margin-top:36px;
  padding:18px 0 22px;
  background: rgba(0,0,0,0.14);
  border-top:1px solid rgba(255,255,255,0.28);
}
.footer-bottom-inner{
  width:92%;
  max-width:1240px;
  margin:auto;
  text-align:center;
}
.copy_right{
  font-size:13px;
  font-weight:700;
  color:#ffffff;
  margin-bottom:10px;
}
.dev_note{
  font-size:11px;
  color:#f2f2f2;
  line-height:1.6;
  max-width:980px;
  margin:auto;
  opacity:.96;
}
.dev_note a{
  color:#ffffff;
  text-decoration:underline;
  font-weight:700;
}
.dev_note a:hover{ opacity:.85; }

/* ===== moved from inline style="" attributes in index.html ===== */
.sec-bg-white { background: #fff !important; }
.sec-bg-grey { background: #f8f8f8 !important; }
.h2-mt18 { margin-top: 18px !important; }
.enquire-bg { background-image: url(../images/Enquire_Now_back.jpg) !important; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* SEO audit: breadcrumbs, touch targets, modal stacking and small-screen readability. */
.plots-breadcrumb{padding-top:14px;padding-bottom:14px}.plots-breadcrumb ol{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.plots-breadcrumb li+li:before{content:"/";margin-right:12px}.plots-breadcrumb a{color:#075b91;text-decoration:underline}.plots-verification{padding:16px;color:#172b40;background:#f4f7fa}.plots-verification a{color:#075b91;text-decoration:underline}.footer-title{font-size:18px}
.cta-float,.cta-bar{z-index:1030}.modal-title{font-size:24px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3a72f;outline-offset:3px}.cta-bar__enq{background:#006b9b}.modal-dialog{max-width:min(800px,calc(100% - 24px))}.modal-body{overflow-wrap:anywhere}img{max-width:100%}
@media(max-width:767px){.Similar_warpper h1{font-size:28px;line-height:1.25}.Similar_warpper h2{font-size:24px;line-height:1.3}.Similar_warpper p{font-size:16px;line-height:1.75;color:#263747}.modal-dialog{margin:12px auto}.modal-content{max-height:calc(100dvh - 24px);overflow-y:auto}.modal input,.modal select{font-size:16px}.sp-filters{min-width:0}.cta-bar__item{min-height:56px}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}

.plots-table-wrap{overflow-x:auto;border:1px solid #dce4eb;border-radius:10px}.plots-compare{width:100%;border-collapse:collapse;color:#263747;background:#fff}.plots-compare caption{caption-side:top;padding:14px;text-align:left;color:#263747}.plots-compare th,.plots-compare td{padding:14px;border-bottom:1px solid #dce4eb;text-align:left;vertical-align:top}.plots-compare thead th{background:#0b2a40;color:white}.plots-compare tbody th{min-width:150px}@media(max-width:767px){.plots-compare{font-size:14px;min-width:640px}}