:root{--navy:#091226;--navy2:#050a16;--blue:#13284a;--gold:#d8ad5d;--gold2:#f6df9a;--rose:#c58e80;--cream:#f5eee8;--muted:#bfc5d2;--white:#fff;--border:rgba(216,173,93,.28)}
    *{scroll-behavior:smooth; box-sizing:border-box;} body{font-family:Inter,sans-serif;background:var(--navy2);color:#fff;overflow-x:hidden; width:100%}.serif{font-family:'Playfair Display',serif}.gold{color:var(--gold)}.text-muted2{color:var(--muted)}
    .top-strip{background:linear-gradient(90deg,#0b1428,#192d50);font-size:13px;color:#e6d7bd;border-bottom:1px solid var(--border)}
    .navbar{background-color:#0e0e1a;backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:.3s}.navbar-brand{font-weight:800;letter-spacing:2.5px;color:#fff!important}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:inline-grid;place-items:center;color:var(--gold);margin-right:8px}.nav-link{color:#f1eadf!important;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.nav-link:hover,.nav-link.active{color:var(--gold2)!important}.btn-gold{background:linear-gradient(135deg,var(--gold2),#b17a26);color:#07101f!important;font-weight:800;border:0;border-radius:50px;padding:13px 28px;box-shadow:0 16px 40px rgba(216,173,93,.22)}.btn-outline-gold{border:1px solid var(--gold);color:var(--gold);border-radius:50px;padding:12px 26px;font-weight:800}.btn-outline-gold:hover{background:var(--gold);color:#07101f}
    .hero{min-height:100vh;display:flex;align-items:center;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(5,10,22,.97),rgba(5,10,22,.64),rgba(5,10,22,.25)),url('../images/img1.jpg') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:18px;border:1px solid rgba(246,223,154,.38);z-index:-1}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(216,173,93,.25),transparent 65%);right:-150px;bottom:-170px;z-index:-1}.eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--gold2);font-weight:800;font-size:12px}.hero h1{font-size:clamp(52px,8.5vw,120px);line-height:.9;letter-spacing:1px}.hero p{max-width:690px;color:#e8e7e4}.hero-panel{background:rgba(255,255,255,.07);border:1px solid var(--border);border-radius:28px;padding:22px;backdrop-filter:blur(15px)}
    .quick-card{border-right:1px solid rgba(255,255,255,.15)}.quick-card:last-child{border-right:0}.quick-card b{display:block;color:var(--gold2);font-size:2.5rem;font-family:'Playfair Display',serif}.section{padding:100px 0;position:relative}.section-title{font-family:'Playfair Display',serif;font-size:clamp(34px,5vw,64px);line-height:1.02}.sub{color:var(--muted);max-width:780px}.glass{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.lux-card{padding:30px;height:100%}.icon{width:58px;height:58px;border-radius:20px;background:rgba(216,173,93,.13);display:grid;place-items:center;color:var(--gold2);font-size:27px;margin-bottom:22px}.img-card{border-radius:30px;overflow:hidden;border:1px solid var(--border);background:#111;box-shadow:0 28px 70px rgba(0,0,0,.28)}.img-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.img-card:hover img{transform:scale(1.05)}
    #overview{background:radial-gradient(circle at 5% 15%,rgba(216,173,93,.16),transparent 32%),var(--navy2)}.stat{padding:24px;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid var(--border);height:100%}.stat h3{font-family:'Playfair Display',serif;font-size:40px;color:var(--gold2);margin:0}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#d9deea}.feature-list i{color:var(--gold2);margin-right:10px}
    #amenities{background:var(--cream);color:#111}.amenity{background:#fff;border:1px solid #eaded6;border-radius:24px;padding:24px;height:100%;box-shadow:0 18px 45px rgba(44,29,19,.07);transition:.35s}.amenity:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(44,29,19,.12)}.amenity i{font-size:30px;color:var(--rose)}.amenity p{color:#666;margin-bottom:0}.split-img{height:520px}.price-section{background:linear-gradient(180deg,#070c18,#0d1428)}.price-table{border-radius:28px;overflow:hidden;border:1px solid var(--border);box-shadow:0 25px 70px rgba(0,0,0,.3)}.table{--bs-table-bg:transparent;--bs-table-color:#fff;margin:0}.table th{background-color:#fff2b7;color:#0b0b0b;text-transform:uppercase;padding:18px;font-size:13px;white-space:nowrap}.table td{padding:18px;border-color:rgba(255,255,255,.16);font-weight:700}.price-note{font-size:12px;color:#b7bdca}.payment-card{overflow:hidden}.payment-head{background-color:#fff2b7;color:#101010;padding:18px 24px;text-align:center}.plan-row{display:grid;grid-template-columns:1fr 180px;border-bottom:1px solid rgba(255,255,255,.12)}.plan-row div{padding:16px 20px}.plan-row div:last-child{text-align:center;font-weight:900;color:var(--gold2);border-left:1px solid rgba(255,255,255,.12)}
    .floor-tabs .nav-link{border:1px solid var(--border);margin:5px;border-radius:999px;color:#fff!important;background:rgba(255,255,255,.04)}.floor-tabs .nav-link.active{background:linear-gradient(135deg,var(--gold2),#b17a26);color:#111!important}.floor-img{background:#fff;padding:16px;border-radius:30px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.floor-img img{border-radius:18px}.site-sec{background:var(--cream);color:#111}.location{background:linear-gradient(90deg,rgba(5,10,22,.95),rgba(5,10,22,.72)),url('../images/location-bg.jpg') bottom/cover no-repeat}.loc-chip{display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px solid rgba(216,173,93,.22);border-radius:18px;background:rgba(255,255,255,.06);margin-bottom:12px}.loc-chip i{color:var(--gold2);font-size:22px}.gallery{background:#081124}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px}.gallery-grid .img-card:first-child{grid-row:span 2}.gallery-grid img{height:260px}.gallery-grid .img-card:first-child img{height:540px}.contact-box{background:#fff;color:#111;border-radius:32px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.form-control,.form-select{padding:14px 16px;border-radius:14px;border:1px solid #e2ddd7}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(216,173,93,.16)}.footer{background:#040813;border-top:1px solid var(--border);color:#adb4c2}.floating-cta{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;gap:10px}.floating-cta a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#b17a26);color:#07101f;font-size:22px;box-shadow:0 15px 35px rgba(0,0,0,.28);text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.show{opacity:1;transform:none}
.mobile-footer{display:none}

    @media(max-width:991px){.top-strip{display:none}.hero{min-height:88vh;padding: 20px 10px;}.quick-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.quick-card:last-child{border-bottom:0}.gallery-grid{grid-template-columns:1fr}.gallery-grid .img-card:first-child{grid-row:auto}.gallery-grid img,.gallery-grid .img-card:first-child img{height:auto}.split-img{height:auto}}
    @media(max-width:767px){.section{padding:68px 0}.hero:before{inset:10px}.hero-panel{padding:16px}.plan-row{grid-template-columns:1fr}.plan-row div:last-child{border-left:0;border-top:1px solid rgba(255,255,255,.12);text-align:left}.table-responsive{border-radius:22px}.navbar-collapse{padding:18px 0}.floating-cta{right:12px;bottom:12px}.floating-cta a{width:48px;height:48px}.price-table{overflow-x:scroll}.hero:after{display:none !important;}#myModal1 .modal-dialog{width: 95% !important;}#query-popup{top: 10% !important;}.contact-box {border-radius: 5px !important;padding: 15px !important;}.nav-link{border-bottom: 1px solid #444 !important;}.joinwebchat{display:none}.footer{margin-bottom: 5rem;}.linktext{font-size: 1.7rem !important;}}
  

.linktext{color:var(--gold); text-decoration:none; font-size:2rem}
.linktext:hover{color:#FFF}

 .marq-amenities{
    padding:100px 0;
    background:#f7f3ef;
    position:relative;
}

.marq-head{
    text-align:center;
    margin-bottom:60px;
}

.marq-head span{
    color:#b68a55;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
}

.marq-head h2{
    font-size:52px;
    font-weight:700;
    color:#111;
    margin-top:12px;
}

.amenity-box{
    background:#fff;
    border-radius:22px;
    padding:40px 20px;
    text-align:center;
    height:100%;
    transition:.4s ease;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    border:1px solid rgba(0,0,0,.05);
}

.amenity-box::before{
    content:'';
    position:absolute;
    inset:0;
    background:#0f172a;
    transform:translateY(100%);
    transition:.4s ease;
}

.amenity-box:hover::before{
    transform:translateY(0);
}

.amenity-box i,
.amenity-box h5{
    position:relative;
    z-index:2;
    transition:.4s ease;
}

.amenity-box i{
    font-size:48px;
    color:#b68a55;
    margin-bottom:22px;
}

.amenity-box h5{
    font-size:22px;
    font-weight:500;
    color:#111;
    margin:0;
    line-height:1.4;
}

.amenity-box:hover{
    transform:translateY(-10px);
}

.amenity-box:hover i,
.amenity-box:hover h5{
    color:#fff;
}

@media(max-width:991px){

.marq-head h2{
    font-size:38px;
}

.amenity-box{
    padding:35px 18px;
}

.amenity-box i{
    font-size:40px;
}

.amenity-box h5{
    font-size:18px;
}

}

@media(max-width:767px){

.marq-amenities{
    padding:70px 0;
}

.marq-head{
    margin-bottom:40px;
}

.marq-head h2{
    font-size:30px;
}

.amenity-box{
    padding:28px 12px;
    border-radius:16px;
}

.amenity-box i{
    font-size:32px;
    margin-bottom:15px;
}

.amenity-box h5{
    font-size:15px;
}

}


 .quickenquiry {
	position: fixed;
	top: 25%;
	right: 0;
	border-radius: 5px 0 0 5px;
	z-index: 2;
}

#query-popup{z-index:9999;min-width:300px;height:auto;width:100%;position:fixed;top:16%;padding:0 5px 15px 5px;left:0;right:0;margin:0 auto;}

.captcha{padding:5px 0 5px 0;background:#FFF;margin-top:-3px}
#recaptcha3{margin-top: 6px;}

#myModal1 .modal-dialog{width:400px;margin:2% auto; /*background:#FFF; padding:20px; border-radius:8px*/}

#myModal1 .modal-title{color:#000}

#myModal1 .modal-content{}

.modal-open { /*position:fixed;*/}


.quick-from .form-group{margin-bottom:5px;width:100%;margin-right:0;}

.quick-from .form-group input{width:100%;}

.quick-from .form-group textarea{width:100%;}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


#scrollToTopBtn {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99; 
  border: none;
  outline: none;
  background-color: #b58a43; 
  color: white;
  cursor: pointer;
  width: 45px;  
  height: 45px;
  border-radius: 50%; 
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  font-size: 18px;
}

#scrollToTopBtn:hover {
  background-color: #222; 
  transform: translateY(-5px); 
}


html {
  scroll-behavior: smooth;
}

@media (max-width: 768px) {
  #overview, #amenities, #price, #floor, #location, #contact{
    scroll-margin-top: 19rem !important;
  }


.mobile-footer {
    display: flex;
    justify-content: space-around; /* Even spacing across full width */
    align-items: center;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    background-color: #ffffff;
    line-height: 24px;
    width: 100%;
    text-align: center;
    padding: 11px 0 !important;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
    color: #000;
}

.mobile-footer a,
.mobile-footer span {
    text-align: center;
    transition: all 0.3s ease;
    color: #333;
    
    font-weight: 400 !important;
    
    text-decoration: none;
    border-right: 1px solid #ddd;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; /* Distribute space equally */
}

.mobile-footer a i{color: #b68a55;font-size: 25px;}

.mobile-footer a:last-child,
.mobile-footer span:last-child {
    border-right: 0;
}

.mobile-footer .icon {
    height: 28px;
    width: 28px;
    margin-bottom: 5px; /* Spacing between icon and text */
}

.mobile-footer p {
    margin: 0 !important;
    font-size: 14px;
}
}