.blog-sidebar__list {
  list-style: none;
}
.blog-search__control input{
  border-color: rgb(154, 154, 154) !important;
}
.blog-hero a.border{
  border-color: #5048e4 !important;
}

/* Active tag styling - works for all tag links */
a.blog-tag-active,
.blog-hero a.border.blog-tag-active,
a.border.blog-tag-active,
.border.blog-tag-active,
a.border.rounded-full.blog-tag-active {
  background-color: #5048e4 !important;
  color: #ffffff !important;
  border-color: #5048e4 !important;
}

a.blog-tag-active:hover,
a.border.blog-tag-active:hover {
  background-color: #5048e4 !important;
  color: #ffffff !important;
  border-color: #5048e4 !important;
}

.blog-card-img{
  width: 300px;
  min-height: 300px;
} 

.blog-search-cntrl{
  width: 80% !important;
}

.blog-pagination__btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}
/* Fix layout for tablet screens (768px–992px) */
@media (min-width: 768px) and (max-width: 992px) {

  .card-blog {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    max-width: 350px;      
  }

  .blog-card-img {
    width: 100% !important;
    height: auto !important;
    max-width: 350px;              
    margin: 0 auto 20px;
  }

  .blog-card-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .blog-card-content {
    width: 100%;
    /* padding: 0 20px; */
  }
}


@media (max-width: 768px) {
  .blog-hero {
    padding: 4.5rem 1.25rem 3rem;
  }

  .blog-hero__tags {
    justify-content: flex-start;
  }
.blog-card-img{
  width: 100%;
  height: 350px;
  align-self: center;
}
}