.search_0 {
  color: var(--mainColor);
  font-size: 1.2rem; }

.b_search svg {
  max-height: 120px; }
  .b_search svg .m_color {
    fill: var(--mainColor); }

.t-search {
  font-size: 1rem; }

.custom-page-item .title_blo {
  font-size: 14px; }

.js-search-cate:before {
  content: '';
  width: 50%;
  max-width: 30px;
  position: absolute;
  height: 4px;
  border-radius: 4px;
  background: var(--mainColor);
  bottom: -2px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.4s; }

.js-search-cate.active:before {
  opacity: 1; }

.search-cate a {
  font-size: 16px; }

.pagination li {
  border-color: transparent; }
  .pagination li .page-link {
    width: 38px;
    height: 38px;
    color: rgba(30, 30, 30, 0.5) !important;
    transition: all 0.3s ease; }
    .pagination li .page-link:hover {
      background: var(--mainColor);
      border-color: var(--mainColor);
      box-shadow: 0 0 0 0.2rem var(--mainColor);
      color: #fff !important; }
      .pagination li .page-link:hover svg {
        fill: #fff; }
    .pagination li .page-link:focus {
      box-shadow: 0 0 0 0.2rem var(--mainColor); }
    .pagination li .page-link svg {
      fill: var(--mainColor);
      transition: all 0.3s ease; }
  .pagination li.active .page-link {
    background: var(--mainColor);
    border-color: var(--mainColor);
    color: #fff !important; }

.pagination .prev svg {
  transform: translateX(-1px); }

.pagination .next svg {
  transform: translateX(1px); }