.blog-card-p {
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2.75rem;
}

.blog-card-p .blog-card .blog-img {
  height: 16  rem;
  width: 100%;
}

.blog-card-p .blog-card .blog-title {
  color: var(--black);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-top: 1rem;
}

.blog-card-p .blog-card .blog-body {
  color: #475367;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-top: 1rem;
  margin-top: 10px;
}

.blog-card-p .blog-card .blog-button {
  margin-top: 1rem;
}

.blog-card-p .blog-card .blog-button button {
  width: 100%;
  background: var(--secondary-color);
  padding: 0.7rem 1rem;
}

@media (max-width: 700px) {
  .blog-card-p {
    grid-template-columns: repeat(1, 1fr);
  }
}