/**************************/
/*Single Article */
/**************************/
.article-aside {
  border-radius: 12px;
  border: 1px solid var(--c-neutral-200);
  background: var(--c-neutral-000);
  margin-bottom: 3rem;
}

.aside-title {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  padding: min(2.5rem, 3vw) min(2rem, 3vw);
  color: var(--c-neutral-500);
  cursor: pointer;
  font-variation-settings: var(--fw-400);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.aside-title i {
  font-size: 11px;
  transition: 0.5s;
}
.article-aside.active .aside-title i {
  transform: rotateX(180deg);
}
/* help  single articel*/
.help__link * {
  all: unset !important;
}
.help-list a {
  display: block;
  text-indent: -1.6rem;
  padding-right: 1.6rem;
  color: var(--c-neutral-400);
  line-height: 1.7;
}
.help-list li:not(:last-child):after {
  content: "";
  height: calc(100% - 10px);
  position: absolute;
  border: 0.5px dashed var(--c-neutral-200);
  display: block;
  right: 1.5px;
  top: 20px;
}
.help-list li a::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--c-neutral-400);
  border-radius: 100vw;
  display: inline-block !important;
  transition: 0.3s;
  margin-left: 1.2rem;
}
.help-list li {
  position: relative;
}
.help-list li:not(:last-child) {
  padding-bottom: 1.5rem;
}

.help-list {
  padding: 0 2rem 2.5rem;
}
.help-list a:hover {
  color: var(--c-primary);
}
.help-list li a:hover::before {
  background-color: var(--c-primary);
}

/* end help  */

.article-aside--cat > ul > li {
  margin-block: 1rem;
  padding: 0.5rem 2rem;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s;
  line-height: 1.5;
  background: var(--c-neutral-000);
}
.article-aside--cat > ul > li:first-child {
  margin-top: 0;
  padding-top: 0;
}
.article-aside--cat > ul > li > a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
}
.article-aside--cat a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100vw;
  background-color: var(--c-neutral-400);
  transition: 0.3s;
}
.article-aside--cat a:hover::before {
  background-color: var(--c-primary);
}
.article-aside--cat .cat-parent > ul > li > a {
  padding-right: 2rem;
}
.article-aside--cat a {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
}
.caticon {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 1.3rem;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition: 0.3s;
}
.children .caticon {
  top: 0;
  left: -0.8rem;
}
.article-aside--cat .accordion-content {
  padding-bottom: 1.2rem;
}
.article-aside--cat .children {
  padding-top: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  padding-right: 0;
}
.article-aside--cat .children .cat-item {
  font-size: 14px;
  border: none;
}
.article-aside--cat .cat-parent.active > .caticon:before {
  transform: rotate(-180deg);
  border-color: var(--c-primary);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  color: var(--c-primary);
}
.article-aside--cat .current-cat > a {
  color: var(--c-secondary);
}
.article-aside--new .post-new-item {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: var(--fs-14);
  line-height: 1.7;
  position: relative;
}
.post-new-item__img {
  flex: 0 0 8rem;
  max-width: 8rem;
  height: 6rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.post-new-item__img::before {
  content: "";
  background-color: var(--c-primary);
  opacity: 0;
  inset: 0;
  position: absolute;
  transition: 0.3s;
}

.post-new-item:hover .post-new-item__img::before {
  opacity: 0.5;
}
.article-aside--new li:not(:last-child) {
  margin-bottom: 2rem;
}

.article-aside--new .post-new-item::before {
  content: "";
  background-color: var(--c-primary);
  width: 4px;
  height: 60px;
  border-radius: 30px 0 0 30px;
  right: -2.1rem;
  position: absolute;
  display: block;
  transition: 0.5s;
  opacity: 0;
}
.post-new-item:hover::before {
  opacity: 1;
}
.article-aside--new .accordion-content {
  padding: 0 2rem 3rem;
  overflow: hidden;
}
.sidebar-banner {
  margin-bottom: 3rem;
  display: block;
  position: relative;
}
.sidebar-banner img {
  width: 100%;
  border-radius: 12px;
}
.sidebar-banner::before {
  content: "";
  position: absolute;
  bottom: 100%;
  background-color: var(--c-primary);
  border-radius: 12px 12px 0 0;
  width: 73%;
  height: 7px;
  left: 50%;
  transform: translateX(-50%);
}
.wrap-single-post .sidebar-banner::before {
  display: none;
}
/* a.sidebar-banner:hover {
  opacity: 0.8;
} */
.bg-single-post {
  background-color: var(--c-primary);
  border-radius: 20px;
  position: relative;
  padding-top: 10rem;
  padding-bottom: 3.5rem;
  padding-inline: 3rem;
  --h: 28rem;
}

@-webkit-keyframes bgMove {
  100% {
    background-position: 0 30rem;
  }
}

@keyframes bgMove {
  100% {
    background-position: 0 30rem;
  }
}
.wrap-single-post {
  position: relative;
  z-index: 1;
  padding-inline: 3rem;
}
.wrap-single-post .single-top {
  margin-top: -3.5rem;
}
.wrap-single-post .sticky-top-js.top-space:not(.is_stuck) {
  /* margin-top: -16rem; */
  transform: translateY(-16rem);
  overflow: hidden;
}
.top-space:not(.sticky-top-js) {
  margin-top: -16rem;
}
/* cat single blog */
.meta-post--title {
  color: var(--c-neutral-000);
  font-size: var(--fs-24);
  font-variation-settings: var(--fw-400);
}
.meta-post--detail {
  display: flex;
  color: var(--c-neutral-000);
  font-size: var(--fs-14);
  align-items: baseline;
  flex-wrap: wrap;
  border-top: 1px solid var(--c-neutral-000);
  padding-block: 1.6rem;
  margin-top: min(1.6rem, 2vw);
  position: relative;
  z-index: 2;
}

.category-post {
  flex: auto;
}
.meta-post-item:not(.category-post) {
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
}
.meta-post-item {
  font-variation-settings: var(--fw-200);
}
.meta-post-item .title {
  font-variation-settings: var(--fw-500);
  white-space: nowrap;
}
.meta-post--detail .sep {
  background-color: var(--c-neutral-000);
  width: 1px;
  height: 14px;
  display: block;
  margin-inline: 1rem;
}

.meta-post__date i {
  font-size: 18px;
  vertical-align: text-bottom;
}

.category-post {
  overflow-x: auto;
  display: flex;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  align-items: center;
}
.category-post .title {
  margin-inline: 1rem;
  white-space: nowrap;
}
.category-post a {
  white-space: nowrap;
  color: inherit;
}
.category-post a:hover {
  color: var(--c-secondary);
}

.category-post a:not(:first-of-type)::before {
  content: "";
}
.meta-post-item.category-post a:not(:first-of-type)::before {
  width: 7px;
  height: 1px;
  background-color: var(--c-neutral-000);
  margin: 0 6px;
  display: inline-block;
  line-height: 1;
}
.mobile .category-post a:not(:first-of-type)::before {
  background-color: var(--c-neutral-400);
}
.socials-share-article {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  align-items: end;
}
.meta-article--mobile {
  white-space: nowrap;
}
.meta-article--mobile li {
  background: var(--c-neutral-100);
  margin-bottom: 1.2rem;
  border-radius: 6px;
  padding: 0.5rem 2rem;
  font-size: var(--fs-14);
  overflow-x: auto;
}

.socials-share-article.socials-share-mobile {
  flex-direction: row;
  justify-content: center;
  margin: 2rem 0;
}
.article-aside--mobile .accordion-content.show {
  display: none;
}
.socials-share-article :is(a, button) {
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid var(--c-neutral-200);
  background: var(--c-neutral-000);
  font-size: 2.3rem;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  flex: none;
}
.socials-share-article :is(a, button):hover {
  background-color: var(--c-secondary);
  border-color: transparent;
  color: var(--c-neutral-000);
}
.socials-share .share-title {
  transform: rotate(270deg);
  transform-origin: 74% 100%;
  display: block;
  line-height: 52px;
  font-size: 20px;
  color: var(--c-neutral-200);
  font-variation-settings: var(--fw-250);
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 12rem;
  z-index: 2;
  transition: 1s;
}
/*.nav-up .sticky-top {
  top: 1rem;
}*/
.tag-post {
  border-top: 1px solid var(--c-neutral-200);
  padding-top: 1rem;
  margin-top: 4rem;
  overflow-x: auto;
  display: flex;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  align-items: center;
  font-size: 14px;
  gap: 1rem;
  padding-bottom: 4px;
}
.tag-post .title-tag {
  font-variation-settings: var(--fw-400);
  font-size: var(--fs-14);
  color: var(--c-neutral-500);
  white-space: nowrap;
}
.tag-post a {
  white-space: nowrap;
  color: inherit;
  border-radius: 6px;
  border: 1px solid var(--c-neutral-200);
  font-size: var(--fs-12);
  padding: 0.1rem 1.5rem;
}
.tag-post a:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
}
.copy-url {
  position: relative;
  cursor: pointer;
}
.copy-url__txt {
  position: absolute;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
  padding: 6px;
  line-height: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 112%;
  white-space: nowrap;
}

