:root {
  --secondary-text-color: #989ca2;
  --gg-primary-color: #009b3f;
  --yellow-text: #ea9000;
  --yellow-background: #fffdd9;
  --light-green-bg: #f0f7f2;
}

.secondary-text {
  color: var(--secondary-text-color) !important;
}

.section-heading {
  color: var(--gg-primary-color);
}

.label-texts {
  margin: 0;
  color: rgb(146, 145, 145);
}

.danger-text {
  color: #dc3545;
}

.normal-weight {
  font-weight: normal !important;
}

.highlight-subtitle {
  font-size: 1.3rem;
}

.caption-text {
  font-size: 0.8rem;
}

.reduce-line-length {
  max-width: 550px; /* Adjust the maximum width as needed */
  white-space: wrap;
}

.black-text {
  color: black !important;
}

.navbar-menu-a {
  font-size: 0.8rem !important;
}

.yellow-text-bg {
  color: var(--yellow-text);
  background-color: var(--yellow-background);
}

.disable-a {
  pointer-events: none !important;
}

.keyword-bg {
  position: relative;
  background-color: var(--light-green-bg);
  color: var(--gg-primary-color);
  max-width: 250px;
  border-radius: 12px;
}

.delete-cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  margin-top: -8px;
  margin-right: -6px;
  border-radius: 0px 12px 12px 0px;
}

.bi .bi-x {
  fill: var(--gg-primary-color);
  color: var(--gg-primary-color);
}

.clear-filters {
  color: black;
}

/* h4 for page headings.  */