.publications {
  padding: 80px 120px;
}
@media (max-width: 1140px) {
  .publications {
    padding: 80px 60px;
  }
}
@media (max-width: 991px) {
  .publications {
    padding: 80px 15px;
  }
}
.publications .article {
  width: calc((100% - 60px) / 4);
}
@media (max-width: 1400px) {
  .publications .article {
    width: calc((100% - 40px) / 3);
    min-height: 400px;
  }
}
@media (max-width: 991px) {
  .publications .article {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 530px) {
  .publications .article {
    width: calc((100% - 0px) / 1);
  }
}
.publications .article img {
  object-fit: cover;
  height: 100%;
}
.publications .article .overlay {
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(27, 67, 93, 0.9) 100%);
  top: 0;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  align-content: flex-end;
}
.publications .article .article-cats {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.publications .article .article-cats .cat {
  color: #0B5DB0;
  background-color: #CFDAE6;
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.publications .article .title {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.publications .article .date {
  color: #9CB4C5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.publications .tabs-top-area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 60px;
}
.publications .tabs-top-area .tabs-holder {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  column-gap: 60px;
  row-gap: 10px;
  flex-wrap: wrap;
}
.publications .tabs-top-area .tabs-holder li {
  position: relative;
}
.publications .tabs-top-area .tabs-holder li a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.publications .tabs-top-area .tabs-holder li:after {
  content: "|";
  position: absolute;
  right: -30px;
}
.publications .tabs-top-area .tabs-holder li:last-child:after {
  display: none;
}

/*# sourceMappingURL=vc_publications.css.map */