/* sidebar single article and widget*/

.help-heading {
  background: var(--c-neutral-100);
  padding: 1.7rem;
  margin-bottom: 2.4rem;
}

.help-heading i {
  font-size: 13px;
  transition: 0.3s;
}

.help-heading.active i {
  transform: rotate(180deg);
}

.help-heading__btn {
  background: var(--c-primary);
  color: var(--c-neutral-000);
  padding: 1.9rem 2rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.help-heading ul {
  margin-top: 1rem;
}
.help-heading li:not(:last-child) {
  margin-bottom: 1rem;
}
.help-heading li a {
  background: var(--c-neutral-000);
  display: block;
  font-size: var(--fs-14);
  text-indent: -1rem;
  padding-inline: 2rem;
  padding-block: 1rem;
}

.help-heading li a::before {
  content: "";
  line-height: 1;
  width: 4px;
  height: 4px;
  background-color: var(--c-primary);
  display: inline-block;
  margin-left: 1rem;
}
.thumbnail-post-img {
  margin-bottom: 2.4rem;
}
.thumbnail-post-img img {
  width: 100%;
  border-radius: 12px;
  z-index: 99999999;
  position: relative;
}
.resource-article {
  border: 2px solid var(--c-secondary-light);
  border-radius: 12px;
  padding: 2rem min(3rem, 3vw);
  margin-top: 4rem;
}
.resource-article__title {
  color: var(--c-secondary);
  margin-bottom: 1.5rem;
  display: block;
}

.resource-list li:not(:last-child) {
  margin-bottom: 1rem;
}
.resource-list span,
.resource-list a {
  display: flex;
  align-items: baseline;
  gap: 1.6rem;
  line-height: 2;
}
.resource-list i {
  font-size: 18px;
  color: var(--c-secondary);
}
.newsletter-article {
  background: var(--c-primary);
  color: var(--c-neutral-000);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem min(6rem, 4vw);
  border-radius: 12px;
  gap: 1rem;
  font-size: var(--fs-14);
  position: relative;
  flex-wrap: wrap;
  padding-bottom: 3.5rem;
  margin-top: 4rem;
  --h: 20rem;
}

.newsletter-article svg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.box-newsletter {
  display: flex;
  align-items: center;
  background: var(--c-neutral-000);
  border-radius: 66px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  height: 4.6rem;
  border: 1px solid transparent;
}
.input__newsletter {
  flex: auto;
  margin: 1rem 2rem 1rem 1rem;
  min-width: 19.5rem;
  color: var(--c-neutral-400);
}
.input__newsletter::-webkit-input-placeholder {
  color: var(--c-neutral-400);
  opacity: 0.7;
}
.input__newsletter::-moz-placeholder {
  color: var(--c-neutral-400);
  opacity: 0.7;
}
.input__newsletter:-ms-input-placeholder {
  color: var(--c-neutral-400);
  opacity: 0.7;
}
.input__newsletter::-ms-input-placeholder {
  color: var(--c-neutral-400);
  opacity: 0.7;
}
.input__newsletter::placeholder {
  color: var(--c-neutral-400);
  opacity: 0.7;
}
.btn-newsletter {
  border-radius: 77px;
  padding: 1rem 3rem;
  background: var(--c-primary);
  line-height: 1;
  height: 3.8rem;
  margin-left: 0.4rem;
  transition: 0.3s;
  color: #fff;
  cursor: pointer;
}
.btn-newsletter:hover {
  background-color: var(--c-secondary);
}

.box-newsletter:focus-within {
  border: 1px solid var(--c-secondary);
}

.section-related-blog {
  background: var(--c-neutral-100);
  padding-block: min(5rem, 7vw);
}
.wrap-single-post .single-top .s-modular .container {
  padding: 0;
}
/**************************/
/*widget */
/**************************/

/* .widget-title {
  text-align: center;
  justify-content: center;
} */
/* .widget-side > ul > li {
  margin-block: 1.2rem;
  padding: 1.8rem 2.4rem;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s;
  line-height: 1.5;
  background: var(--c-neutral-000);
}
.widget-side > ul > li > a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  justify-content: space-between;
  width: 100%;
  font-size: var(--fs-15);
}
.cat-parent .widget-side > ul > li > a {
  padding-left: 3rem;
}
.cat-item a {
  display: flex;
  align-items: baseline;
}
.caticon {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 2rem;
  top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: 0.3s;
}
.children .caticon {
  top: 0;
  left: -3px;
}
.widget-side .children {
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-right: 1rem;
}
.children .cat-item {
  font-size: 14px;
  border: none;
}
.cat-parent.active > .caticon:before {
  transform: rotate(-180deg);
  border-color: var(--c-primary);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  color: var(--c-primary);
}
.current-cat > a {
  color: var(--c-secondary);
} */
/**************************/
/* 404 */
/**************************/
/**************************/
/*tabsproduct */
/**************************/
.tabs-productitems {
  text-align: center;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 4rem;
  padding-bottom: 0.5rem;
}
.btn--producttab {
  display: inline-block;
  margin-inline: 2.5rem;
  color: var(--c-neutral-500);
  position: relative;
}
.btn--producttab::after {
  content: "";
  width: 100%;
  background-color: var(--c-primary);
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03));
  height: 3px;
  border-radius: 0 0 6px 6px;
  display: block;
  margin-top: 0.7rem;
  transform: scaleX(0);
  transition: 0.3s;
}
.btn--producttab:hover,
.btn--producttab.active {
  color: var(--c-primary);
}
.btn--producttab.active::after {
  transform: scaleX(1);
}
.error-wrap {
  text-align: center;
  /* margin: auto;
  margin-block: 6rem; */
  position: relative;
}
.error-wrap img {
  margin: auto;
}
.error-wrap h2 {
  font-size: min(3.4rem, 8vw);
  color: var(--c-primary);
  font-weight: 500;
  margin-top: 2rem;
}

