.news-list-top {
  margin-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 32px
}

@media screen and (max-width:1024px) {
  .news-list-top {
    margin-bottom: 48px
  }
}

@media screen and (max-width:767px) {
  .news-list-top {
    margin-bottom: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.news-list-top-title {
  color: var(--e-global-color-title);
  text-transform: capitalize
}

.news-list-top-categories-filter {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 310px;
  color: var(--e-global-color-title);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%
}

.news-list-top-categories-filter-head {
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid rgba(76, 85, 108, .4);
  cursor: pointer;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.news-list-top-categories-filter-head svg {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.news-list-top-categories-filter-head:hover {
  border: 1px solid var(--e-global-color-primary)
}

.news-list-top-categories-filter-head.active {
  border: 1px solid var(--e-global-color-primary)
}

.news-list-top-categories-filter-head.active svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.news-list-top-categories-filter-head.active svg path {
  fill: var(--e-global-color-primary)
}

.news-list-top-categories-filter-bottum {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: calc(100% + 12px);
  left: 0;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--e-global-color-primary);
  background-color: var(--e-global-color-white)
}

.news-list-top-categories-filter-bottum-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px
}

.news-list-top-categories-filter-bottum input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer
}

.news-list-top-categories-filter-bottum label {
  text-transform: capitalize;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.news-list-top-categories-filter-bottum label:hover {
  color: var(--e-global-color-primary)
}

.news-list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  row-gap: 48px
}

@media screen and (max-width:1024px) {
  .news-list-items {
    row-gap: 32px
  }
}

@media screen and (max-width:575px) {
  .news-list-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.news-list-items .post-tile {
  width: calc(100% / 3 - 21.333px)
}

@media screen and (max-width:767px) {
  .news-list-items .post-tile {
    width: calc(100% / 2 - 16px)
  }
}

@media screen and (max-width:575px) {
  .news-list-items .post-tile {
    width: 100%;
    max-width: 330px
  }
}

.news-list .page-numbers-news.page-numbers-wrap {
  margin-top: 64px;
  margin-bottom: 0;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  background-color: var(--e-global-color-white)
}

@media screen and (max-width:1024px) {
  .news-list .page-numbers-news.page-numbers-wrap {
    margin-top: 48px
  }
}

@media screen and (max-width:767px) {
  .news-list .page-numbers-news.page-numbers-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 32px
  }
}

.news-list .page-numbers-news.page-numbers-wrap li {
  list-style: none
}

.news-list .page-numbers-news.page-numbers-wrap li.prev-el {
  margin-right: 24px
}

.news-list .page-numbers-news.page-numbers-wrap li.prev-el:hover svg path {
  stroke: var(--e-global-color-primary)
}

.news-list .page-numbers-news.page-numbers-wrap li.next-el {
  margin-left: 24px
}

.news-list .page-numbers-news.page-numbers-wrap li.next-el:hover svg path {
  stroke: var(--e-global-color-primary)
}

.news-list .page-numbers-news.page-numbers-wrap li.first,
.news-list .page-numbers-news.page-numbers-wrap li.last,
.news-list .page-numbers-news.page-numbers-wrap li.near {
  display: inline-block !important
}

.news-list .page-numbers-news.page-numbers-wrap li.hide {
  display: none
}

.news-list .page-numbers-news.page-numbers-wrap li span:not(.prev):not(.next):not(.dots) {
  cursor: pointer
}

.news-list .page-numbers-news.page-numbers-wrap li span:not(.prev):not(.next) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--e-global-color-title);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 12px;
  margin: 0;
  background-color: transparent;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.news-list .page-numbers-news.page-numbers-wrap li span:not(.prev):not(.next):hover:not(.dots) {
  color: var(--e-global-color-primary)
}

.news-list .page-numbers-news.page-numbers-wrap li span:not(.prev):not(.next).current:not(.dots) {
  background-color: var(--e-global-color-bg-light);
  color: var(--e-global-color-primary)
}

.news-list .page-numbers-news.page-numbers-wrap li .next,
.news-list .page-numbers-news.page-numbers-wrap li .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.news-list .page-numbers-news.page-numbers-wrap li .prev {
  opacity: 0;
  margin: 0
}

.news-list .page-numbers-news.page-numbers-wrap li .prev svg path {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.news-list .page-numbers-news.page-numbers-wrap li .next {
  margin: 0
}

.news-list .page-numbers-news.page-numbers-wrap li .next svg path {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.news-list__item-dropdown-category.active {
  color: var(--e-global-color-primary)
}

.news-list__no-title {
  color: var(--e-global-color-title);
  width: 100%;
  text-align: center
}

/*# sourceMappingURL=news-list.css.map */