:root {
  --bs-body-font-family: 'Vazirmatn';
  --bs-btn-active-bg: var(--bs-info);
}
.offcanvas-lg {
  --bs-offcanvas-zindex: 5;
}
.offcanvas-backdrop {
  z-index: 4;
}
.modal-backdrop {
  --bs-backdrop-zindex: auto;
}
body {
  background: url("../images/patt2.jpg");
  margin-bottom: 60px;
}
.offcanvas-body {
  --bs-offcanvas-padding-y: 0;
}
form.mod-finder {
  margin-bottom: 1rem;
}
form.mod-finder .awesomplete {
  display: block;
}
details:open summary {
  /* background-color: var(--bs-secondary); */
}
.item-118 details {
  background-color: #b5a68c;
}
.item-182 details {
  background-color: gold;
}
.item-532 details {
  background-color: #43a305;
}
.item-533 details {
  background-color: #c98a1f;
}
.item-534 details {
  background-color: #b5a68c;
}
.item-535 details {
  background-color: #f1f3f3;
}
.item-536 details {
  background-color: #94cda0;
}
.item-537 details {
  background-color: #03ff94;
}
.item-538 details {
  background-color: #b5a68c;
}
.item-539 details {
  background-color: #ffc500;
}
.item-540 details {
  background-color: #2891c1;
}
.item-541 details {
  background-color: #2f1764;
}
.item-542 details {
  background-color: #535353;
}
.item-543 details {
  background-color: #b5a68c;
}
.item-118 details summary {
  color: #ffffff;
}
.item-182 details summary {
  color: #ffffff;
}
.item-532 details summary {
  color: #edea45;
}
.item-533 details summary {
  color: #ffffff;
}
.item-534 details summary {
  color: #bf0;
}
.item-535 details summary {
  color: #474747;
}
.item-536 details summary {
  color: #474747;
}
.item-537 details summary {
  color: #510000;
}
.item-538 details summary {
  color: #ffffff;
}
.item-539 details summary {
  color: #ffffff;
}
.item-540 details summary {
  color: #ffffff;
}
.item-541 details summary {
  color: #ffffff;
}
.item-542 details summary {
  color: #ffffff;
}
.item-543 details summary {
  color: #ffffff;
}
.item-532 summary a {
  pointer-events: none;
  display: inline;
  --bs-card-bg: unset;
  --bs-card-border-width: unset;
  --bs-card-border-color: unset;
}
.blog img {
  width: 250px;
  aspect-ratio: 1 / 1;
}
footer a {
  text-decoration: none;
}
@media (min-width: 992px) {
  body {
    margin-bottom: unset;
  }
  form.mod-finder {
    margin-bottom: unset;
  }
  footer .dropdown-menu {
    background-color: unset;
    position: static;
    border: unset;
  }
}