/* ===========================
   PART A — Fonts / Global / Navbar / Carousel / Responsive
   Cleaned, duplicates removed, compacted.
   =========================== */

/* ---------- FONTS ---------- */
@font-face {
  font-family: 'Proxima Nova Alt';
  src: url('../../font/Proxima Nova Alt Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova Alt Bold';
  src: url('../../font/Proxima Nova Alt Bold.otf') format('opentype');
  font-display: swap;
}
@font-face {
  font-family: 'Marcellus Regular';
  src: url('../../font/Marcellus-Regular.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BRFirma Regular';
  src: url('../../font/BR Firma Regular.otf') format('opentype');
  font-display: swap;
}

/* ---------- GLOBAL ---------- */
:root{
  --gold:#e3b502;
  --gold-dark:#d4af37;
  --accent:#f15a24;
  --muted:#676767;
  --footer-bg:#676767;
}
body, p { font-family: 'Proxima Nova Alt', sans-serif; color: var(--muted); margin:0; padding:0; }
h1,h2,h3,h4,h5 { font-family:'BRFirma Regular', 'Playfair Display', serif; color:#000; margin:0; }
.lead { font-size: 1.125rem; line-height:1.6; color:#0d0d0d; }

/* links */
a{ text-decoration:none; transition: color .25s, transform .2s; color:inherit; }

/* ---------- NAVBAR ---------- */
#navbar { padding:12px 0; padding-left:20px; background:#fff; border-bottom:1px solid #eee; }
.navbar-brand img.swarnabhoomi-logo{ width:300px; max-width:100%; display:block; margin:auto; }
#navbar .nav-link{ color:#676767; font-weight:600; font-size:15px; padding:10px 18px; display:block; }
#navbar .nav-link span{ color:#676767; position:relative; }
#navbar .nav-link:hover span{ background-color: #d2ac22 !important; }
.navbar-nav .nav-item { text-align:right; float:right; }
.navbar-placeholder{ height:80px; display:none; }

/* sticky */
#navbar.sticky { position:fixed; top:0; left:0; width:100%; z-index:1000; box-shadow:0 2px 4px rgba(0,0,0,.08); background:#fff; }
#navbar.sticky .swarnabhoomi-logo{ width:250px; }

/* buttons */
.btn-nav-nav span, .btn-nav-swarnabhoomi-nav span { background:var(--gold); padding:10px 20px; color:#fff; border-radius:4px; font-size:13px; display:inline-block; border-radius: 0px;}
.btn-nav-swarnabhoomi-nav span { box-shadow:0 0 10px rgba(0,0,0,.2); cursor:pointer; }
.btn-nav-swarnabhoomi-nav span:hover{ background:#676767; }

/* ---------- CAROUSEL ---------- */
.carousel-item { height:100vh; }
.carousel-item img { width:100%; height:100%; object-fit:cover; display:block; }
.carousel-caption { position:absolute; top:50%; left:5%; transform:translateY(-50%); text-align:left; max-width:600px; }
.carousel-caption.centered { left:50%; transform:translate(-50%,-50%); max-width:800px; text-align:center; }
.carousel-caption h5 {
  font-family:'Playfair Display', serif;
  font-size:60px; font-weight:700; text-transform:uppercase;
  background: linear-gradient(90deg, #d4af37, #f5d76e, #b8860b);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  letter-spacing:1px;
}
.carousel-caption p { font-family:'Poppins', sans-serif; font-size:1.1rem; color:#055329; }

/* ---------- COMMON UTILS ---------- */
.desk{display:block;}
.div-only-mobile{display:none;}
@media (max-width:767px){
  .desk{display:none;}
  .div-only-mobile{display:block;}
  #navbar{ padding-left:0; }
  .navbar-nav{ box-shadow:0 0 5px rgba(0,0,0,.12); }
  .navbar-light .navbar-nav .nav-link{ text-align:left; padding:10px; margin-top:10px; border-bottom:1px solid rgba(0,0,0,.05); }
  .navbar-placeholder{ display:block; height:70px; }
  .carousel-caption h5{ font-size:32px; }
  .carousel-item{ height:55vh; }
}
/* ===========================
   PART B — About / Gold Circles / Gallery / Amenities / Location
   =========================== */

/* ---------- ABOUT PROJECT ---------- */
#about-project { padding: 40px 0 50px; background:#f5f5ed; }
#about-project .afterheading { font-style:italic; color:#784609; font-size:20px; text-align:center; margin-bottom:0; }
#about-project h1 { text-align:center; font-size:32px; margin-bottom:10px; }

/* ---------- GOLD POINTS / CIRCLES ---------- */
.circle-d{
  width:150px; height:150px; margin:0 auto; border-radius:50%;
  background: linear-gradient(135deg, #e6c200, #ffdf70, #d4af37);
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  padding:15px; box-shadow:0 4px 15px rgba(0,0,0,0.12); transition:transform .25s ease, box-shadow .25s ease;
}
.circle-d:hover{ transform:scale(1.05); box-shadow:0 6px 20px rgba(0,0,0,0.18); }
.circle-d i{ font-size:40px; color:#42856b; margin-bottom:8px; }
.gold-text{ font-family:'Playfair Display', serif; font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px;
  background: linear-gradient(90deg, #004f23, #6f947f, #008238); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}

/* ---------- WHY SWARNABHOOMI ---------- */
#why-swarnabhoomi { padding:40px 0; background:#313536; color:#fff; }
.why-swarnabhoomi-row p{ text-align:center; color:#fff; }

/* ---------- GALLERY ---------- */
.gallery { padding:40px 0; background:#fff; }
.gallery .gallery-img{ border-radius:6px; transition:transform .3s ease, box-shadow .3s ease; cursor:pointer; width:100%; display:block; }
.gallery .gallery-img:hover{ transform:scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,0.18); }

/* GLightbox anchors keep default look */
.glightbox img{ width:100%; display:block; }

/* ---------- AMENITIES ---------- */
.amenities { padding:40px 0; background:#f5f5ed; }
.amenities .circle-d{ width:90px; height:90px; background:#fff3cd; }
.amenities .gold-text{ font-size:.95rem; color:#000; }

/* ---------- LOCATION ---------- */
#location { padding:50px 0; background:#fff; }
.location-list { list-style:none; padding:0; margin:0; }
.location-list li { padding:10px 0; border-bottom:1px solid #eee; display:flex; align-items:center; gap:12px; font-size:16px; color:#000; }
.location-list i { color:var(--gold); font-size:18px; }

/* small screens for location map alignment */
@media (max-width:767px){
  .amenities .circle-d{ width:70px; height:70px; }
  .circle-d i{ font-size:28px; }
  .gold-text{ font-size:.9rem; }
}
/* ===========================
   PART C — Contact Form / Footer / Modal / WhatsApp / Sticky Enquire
   =========================== */

/* ---------- CONTACT FORM ---------- */
#contactus { padding:50px 0; background:#f5f5ed; }
.form-control { padding:12px; border-radius:4px; border:1px solid #d0d0d0; }


/* ---------- MAP / IFRAME ---------- */
.parentscreenlocationmap { display:flex; justify-content:center; align-items:center; text-align:center; background-color:#ffdf61; color:#fff; padding:10px; }
.parentscreenlocationmap iframe{ width:100%; height:450px; border:0; border-radius:6px; object-fit:cover; }

/* ---------- FOOTER ---------- */
.swarnabhoomi-footer { padding:50px 0; background:var(--footer-bg); color:#fff; }
.swarnabhoomi-footer h5{ color:#fff; font-weight:700; margin-bottom:12px; }
.swarnabhoomi-footer ul{ list-style:none; padding-left:0; margin:0; }
.swarnabhoomi-footer a{ color:#fff; text-decoration:none; }
.swarnabhoomi-footer a:hover{ color:var(--accent); }

/* social icons */
.social-links { display:flex; gap:10px; }
.circle-icon{ width:40px; height:40px; border-radius:50%; background:#fff; display:inline-flex; align-items:center; justify-content:center; color:#000; font-size:18px; transition:all .25s; text-decoration:none; }
.circle-icon:hover{ background:var(--gold); color:#fff; }

/* ---------- MODAL ---------- */
.modal-content { border-radius:0; border:2px solid #d93900; }
.modal-header .swarnabhoomi-close{ width:20px; height:20px; background:transparent; border:1px solid #676767; padding:0; cursor:pointer; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.modal-header .swarnabhoomi-close:hover{ border-color:var(--accent); color:var(--accent); }

/* ---------- ZOOM THUMBNAIL ---------- */
.thumbnail-container{ position:relative; overflow:hidden; }
.thumbnail{ cursor:pointer; transition:filter .3s ease; display:block; width:100%; }
.thumbnail:hover{ filter:brightness(.7); }
.zoom-btn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:var(--accent); color:#fff; padding:10px 14px; border-radius:6px; opacity:0; transition:opacity .25s; }
.thumbnail-container:hover .zoom-btn{ opacity:1; }

/* ---------- WHATSAPP & STICKY ENQUIRE ---------- */
.whatsapp{ position:fixed; bottom:20px; right:25px; z-index:100; width:56px; height:auto; }
#stickyEnquireBtn{
  position:fixed; left:20px; bottom:20px; z-index:9999; background:var(--gold); color:#fff; padding:15px 25px; font-size:18px; font-weight:600; border-radius:50px; border:none; cursor:pointer; box-shadow:0 4px 15px rgba(0,0,0,0.18);
}
#stickyEnquireBtn:hover{ transform:scale(1.05); background:var(--gold-dark); }

/* ---------- MISC / ANIMATIONS ---------- */
.sticky { animation: slideDown .45s ease forwards; }
@keyframes slideDown { from{ transform:translateY(-100%);} to{ transform:translateY(0);} }

/* small screens */
@media (max-width:767px){
  .parentscreenlocationmap iframe{ height:300px; }
  #stickyEnquireBtn{ left:12px; bottom:12px; padding:12px 18px; font-size:16px; }
  .swarnabhoomi-footer { padding:30px 0; }
}


button.btn.btn-primary-swarnabhoomi {
  background-color: #007534 !important;
  color: #fff !important;
  padding: 12px 30px;
  border: none !important;
  font-size: 18px;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0,0,0,0.12);
  border-radius: 0px;
    width: 150px;
}

button.btn.btn-primary-swarnabhoomi:hover {
  background-color: var(--gold-dark) !important;
}

.fab, .far {
        color: #00773a;
}