/* blog page intro */

.blog-page-intro {
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url('../images/em-intro-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    color: var(--color-white);
}
.blog-page-heading h2{
  color: var(--color-white);
    margin-bottom: 15px;
}

/* blog section */

/* .blog-section {
   background-color: #f8f9fa;
} */
.blogs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.blog-card {
    box-sizing: border-box;
    height: 100%;
    padding: 3px;
    background-color: var(--color-white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.blog-card img {
  height: 250px;
  width: 100%;
  object-fit: contain;
  background-color: var(--bg-1-color);
}
.blog-card-texts{
    padding: 20px;
}
.blog-card-texts h4{
    margin-bottom: 15px;
}
.blog-card-texts p{
    margin-bottom: 15px;
}


/* responsive css */

@media (max-width: 770px) {
  /* blog section */

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

@media (max-width: 425px) {
  /* blog section */

  .blog-section-heading {
    margin-bottom: 40px;
}
  .blogs-grid {
  grid-template-columns: repeat(1, 1fr);
}
}