.error-text {
}
.error-page__title {
  font-size: 3rem;
  color: var(--c-secondary);
  font-variation-settings: var(--fw-400);
  margin-bottom: 1.5rem;
}
.error-page__desc {
  font-size: 2.5rem;
  font-variation-settings: var(--fw-400);
  margin-bottom: 2rem;
}
/**************************/
/*COMMERNT */
/**************************/
.gglcptch,
.gglcptch_v2,
.g-recaptcha {
  grid-column: 1/-1;
  grid-row: 3;
  justify-self: center;
}
#review_form_wrapper form,
#commentform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2.8rem;
  column-gap: 2.8rem;
  row-gap: min(2.4rem, 5vw);
  margin-bottom: min(6rem, 9vw);
}
.comment-notes,
#reviews > #review_form_wrapper #reply-title {
  display: none;
}
.form-submit,
.comment-form-comment,
.comment-form-mobile {
  grid-column: 1/-1;
}
.form-submit {
  justify-self: center;
}
.cat-parent {
  position: relative;
}
/* .comment_container {
  border: 2px solid rgba(var(--c-primary-rgb), 0.2);
  border-radius: 4px;
  padding: min(2.8rem, 3vw) min(4.5rem, 3vw) min(2rem, 3vw);
  position: relative;
} */
.comment_container,
.commentlist li:not(:last-child) {
  margin-bottom: 2rem;
}
.meta_comment {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
  /* background-color: rgba(var(--c-primary-rgb), 0.07); */
  /* padding: 1.3rem 2rem; */
  flex-wrap: wrap;
}
.author_comment img {
  width: 2.5rem;
  height: 2.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.author_comment .icon-account {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--c-primary);
  border-radius: 100vw;
  color: var(--c-neutral-000);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.byadmin .meta_comment {
  /* background-color: var(--c-neutral-000); */
}
.author_comment {
  font-size: var(--fs-14);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.4rem;
  color: var(--c-neutral-500);
}
.byadmin > .comment_container .author_comment {
  color: var(--c-neutral-000);
}
.byadmin > .comment_container .time_comment {
  color: var(--c-neutral-000);
}
.time_comment {
  color: var(--c-primary);
  font-size: var(--fs-14);
  margin-right: auto;
}
.commentlist ul.children {
  padding-right: 10rem;
  position: relative;
  margin-bottom: 4rem;
}
.commentlist ul.children::before {
  content: "\e900";
  position: absolute;
  right: 3.5rem;
  font-family: "icomoon";
  color: var(--c-primary);
  font-size: 2.5rem;
  top: 3rem;
}
.comment_container {
  background: rgba(240, 240, 240, 0.33);
  padding: 2rem;
  position: relative;
  border-radius: 12px;
}
.comment_container::before {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  height: 2.7rem;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03));
  background: var(--c-primary);
  width: 3px;
  border-radius: 6px 0 0 6px;
}
.byadmin > .comment_container::before {
  background: var(--c-neutral-000);
}
.item-comment.byadmin > .comment_container .comment-reply-link {
  color: var(--c-neutral-000);
}
.item-comment.byadmin > .comment_container {
  background-color: var(--c-primary);
  color: var(--c-neutral-000);
}
.comment-awaiting-moderation {
  color: var(--danger);
  text-align: center;
  display: block;
  background: var(--bg_danger);
  font-style: normal;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-radius: 12px;
}
.text_comment.editor-content.main-content {
  font-size: var(--fs-14);
}
.text_comment.editor-content.main-content > * + * {
  margin-top: 0.5rem;
}
.comment-reply-link {
  color: var(--c-primary);
  font-size: var(--fs-14);
}
.comment-reply-link:hover {
  opacity: 0.8;
}
.comment-reply-title {
  display: flex;
  gap: min(2rem, 3vw);
  background: var(--c-neutral-000);
  border: 1px dashed var(--c-primary);
  border-radius: 10px;
  padding: 1rem 3rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
  font-size: var(--fs-14);
  flex-wrap: wrap;
  align-items: baseline;
}
#cancel-comment-reply-link {
  background: var(--c-primary);
  padding: 0.5rem 2rem;
  color: var(--c-neutral-000);
}
#cancel-comment-reply-link:hover {
  background: var(--c-secondary);
}
.isreply {
  position: absolute;
  left: calc(100% + (7.2rem / 2));
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 3rem;
  color: var(--c-primary);
  line-height: 1;
  background: var(--c-neutral-000);
}
.must-log-in,
.woocommerce-verification-required {
  border: 1px solid var(--c-neutral-200);
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 2rem;
}
.comment-form-comment,
.comment-form-email,
.comment-form-author {
  position: relative;
}
/*************************/
/* faq */
/**************************/
.faq-main {
  margin-bottom: 8rem;
}
.faq-content
  .faqs-item:not(
    :nth-of-type(2),
    :nth-of-type(1),
    :nth-of-type(3),
    :nth-of-type(4),
    :nth-of-type(5)
  ) {
  display: none;
}
.more-faq-item {
  gap: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
  color: var(--c-primary);
  line-height: 1;
  transform: translateY(4.7rem);
  margin-top: 0;
}
.more-faq-item:hover {
  color: var(--c-primary);
}
.more-faq-item i {
  width: 3.4rem;
  height: 3.4rem;
  color: var(--c-neutral-000);
  background: var(--c-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vw;
  transition: 0.3s;
  font-size: 12px;
}
.more-faq-item::before {
  content: "مشاهده بیشتر";
}
.more-faq-item.active::before {
  content: "بستن";
}
.more-faq-item.active i {
  transform: rotate(180deg);
}
.faq-num {
  min-width: 3.6rem;
  height: 3.6rem;
  border: 2px solid var(--c-neutral-400);
  display: flex;
  position: relative;
  justify-content: center;
  flex: none;
  font-size: min(20px, 4.5vw);
  transition: 0.3s;
  border-radius: 100vw;
  align-items: center;
}
.faq-num i {
  background: var(--c-primary);
  width: 2.64rem;
  height: 2.64rem;
  border-radius: 100vw;
  display: flex;
  line-height: 3.2rem;
  justify-content: center;
  color: var(--c-neutral-000);
  transition: 0.3s;
}
.faq-num::before {
  content: "";
  width: 8px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--c-neutral-400);
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.faqs-item {
  transition: 0.3s;
}
.faqs-item:not(:last-child) {
  border-bottom: 1px solid var(--c-neutral-200);
}
.faqs-item.active .faqs-item {
  border-color: var(--c-primary);
}

.faqs-content .faqs-question {
  display: flex;
  align-items: baseline;
  gap: min(2rem, 3vw);
  padding-block: 3rem;
  padding-right: 8px;
  cursor: pointer;
  transition: 0.3s;
  color: var(--c-neutral-500);
  font-variation-settings: var(--fw-400);
  font-size: var(--fs-16-min);
}
.faqs-content .faqs-item:first-child .faqs-question {
  padding-top: 0;
}
.faqs-content .faqs-question > i {
  margin-right: auto;
  transition: 0.3s;
  font-size: 12px;
  color: var(--c-neutral-400);
}

.faqs-item.active .faqs-question > i {
  transform: rotate(180deg);
}
.faqs-item.active .faq-num > i {
  background-color: var(--c-secondary);
}
.faqs-item .faqs-answer {
  padding: 0 min(5vw, 6.5rem);
  margin-bottom: 2rem;
}
.faqs-item.active .faqs-question {
  padding-bottom: 1rem;
}
.faqs-item .editor-content.main-content > * + * {
  margin-top: 0rem;
}
.faqs-item .editor-content.main-content {
  line-height: 2.5;
  font-size: var(--fs-16-min);
}

/*************************/
/* pagination*/
/**************************/
.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-neutral-500);
}
ul.page-numbers {
  margin-top: min(1.5rem, 1vw);
}
.page-numbers li {
  margin: 0 0.2rem;
}
.page-numbers li a,
.page-numbers li span {
  line-height: 1;
  padding-top: 0.5rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 12px;
}

