.blog_category ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.category_label {
  padding: 15px 5px;
  cursor: pointer;
}
.blog_category .check {
  display: none;
}
.blog_category .check:checked + .category_label {
  font-weight: 600 !important;
  background: var(--bg_secondary);
  color: #fff;
  padding: 15px 20px;
}
.heading2 .overlay_part::after {
  width: 40px;
  height: 40px;
  bottom: 10px;
  left: 30px;
}
.submit_btn {
  background: url(../images/blog/search-btn.svg) no-repeat center;
  background-size: 20px;
}
.blog-page-box figure img {
  width: 76px;
  height: 76px;
  border-radius: 100%;
}

.blog_detl_right {
  width: 300px;
  position: sticky;
  top: -100%;
  height: fit-content;
  /* display: block; */
}
.blogswiper .swiper-button-next::after,
.blogswiper .swiper-button-prev::after {
  display: none;
}
.blogswiper .swiper-button-next,
.blogswiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  border: 1px solid var(--border_clr_01);
  background: var(--bg_clr_white);
  border-radius: 100%;
}
.blogswiper .swiper-button-next svg,
.blogswiper .swiper-button-prev svg {
  width: 20px;
  height: 20px;
  color: var(--bg_clr_black);
}
.blogswiper .swiper-button-next {
  right: 0;
}
.blogswiper .swiper-button-prev {
  left: 0;
}

.blogswiper .swiper-wrapper .swiper-slide {
  padding-inline: 15px;
}
.single.single-post .site_header {
  position: relative;
  background: var(--bg_secondary_01);
  padding-block: 15px;
}

.post_loading {
  grid-column: span 3;
  display: flex;
  justify-content: center;
}
.post_loading img {
  max-width: 200px;
}
.date_cat {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 10px;
}
span.cat-item {
  font-size: 14px;
}
.blog_detl_box img {
  width: 100%;
}
.blog_detl_box h2 {
  font-size: clamp(25px, 10vw, 40px);
  line-height: 1.3;
  color: var(--bg_clr_black);
  font-weight: 500;
}
.blog_detl_box h3 {
  font-size: clamp(20px, 10vw, 35px);
  line-height: 1.3;
  color: var(--bg_clr_black);
  font-weight: 500;
}
.blog_detl_box h4 {
  font-size: clamp(18px, 10vw, 26px);
  line-height: 1.3;
  color: var(--bg_clr_black);
  font-weight: 500;
}
.blog_detl_box h5 {
  font-size: clamp(16px, 10vw, 22px);
  line-height: 1.3;
  color: var(--bg_clr_black);
  font-weight: 500;
}
.blog_detl_box h6 {
  font-size: clamp(15px, 10vw, 19px);
  line-height: 1.3;
  color: var(--bg_clr_black);
  font-weight: 500;
}
.blog-page-box .text-lg {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog_detl_box ul {
  list-style-type: disc;
  padding-left: 1rem;
}
.blog_detl_box ul li {
  list-style-type: disc;
}
.blog_detl_box ol {
  list-style: auto;
  padding-left: 1rem;
}
.blog_detl_box ol li {
  list-style: auto;
}
.blog_box figure img {
  height: 255px;
  object-fit: cover;
}
.pagination-link.Prev {
  width: 80px !important;
  text-align: center !important;
}
.pagination-link.Next {
  width: 80px !important;
  text-align: center !important;
}
#ajax-pagination .pagination-link.btn {
  color: #000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
}
#ajax-pagination .pagination-link.btn:hover {
  background: var(--bg_secondary_01);
  color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
}
#ajax-pagination .pagination-link.btn.active {
  background: var(--bg_secondary_01);
  color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
}

@media (max-width: 999px) {
  .blog_category ul {
    gap: 20px;
    flex-wrap: wrap;
  }
}
