.elementor-16 .elementor-element.elementor-element-20049bf{--display:flex;}body.elementor-page-16:not(.elementor-motion-effects-element-type-background), body.elementor-page-16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clickbells.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-26-2026-03_56_50-PM.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:1025px){body.elementor-page-16:not(.elementor-motion-effects-element-type-background), body.elementor-page-16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-c4261c4 */:root{
  --gold:#d4af37;
  --gold2:#f5d77a;
  --bg:#08111f;
  --text:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',sans-serif;
  background:#08111f;
  color:#fff;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

#loader{
 position:fixed;
 inset:0;
 background:#08111f;
 display:flex;
 justify-content:center;
 align-items:center;
 z-index:9999;
 transition:.6s;
}
.loader-logo img{
 width:140px;
 animation:pulse 2s infinite;
}

.hero{
 position:relative;
 min-height:100vh;
 display:flex;
 justify-content:center;
 align-items:center;
 text-align:center;
 overflow:hidden;
 padding:40px 20px;
}
.hero-bg{
 position:absolute;
 inset:0;
 background:url("assets/background.webp") center/cover no-repeat;
 transform:scale(1.05);
}
.overlay{
 position:absolute;
 inset:0;
 background:
 linear-gradient(to bottom,rgba(0,0,0,.35),rgba(8,17,31,.92)),
 radial-gradient(circle at center,rgba(212,175,55,.08),transparent 60%);
}

.hero-content{
 position:relative;
 z-index:2;
 width:min(900px,100%);
}

.logo img{
 width:170px;
 margin:0 auto 25px;
}

.mini-heading{
 color:var(--gold2);
 letter-spacing:6px;
 font-size:.8rem;
 margin-bottom:12px;
}

.coming-title{
 font-family:'Cinzel',serif;
 font-size:clamp(2.7rem,7vw,5.8rem);
 color:#fff;
 letter-spacing:6px;
}

.divider{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:14px;
 margin:25px 0;
}
.divider span{
 width:120px;
 height:1px;
 background:linear-gradient(to right,transparent,var(--gold),transparent);
}
.diamond{
 width:12px;
 height:12px;
 background:var(--gold);
 transform:rotate(45deg);
}

.project-name{
 font-family:'Cinzel',serif;
 font-size:clamp(2rem,5vw,4rem);
 color:var(--gold2);
 margin-bottom:8px;
}

.project-sub{
 font-weight:500;
 letter-spacing:3px;
 margin-bottom:14px;
}

.location{
 color:#d8d8d8;
 margin-bottom:28px;
}

.description{
 max-width:720px;
 margin:auto;
 line-height:1.9;
 color:#ececec;
}

.stay{
 margin-top:45px;
}
.stay h4{
 font-family:'Cinzel',serif;
 color:var(--gold2);
 letter-spacing:4px;
 margin-bottom:12px;
}
.stay p{
 color:#ddd;
}

.contact-section{
 margin-top:80px;
 position:relative;
 z-index:3;
 padding:0 20px 80px;
}
.container{
 max-width:1200px;
 margin:auto;
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:25px;
}

.contact-card{
 background:rgba(255,255,255,.08);
 border:1px solid rgba(212,175,55,.25);
 backdrop-filter:blur(16px);
 border-radius:18px;
 padding:35px;
 text-align:center;
 transition:.35s;
}
.contact-card:hover{
 transform:translateY(-8px);
 border-color:var(--gold);
 box-shadow:0 15px 45px rgba(212,175,55,.18);
}
.icon{
 font-size:2rem;
 margin-bottom:12px;
}
.contact-card h5{
 color:var(--gold2);
 letter-spacing:2px;
 margin-bottom:10px;
}
.contact-card p{
 color:#f1f1f1;
}

.social{
 text-align:center;
 padding:10px 20px 50px;
}
.social p{
 letter-spacing:4px;
 color:var(--gold2);
 margin-bottom:18px;
}
.social-icons{
 display:flex;
 justify-content:center;
 gap:18px;
}
.social-icons a{
 width:52px;
 height:52px;
 border-radius:50%;
 display:flex;
 justify-content:center;
 align-items:center;
 background:rgba(255,255,255,.08);
 border:1px solid rgba(212,175,55,.25);
 transition:.3s;
}
.social-icons a:hover{
 background:var(--gold);
 color:#08111f;
 transform:translateY(-4px);
}

footer{
 text-align:center;
 color:#aaa;
 padding:25px;
 border-top:1px solid rgba(255,255,255,.08);
}

@keyframes pulse{
 0%,100%{transform:scale(1)}
 50%{transform:scale(1.05)}
}

@media(max-width:992px){
 .container{
  grid-template-columns:1fr;
 }
 .contact-section{
  margin-top:0;
 }
}

@media(max-width:768px){
 .logo img{width:120px}
 .coming-title{
  letter-spacing:2px;
 }
 .mini-heading{
  letter-spacing:3px;
 }
 .divider span{
  width:70px;
 }
 .description{
  font-size:.95rem;
 }
 .contact-card{
  padding:25px;
 }
}/* End custom CSS */