.page-numbers li span.current {
  color: var(--c-primary);
  border: 1px solid var(--c-primary);
}
.page-numbers:is(.next, .prev) {
  padding: 0;
  color: var(--c-neutral-500);
  font-size: 15px;
}
.page-numbers:is(.next, .prev):hover {
  background: var(--c-primary);
  color: var(--c-neutral-000);
}

/**************************/
/* more desc */
/**************************/
#more-tax-desc {
  background: #fafafa;
  padding: 4rem min(4rem, 3vw);
  border-radius: 12px;
}

/**************************/
/* default faq */
/**************************/
.bg-faq-default {
  background-color: var(--c-primary);
  border-radius: 20px;
  position: relative;
  display: block;
  padding-top: 5.7rem;
  padding-bottom: 6.2rem;
  --h: 24rem;
  padding-inline: 3rem;
  color: var(--c-neutral-000);
}
/**************************/
/* default blog */
/**************************/
.bg-blog-default {
  background-color: var(--c-primary);
  border-radius: 20px;
  position: relative;
  display: block;
  padding-top: 3.7rem;
  padding-bottom: 6.2rem;
  --h: 24rem;
  padding-inline: 3rem;
  color: var(--c-neutral-000);
}
.more-tax-desc {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}
.more-tax-desc:hover {
  color: var(--c-secondary);
}
.more-tax-desc i {
  font-size: 11px;
}
.category-blog-items li {
  position: relative;
}
.category-blog-items > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-14);
  color: var(--c-neutral-500);
}

.category-blog-items > .cat-parent > .children {
  font-size: 14px;
  position: absolute;
  top: 86%;
  right: 0;
  min-width: 160px;
  left: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 152px;
  background: var(--c-neutral-000);
  opacity: 0;
  transition: opacity 0.35s;
  /* border: 1px solid var(--c-neutral-200); */
  border-top: none;
  pointer-events: none;
  max-height: 300px;
  overflow-y: auto;
  white-space: normal;
  /* border: 1px solid var(--c-neutral-200); */
  border-radius: 12px;
  box-shadow: 0 1px 8px #00000017;
}
.category-blog-items > .cat-parent > a:after {
  content: "\e90e";
  font-family: "icomoon";
  display: inline-block;
  margin-right: 8px;
  font-size: 11px;
  transition: 0.6s;
}
/* .category-blog-items .children > li.cat-parent > a:after{
  content: "\e907";
  font-family: 'icomoon';
  display: inline-block;
  margin-right: 8px;
  font-size: 11px;
  transition: 0.6s;
} */
.category-blog-items > .cat-parent > .children > li {
  width: auto;
  height: auto;
  transform: none;
}

