.global-autocomplete-suggestions {
  font: 14px/17px zoho-puvi-regular;
  display: block !important;
  width: 50%;
  height: auto;
  overflow: auto;
  margin-right: auto;
  border-radius: 0px 0px 0px 5px;
  background-color: var(--body-color);
}
.global-autocomplete-suggestion {
  width: 99.5%;
  background-color: var(--body-color);
  white-space: nowrap;
  padding: 10px 20px;
  font: 14px/17px zoho-puvi-medium;
  color: var(--font-lite-body-color);
  cursor: pointer;
  overflow: auto;
}
.global-autocomplete-suggestion.selected,
.global-autocomplete-suggestion:hover {
  font: 14px/17px zoho-puvi-medium;
  background: var(--menu-color);
  color: var(--font-blue-color);
}
.global-autocomplete-suggestion > .context {
  font: 13px/17px zoho-puvi-regular;
  color: var(--font-menu-color);
  display: block;
  text-transform: capitalize;
}
.right-search-content {
  background-color: var(--menu-color);
  color: var(--font-menu-color);
  height: 100%;
  width: 50%;
  padding: 50px 50px 20px 50px;
  border-radius: 0px 0px 5px 0px;
  margin-left: auto;
  overflow: auto;
}
.global-search-result-container {
  bottom: 0;
  right: 0;
  left: 0;
  top: -3px;
  display: none;
  font: 14px/17px zoho-puvi-regular;
  text-align: left;
  border-top: 0;
  max-height: 80% !important;
  height: auto;
  overflow: auto;
  margin: 84px auto 0 auto;
  transition: left 0.1s ease-in-out;
  z-index: 9999;
  box-sizing: border-box;
  width: 70%;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 10px 50px 50px var(--search-shadow-color);
}
@media only screen and (max-width: 1100px) {
  .global-search-result-container {
    width: 90%;
  }
}
@media only screen and (max-width: 800px) {
  .right-search-content {
    display: none;
  }
  .global-autocomplete-suggestions {
    width: 100%;
  }
}
.global-search-title {
  font: 16px/40px zoho-puvi-semibold;
  color: var(--font-menu-color);
  text-transform: capitalize;
  text-align: center;
  word-spacing: 5px;
}
.global-search-desc {
  font: 14px/20px zoho-puvi-regular;
  padding: 10px 0;
  margin: 15px 0;
  color: var(--font-menu-color);
}
.global-toc {
  border: 1px solid var(--hr-color);
}
.global-toc a {
  display: block;
  font: 14px/26px zoho-puvi-regular;
  color: var(--font-menu-color);
  padding: 5px 20px;
}
.global-toc a:hover {
  color: var(--font-blue-color);
}
.global-toc-title {
  text-align: left;
  font: 12px/13px zoho-puvi-semibold !important;
  letter-spacing: 2.4px;
  color: var(--font-menu-color);
  border-bottom: 1px solid var(--hr-color);
  padding: 15px 20px !important;
  margin-bottom: 10px;
}