.kh-hero {
  padding: 80px 0 50px 0;
  background-color: #f7f6ff;
}
.kh-hero .text {
  text-align: center;
}
.kh-hero .text h1 {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 30px auto;
  font-size: 50px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .kh-hero .text h1 {
    font-size: 32px;
  }
}
.kh-hero .text h1 b, .kh-hero .text h1 strong {
  color: #00A9FF;
  font-weight: 600;
}
.kh-hero .text p {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 16px auto;
}
.kh-hero .text p:last-of-type {
  margin-bottom: 30px;
}
.kh-hero .btns .btn {
  min-width: 275px;
  margin-bottom: 15px;
}

.kh-list {
  padding: 100px 0;
}
.kh-list .container {
  padding: 0 15px;
}
.kh-list .row {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .kh-list .row {
    flex-wrap: wrap;
  }
}
.kh-list .filter {
  width: 100%;
  max-width: 25%;
}
@media only screen and (max-width: 992px) {
  .kh-list .filter {
    max-width: 100%;
  }
}
.kh-list .filter .search-filter-base {
  border-radius: 15px;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 30px;
}
.kh-list .filter .search-filter-base .search-filter-label {
  font-weight: 700;
}
.kh-list .kh-results {
  width: 100%;
  max-width: 75%;
  gap: 2%;
}
@media only screen and (max-width: 992px) {
  .kh-list .kh-results {
    max-width: 100%;
  }
}
.kh-list .kh-results .article-block .article-content .article-category {
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.kh-list .kh-results .article-block .article-content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*# sourceMappingURL=knowledge-hub.css.map */