.b-title-search {
  position: relative;
}

.title-search-result {
  /*display: none;*/
  overflow: hidden;
  /*width: 930px !important;*/
  z-index: 120;
  background-color: var(--bs-white);
  border-radius: 8px;
  padding: 20px 24px;
  box-shadow: var(--shadow-400);
  position: absolute;
  top: calc(100% + 11px);
  left: 0;
  text-align: left;
  transition: visibility .2s, translate .2s, opacity .2s;
}

.title-search-result:not(.active) {
  /*display: block;*/
  /*pointer-events: auto;*/
  left: -2000px;
  translate: 0 10px;
  visibility: hidden;
  opacity: 0;
}

/*.title-search-result {*/
/*  display: block !important;*/
/*  visibility: visible !important;*/
/*  left: 0 !important;*/
/*  opacity: 1 !important;*/
/*}*/

.title-search-result b {
  color: var(--bs-brown);
}

.title-search-result .icon-search {
  color: var(--bs-gray-590);
}

.title-search-result .article-img {
  width: 40px;
  aspect-ratio: 40 / 57;
}

.title-search-result .row {
  --bs-gutter-y: 20px;
}

@media (min-width: 769px) {
  .title-search-result .col {
    width: calc(190px + var(--bs-gutter-x));
  }
  .title-search-result .col + .col {
    border-left: 1px solid var(--bs-gray-400);
  }
}

@media (min-width: 992px) {
  .title-search-result .col {
    width: calc(220px + var(--bs-gutter-x));
  }
}

@media (min-width: 1200px) {
  .title-search-result .col {
    width: calc(260px + var(--bs-gutter-x));
  }

  .title-search-result .col-first {
    width: calc(282px + var(--bs-gutter-x));
  }
}