.articlelist .filtered-article-list .article-filter__container{background-size:cover;background-position:center;display:flex;justify-content:center;z-index:1000}
@media(max-width:767px){.articlelist .filtered-article-list .article-filter__container{background-image:none !important}
}
.articlelist .filtered-article-list .article-filter__container .article-filter__row{display:flex;justify-content:space-between;width:1200px;font-size:18px;margin-left:12px;margin-right:12px}
@media(max-width:767px){.articlelist .filtered-article-list .article-filter__container .article-filter__row{font-size:16px}
}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-desktop{flex-direction:row;padding-top:50px;height:320px;color:#fff}
@media(max-width:767px){.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-desktop{display:none}
}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-desktop .article-filter__column .cmp-navigation{min-width:175px}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile{height:180px;flex-direction:column;padding-top:30px;display:none}
@media(max-width:767px){.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile{display:block}
}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile .article-filter-mobile-row{display:flex;justify-content:space-between;padding:10px 0}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile .article-filter-mobile-row .article-filter__list{flex-basis:100%}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile .article-filter-mobile-row .article-filter__list .cmp-navigation{width:100%}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile .article-filter-mobile-row .article-filter__list .cmp-navigation .cmp-navigation__list{z-index:1001;position:sticky}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile .article-filter-mobile-row .article-filter__sort .cmp-navigation{width:150px}
.articlelist .filtered-article-list .article-filter__container .article-filter__row.article-filter-mobile .article-filter-mobile-row .article-filter__sort .cmp-navigation .cmp-navigation__list{z-index:1000;position:sticky}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__list,.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__display{margin:0;padding:0;background:#fcfcfc;box-shadow:0 3px 6px #00000029;overflow:auto;border-radius:5px;color:#414141}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__list .cmp-navigation__item,.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__display .cmp-navigation__item{list-style:none;cursor:pointer}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__list ul,.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__display ul{padding:10px 20px}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__list{display:none}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .cmp-navigation .cmp-navigation__list .cmp-navigation__item{margin-bottom:10px}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column.article-filter__list,.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column.article-filter__sort{flex-basis:33%}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column.article-filter__list .article-filter--toggle,.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column.article-filter__sort .article-filter--toggle{display:flex;justify-content:space-between}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column.article-filter__total{flex-basis:34%;text-align:center;padding:15px}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column.article-filter__sort{display:flex;justify-content:flex-end}
.articlelist .filtered-article-list .article-filter__container .article-filter__row .article-filter__column .article-filter-text{padding:10px}
@media(min-width:768px){.articlelist .filtered-article-list ul.cmp-list{margin-top:-30px}
}
.articlelist .cmp-card .article-label{position:absolute;top:15px;right:27px;height:65px;width:65px;background-color:#fff;border-radius:50%;text-align:center;box-shadow:0 8px 8px #00000029;opacity:.85;display:flex;justify-content:center;align-items:center}
.articlelist .cmp-card .article-label i{font-size:30px}
html[lang="ar"] .articlelist .cmp-card .article-label{left:27px;right:auto}