*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    /* color: #fff; */
    font-family: Tahoma (sans-serif);
    overflow-x: hidden;
}
.box{
    /* border: 1px solid #000; */
    width: 100%;
}
/* NAVBAR */
.navbar{
  background:#242124;
  
}

/* LOGO */
.navbar-brand img{
  width:170px;
  height:auto;
  
}

/* MENU LINKS */
.navbar-nav .nav-link{
  font-size:14px !important;
  margin:0 5px;
  color:white!important;
  letter-spacing:0.5px;
}

.navbar-nav .nav-link:hover{
  color:gold !important;
}

/* PHONE NUMBER */
.phone-number{
  font-size:18px;
  font-weight:600;
}

/* HERO IMAGE */
.carousel-item img{
  width:100%;
  height:510px;
  object-fit:cover;
}

/* ARTISTIC LABEL */
.artistic-label{
  position:absolute;
  right:15px;
  top:10px;
  background:rgba(0,0,0,0.5);
  color:#fff;
  font-size:12px;
  padding:4px 8px;
  border-radius:3px;
}

/* TOP SPACE */
.top-space{
  margin-top:2px;
}
/* LOGO BOX */

.logo-box{
display:flex;
flex-direction:column;
align-items:center;   /* centers text under logo */
text-align:center;
}

/* LOGO */

.logo-box img{
width:170px;
height:auto;
}

/* SUB TEXT */

.logo-subtext{
letter-spacing:1px;
margin-top:3px;
font-size:7px; 
color:aliceblue;
opacity:0.6; letter-spacing:1px;
filter:blur(0.3px);
display:block;
}

/* ----------------------- */
/* TABLET RESPONSIVE */
/* ----------------------- */

@media (max-width:992px){

.navbar-brand img{
  width:150px;
}

.navbar-nav{
  text-align:center;
}

.navbar-nav .nav-link{
  padding:10px 0;
}

.carousel-item img{
  height:420px;
}

}


/* ----------------------- */
/* MOBILE RESPONSIVE */
/* ----------------------- */

@media (max-width:768px){

.navbar{
  padding:8px 10px;
}

.navbar-brand img{
  width:130px;
}

.phone-number{
  font-size:16px;
}

.carousel-item img{
  height:300px;
}

.artistic-label{
  font-size:10px;
  padding:3px 6px;
}

}


/* ----------------------- */
/* SMALL MOBILE */
/* ----------------------- */

