.filter-results { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--common-space); }
.filter-results .box { padding: 20px; background: #ffffff; border-radius: var(--border-radius); position: relative; padding-bottom: 60px; display: grid; }
.filter-results .box .label-img { margin-bottom: 20px; position: relative; overflow: hidden; border-radius: var(--border-radius); }
.filter-results .box .label-img img { width: 100%; border-radius: var(--border-radius); height: auto;/*     object-fit: cover; */ }
.filter-results .box .label-img span { font-weight: 400; font-size: 16px; color: #5a5a5a; padding: 6px 16px; background: #e6e7e8; position: absolute; left: 0; top: 0; z-index: 1; }
.filter-results P { font-weight: 400; font-size: 16px; line-height: 20px; color: #5a5a5a; margin: 0 0 16px; height: 40px; }
.filter-results P span { color: var(--active-btn); }
.filter-results p a { color: var(--active-btn); }
.filter-results h6 { font-weight: 600; font-size: 24px; line-height: 35px; color: #5a5a5a; margin: 0 0 16px; }
.filter-results h6:hover { color: var(--active-btn); }
.filter-results .bookmark { display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 20px 20px; }
.filter-results .bookmark span { font-weight: 400; font-size: 16px; line-height: 20px; color: #5a5a5a; }
.filter-results .bookmark svg { cursor: pointer; height: 17px; width: auto; }
.filter-results .box .video-btn { position: absolute; top: 10px; right: 10px; z-index: 1; transition: all 0.4s ease-out; border-radius: 50%; display: block; box-shadow: 0 0 8px #c3c3c3; }
.filter-results .box .video-btn svg { width: 32px; height: 32px; fill: var(--active-btn); }
.filter-results .box:hover .video-btn { transform: scale(1.1); transition: all 0.4s ease-out; }
.filter-insights-by {  background: #f4f4f4;}
.dark-theme .filter-insights-by {background: #1a1d21;}
.filter-results .box .label-img svg {position: absolute;top: 50%;transform: translateY(-50%); margin: 0 auto;left: 0;right: 0; fill: #f79433;}
body.postid-45449 {background: #f4f4f4;}
body.postid-45449 .filter-results .box {padding-bottom: 20px!important;}
body.postid-45449 .filter-results h6 {margin-bottom: 0!important;}
@media screen and (max-width:1919px) {
  .filter-results h6 { font-size: 22px; line-height: 33px; }
  .filter-results h6 { height: 100px; }
}
@media screen and (max-width:1599px) {
  .filter-results h6 { font-size: 20px; line-height: 28px; }
  .filter-results h6 { height: 85px; }
}
@media screen and (max-width:1439px) {
  .filter-results P { height: 60px; }
}
@media screen and (max-width:1365px) {
  .filter-results h6 { font-size: 18px; line-height: 24px; }
  .filter-results P { height: 60px; }
  .filter-results .box .label-img img { height: 200px; }
  .filter-results h6 { height: 73px; }
}
@media screen and (max-width:1279px) {
  .filter-results h6 { font-size: 16px; line-height: 22px; }
  .filter-results .box .label-img span { font-size: 14px; padding: 4px 14px; }
  .filter-results h6 { height: 67px; }
}
@media screen and (max-width:1023px) {
  .filter-results h6 { font-size: 15px; line-height: 20px; }
  .filter-results .bookmark span { font-size: 14px; }
  .filter-results P { margin-bottom: 10px; height: auto; }
  .filter-results .box .label-img img { height: 150px; }
  .filter-results h6 { height: 100px; }
}
@media screen and (max-width:767px) {
  .filter-results .box { padding: 15px; padding-bottom: 50px; }
  .filter-results .bookmark { padding: 0 15px 15px; }
  .filter-results h6 { height: 60px; }
  .filter-results P { height: 60px; }
  .filter-results {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width:639px) {
  .filter-results h6 { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
  .filter-results P { font-size: 14px; }
  .filter-results .box .label-img { margin-bottom: 15px; }
  .filter-results .bookmark svg { height: 14px; }
  .filter-results { grid-template-columns: 1fr; }
  .filter-results .box .label-img img { height: 200px; }
  .filter-results h6 { height: auto; }
  .filter-results P { height: auto; }
  .filter-results .bookmark { position: unset; padding: 0; }
  .inner-banner-section .content-box h2 {    font-size: 20px;}
  .top-msc-reads-banner.inner-banner-section.common-section{background-position: 100% !important;}
}
@media screen and (max-width:479px) {
  .filter-results { display: block; }
  .filter-results .box { margin-bottom: 15px; padding: 10px; }
  .filter-results .box .label-img { margin-bottom: 10px; }
}