.blog_sec { padding: 60px 0; background: #f7f8fa; }
.blog_sec .h2 { font-weight: 700; color: #1a2930; }
.blog_sec .b_desc { text-align: center; color: #6c757d; margin: 8px 0 32px; font-size: 15px; }

/* 2 columns side by side */
.blog_sec .blog {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}

/* card */
.blog_sec .blog__list {
  position: relative;                 /* .stretched-link (Bootstrap) ke liye */
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
  transition: box-shadow .2s ease, transform .2s ease;
  float: none; width: auto; max-width: none; margin: 0;   /* purana float/width reset */
}
.blog_sec .blog__list:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.blog_sec .blog__list__inner { padding: 22px 24px; }

/* title */
.blog_sec .blog__list h3 {
  font-size: 18px; line-height: 1.35; font-weight: 700;
  margin: 0 0 10px;
  color: #8d2700;                     /* theme primary — blue chahiye toh #1a73e8 */
}

/* author + date */
.blog_sec .blog__list .auth ul {
  list-style: none; display: flex; gap: 10px; align-items: center;
  padding: 0; margin: 0 0 12px; font-size: 12px; color: #6c757d;
}
.blog_sec .blog__list .auth li:not(:last-child) {
  border-right: 1px solid #ddd; padding-right: 10px;
}

/* excerpt */
.blog_sec .blog__list p { font-size: 14px; line-height: 1.6; color: #5b6770; margin: 0 0 14px; }

/* read more */
.blog_sec .blog__list .readmore {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 14px; font-weight: 600; color: #8d2700;
}
.blog_sec .blog__list:hover .readmore { color: #ff500e; }
.blog_sec .blog__list .stretched-link::after { border-radius: 10px; }

.blog_sec .text-center .btn,
.blog_sec a.btn-outline-primary {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 26px;
  font-size: 14px; font-weight: 600;
  color: #8d2700;
  background: #fff;
  border: 2px solid #8d2700;
  border-radius: 8px;
  text-decoration: none;
  transition: all .2s ease;
}
.blog_sec .text-center .btn:hover,
.blog_sec a.btn-outline-primary:hover {
  background: #8d2700; color: #fff;
}

.blog_sec .blog__list p,
.blog_sec .blog__list p * {
  font-size: 14px !important; font-weight: 400 !important;
  line-height: 1.6 !important; color: #5b6770 !important; display: inline !important;
}
.blog_sec .blog__list p { display: block !important; margin: 0 0 14px !important; }

/* responsive */
@media (max-width: 767px) { .blog_sec .blog { grid-template-columns: 1fr; } }