:root{
  --bg:#0b0b0b;
  --gold:#FFD700;
  --muted:#bdbdbd;
  --glass: rgba(151, 238, 125, 0.04);
  --container: 1200px;
}

*{box-sizing:border-box;margin:0;padding:0;font-family: "Roboto", sans-serif}
html,body{height:100%}
body{        
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
  
}
body p{
  color: #3d3d3d;
  font-weight: 500;
  font-size:15px;
}

body h1 h2 h3 h4 h5 h6{
  color: #3d3d3d;
 text-decoration: none !important;
  
}

/* Container */
.container{
  width:90%;
  max-width:var(--container);
  margin:0 auto;
}

/* Header */
/*header{*/
/*  position:fixed;*/
/*  top:0;*/
/*  width: 100%;*/
/*  z-index:60;*/
/*  display:flex;*/
/*  align-items:center;*/
/*  justify-content:space-between;*/
/*  padding:14px 0;*/
/*  background: linear-gradient(180deg, rgba(83, 78, 78, 0.6), rgba(119, 111, 111, 0.25));*/
/*  backdrop-filter: blur(6px);*/
/*  border-bottom: 1px solid rgba(255,255,255,0.03);*/
/*}*/
.logo{height:78px; transition: transform .35s ease, filter .35s ease;}
.logo-wrap{display:flex;align-items:center;gap:12px}
.logo:hover{transform:translateY(-3px) scale(1.02); filter: drop-shadow(0 6px 18px rgba(214,169,59,0.15))}

/* Nav */
.nav a{
  color:var(--gold);
  font-weight: bold;
  margin-left:26px;
  font-weight:500;
  transition: color .25s, transform .25s;
}
.nav a:hover{color:var(--muted); transform:translateY(-2px)}

/* HERO with background image + animated gold overlay */
.hero{
  min-height:90vh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  /* background image */
  background-image: url('banner/3.png');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  
}

/* slow zoom for background (parallax-like) */
/*.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: inherit;
  background-size:cover;
  background-position: center center;
  transform-origin: center;
  animation: bg-zoom 18s linear infinite alternate;
  filter: blur(0.6px) saturate(1.05);
  z-index:0;
  opacity:0.55;
}*/

/* animated gold gradient overlay */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background: linear-gradient(120deg, rgba(214,169,59,0.06), rgba(0,0,0,0.05) 30%, rgba(214,169,59,0.03));
  mix-blend-mode: overlay;
  animation: gold-move 10s ease-in-out infinite;
}

/* hero content sits above overlays */
.hero-content{ position:relative; z-index:2; text-align:center; padding:80px 20px; color:#fff;}
/* .hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  background: linear-gradient(90deg, #ebb22d, #ebc52f, #f2b824);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1.2px #0b0b0b;  
  text-shadow:
    0 2px 4px rgba(0,0,0,0.5),
    0 0 10px rgba(255,200,50,0.3);
} */

/* .hero p {
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  background: linear-gradient(90deg, #6e6b65, #5f5e5a, #292928);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1.2px #faec4a;  
  text-shadow:
    0 2px 4px rgba(0,0,0,0.5),
    0 0 10px rgba(255,200,50,0.3);
} */
.hero h1{ font-size:2.8rem; color:var(--gold); margin-bottom:18px; letter-spacing:0.6px; text-shadow: 0 6px 28px rgba(0,0,0,0.6);}
.hero p{ letter-spacing:0.8px; max-width:760px; margin:0 auto 26px; color: #e8e0d4; font-size:1.05rem;}

/* floating lights for ambience */
.float-lights{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden;}
.float-lights span{
  position:absolute;
  display:block;
  width:8px;height:8px;border-radius:50%;
  background: rgba(214,169,59,0.85);
  filter: blur(4px);
  opacity:0.7;
  animation: float 8s linear infinite;
}
.float-lights span:nth-child(1){ left:10%; top:20%; animation-duration:9s;}
.float-lights span:nth-child(2){ left:80%; top:30%; animation-duration:10s;}
.float-lights span:nth-child(3){ left:40%; top:70%; animation-duration:7.5s;}
.float-lights span:nth-child(4){ left:60%; top:12%; animation-duration:12s;}

/* Buttons */
.btn{
  display:inline-block;
  background:linear-gradient(180deg,var(--gold), #b68822);
  /* color:#061014; */
  padding:12px 28px;
  border-radius:999px;
  font-weight:700;
  box-shadow: 0 6px 30px rgba(214,169,59,0.16);
  transition: transform .25s, box-shadow .25s;
  border: none;
  text-decoration:none;
  border-color: yellow;
}
.btn:hover{ transform: translateY(-4px) scale(1.02); box-shadow:0 14px 42px rgba(214,169,59,0.22); }
.btn-ghost{
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:none;
}

/* Sections */
section{ padding:50px 0px; }
.about h2, .gallery h2, .testimonials h2, .contact h2{ color:var(--gold); font-size:2rem; margin-bottom:18px; }
.about p{ max-width:900px; margin: 12px auto 0; color: #e7e3da; }

/* Features grid */
.grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:26px; align-items:start;}
.feature img{ width:100%; height:180px; object-fit:cover; border-radius:10px; }
.card{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius:12px;
  padding:18px;
  transition: transform .35s ease, box-shadow .35s ease;
  border: 1px solid rgba(255,255,255,0.03);
}
.card:hover{ transform: translateY(-8px); box-shadow: 0 18px 50px rgba(2,2,2,0.6), 0 6px 18px rgba(214,169,59,0.06); }

/* Gallery */
.gallery-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:18px;
}
.gallery-grid img{ width:100%; height:220px; object-fit:cover; border-radius:10px; transition: transform .35s; }
.gallery-grid img:hover{ transform: scale(1.06); }

/* Testimonials */
.testimonials-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:22px; }
.testimonial p{ font-style:italic; margin-bottom:12px; color:#efe9de}

#location {
  text-align: center;
  padding: 40px 20px;
  background: #f9f9f9;
}
.map-container {
  max-width: 800px;
  margin: 0 auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 12px;
  overflow: hidden;
}

/* Footer */
footer{ padding:28px 0; background: linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.35)); color:#bfb7a7; }
.footer-inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }

/* Reveal animations (pure CSS — triggered by .in-view added by small JS) */
.reveal { opacity:0; transform: translateY(18px) scale(.995); transition: opacity .8s cubic-bezier(.2,.9,.2,1), transform .8s cubic-bezier(.2,.9,.2,1); will-change:transform,opacity; }
.in-view.reveal{ opacity:1; transform:none; }

.reveal-section .card, .reveal-section h2, .reveal-section p{
  opacity:0; transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal-section .card.in-view, .reveal-section h2.in-view, .reveal-section p.in-view{
  opacity:1; transform:none;
}
.contact reveal-section p{color:var(--muted);}

/* small screens */
@media (max-width: 980px){
  .grid{ grid-template-columns: repeat(2,1fr);}
  .gallery-grid{ grid-template-columns: repeat(2,1fr);}
  .testimonials-grid{ grid-template-columns: 1fr; }
  .hero h1{ font-size:2.2rem; }
  .logo{ height:64px; }
}

/* very small */
@media (max-width:600px){
  .grid{ grid-template-columns: 1fr;}
  .gallery-grid{ grid-template-columns: 1fr;}
  header{ padding:8px 0; }
  .nav{ display:none; }
  .hero{ min-height:62vh; padding-bottom:48px; }
}

/* Keyframes */
@keyframes bg-zoom{
  0%{ transform: scale(1) translateY(0); }
  100%{ transform: scale(1.06) translateY(-8px); }
}
@keyframes gold-move{
  0%{ background-position: 0% 20%;}
  50%{ background-position: 100% 80%;}
  100%{ background-position: 0% 20%;}
}
@keyframes float{
  0%{ transform: translateY(0) scale(1); opacity: .9; }
  50%{ transform: translateY(-40px) scale(1.3); opacity: .6; }
  100%{ transform: translateY(0) scale(1); opacity: .9; }
}

/* small accessibility improvements */
a:focus{ outline: 3px solid rgba(214,169,59,0.22); outline-offset:3px; border-radius:6px; }





/* Sticky WhatsApp & Call Buttons */
.sticky-icons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 1000;
}

.sticky-icons a img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sticky-icons a img:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
}

.whatsapp img {
  background-color: #25D366;
  padding: 10px;
}

.call img {
  background-color: #007bff;
  padding: 10px;
}


.image-prop{
  border-radius: 15px;
}
  
  .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }


a {
    text-decoration: none !important;
    color:#000;
}

  .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }


    #why-choose-us .card:hover, 
  #why-choose-us .d-flex:hover {
    transform: translateY(-6px);
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  }

    .fa:hover {
    color: #c1941d;
    transition: 0.3s ease;
  }