.category-blog-items > li {
  position: relative;
  padding-block: 11px;
  text-align: center;
}
.category-blog-items > li .children a {
  font-size: var(--fs-14);
  display: block;
  padding: 0.5rem;
}
.category-blog-items > li .children a:hover {
  background-color: #009879;
  color: var(--c-neutral-000);
}
.category-blog-items
  > .cat-parent:is(:hover, :focus-within, :focus-visible)
  > a:after {
  transform: rotate(180deg);
}
.category-blog-items li:is(:hover, :focus-within, :focus-visible) > .children {
  margin-top: 0;
  z-index: 99;

  opacity: 1;
  min-height: auto;
  height: auto;
  pointer-events: auto;
}
.menu-category {
  border: 1px solid var(--c-secondary);
  border-radius: 12px;
  background: rgba(250, 243, 234, 1);
  padding-inline: 4rem;
  box-shadow: 0 10px 20px #00000012;
}
.category-blog-items > li:hover > a {
  color: var(--c-secondary-shade);
}
.sw--cat {
  margin-inline: 2rem;
  overflow: inherit;
  overflow-x: clip;
}
/**************************/
/* contact us */
/**************************/
.mapp-container .mapp-anchor.bottom,
.mapp-container .mapp-footer {
  z-index: 400 !important;
}
.contact-form-wrapper #form-pattern .af-form.acf-form {
  width: auto;
  margin: 0 auto;
  border: unset;
  padding: initial;
  box-shadow: none;
  margin-top: 3rem;
}
.contact-template-img {
  position: relative;
  pointer-events: none;
}
.contact-template-img img {
  width: 100%;
  min-height: 43rem;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 1920px;
  margin: auto;
}
.contact-template-img::before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    var(--c-neutral-000) 0%,
    #ff00 57%
  );
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.contact-form-wrapper {
  border: 1px solid var(--c-neutral-200);
  border-radius: 12px;
  padding: 2rem min(3rem, 4vw);
  margin-top: 5rem;
  position: relative;
  background: var(--c-neutral-000);
}
.page-template-template-contact #breadcrumbs {
  position: absolute;
  width: 100%;
  z-index: 15;
}
.sw--contactinfo .swiper-slide {
  height: auto;
}
.contentinfo-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--c-neutral-200);
  position: relative;
  padding: 6rem 3rem 3rem;
  min-height: min(23.7rem, 52vw);
  background: var(--c-neutral-000);
}
.contactinfo-card__icon {
  width: 7rem;
  height: 7rem;
  background: var(--c-primary);
  border-radius: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid var(--c-neutral-000);
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
.contactinfo-card__icon img {
  width: 3rem;
  height: 3rem;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
    saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(288deg) brightness(102%) contrast(102%);
  -o-object-fit: contain;
  object-fit: contain;
}
.contactinfo-card__title1 {
  color: var(--c-neutral-500);
}
.contactinfo-card__mail {
  opacity: 0.6;
}
.social-contactus {
  text-align: center;
  margin-top: 3rem;
}
.social-contactus__items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.social-contactus__items a {
  width: 4rem;
  height: 4rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--c-neutral-400);
  color: var(--c-neutral-000);
  font-size: 18px;
}
.social-contactus__items a:hover {
  background-color: var(--c-primary);
}
.sw--contactinfo {
  margin-top: -16rem;
}
.desktop .sw--contactinfo {
  padding-top: 4rem !important;
}
.mobile .sw--contactinfo .swiper-wrapper {
  padding-top: 4rem;
}
.contact-info li {
  display: flex;
  align-items: center;
  gap: min(2rem, 3vw);
  margin-bottom: min(2.4rem, 4vw);
}
.contact-info li i {
  width: 4rem;
  height: 4rem;
  font-size: 18px;
  border-radius: 6px;
  background-color: var(--c-neutral-400);
  color: var(--c-neutral-000);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.phone-item {
  display: flex;
  gap: 0.5rem;
}
.box--map {
  min-height: 37rem;
  position: relative;
  z-index: 1;
}
.contact-dir-button {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 401;
}
.contact-dir-button a {
  width: 5rem;
  height: 5rem;
  background: var(--c-neutral-000);
  border-radius: 12px;
  border: 1px solid var(--c-neutral-200);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-dir-button a:hover {
  background-color: var(--c-primary);
}
.branch-row {
  border-radius: 12px;
}

/**************************/
/* faq */
/**************************/
.faq-tab-wrapper {
  border: 1px solid var(--c-neutral-200);
  border-radius: 12px;
  background: var(--c-neutral-000);
  padding-inline: min(4rem, 7vw);
  margin-top: -3rem;
  z-index: 2;
  position: relative;
}
.tab-content.active {
  display: block;
}
.tab-content {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
@-webkit-keyframes fadeEffect {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeEffect {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.sw--faq.faq-cats .swiper-wrapper {
  align-items: center;
}
.faq-cat {
  position: relative;
  padding-block: 16px;
  text-align: center;
}
.faq-cat > a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-14);
  color: var(--c-neutral-500);
}
.faq-cat:hover a,
.faq-cat.active a {
  color: var(--c-primary);
}
.faq-tab-wrapper + .faqs-content {
  margin-top: 5rem;
}
/**************************/
/* Sidebar blog*/
/**************************/
.sidebar-blog {
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  width: 300px;
  transition: all 0.5s;
  z-index: 1;
  background: #fff;
  z-index: 160;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 2rem;
}
.sidebar-blog.active {
  right: 0;
}
.sidebar-btn-blog {
  display: flex;
  align-items: center;
  margin-top: -4rem;
  padding: 1.4rem 2.5rem;
  cursor: pointer;
  background-color: var(--c-neutral-000);
  border: 1px solid var(--c-neutral-200);
  justify-content: space-between;
  border-radius: 12px;
  position: relative;
  margin-inline: 5vw;
}
.sidebar-close {
  font-size: 12px;
  line-height: 1;
  color: var(--c-neutral-400);
  transition: 0.3s;
}
.sidebar-close:hover {
  color: var(--danger);
}
.sidebar-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  color: var(--c-primary);
  align-items: center;
  padding-bottom: 1rem;
}
.sidebar-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sidebar-title i {
  vertical-align: text-bottom;
  font-size: 18px;
}
.sidebar-blog > ul {
  margin-block: 2rem;
}
.sidebar-blog ul li {
  font-size: var(--fs-14);
}
.sidebar-blog > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--c-neutral-100);
}
.sidebar-blog .caticon {
  left: 0;
  top: 10px;
}
.sidebar-blog .cat-parent.cat-item > a {
  padding-left: 3rem;
}
.sidebar-blog .cat-item a {
  padding-block: 1rem;
  display: inline-block;
}
.sidebar-blog .cat-item.current-cat a {
  color: var(--c-primary);
}
.sidebar-blog .children .cat-item a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100vw;
  background-color: var(--c-neutral-400);
  transition: 0.3s;
  flex: none;
  display: inline-block;
}
.sidebar-blog .children li a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  padding-top: 0;
}
.sidebar-blog .cat-parent.active > .caticon:before {
  transform: rotate(-180deg);
  border-color: var(--c-primary);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  color: var(--c-primary);
}
.sidebar-blog ul.children {
  margin-right: 4rem;
}
.blog-main .sticky-top {
  margin-top: -3rem;
  z-index: 2;
  top: 12rem;
  transition: 1s;
}
/*.nav-up .blog-main .sticky-top {
  top: -6rem;
}*/
/**************************/
/* archive product */
/**************************/
.bg-products-default {
  background-color: var(--c-primary);
  border-radius: 20px;
  position: relative;
  display: block;
  padding-top: min(3.7rem, 7vw);
  padding-bottom: 5.9rem;
  --h: 24rem;
  padding-inline: 3rem;
  color: var(--c-neutral-000);
}
.bg-products-default * {
  color: var(--c-neutral-000) !important;
}
.wrapper-sub-category {
  margin-inline: auto;
  display: flex;
}
.items-sub-category {
  display: flex;
  align-items: baseline;
  margin-inline: auto;
  overflow-x: auto;
  gap: 2rem;
  /* white-space: nowrap; */
  padding-bottom: 1rem;
  margin-top: -4.2rem;
  z-index: 2;
  position: relative;
}
.sub-category__img img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 4rem;
  height: 4rem;
  transition: 0.3s;
}
.sub-category__img {
  width: 6rem;
  height: 6rem;
  border-radius: 100vw;
  background-color: var(--c-neutral-200);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  margin: 0.7rem 0.7rem 1.8rem 0.7rem;
  outline: 1px solid var(--c-neutral-200);
  outline-offset: 0.6rem;
  transition: 0.3s;
}
.items-sub-category p {
  text-align: center;
  color: var(--c-neutral-500);
  font-size: var(--fs-14-min);
  line-height: 1.5;
  transition: 0.3s;
}
.item-sub-category {
  flex-direction: column;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.item-sub-category.active .sub-category__img,
.item-sub-category:hover .sub-category__img {
  background-color: var(--c-secondary);
  outline: 1px solid var(--c-secondary);
  color: var(--c-secondary) !important;
}
.item-sub-category.active p,
.item-sub-category:hover p {
  color: var(--c-secondary) !important;
}
.item-sub-category.active .sub-category__img img,
.item-sub-category:hover .sub-category__img img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.widget-title {
  background-color: #ebf7f4;
  border-radius: 6px;
  color: var(--c-primary);
  font-variation-settings: var(--fw-400);
  padding: 1.5rem 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.3s;
}

/* .wp-block-woocommerce-filter-wrapper[data-filter-type="price-filter"]
  .wp-block-heading {
  background-color: var(--c-primary);
  justify-content: center;
  color: var(--c-neutral-000);
} */
/* .wp-block-woocommerce-filter-wrapper[data-filter-type="price-filter"]
  .widget-side {
  border-color: var(--c-primary);
} */
ul.woocommerce-widget-layered-nav-list {
  max-height: 200px;
  overflow-y: auto;
  margin: 10px 0;
}
ul.woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb {
  background: var(--c-primary);
  border-radius: 100vw;
  cursor: pointer;
}
.widget_layered_nav .widget-title:after {
  content: "\e90e";
  font-family: "icomoon";
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  transition: 0.3s;
}
/* .wp-block-woocommerce-attribute-filter {
  display: none;
} */
.screen-reader-text {
  display: none;
}
.widget-side {
  border-radius: 12px;
  border: 1px solid var(--c-neutral-200);
  background: var(--c-neutral-000);
  padding: 1.2rem 1.4rem;
  margin-bottom: 2.8rem;
  transition: 0.3s;
}
.g-product-list {
  display: grid;
  grid-template-columns: 238px minmax(0, 1fr);
  gap: 3rem;
  margin-top: 4rem;
}
.wp-block-woocommerce-attribute-filter {
  display: none;
}
.widget_price_filter .widget-title {
  background: var(--c-primary);
  color: var(--c-neutral-000);
  text-align: center;
  justify-content: center;
}
.widget-side.active {
  border-color: var(--c-primary);
}
.widget-side.active .widget-title {
  color: var(--c-neutral-000);
  background-color: var(--c-primary);
}
.widget-side.active .widget-title::after {
  transform: rotate(180deg);
}
.woocommerce-widget-layered-nav-list a:before {
  content: "";
  width: 2.1rem;
  height: 2.2rem;
  border-radius: 6px;
  background: #00987914;
  transition: 0.3s;
}
.widget-side > ul > li > a {
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 14px;
}
.widget-side > ul > li {
  margin-block: 1.8rem;
  transition: 0.3s;
  line-height: 1.5;
}
.hiddenSidebar {
  display: none;
}
.widget-side > ul > li > a:hover::before,
.woocommerce-widget-layered-nav-list__item--chosen.chosen a::before {
  background: var(--c-primary);
  border: 3px solid #00987914;
}
.price_slider_wrapper {
  position: relative;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-radius: 1em;
  background-color: #d4d4d4;
  border: 0;
  position: relative;
  margin: 34px 18px 40px 0;
  height: 2px;
  text-align: right;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  background: var(--c-primary);
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  border-radius: 1em;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
  z-index: 2;
  background: var(--c-primary);
  height: 18px;
  width: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: ew-resize;
  outline: 0;
  top: -8px;
  border-radius: 8px;
  position: absolute;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.price_slider_wrapper .ui-slider .ui-slider-handle:before {
  content: "\e907";
  font-family: "icomoon";
  transition: 0.3s;
  transform: rotate(-180deg) translate(0%);

  color: #fff;
  font-size: 8px;
  top: 0px;
}
.price_slider span:first-of-type:before {
  transform: rotate(0deg) translate(0%) !important;
}
.woocommerce .widget_price_filter .price_slider_amount {
  font-size: var(--fs-16);
  position: relative;
  margin-top: 40px;
  margin-bottom: 10px;
  line-height: 2.4;
  text-align: center !important;
}
.price_label {
  font-size: 0;
}
.price_label .from,
.price_label .to {
  position: absolute;
  font-size: 13px;
  /* font-family: var(--bold_font); */
  color: var(--c-primary);
  line-height: 1;
}
.price_label .to {
  right: 0px;
  top: -24px;
}
.price_label .from {
  left: 0;
  top: -24px;
}
.price_slider_amount button[type="submit"] {
  background-color: var(--c-primary);
  color: var(--c-neutral-000) !important;
  margin-top: 2rem;
}
.price_slider_amount button[type="submit"]:hover {
  background-color: var(--c-secondary);
}
/* .wc-block-components-filter-reset-button {
  color: var(--c-primary);
}
.wc-block-components-filter-reset-button {
  color: var(--c-primary);
  border: 1px solid var(--c-primary);
  text-decoration: none;
  background: var(--c-neutral-000);
  line-height: 1;
  padding: 0.5rem 0.7rem;
  border-radius: 6px;
  font-size: var(--fs-12);
} */
/* .wc-block-components-filter-reset-button:hover {
  color: var(--danger);
  border-color: var(--danger);
}
.wc-block-components-checkbox__label {
  display: flex;
  justify-content: space-between;
  flex: 1;
  gap: 1rem;
} */
/* .wp-block-woocommerce-price-filter {
  direction: ltr;
} */
.orderby {
  cursor: pointer;
  border-radius: 10px;
  font-size: 1.4rem;
  border: 1px solid var(--c-neutral-200);
  color: var(--c-neutral-500);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25585 6.84605C6.23889 6.86727 6.22076 6.88782 6.20144 6.9076C5.97351 7.14104 5.64395 7.20373 5.3615 7.09635C5.25343 7.05599 5.15212 6.99082 5.06586 6.90088C5.05246 6.88692 5.03965 6.87258 5.02741 6.85791L0.564654 2.20508C0.253721 1.88091 0.256053 1.35757 0.569863 1.03618C0.883672 0.714791 1.39013 0.717048 1.70106 1.04122L5.64051 5.14845L9.61635 1.07655C9.93025 0.755063 10.4369 0.75732 10.7479 1.08159C11.0589 1.40586 11.0566 1.92935 10.7427 2.25083L6.25585 6.84605Z' fill='%23505049'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(0px + min(1.8rem, 2vw)) center;
  background-size: 12px;
  -webkit-appearance: none;
  max-width: 100%;
  position: relative;
  text-overflow: ellipsis;
  padding: min(1.5rem, 3vw) min(1.8rem, 2vw) min(1.5rem, 3vw) min(4rem, 8vw);
  height: min(6.2rem, 13vw);
}
.mobile .orderby{
    min-width: 16rem;
}
form.woocommerce-ordering {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.7rem;
}
.mobile form.woocommerce-ordering{
  align-items: end;
}
.mobile .orderby-wrap{
    display: flex;
  flex-direction: column;
}
.mobile .orderby-wrap .title{
  font-size: var(--fs-14-min);
}
.btn-slider {
  cursor: pointer;
  width: 4.7rem;
  height: 2.6rem;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  border: 2px solid var(--c-neutral-200);
}
.btn-slider:before {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  background-color: var(--c-neutral-200);
  border-radius: 6px;
  transition: .5s;
  right: calc(100% - 2.1rem);
}
.btn-switch input:checked ~ .btn-slider {
  background-color: var(--c-primary);
  border:unset;
}
.btn-switch input:checked ~ .btn-slider:before {
  right: calc(0rem - -0.5rem);
  background-color: var(--c-neutral-000);
}
.btn-switch .switch-input::before {
  content: "فقط کالاهای موجود";
}
/*.btn-switch .switch-input:checked::before {*/
/*  content: "کالاهای ناموجود";*/
/*}*/
.btn-switch {
  display: flex;
  align-items: center;
  gap: min(6rem, 1vw);
  cursor: pointer;
  border: 1px solid var(--c-neutral-200);
  border-radius: 12px;
  padding: 1.3rem min(2rem, 2vw);
  font-size: 1.4rem;
  color: var(--c-neutral-500);
  height: min(6.2rem, 13vw);
  justify-content: space-between;
}
.wc-block-components-price-slider__range-input-progress {
  --range-color: var(--c-primary);
}
/* Special styling for WebKit/Blink */
.wc-block-components-price-slider__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: var(--c-primary);
  cursor: pointer;
  border: none;
}

/* All the same stuff for Firefox */
.wc-block-components-price-slider__range-input::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: var(--c-primary);
  cursor: pointer;
  border: none;
}

