/*animate*/
.hmodal {
  z-index: 1054;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/*bg_dark_start*/
.blurBackstage {
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1053;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
/*bg_dark_start*/

/*right_menu_start*/

.hmodal#rightMenu {
  inset-inline-start: -100%;
  width: 300px;
}



.hmodal#rightMenu.showModal {
  inset-inline-start: 0;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.hmodal#searching {
  top: -100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.hmodal#searching.showModal {
  top: 2.5rem;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}



/*tab-box*/
.tab-content__pane {
  display: none;
}
.tab-content__pane.show {
  display: block;
}

.nav-tabs .nav-link.active{
 border-radius: .25rem;
 padding: .25rem;
 background-color: var(--Secondary);
}


/*tab-box*/


/* seo box */

/* استایل برای نمایش فقط 5 خط اول */
.seoBox {
  position: relative;
  overflow: hidden;
  line-height: 1.5em; /* ارتفاع هر خط */
  transition: max-height 0.5s ease-in-out;
}

/* افکت تار شدن انتهای متن */
.seoBox::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #949494);
  transition: opacity 0.3s ease-in-out;
}

/* حذف افکت تار وقتی متن باز می‌شود */
.seoBox.open {
  max-height: none;
}

.seoBox.open::after {
  opacity: 0;
}

/* دکمه مشاهده بیشتر */

.toggle-less {
  display: none;
}

/* seo box */


/* search box */
.serchBox {
  transform: translateY(-350%);
  transition: all 300ms;
}
.serchBox.show {
  transform: none;
}

/* search box */