:root{
    --gov-blue:#0b3b73;
    --gov-blue-2:#072d58;
    --gold:#caa557;
    --saffron:#f77f00;
    --paper:#f6f7fb;
    --ink:#1b1f23;
  }
  li{
    list-style-type: none;
  }
  body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--ink);background:#fff}
  a{text-decoration:none}

  /* Top govt strip */
  .head-strip{background:linear-gradient(90deg,var(--saffron),#ff9d33);color:#fff;font-size:.9rem;padding:.25rem 0}
.h-logo {
    height: 80px;
}
@media screen and (max-width: 576px) {
  .h-logo {
    height: 50px;
  }
  
}
  /* Header */
  .header-wrap{background:#fff;border-bottom:1px solid #e9ecf3}
  .brand-left img,.brand-right img{height:126px}
  .title{font-weight: 800;
    font-size: 2.4rem;
    letter-spacing: .2px;
    color: #ff8300;}
  .subtitle{font-size:.9rem;color:#6b7280}

  /* Navbar */
  .navbar.site-nav{background:#0d6efd}
  .site-nav .nav-link{font-weight:600;color:#ffffff}
  .site-nav .nav-link:hover,.site-nav .nav-link.active{color:#ff9320; font-weight: 700;}

  /* Hero carousel */
  .hero .carousel-item{height:480px}
  .hero .carousel-item img{width:100%;height:100%;object-fit:cover}
  .hero .caption{
    position:absolute;left:0;right:0;bottom:0;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.75) 100%);
    color:#fff;padding:1.25rem
  }
  .badge-rera{background:#ffffffd9;color:#111827;border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .7rem;font-weight:700}

  /* Section titles */
  .section-title{font-weight:800;color:var(--gov-blue);text-align:center;margin:2rem 0 1.25rem}
  .section-sub{color:#6b7280;text-align:center;margin-top:-.5rem;margin-bottom:1rem}

  /* Feature/Amenity cards */
  .card.feature{border:0;box-shadow:0 .25rem .9rem rgba(0,0,0,.06)}
  .feature .icon{font-size:1.35rem;color:var(--gov-blue)}

  /* Location list */
  .loc-list li{margin:.25rem 0}

  /* Price list table (styled like brochure) */
  .price-card{border:1px solid #dfe3ea;border-radius:.5rem;overflow:hidden}
  .price-head{background:var(--gov-blue);color:#fff;padding:.6rem 1rem;font-weight:800;letter-spacing:.4px}
  .price-table th,.price-table td{vertical-align:middle;border-color:#e9ecf3}
  .price-table th{background:#f4f7ff;font-weight:800}
  .price-sub{background:#f9fafb;font-weight:700}
  .price-total{background:#fff7e6;font-weight:900;color:#7a4f00}

  /* Download buttons */
  .dl-btn{border:1px solid #e5e7eb}
  .dl-btn:hover{border-color:#cbd5e1}

  /* Footer */
  footer{background:var(--gov-blue);color:#fff}
  .footer-meta{background:#0f172a;color:#cbd5e1;font-size:.85rem}

  /* Floating blinking button */
  .register-btn{
    position:fixed;right:16px;bottom:16px;z-index:1050;
    background:var(--saffron);border:none;color:#fff;
    padding:.85rem 1.1rem;border-radius:15px;box-shadow:0 10px 24px rgba(0,0,0,.25);
    animation:blink 1.25s infinite
  }
  @keyframes blink{0%,49%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-1px);filter:saturate(1.2)}100%{transform:translateY(0)}}

  /* Small accents */
  .gold-hr{height:3px;background:var(--gold);border:0;width:90px;margin:.5rem auto 0}


  /* Videos */
#aero-videos .card { border: 1px solid #e9ecf3; }
.object-fit-cover { object-fit: cover; }

/* Tighter tiles on large screens; 2-up on mobile by default */
@media (min-width: 992px){
  #aero-videos .video-tile .card-body { padding: .5rem .75rem; }
}
/* Keeps the left intro video sticky */
.sticky-intro {
  position: sticky;
  top: 90px; /* adjust if navbar height differs */
  z-index: 1;
}

.pdf-frame{
  border-radius:.5rem;
  overflow:hidden;
  background:#fff;
  box-shadow:0 .5rem 1.25rem rgba(0,0,0,.08);
  min-height: 520px;               /* ensures visible area before load */
}
.pdf-frame-iframe{
  display:block;
  width:100%;
  height:70vh;                      /* responsive height; tweak as needed */
  min-height:520px;
  border:0;
  pointer-events:none;              /* feels like an image; remove if you need zoom/scroll */
}
@media (max-width: 991.98px){
  .pdf-frame-iframe{ height:60vh; min-height:420px; }
}

/* CTA style + blink */
.btn-reg{
  --reg-bg:#fb7a00;        /* saffron */
  --reg-bg-2:#ff9d33;
  background:var(--reg-bg);
  color:#fff;
  border:0;
  padding:.55rem 1.1rem;
  letter-spacing:.3px;
  box-shadow:0 8px 18px rgba(0,0,0,.15);
}
.btn-reg:hover{ background:var(--reg-bg-2); color:#fff; }

.btn-reg-sm{ padding:.4rem .8rem; font-size:.9rem; } /* smaller for the top bar on mobile */

.blink{ animation: reg-blink 1.25s infinite ease-in-out; }
@keyframes reg-blink{
  0%,45% { transform:translateY(0); filter:saturate(1); box-shadow:0 8px 18px rgba(0,0,0,.15); }
  50%    { transform:translateY(-1px); filter:saturate(1.2); box-shadow:0 10px 26px rgba(251,122,0,.35); }
  100%   { transform:translateY(0); filter:saturate(1); box-shadow:0 8px 18px rgba(0,0,0,.15); }
}

/* Make toggler visible on light backgrounds */
.navbar.site-nav .navbar-toggler{ border:0; }
.navbar.site-nav .navbar-toggler .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* Import a bold display font (Playfair Display, Barlow, or Montserrat ExtraBold) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Montserrat:wght@700;900&display=swap');

.title {
  font-family: "Montserrat", "Playfair Display", serif; /* choose display look */
  font-weight: 900;                  /* mota mota */
  line-height: 1.2;
  text-align: center;
  color: #eb7d00;

  /* Responsive sizing */
  font-size: clamp(2.8rem, 4vw + 0.5rem, 2rem);
  /* clamp(min, preferred, max):
     - min = ~1.8rem (~28px on small phones)
     - preferred = scales with viewport (4vw)
     - max = 4rem (~64px on desktops)
  */

  letter-spacing: 0.5px;
  margin: 1rem 0;
}


/* Poster card with premium gold frame */
.poster .frame{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  /* double frame */
  box-shadow:
    0 0 0 2px #e9e5da inset,               /* inner light border */
    0 0 0 4px #c9a34f inset,                /* gold border */
    0 10px 24px rgba(0,0,0,.12);            /* outer shadow */
}
.poster-img{
  width:100%;
  height:100%;
  display:block;
}

/* Crop to hide logos at top without editing images */
.crop{
  aspect-ratio: 3 / 5;      /* most posters are tall; adjust if needed */
  object-fit: cover;
  /* object-position: center var(--y); provided via classes below */
}

/* Per-poster object-position helpers (tune to push logos out of view) */
.op-32{ object-position: center 32%; }
.op-35{ object-position: center 35%; }
.op-36{ object-position: center 36%; }
.op-37{ object-position: center 37%; }
.op-38{ object-position: center 38%; }
.op-40{ object-position: center 40%; }
.op-42{ object-position: center 42%; }
.op-44{ object-position: center 44%; }
.op-45{ object-position: center 45%; }

/* Caption */
.poster figcaption{
  font-size:.9rem;
  color:#6c7485;
}

/* Optional hover lift */
.poster:hover .frame{
  transform: translateY(-2px);
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow:
    0 0 0 2px #e9e5da inset,
    0 0 0 4px #c9a34f inset,
    0 14px 30px rgba(0,0,0,.18);
}