body{font-family:'Poppins',sans-serif;color:#333;overflow-x:hidden;}
.navbar-light .nav-link{color:#000!important;font-weight:500;}
.hero-section{background:url('https://www.aipllakecityproject.co.in/blogs/images/aipl-projects-in-gurgaon-banner.webp') center/cover no-repeat;height:50vh;position:relative;display:flex;align-items:center;justify-content:center;}
.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.hero-content{position:relative;color:#fff;text-align:center;}
.hero-content h1{font-size:2rem;font-weight:600;}
.hero-content p{margin-top:8px;}
.blog-container{padding:60px 0;}
.blog-content h2,.blog-content h3{color:#000;font-weight:600;margin-top:30px;}
.blog-content p,.blog-content li{line-height:1.8;}
.highlight-box{background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0;}
.blog-sidebar{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.sidebar-title{font-size:1.1rem;font-weight:600;border-left:4px solid #000;padding-left:10px;margin-bottom:15px;color:#000;}
.sidebar-list li{margin-bottom:8px;list-style:none;}
.sidebar-list a{text-decoration:none;color:#333;}
.sidebar-list a:hover{text-decoration:underline;color:#000;}
.enquiry-box input,.enquiry-box button{width:100%;border-radius:30px;padding:10px 15px;margin-bottom:10px;}
.enquiry-box input{border:1px solid #ccc;}
.enquiry-box button{background:#000;color:#fff;border:none;}
.tag-section span{display:inline-block;background:#f1f1f1;border-radius:20px;padding:5px 12px;font-size:0.85rem;margin:5px;}
@media(max-width:768px){.hero-section{height:40vh;}.hero-content h1{font-size:1.4rem;}}
/* ========= GLOBAL ========= */
body {
  font-family: 'Poppins', sans-serif;
  background-color: #fff;
  color: #222;
  line-height: 1.8;
  overflow-x: hidden;
}

/* ========= NAVBAR ========= */
.navbar-light .nav-link {
  color: #000 !important;
  font-weight: 500;
  transition: 0.3s;
}
.navbar-light .nav-link:hover {
  color: #d4af37 !important;
}

/* ========= HERO SECTION ========= */
.hero-section {
  background: url('https://www.aipllakecityproject.co.in/blogs/images/aipl-projects-in-gurgaon-banner.webp') center/cover no-repeat;
  height: 55vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.55);
}
.hero-content {
  position: relative;
  text-align: center;
  color: #fff;
  max-width: 800px;
}
.hero-content h1 {
  font-size: 2.2rem;
  font-weight: 600;
}
.hero-content p {
  font-size: 1rem;
  opacity: 0.9;
}

/* ========= BLOG CONTAINER ========= */
.blog-container {
  padding: 70px 0;
}
.blog-content h2, .blog-content h3 {
  color: #000;
  font-weight: 600;
  margin-top: 40px;
}
.blog-content h3 {
  font-size: 1.25rem;
}
.blog-content p {
  margin-bottom: 18px;
}
.highlight-box {
  background: #f8f9fa;
  border-left: 5px solid #d4af37;
  padding: 20px;
  border-radius: 8px;
  margin: 25px 0;
}
.highlight-box ul {
  padding-left: 20px;
  margin-bottom: 10px;
}
.highlight-box p {
  margin: 0;
}

/* ========= SIDEBAR ========= */
.blog-sidebar {
  background: #fff;
  border: none;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}
.sidebar-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #111;
  border-left: 4px solid #d4af37;
  padding-left: 10px;
  margin-bottom: 15px;
}
.sidebar-list li {
  list-style: none;
  margin-bottom: 10px;
}
.sidebar-list a {
  text-decoration: none;
  color: #444;
  transition: 0.3s;
}
.sidebar-list a:hover {
  color: #d4af37;
}

/* ========= ENQUIRY FORM ========= */
.enquiry-box input, .enquiry-box button {
  width: 100%;
  border-radius: 30px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.enquiry-box input {
  border: 1px solid #ccc;
}
.enquiry-box button {
  background: #d4af37;
  color: #fff;
  border: none;
  font-weight: 500;
  transition: 0.3s;
}
.enquiry-box button:hover {
  background: #000;
}

/* ========= TAG SECTION ========= */
.tag-section span {
  display: inline-block;
  background: #f4f4f4;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 0.85rem;
  margin: 5px;
  transition: 0.3s;
}
.tag-section span:hover {
  background: #d4af37;
  color: #fff;
}

/* ========= RESPONSIVE ========= */
@media (max-width: 768px) {
  .hero-section {
    height: 45vh;
  }
  .hero-content h1 {
    font-size: 1.5rem;
  }
}