@media (max-width:480px){

.navbar-brand img{
  width:110px;
}

.carousel-item img{
  height:230px;
}

.phone-number{
  font-size:14px;
}

}
/* SECTION TITLES */
.section-title h2 {
    text-align: center;
    color: #1c1c1c;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 32px;
    
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.title-line {
    width: 60px;
    height: 3px;
    background: #1c1c1c;
    margin: 0 auto 20px auto;
}
/* OVERVIEW SECTION */
.overview-section{
  padding:60px 20px;
  background:#f8f9fa;
}

/* BOX STYLE */
.overview-box{
  background:#ffffff;
  padding:40px;
  border-radius:8px;
  box-shadow:0 5px 15px rgba(0,0,0,0.08);
  max-width:1000px;
  margin:auto;
}

/* SECTION TITLES */
.section-title h2 {
  text-align: center;
  color: #1c1c1c;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 32px;
}

.title-line {
  width: 60px;
  height: 3px;
  background: #1c1c1c;
  margin: 0 auto 25px auto;
}

/* TEXT */
.overview-content{
  text-align:center;
  color:#555;
  font-size:16px;
  line-height:1.7;
}
/* overview-section */
/* =========================
   OVERVIEW SECTION
========================= */

.overview-section{
  padding:20px 15px;
  margin-top:5px;      /* only 5px space from previous section */
  margin-bottom:5px;   /* only 5px space to next section */
  background:#f9f9f9;
}

/* BOX DESIGN */
.overview-box{
  background:#fff;
  padding:25px;
  border-radius:6px;
  box-shadow:0 3px 10px rgba(0,0,0,0.08);
  max-width:1100px;
  margin:auto;
}

/* =========================
   SECTION TITLE
========================= */

.section-title{
  text-align:center;
}

.section-title h2{
  color:#1c1c1c;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:8px;
  font-size:30px;
  margin-top:0 !important;
  padding-top:0 !important;
}

.title-line{
  width:60px;
  height:3px;
  background:#1c1c1c;
  margin:0 auto 15px auto;
}

/* =========================
   OVERVIEW TEXT
========================= */

.overview-content{
  text-align:center;
  font-size:16px;
  line-height:1.6;
  color:#555;
  max-width:900px;
  margin:auto;
}

.overview-content p{
  margin-bottom:12px;
}

/* =========================
   TABLET
========================= */

@media (max-width:992px){

.overview-box{
  padding:20px;
}

.section-title h2{
  font-size:26px;
}

.overview-content{
  font-size:15px;
}

}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

.overview-section{
  padding:15px 10px;
}

.overview-box{
  padding:18px;
}

.section-title h2{
  font-size:22px;
  letter-spacing:1px;
}

.title-line{
  width:50px;
  height:2px;
}

.overview-content{
  font-size:14px;
  line-height:1.5;
}

}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width:480px){

.section-title h2{
  font-size:20px;
}

.overview-box{
  padding:15px;
}

.overview-content{
  font-size:13.5px;
}

}
/* popup */
/* POPUP OVERLAY */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.55);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

/* POPUP BOX */
.popup-box {
  background: #fff;
  width: 80%;
  width: 370px;
  border-radius: 14px;
  padding: 25px 30px;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* CLOSE BUTTON */
.close-btn {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 26px;
  cursor: pointer;
  color: #444;
}

/* TITLES */
.popup-main-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #000;
}

.popup-subtitle {
  font-size: 16px;
  margin-bottom: 20px;
  color: #444;
}

/* INPUTS */
.popup-box input[type="text"],
.popup-box input[type="tel"],
.popup-box input[type="email"] {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  font-size: 15px;
}

/* CHECKBOX LINE */
.checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px;
  margin-bottom: 10px;
  color: #444;
  gap: 8px;
}

.checkbox-line input {
  width: 16px;
  height: 16px;
}

/* PRIVACY POLICY TEXT */
.policy-text {
  font-size: 10px;
  margin-bottom: 15px;
  color: #333;
}

.policy-text a {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}

/* SUBMIT BUTTON */
.btn-submit {
  width: 100%;
  padding: 10px;
  background: #4a8f7d;
  color: #fff;
  font-size: 16px;
  font-weight: 650;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

.btn-submit:hover {
  color: black;
}

/* download-brochure */
/* BROCHURE BUTTON */

/* BROCHURE BUTTON WRAPPER */

.brochure-btn-wrapper{
    text-align:center;
    margin-top:15px;
}

/* BUTTON DESIGN */

.brochure-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 26px;
    background:#4a8f7d;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    font-weight:600;
    transition:0.3s ease;
}

/* HOVER EFFECT */

.brochure-btn:hover{
    background:#3d7365;
    transform:translateY(-2px);
}

/* DOWNLOAD ARROW */

.download-arrow{
    font-size:18px;
    animation:downMove 1.2s infinite;
}

/* ARROW ANIMATION */

@keyframes downMove{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(4px);}
}

/* MOBILE RESPONSIVE */

@media (max-width:768px){

.brochure-btn{
    padding:10px 20px;
    font-size:14px;
}

.download-arrow{
    font-size:16px;
}

}

/* SHINE ANIMATION */
.brochure-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:60%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.6),
    transparent
  );
  transform:skewX(-25deg);
}

