.page-wrapper h1{
    font-size: 2rem;
}
.page-wrapper .category-image {
    height: 170px;
    max-width: 70%;
    margin:auto;
    border-radius: 2rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.page-wrapper .filters-wrapper {
    border: 1px solid #e7e7e7;/*
    padding: 2rem;
    border-radius: 0.5rem;*/
}
.page-wrapper .card-img-top {
    height: 180px;
    max-height: 180px;
    min-height: 180px;
    width: 100% !important;
}
.accordion.cetegory-filters{ 
    --bs-accordion-border-radius: none !important;
    border-radius: 0 !important;
}

.accordion.cetegory-filters .accordion-button:not(.collapsed) {
  color: inherit;
  background-color: transparent !important;
  box-shadow: none !important;
}
.accordion.cetegory-filters .accordion-button::after {
  transition: transform 0.3s ease;
}
.accordion.cetegory-filters .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
.accordion.cetegory-filters .accordion-button::after {
  filter: invert(0.5);
}
.accordion.cetegory-filters .accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
}
.h-200-overflow {
    max-height: 200px;
    overflow-y: auto;
}
.submining-form-overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    display: none;
}
.loading .search-completed,
.searching {
    display: none;
}
.loading-text::after {
  content: "";
  display: inline-block;
  animation: dots 1.5s steps(3, end) infinite;
}

@keyframes dots {
  0%   { content: ""; }
  20%  { content: ".."; }
  33%  { content: "..."; }
  45%  { content: "...."; }
  66%  { content: "....."; }
  80%  { content: "......"; }
  100% { content: "......."; }
}