main .posts-categories .categories .title-of-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "iranyekanBakhHeavy";
  color: var(--color-main);
}

main .posts-categories .categories .title-of-filter span {
  position: relative;
  font-size: 1.2rem;
  top: 0.25rem;
}

main .posts-categories .categories .title-of-filter svg {
  width: 1.5rem;
  fill: var(--color-main);
}

main .posts-categories .categories .main {
  margin-top: 2rem;
}

main .posts-categories .categories .main button {
  padding: 0 !important;
  background-color: transparent !important;
  border: none;
  color: var(--color-main);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

main .posts-categories .categories .main button i {
  font-size: 1.3em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

main .posts-categories .categories .main button[aria-expanded=true] {
  color: var(--color-main-green);
}

main .posts-categories .categories .main button[aria-expanded=true] i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

main .posts-categories .categories .main a {
  width: 100%;
  display: block;
  direction: rtl;
  color: var(--color-black);
  margin-bottom: 1rem;
  text-decoration: none;
}

main .posts-categories .categories .main a i {
  position: relative;
  top: 0.2rem;
}

main .posts-categories .categories .main a:hover {
  color: var(--color-main-green);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

main .posts-categories .categories .main .form-check-reverse {
  margin-bottom: 1rem !important;
}

main .posts-categories .categories .main button[type=submit] {
  background-color: var(--color-main) !important;
  color: var(--color-white) !important;
  width: auto !important;
  padding: 0.5rem 1rem !important;
  font-size: 0.9em !important;
  font-weight: 500 !important;
  border-radius: 5px;
}

main .posts-categories .categories .main button[type=submit]:hover {
  background-color: var(--color-second-text) !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

main .posts-categories .categories .main .searchbox {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .posts-categories .categories .main .searchbox div {
  width: 100%;
  position: relative;
}

main .posts-categories .categories .main .searchbox div input {
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 0.7rem 3rem 0.7rem 1rem;
  font-family: 'Shabnam';
  -webkit-box-shadow: 0 0 2rem 0.5rem rgba(0, 0, 0, 0.096);
          box-shadow: 0 0 2rem 0.5rem rgba(0, 0, 0, 0.096);
}

main .posts-categories .categories .main .searchbox div input:focus-visible {
  outline: none !important;
  border: none !important;
}

main .posts-categories .categories .main .searchbox div button {
  position: absolute;
  top: 0.4rem;
  right: 0.3rem;
  background-color: transparent !important;
  border: none;
  color: var(--color-main-green) !important;
  font-size: 1.2em;
}

main .posts-categories .categories .main .searchbox div button:hover {
  background-color: transparent !important;
  color: var(--color-black) !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

main .posts {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

main .post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .post .product-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .post .product-footer .price {
  padding: 0 0.5rem;
  border-radius: 0.25rem;
}

main .post .product-footer .price .normal {
  font-family: "iranyekanBakhHeavy";
  font-size: 1.2rem;
}

main .post .product-footer .blur {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

main .post .product-footer .blur .normal {
  font-size: 1.4rem;
}

main .post .product-footer button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-main);
  border: none;
  color: var(--color-white);
  font-family: "iranyekanBakh";
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

main .post .product-footer button svg {
  width: 1.5rem;
  margin-left: 0.5rem;
}

main .post .product-footer button:hover {
  color: var(--color-main);
  background-color: var(--color-for-bg);
}

main .modal .modal-dialog .modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .modal .modal-dialog .modal-content .modal-header h3 {
  font-family: "iranyekanBakhHeavy" !important;
  font-size: 1.2rem !important;
  color: var(--color-main);
}

main .modal .modal-dialog .modal-content .modal-header button {
  margin-left: unset;
}

main .modal .modal-dialog .modal-content .modal-body .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .modal .modal-dialog .modal-content .modal-body .product img {
  width: 5rem;
  border-radius: 0.25rem;
}

main .modal .modal-dialog .modal-content .modal-body .product h4 {
  margin-right: 1rem;
  font-family: "iranyekanBakhBold";
}

main .modal .modal-dialog .modal-content .modal-body form {
  margin-top: 2rem;
}

main .modal .modal-dialog .modal-content .modal-body form .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .modal .modal-dialog .modal-content .modal-body form .form-check label {
  margin-right: 2rem;
}

main .modal .modal-dialog .modal-content .modal-body form .row {
  margin-top: 2rem;
}

main .modal .modal-dialog .modal-content .modal-body form .row .col-md-12 {
  direction: ltr;
}

main .modal .modal-dialog .modal-content .modal-body form .row .col-md-12 button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-main);
  border: none;
  color: var(--color-white);
  font-family: "iranyekanBakh";
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

main .modal .modal-dialog .modal-content .modal-body form .row .col-md-12 button svg {
  width: 1.5rem;
  margin-left: 0.5rem;
}

main .modal .modal-dialog .modal-content .modal-body form .row .col-md-12 button:hover {
  color: var(--color-main);
  background-color: var(--color-for-bg);
}
/*# sourceMappingURL=index.css.map */