.blog_detail_container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  color: #575756;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  padding-top: 60px;
}

.blog_detailstopouter{display:flex;gap:10px;flex-direction: column;}
.blog_detail_heading {
  color: #000;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.blog_detail_thumb_img {
  width: 100%;
  object-fit: contain;
  height: -moz-fit-content;
  height: fit-content;
}

.blog_detail_container p.cat_time{margin-top:5px;font-size: 16px;font-weight: 500;
  color: #777;display: flex;gap: 5px;margin-bottom:15px;}
.cat_time span {
  position: relative;
  padding-left: 10px;
}
.cat_time span:first-child {
  padding: 0;
}
.cat_time span:first-child:before{display:none}
.cat_time span:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #777;
  width: 4px;
  height: 4px;
  border-radius: 100%;
}
.bl_catlist {display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;margin-bottom:15px}
.bl_catlist a.MuiTypography-root {border-radius:100px;border:1px solid rgba(34, 34, 34, 0.7);font-weight:400;font-size:14px;padding:5px 10px;    height: 22px;line-height: 12px;text-decoration: none;color:#222222}
.blog_detail_desp h1,
.blog_detail_desp h2,
.blog_detail_desp h3,
.blog_detail_desp h4,
.blog_detail_desp h5,
.blog_detail_desp h6 {
  margin: 16px 0 11px 0;
  font-size: 20px;color:#000;font-weight: 700;
}

.blog_detail_desp h3
 {

  font-size: 18px;
}

.blog_detail_desp ul {
  margin-left: 25px;
  margin:15px 0 25px 18px;
  line-height: 25px;
}
.blog_detail_desp ul li{margin-bottom:15px}
.blog_detail_desp ul li strong{color:#000}

/* .blog_detail_desp a {
  color: #08632E;
} */

.blog_detail_desp a {
  color: #ff0049;
}

.blog_detail_desp {
  width: 100%;
  text-align: justify;
}

.blog_detail_desp img {
  width: 100%;
}
.blog_breadcrumb .MuiBreadcrumbs-li p.MuiTypography-root {
  margin-bottom: 0;
}
.blog_breadcrumb .MuiBreadcrumbs-li a.MuiTypography-root  {
  font-weight: 400;color:#ff0049;
}
.blog_breadcrumb .MuiBreadcrumbs-separator {
  margin-top: 2px;color:#ff0049;
}
.blog_detailstop {
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 568px) {
  .blog_detail_heading {
    font-size: 24px;
    line-height: 34px;
  }
  .blog_detail_container {
    padding-top: 24px;
    padding-bottom: 30px;
    gap: 10px;
  }
  .blog_detail_thumb_img {
    object-fit: cover;
  }
}


/*# sourceMappingURL=ac3a1ac65ad567e8.css.map*/