.hero-banner{
    background-image: none;
}

.blog-section {
  padding: 0px 150px;
  background-color: #f9f9f9;
}

.blog-featured img {
  width: 70%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 20px;
}

.blog-content {
  font-family: poppins, sans-serif;
  line-height: 1.6;
  color: #000;
}
.related-blogs{
    background: #fff;
    padding-top: 80px;
}
.blog-section{
    padding-top: 80px;
    padding-bottom: 80px;
}
.hero-content {
    max-width: 1000px;
}

@media screen and (max-width: 768px) {
    .hero-banner {
        padding: 40px 20px;
    }
  .blog-section {
    padding: 20px;
  }

  .blog-featured img {
    width: 100%;
  }
    .blog-content {
        font-size: 16px;
        padding: 0;
    }
    .related-blogs{
        padding: 40px 20px;
    }
    .blog-grid{
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 !important;
    }
    .blog-card{
        padding: 20px;
    }
    
}