.serach-pages__search-form, .serach-pages__dropdown {
  max-width: 750px;
  margin: 0 auto;
}
.serach-pages__dropdown{
  margin-top: var(--val-1);
}
.dropdown-category__header,
.dropdown-tag__header {
  /* width: 200px; */
  font-size: 18px;
  line-height: 1;
  /* margin: 0 5px 5px 0; */
  margin-bottom: 10px;
  padding: 16px 24px;
  transition: background-color 0.2s ease;
  background-color: var(--bg-color-primary-01);
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  border-radius: var(--border-radius-2);
  /* overflow: hidden; */
  cursor: pointer;
}
.dropdown__btn {
  color: var(--text-color-primary);
  background-color: unset;
  line-height: var(--val-2);
}
.dropdown-category__header .icon-down,
.dropdown-tag__header .icon-down {
  font-size: 6pt;
  display: flex;
  align-items: center;
  color: var(--text-color-primary) !important;
  transition: transform 0.1s linear;
}
.dropdown__option {
  box-shadow: 0 0 10px #c1c1c1;
  padding: 24px;
  border-radius: var(--border-radius-2);
  background-color: var(--bg-color-white);

  position: absolute;
  z-index: 99;
  width: 100%;
  transform: translateY(-60px);
  visibility: hidden;
}
.dropdown__option.open {
  transform: translateY(0);
  visibility: visible;
  transition: transform 0.2s ease, visibility 0.1s linear;
}
.dropdown__option-item {
  font-size: 18px;
  width: 100%;
  cursor: pointer;
  color: var(--text-color-grey1);
  background-color: unset;
  text-align: start;
}
.dropdown__option-item:not(:last-child) {
  margin-bottom: 10px;
}
.dropdown__option-item:hover {
  color: var(--text-color-primary) !important;
}
.knowledge-center__search-blogs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: var(--val-3);
}
.knowledge-center__search-blogs .knowledge-center__image-card {
  height: auto;
}