.blog-item {
  box-shadow: 0px 3px 6px #00000024;
  background-color: var(--tertiary_color);
  margin-bottom: 33px;
}
.section-blog-heading {
  padding-bottom: 38px;
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
}
.section-blog-heading h2 {
  margin-bottom: 18px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}
.section-blog-heading h2:after {
  background-color: var(--secondary_color);
  border-radius: 19px;
  content: "";
  height: 6px;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 39px;
  transform: translate(-50%, 50%);
  width: 78px;
  z-index: 1;
}
.blog-featured-bg.section-bg {
  min-height: 124px;
}
.blog-item {
  padding: 41px 26px 38px;
}
.blog-feature {
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
}
.blog-featured-bg.section-bg {
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}
.blog-item:hover .blog-featured-bg.section-bg{
  transform: scale(1.2);
}
.read-minutes h5 {
  letter-spacing: 0.35px;
  font-family: var(--darkmode_on_font);
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 6px;
}
.blog-heading h5 {
  text-transform: capitalize;
  letter-spacing: 0px;
  font-size: 12px;
  line-height: 1.66;
  font-family: var(--darkmode_on_font);
  margin-bottom: 15px;
}

.blog-discription p {
  font-family: var(--darkmode_on_font);
  letter-spacing: 0.25px;
  font-size: 10px;
  line-height: 2;
  margin-bottom: 11px;
}

body .blog-item .blog-link-btn a {
  letter-spacing: 0px;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 26px;
}
.section-blog-heading p {
  font-weight: 500;
}
.blog-listing .secondary_button {
  margin-top: 28px;
}
.primary_button.load-more-btn a.load-more.cta-link {
  font-size: 16px;
  line-height: 1.55;
  padding: 5px 49px;
}
.primary_button.load-more-btn {
  margin-top: 28px;
}
.section-blog-heading {
  padding-bottom: 38px;
}
.blog-feature {
  position: relative;
  z-index: 1;
}
.blog-feature:after {
  content: '';
  position: absolute;
  z-index: 0;
  background-color: #000000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .3;
}
.blog-item {
    position: relative;
    padding-bottom: 90px;
}
.blog-listing .secondary_button {
    margin-top: 28px;
    position: absolute;
    left: 50%;
    bottom: 55px;
    transform: translate(-50%, 50%);
}

@media(min-width: 768px){
  .blog-item:nth-child(3n+3) {
    margin-right: 0;
  }
  .blog-item {
    flex-basis: 31%;
    margin-right: 3.5%;
  }
}
@media(max-width:767px){
  .blog-item {
    flex-basis: 100%;
  }
}

}