/* All the same stuff for IE */
.wc-block-components-price-slider__range-input::-ms-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: var(--c-primary);
  cursor: pointer;
  border: none;
}
/* .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='6' viewBox='0 0 4 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.34405 2.51804C3.35439 2.52649 3.36439 2.53554 3.37403 2.54518C3.50706 2.6782 3.5268 2.88161 3.43326 3.03553C3.41676 3.06301 3.39666 3.08894 3.37296 3.11264C3.36819 3.1174 3.36333 3.12203 3.35839 3.12651L1.11129 5.3736C0.955081 5.52981 0.701815 5.52981 0.545606 5.3736C0.389396 5.21739 0.389396 4.96413 0.545605 4.80792L2.52408 2.82944L0.544533 0.849894C0.388323 0.693684 0.388323 0.440418 0.544533 0.284208C0.700743 0.127999 0.954008 0.127998 1.11022 0.284208L3.34405 2.51804Z' fill='white'/%3E%3C/svg%3E");
} */
.wc-block-components-price-slider__range-input-wrapper:before {
  background: #ebf7f4;
}
.wc-block-components-price-slider__range-text {
  margin: 0px 0 20px;
  font-size: var(--fs-14);
}
.wc-block-components-price-slider__range-text
  .wc-block-components-formatted-money-amount {
  direction: rtl;
  color: var(--c-primary);
}
.wc-block-components-price-slider {
  margin-top: 30px;
}
.wc-block-components-price-slider__actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-direction: column;
}
.wc-block-components-price-slider__actions
  button[type="submit"]:not(
    .wp-block-search__button
  ).wc-block-components-filter-submit-button {
  background: var(--c-primary);
  color: var(--c-neutral-000);
  border-radius: 88px;
  flex: auto;
  order: -1;
  text-align: center;
  min-width: 13rem;
  cursor: pointer;
  transition: 0.3s;
}