/* ANIMATION RUN */
.brochure-btn:hover::before{
  animation:shine 0.8s;
}

@keyframes shine{
  100%{
    left:130%;
  }
}

/* TEXT ABOVE EFFECT */
.brochure-btn span{
  position:relative;
  z-index:2;
}
@media (max-width:768px){

.brochure-btn{
  padding:12px 26px;
  font-size:14px;
}

}
/* aminity-section */
/* .amenities-section{
padding:40px 15px;
background:#f8f9fa;
margin:5px 0;
}

.amenity-box{
padding:20px 10px;
transition:0.3s;
}

.amenity-box i{
font-size:32px;
color:#0d6efd;
margin-bottom:10px;
display:block;
}

.amenity-box p{
font-size:14px;
font-weight:600;
color:#333;
}

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

/* MOBILE */

/* @media(max-width:768px){

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

.amenity-box p{
font-size:13px;
}

} */ 
 /* AMENITIES SECTION */

.amenities-section{
padding:40px 0;
background:linear-gradient(135deg,#f9fbff,#eef4ff);
overflow:hidden;
}

/* SLIDER */

.amenities-slider{
overflow:hidden;
position:relative;
}

.amenities-track{
display:flex;
gap:25px;
animation:scroll 25s linear infinite;
}

/* CARD */

.amenity-card{
min-width:180px;
background:#fff;
padding:25px 15px;
border-radius:10px;
text-align:center;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:0.3s;
}

.amenity-card i{
font-size:34px;
color:black;
margin-bottom:10px;
display:block;
}

.amenity-card p{
font-size:14px;
font-weight:600;
color:#333;
}

/* HOVER */

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

/* SLIDE ANIMATION */

@keyframes scroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

/* MOBILE */

@media(max-width:768px){

.amenity-card{
min-width:140px;
padding:18px 10px;
}

.amenity-card i{
font-size:26px;
}

.amenity-card p{
font-size:12px;
}

}
/* gallary section */
/* GALLERY SECTION */

.gallery-section{
padding:40px 10px;
background:#ffffff;
}

/* GRID */

.gallery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}

/* IMAGE BOX */

.gallery-item{
overflow:hidden;
border-radius:8px;
position:relative;
cursor:pointer;
}

/* IMAGE */

.gallery-item img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.6s ease;
}

/* ZOOM HOVER */

.gallery-item:hover img{
transform:scale(1.15);
}

/* DARK OVERLAY */

.gallery-item::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.25);
opacity:0;
transition:0.4s;
}

.gallery-item:hover::after{
opacity:1;
}

/* MOBILE RESPONSIVE */

