.blog_detail_banner_wrp {
  background-image: url("../images/blog_detail_banner_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner_text {
  color: #fff;
  font-family: "Poppins";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* 54px */
  text-align: left;
}
.blog_detail_inner_banner_wrp .banner_text {
  padding: 482px 0 64px;
  justify-content: flex-start;
}
/*********************blog content*************************/
.blog_content_wrp {
  background-image: url("../images/blog_content_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog_content_inner_wrp {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 51px; /* Adjust the gap as needed */
}
.blog_left_column,
.blog_right_column,
.blog_middle_column {
  padding: 55px 15px 112px;
  text-align: center;
  grid-column: span 6;
}

.blog_left_column{
  grid-column: span 3;
  padding-top: 55px;
}
.blog_right_column {
  grid-column: span 4;
  padding-top: 55px;
}
.blog_middle_column{
  grid-column: span 5;
}

.left_heading {
  color: var(--Heading, #000);
  font-family: "Poppins";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 32.4px */
}
.list_blog {
  color: var(--Body, #494b50);
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  text-align: left;
}
.blog_middle_column .blog_user {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.date_blog p {
  color: var(--Body, #494b50);
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 31.5px */
  margin: 0;
}
.blog_middle_column .top_heading_blog {
  display: flex;
  align-items: center;
  gap: 25px;
}
.blog_user img {
  width: auto;
}
.left_column_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 48px;
}
.right_content {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.right_content img {
  width: 100%;
  height: 100%;
}
.right_content .right_content_date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.right_main_div {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 48px;
}
.blog_main_image img {
  width: 100%;
}
.blog_main_image {
  padding: 56px 0 22px;
}
.right_content_main {
  color: var(--Heading, #000);
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main_blog_content,.main_blog_content p, .main_blog_content p span  {
  text-align: left;
  color: var(--Body, #494b50);
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 180%; /* 32.4px */
}
.main_blog_content{
  padding-top: 32px;
}
.main_blog_content h3,.main_blog_content h1 {
  color: var(--Heading, #000);
  font-family: "Poppins";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 43.2px */
  margin: 16px 0;
}
.main_blog_content p,.main_blog_content p span {
  margin: 0;
}
.blog_user h3 {
  color: var(--Heading, #000);
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 175%; /* 31.5px */
  margin: 0;
}
.line_designation {
  color: var(--Primary-color, #2a8d95);
  font-family: "Poppins";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 32px */
  margin: 0;
}
.designation {
  color: var(--Body, #494b50);
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 31.5px */
  margin: 0;
}
.blog_border {
  background: rgba(161, 161, 161, 0.4);
  height: 1px;
  width: 100%;
}
.blog_icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0 0;
}
.all_icons {
  display: flex;
  gap: 10px;
}
.like_icon {
}
.category_btn_blog {
  display: flex;
  gap: 20px;
  padding: 32px 0 32px;
}
.category_btn_blog .cat_blog_btn {
  border-radius: 5px;
  border: 0.5px solid var(--Body, #494b50);
  color: var(--Body, #494b50);
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  padding: 10px;
}
.left_heading {
  text-align: left;
}

/************************Mobile Responsive*********************/

@media only screen and (max-width: 1600px) {
  .blog_detail_inner_banner_wrp .banner_text {
    padding: 400px 0 64px;
  }
  .main_blog_content,.main_blog_content p, .main_blog_content p span  {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
  }
  .main_blog_content h3,.main_blog_content h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .list_blog {
    font-size: 14px;
    line-height: 20px;
  }
  .right_content_main {
    font-size: 14px;
    line-height: 20px;
  }
  .left_column_list {
    padding-top: 30px;
  }
  .right_main_div {
    padding-top: 30px;
  }
  /* .main_blog_content {
    padding-top: 16px;
  } */
  .blog_content_inner_wrp {
    gap: 15px; /* Adjust the gap as needed */
  }
}

@media only screen and (max-width: 979px) {
  .blog_detail_inner_banner_wrp .banner_text {
    padding: 168px 0 64px;
  }
  .blog_content_inner_wrp {
    display: flex;
    flex-direction: column;
  }
  .blog_left_column,
  .blog_right_column,
  .blog_middle_column {
    padding: 55px 15px 0px;
  }
  .right_content {
    justify-content: start;
  }
  .right_content img {
    width: auto;
  }
  .right_main_div {
    padding: 30px 0 50px;
  }
}
@media only screen and (max-width: 650px) {
  .blog_detail_inner_banner_wrp .banner_text {
    font-size: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .blog_detail_inner_banner_wrp .banner_text {
    font-size: 22px;
    padding: 217px 0 64px;
  }
  .blog_middle_column .top_heading_blog {
    gap: 10px;
  }
  .blog_user h3 {
    font-size: 12px;
    line-height: 20px;
  }
  .designation {
    font-size: 12px;
    line-height: 20px;
  }
  .date_blog p {
    font-size: 12px;
    line-height: 20px;
  }

  .blog_left_column,
  .blog_right_column,
  .blog_middle_column {
    padding: 55px 0 0;
  }
}