.wc-block-components-price-slider__actions
  button[type="submit"]:not(
    .wp-block-search__button
  ).wc-block-components-filter-submit-button:hover {
  background-color: var(--c-secondary);
}
.sidebar-btn-products {
  position: fixed;
}
.woocommerce-ResetPassword {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.woocommerce-ResetPassword input {
  font-family: inherit;
  padding: 1rem 3rem;
  height: 6rem;
  background-color: var(--c-neutral-000);
  border: 1px solid var(--c-neutral-200);
  transition: 0.3s;
  width: 100%;
  margin-bottom: 1rem;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  border-radius: 12px;
  direction: ltr;
}
.woocommerce-ResetPassword .button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 3.8rem;
  min-width: 12rem;
  display: inline-flex;
  gap: 1rem;
  line-height: 2;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  z-index: 1;
  font-size: var(--fs-14);
  padding: 1rem 2rem;
  position: relative;
  transition: 0.3s;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 30px;
  background-color: var(--c-primary);
  color: var(--c-neutral-000) !important;
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 0) {
  .order-detail-items li {
    flex-basis: calc((100% - min(3rem, 4vw) * 1) / 2);
  }
}
@media (min-width: 36em) {
  .order-detail-items li {
    flex-basis: calc((100% - min(3rem, 4vw) * 2) / 3);
  }
  .desktop .sw--product.has-timer {
    margin-inline: 3rem;
  }
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
  /* .sidebar-btn,
  #sidebar .sidebar-close {
    display: none;
  } */
  .websima-contact-form .input-cform {
    width: calc((100% / 2) - 1.5rem);
    clear: none !important;
    padding: 0 !important;
  }
  .websima-contact-form .input-cform[data-name="name_cform"] {
    float: right;
    margin-left: 3rem;
  }
  .websima-contact-form .input-cform[data-name="email_cform"] {
    float: left;
  }
  .newsletter-article p {
    flex: 1;
  }
}
/**************************/
/* ABOVE 992px */
/**************************/
@media (min-width: 62em) {
  .sidebar-header__shop {
    display: none;
  }
  .contact-form-wrapper {
    margin-top: -34rem;
    min-height: 66.4rem;
  }
  .map-info-wrapper {
    padding: 3rem 5rem 3rem 0;
  }
  .branch-row {
    box-shadow: inset min(39rem, 25vw) 0 0px 0px var(--c-neutral-000),
      inset 100vw 0px 0px 0px var(--c-neutral-100);
  }
  /* .dashboard-sidebar,
  .sidebar-blog,
  .sidebar-post {
    position: sticky;
    top: 10rem;
  } */
  .d-sidebar-content {
    display: block;
  }
  .order-detail-items li {
    flex-basis: calc((100% - min(3rem, 4vw) * 2) / 3);
  }
  .sidebar-btn-products {
    display: none;
  }
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
  .orderby,
  .btn-switch {
    min-width: 238px;
  }
  .help-heading__btn {
    pointer-events: none;
    text-align: center;
  }
  .help-heading ul {
    display: block;
  }
  .social-aboutus--box {
    margin-inline: 4rem;
  }
  .faq-cats {
  }
  .order-detail-items li {
    flex-basis: calc((100% - min(3rem, 4vw) * 4) / 5);
  }
  .category-post {
    flex-wrap: wrap;
    margin-left: 2rem;
    flex: 1;
  }
  /* faq */
  .faq-tab-wrapper + .faqs-content {
    margin-inline: 6rem;
  }
}