@media(max-width:992px){

.gallery-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.gallery-grid{
grid-template-columns:1fr;
}

}.gallery-item{
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

/* Artistic Impression Text */

.artistic-text {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 10px;
  color: rgba(255,255,255,0.9);
  background: rgba(0,0,0,0.45);
  padding: 3px 8px;
  border-radius: 6px;
  font-style: italic;
  pointer-events: none;
}

/* Image hover zoom */

.gallery-item img{
  width:100%;
  transition: transform 0.6s ease;
}

.gallery-item:hover img{
  transform: scale(1.1);
}
/* floorplan */
/* FLOOR PLAN SECTION */

.floor-section{
padding:50px 10px;
background:#f8f9fb;
}

/* CARD */

.plan-card{
position:relative;
border-radius:18px;
overflow:hidden;
/*box-shadow:0 10px 30px rgba(0,0,0,0.12);*/
transition:0.4s;
}

/* IMAGE */

.floor-img{
width:100%;
/*filter:blur(2px);*/
transition:transform 0.6s ease;
}

/* ZOOM */

.plan-card:hover .floor-img{
transform:scale(1.1);
}

/* OVERLAY */

.plan-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
/*background:rgba(0,0,0,0)!important;*/
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

/* CONTENT */

.plan-content{
color:#fff;
}

/* LOCK ICON */

.lock-icon{
font-size:34px;
margin-bottom:8px;
display:block;
}

/* TEXT */

.unlock-text{
font-size:14px;
letter-spacing:1px;
margin-bottom:10px;
}

/* BUTTON */

.view-plan-btn{
padding:12px 28px;
border:none;
border-radius:40px;
background:linear-gradient(45deg,#4a8f7d,#00c6ff);
color:#fff;
font-weight:600;
cursor:pointer;
transition:0.3s;
box-shadow:0 6px 18px rgba(0,0,0,0.3);
}

/* HOVER BUTTON */

.view-plan-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

/* MOBILE */

@media(max-width:768px){

.floor-img{
filter:blur(4px);
}

.lock-icon{
font-size:28px;
}

.view-plan-btn{
padding:10px 22px;
font-size:14px;
}

}
/* SECTION BACKGROUND */
.pricing-section {
  background: #f8f9fb;
}

/* CARD DESIGN */
.pricing-card {
  background: #fff;
  padding: 20px 20px;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s;
  position: relative;
  height: 100%;
}

/* HOVER EFFECT */
.pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* HIGHLIGHT CARD */
.pricing-card.highlight {
  border: 2px solid black;
}

/* TEXT */
.pricing-card h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

.pricing-card .sub {
  color: #777;
  font-size: 14px;
  margin-bottom: 15px;
}

.price {
  color: black;
  font-weight: 700;
  margin-bottom: 20px;
}

/* BUTTON */
.btn-gold {
  background:linear-gradient(45deg,#4a8f7d,#00c6ff);
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 30px;
  font-size: 14px;
  transition: 0.3s;
}

.btn-gold:hover {
  background:linear-gradient(90deg,#00c6ff,#4a8f7d);
  transform: scale(1.05);
  color: white;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
  .pricing-card {
    padding: 25px 20px;
  }

  .section-title h2 {
    font-size: 22px;
  }
}

/* Location */
/* SECTION BACKGROUND */

.location-adv{
background:linear-gradient(135deg,#f9fbff,#eef4ff);
}

/* TITLE

.section-title{
font-weight:700;
letter-spacing:1px;
}

.subtitle{
color:#666;
font-size:14px;
}

.title-line{
width:60px;
height:3px;
background:#caa75d;
margin:10px auto;
} */

/* GRID */

.location-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

/* CARD */

.loc-card{
background:white;
padding:20px;
border-radius:12px;
text-align:center;
box-shadow:0 10px 20px rgba(0,0,0,0.05);
transition:.3s;
}

.loc-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,0.12);
}

/* ICON */

.loc-card i{
font-size:22px;
color:black;
margin-bottom:10px;
}

/* TEXT */

.loc-card h6{
margin:5px 0;
font-weight:700;
}

.loc-card span{
font-size:18px;
color:#777;
}

/* MAP */

.location-map{
position:relative;
border-radius:12px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

/* LOCATION MAP IMAGE */

.location-map img{
width:100%;
height:auto;
max-height:420px;
object-fit:contain;   /* prevents zoom / cropping */
filter:blur(1px);     /* slight blur */
border-radius:10px;
}

/* MAP CONTAINER */

.location-map{
position:relative;
overflow:hidden;
text-align:center;
}

/* BUTTON */

.map-btn{
position:absolute;
bottom:15px;
left:50%;
transform:translateX(-50%);
background:linear-gradient(90deg,#00c6ff,#4a8f7d);
color:white;
border:none;
padding:10px 20px;
border-radius:30px;
font-size:14px;
}

/* MOBILE */

@media(max-width:768px){

.location-grid{
grid-template-columns:1fr;
}

.section-title{
font-size:22px;
}
}

/* footer section */
.footer-section{
background:#c1e3f5;
color:#000;
font-size:12px;
}

/* LOGO + QR */

.footer-top{
display:flex;
justify-content:center;
align-items:center;
gap:25px;
flex-wrap:wrap;
}

.footer-logo{
width:90px;
}

.footer-qr{
width:60px;
}

/* RERA TEXT */

.rera-text{
font-size:12px;
font-weight:500;
}

/* LINK */

.rera-link{
color:#000;
text-decoration:none;
}

.rera-link:hover{
text-decoration:underline;
}

/* DISCLAIMER */

.disclaimer{
font-size:13px;
line-height:1.6;
max-width:900px;
margin:auto;
}

/* POLICY LINKS */

.footer-links a{
color:#000;
text-decoration:none;
margin:0 5px;
}

.footer-links a:hover{
text-decoration:underline;
}

/* ADDRESS */

.footer-address{
font-size:13px;
margin-top:10px;
}

/* MOBILE */

@media(max-width:768px){

.footer-logo{
width:70px;
}

.footer-qr{
width:50px;
}

.disclaimer{
font-size:12px;
}

}
/* about devoloper */
.about-developer{
background:#f8f9fb;
}

.about-title{
font-weight:700;
letter-spacing:1px;
}

.title-line{
width:60px;
height:3px;
background:#caa75d;
margin:10px auto 25px;
}

.about-text{
max-width:750px;
margin:auto;
color:#555;
line-height:1.7;
font-size:15px;
margin-bottom:15px;
}

/* HIGHLIGHT BOXES */

.developer-highlights{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:30px;
}

.highlight-box{
background:white;
padding:18px 25px;
border-radius:8px;
text-align:center;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
transition:.3s;
}

.highlight-box:hover{
transform:translateY(-5px);
}

.highlight-box h3{
color:black;
margin:0;
font-weight:700;
}

.highlight-box span{
font-size:13px;
color:#777;
}

/* MOBILE */

@media(max-width:768px){

.about-text{
font-size:14px;
}

}

/* CONTACT SECTION */

.contact-section{
background:#f8f9fb;
}

/* TITLE */

.section-title{
font-weight:700;
letter-spacing:1px;
}

.title-line{
width:60px;
height:3px;
background:black;
margin:10px auto;
}

/* ENQUIRY CARD */

.enquiry-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

/* INPUT */

.form-control{
border-radius:8px;
padding:12px;
}

/* BUTTON */

.btn-submit{
width:100%;
background:#2596be;
color:#fff;
padding:12px 0;
border:none;
border-radius:30px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.btn-submit:hover{
background:#1c7fa0;
}

/* MOBILE */

@media(max-width:768px){
.enquiry-card{
padding:25px;
}
}
/* FLOATING BUTTONS */
/* ===============================
DESKTOP FLOATING BUTTONS
=============================== */

.floating-desktop{
position:fixed;
right:20px;
bottom:20px;
display:flex;
flex-direction:column;
gap:12px;
z-index:9999;
}

.desk-btn{
width:55px;
height:55px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
color:white;
text-decoration:none;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.whatsapp-btn{
background:#25D366;
}

.call-btn{
background:#2596be;
}


/* ===============================
MOBILE CONTACT BAR
=============================== */

.floating-mobile{
position:fixed;
bottom:0;
left:0;
width:100%;
display:flex;
z-index:9999;
}

.mobile-btn{
flex:1;
text-align:center;
padding:14px 0;
font-size:16px;
font-weight:600;
color:white;
text-decoration:none;
}

.mobile-btn i{
margin-right:6px;
}

.mobile-btn.whatsapp{
background:#25D366;
}

.mobile-btn.call{
background:#2596be;
}


/* ===============================
RESPONSIVE CONTROL
=============================== */

/* Hide desktop buttons on mobile */

@media (max-width:768px){
.floating-desktop{
display:none;
}
}

/* Hide mobile bar on laptop/desktop */

@media (min-width:769px){
.floating-mobile{
display:none;
}
}