.bp_content_news {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
.news_title {
  min-height: 40px;
}
.news_title a {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.bp_news_info {
  display: none;
}
.about-title {
    text-align: left;
}
.about-title h2:before {
    left: 0;
    transform: unset;

}
.bp_news_sub p {
  color: #555;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 65px;
}
.bp-news-button-action {
  margin-top: 20px;
  text-align: center;
}
.bp_news_more {
  border-radius: 30px;
  background: linear-gradient(79deg, #e41e31 64.69%, rgba(255, 204, 204, 0.7) 102.21%);
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.bp_img_news img {
  height: 300px;
}
.blog-list .bp_block_item {
  margin-bottom: 30px;
}
.blog-sidebar .bp_news_sub {
  display: none;
}
.blog-sidebar .bp-news-button-action {
  display: none;
}
.blog-sidebar .bp_block_item .row {
  margin: 0;
}
.blog-sidebar #dv_search {
  background: #fff;
  padding: 15px;
}
.blog-sidebar #dv_search input {
  border: none;
}
.blog-sidebar .bp_text_search {
  display: block;
}
.blog-sidebar #submit_seach {
  border-radius: 10px;
  background: #e41e31;
  padding: 10px;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-sidebar .news_title a {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}
.blog-sidebar .bp_news_info {
  display: block;
  color: #888;
  font-size: 13px;
  font-weight: 400;
}
.blog-sidebar .bp_lb_user,
.blog-sidebar .bp_lb_comment {
  display: none;
}
.blog-sidebar .cls_img_hot_news img {
  height: 70px;
}
.blog-sidebar .bp_block_item {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px dashed #a6a6a6;
}
.blog_list-sidebar {
  background: #fff;
  padding: 20px;

  margin-top: 20px;
}
.blog_list-sidebar h2 {
  color: #e41e31;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog_list-sidebar .col:last-child .bp_block_item {
    border: none;
}
@media screen and (max-width:992px) {
    .about-title {
    text-align: center;
    }
    .about-title h2:before {
            left: 50%;
    transform: translateX(-50%);
    }
}