/**************************/
/* BELOW 1200px */
/**************************/
@media (max-width: 75em) {
  html {
    font-size: 59.5%;
  }
  .s-access-menu {
    display: none;
  }
  .wrap-single-post {
    /* margin-top: -250px; */
    padding-inline: 0;
  }

  .thumbnail-post-img {
    padding-inline: 3rem;
  }
  .bg-single-post {
    padding-top: 1.6rem;
    padding-bottom: 32vw;
  }
  .wrap-single-post .single-top {
    margin-top: -28vw;
  }
  /* faq */
  .faq-tab-wrapper {
    margin-inline: min(2rem, 5vw);
  }
}
/**************************/
/* BELOW 992px */
/**************************/
@media (max-width: 62em) {
  html {
    font-size: 56.5%;
  }
  .faq-arr {
    display: none;
  }
  .d-sidebar-btn {
    display: flex !important;
  }
  .d-sidebar-btn .icon-arrow-down {
    margin-right: auto;
    transition: 0.3s;
  }
  .d-sidebar-content .list-item.is-active {
    display: none;
  }
  .d-sidebar-items.active .d-sidebar-btn .icon-arrow-down {
    transform: rotate(180deg);
  }
  .map-info-wrapper {
    margin-top: 4rem;
  }
  .branch-row {
    box-shadow: inset 0 25vmax 0px 0px var(--c-neutral-000),
      inset 0 128vmax 0px 0px var(--c-neutral-100);
    border-radius: 12px;
    padding: min(2rem, 4vw);
  }
  .sidebar-shop {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 300px;
    transition: all 0.5s;
    z-index: 1;
    background: #fff;
    z-index: 160;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 2rem;
  }
  .sidebar-shop.active {
    right: 0;
  }
  .g-product-list {
    display: block;
  }
  .sidebar-btn-products {
    bottom: 9rem;
    right: 1.5rem;
    z-index: 5;
    width: 5.6rem;
    height: 5.6rem;
    background-color: var(--c-primary);
    border-radius: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-neutral-000);
    outline: 1px solid var(--c-neutral-000);
    outline-offset: -4px;
  }
  .sidebar-header__shop {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    background: #ebf7f4;
    color: var(--c-primary);
    padding: 1rem 2rem;
    margin-bottom: 3rem;
    align-items: center;
  }
}
/**************************/
/* BELOW 768px */
/**************************/
/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 48em) {
  html {
    font-size: 53.5%;
  }
  #review_form_wrapper form,
  #commentform {
    grid-template-columns: 1fr;
  }
}
/**************************/
/* BELOW 576px */
/**************************/
@media (max-width: 36em) {
  html {
    font-size: 51.5%;
  }
  .commentlist ul.children {
    padding-right: 4rem;
  }
  .commentlist ul.children::before {
    right: 0;
    top: 0rem;
  }

  .meta-post--detail .sep {
    display: none;
  }
  .newsletter-article {
    text-align: center;
  }
  .items-sub-category {
    margin-top: 2rem;
  }
  .bg-products-default {
    padding-bottom: 1.5rem;
  }
}