code,
kbd,
pre,
samp {
  unicode-bidi: unset !important;
}
iframe {
  width: 100%;
  min-height: 317px;
}
.main_contentblog{
	    margin-top: 40px;
}
.mt-40{
	    margin-top: -40px;
}
.fixright:hover{
	top: 112px;
	box-shadow:0 10px 25px rgba(0, 0, 0, 0.06);
}
.topblog p{
	text-align:justify;
}
.alert{
	text-align:right !important;
	direction:rtl !important;
}
.fixright{
	    position: fixed;
    left: 35px;
    z-index: 9999;
	      
        
        transition: box-shadow 0.2s, background-color 0.2s;
}
.topblog p{
	color:#fff;
}
.topblog{
	background:url(../img/bgblog.jpeg);
	    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
	min-height: 600px;
        gap: 0px 70px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 100px;
        padding-right: 40px;
		color:#fff;
}

.blogpagerow {
  flex-direction: row-reverse;
}
#description strong {
  display: inline-block;
}
.backtopbtn img {
  filter: invert(1);
  width: 20px;
  height: 32px;
  transform: rotate(180deg);
}
.backtopbtn {
  position: fixed;
  bottom: 80px;
  right: 20px;
  display: none;
  background-color: #3f51b5;
  border-radius: 50%;
  z-index: 9999;
  transition: all 1s ease-out;
}
.bgcont dl,
.bgcont ol,
.bgcont ul {
  padding-right: 2rem !important;
}
.modal {
  top: 64px;
}
#videoModal.modal {
  top: 0;
}

body.menupagestyle8 ul.noicon > li > a {
  padding-top: 15px;
}
li.verticaltop a {
  display: contents !important;
}
.storyampimg .lazyload {
  min-height: 450px;
}
.overscrol {
  overflow: auto;
}
.footermenumobile .phoneicontop i {
  position: absolute;
  top: 14px;
  left: 28px;
  padding-right: 7px;
  font-size: 27px;
  color: #3e3e3e;
}
.blogpagetxt p strong {
  display: inline-block;
}
.blogpagetxt video {
  max-width: 100%;
}
.widget_title {
  letter-spacing: 0;
}
.menustyle8 h1,
.menustyle8 h2,
.menustyle8 h3,
.menustyle8 h4,
.menustyle8 h5,
.menustyle8 h6 {
  letter-spacing: 0;
}
h1.css-p6jfpe {
  /* color: #fff;
  text-align: center; */
  letter-spacing: 0;
  font-family: PeydaWebFaNum, sans-serif;
  font-size: 22px;
  padding-left: 8px;
  padding-right: 8px;
      padding-top: 0;
}
.storyamp {
  direction: rtl;
  padding: 20px 30px;
  margin-bottom: 25px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 4px 40px #7657a71f;
}
.blogvid {
  max-width: 90%;
  margin: 0 auto;
  display: block;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6;
}
.blogpagetxt figure {
  text-align: center;
}
.blogpagetxt table{
	max-width:100%;
}
h1 {
  letter-spacing: 0;
  font-size: 24px;
  text-align: right;
}
h2 {
  letter-spacing: 0;
  font-size: 22px;
}
h3 {
  letter-spacing: 0;
  font-size: 18px;
}
h4 {
  letter-spacing: 0;
  font-size: 15px;
}
h5 {
  letter-spacing: 0;
  font-size: 15px;
}
h6 {
  letter-spacing: 0;
  font-size: 15px;
}
.blogpagetxt h1 {
  letter-spacing: 0;
  font-size: 26px;
}
.blogpagetxt h2 {
  letter-spacing: 0;
  font-size: 22px;
}
.blogpagetxt h3 {
  letter-spacing: 0;
  font-size: 18px;
}
p.font13 {
  font-size: 13px !important;
  margin-bottom: 0;
}
.bcdes p {
  font-size: 13px;
}
.blogpagetxt .accordioncollapse h3 {
  letter-spacing: 0;
  font-size: 16px;
}
.blogpagetxt h4 {
  letter-spacing: 0;
  font-size: 15px;
}
.blogpagetxt h5 {
  letter-spacing: 0;
  font-size: 15px;
}
.blogpagetxt h6 {
  letter-spacing: 0;
  font-size: 15px;
}
#description h1 {
  letter-spacing: 0;
  font-size: 22px;
  line-height: 1.5;
}
#description h2 {
  letter-spacing: 0;
  font-size: 20px;
}
#description h3 {
  letter-spacing: 0;
  font-size: 17px;
}
#description h4 {
  letter-spacing: 0;
  font-size: 15px;
}
#description h5 {
  letter-spacing: 0;
  font-size: 15px;
}
#description h6 {
  letter-spacing: 0;
  font-size: 15px;
}
@media screen and (max-width: 1024px) {

  #description h1 {
    letter-spacing: 0;
    font-size: 19px;
  }
  #description h2 {
    letter-spacing: 0;
    font-size: 17px;
  }
  #description h3 {
    letter-spacing: 0;
    font-size: 15px;
  }
  #description h4 {
    letter-spacing: 0;
    font-size: 13px;
  }
  #description h5 {
    letter-spacing: 0;
    font-size: 13px;
  }
  #description h6 {
    letter-spacing: 0;
    font-size: 13px;
  }
}
strong {
  display: block;
  color: #222;
}
p {
  font-size: 14px;
}
.header {
  height: 80px;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: 0 1px 10px 0 rgb(31 49 78 / 0.24);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999999;
  background: rgb(255 255 255 / 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);
}
.logo {
  max-width: 252px;
}
.lng {
  max-width: 32px;
}
ul.nav-main__list {
  direction: rtl;
}
ul.nav-main__list li a {
  font-size: 14px;
  color: #222;
  padding: 0 8px;
  font-weight: 500;
}
ul.nav-main__list li a:before {
  content: "";
}
ul.nav-main__list li:hover a:before {
  background-color: #999;
  height: 4px;
  border-radius: 15px;
  display: block;
  transform-origin: left;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  width: 100%;
  top: 63px;
  -webkit-transition: all 0.3s ease-in-out !important;
}
ul.nav-main__list li.active a:before {
  background-color: #222;
  height: 4px;
  border-radius: 15px;
  display: block;
  transform-origin: left;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  width: 100%;
  top: 63px;
}
ul.nav-main__list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  margin-left: 0;
  vertical-align: bottom;
  text-align: center;
}
ul.nav-main__list {
  display: block;
  float: right;
  margin-top: 7px;
  text-align: right;
}
.main_content {
  margin-top: 113px;
}
.blogsearchbox button {
     top: -49px;
    border: 0;
    padding: 4px;
    margin-top: 1px;
    cursor: pointer;
    position: relative;
    transform: translateY(-50%);
    background-color: #fff0;
    left: calc(100% - 50px);
}
.blogsearchbox input {
  border: 0;
  width: 100%;
  height: 70px;
  border-radius: 10px;
  color: #0e0e28;
  background-color: #fff;
  padding-right: 25px;
  padding-left: 70px;
  padding-bottom: 4px;
  font-size: 20px;
  font-weight: 500;
  direction:rtl;
}
a.slick-arrow:hover{
	display:flex;
} 
.blogsearchbox {
     padding: 55px 80px;
    padding: 13px 15px;
    border-radius: 10px;
    margin-bottom: 50px;
    /* background-color: #f7f5f1; */
    direction: ltr;
    /* margin-top: -100px;*/
}
.titleseachbox {
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}
.searchbox {
  position: relative;
}
.blogtags {
  font-size: 12px;
  border-radius: 15px;
  min-width: 50px;
  margin-right: 15px;
  margin-bottom: 11px;
  text-align: center;
  direction: rtl;
}
.blogtags.btn-outline-primary:hover {
  color: #fff;
}
.blogtags.btn-outline-primary {
  color: #0071eb;
}
.blogtags.btn-primary {
  background-color: #0071eb;
  border-color: #0071eb;
}
.blogpagetxt .shairing a {
  color: #222;
}
.blogpagetxt a {
  color: #0071eb;
  font-weight: 700;
}
.bloglistcont .bcimg {
  display: block;
  text-align: center;
  width: 100%;
  min-height: 150px;
  margin-bottom: 20px;
  position: relative;
}
.bloglistcont .bcimg img {
  border-radius: 20px;
  max-width: 100%;
  max-height: 180px;
  object-fit: cover;
    height: 180px;
    width: 100%;
}
.bcwrite {
  border-radius: 40px;
  padding: 4px 10px;
  background-color: #f8d472;
  font-size: 11px;
  font-weight: 500;
  width: fit-content;
  float: right;
  margin-top: 7px;
}
#description h1 {
  margin-bottom: 15px;
}
#description h3,
#description h4,
#description h5,
#description h6,
#description ul,
#description li {
  text-align: right;
}
#description p {
  text-align: justify;
}
.blogsidebar .bctitle a {
  line-height: 1.8;
}
.blogsidebar .bcwrite {
  border-radius: 40px;
  padding: 4px 3px;
  background-color: #f8d472;
  font-size: 11px;
  font-weight: 500;
  width: 100%;
  float: left;
  margin-top: 7px;
  text-align: center;
}
.blogsidebar .bctitle {
  padding-top: 1px;
  margin-top: 1px;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  top: 42px;
}
.blogsidebar .bctim {
  position: absolute;
  font-size: 11px;
  top: 80px;
  left: -3px;
}
.bctim {
  display:inline-block
  
}
.bloglistcont a {
  color: #222;
}
.bloglistcont .bctitle:before {
    content: '';
    background-color: var(--themecolor);
    width: 3px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 8px;
    border-radius: 10px;
}
.bloglistcont .bctitle {
  font-size: 16px;
  display: block;
  margin-top: 23px;
  min-height: 58px;
  text-align: right;
  padding-right: 10px;
  position:relative;
}
.bloglistcont .bcdes {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
  direction: ltr;
  text-align: center;
  height: 100px;
  overflow: hidden;
  text-align: justify;
}
.bloglistcont {
  direction: rtl;
  border-radius: 20px;
  margin-bottom: 25px;
  padding: 10px 10px 17px;
  background-color: #fff;
  box-shadow: 0 4px 40px #7657a71f;
}
.blogsidebar .clist img {
  max-width: 100%;
  max-height: 100px;
  border-radius: 15px;
}
.blogsidebar a {
  color: #222;
}
.blogsidebar .bctitle {
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  top: 42px;
}
.blogsidebar {
  direction: rtl;
  padding: 20px 30px;
  margin-bottom: 25px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 4px 40px #7657a71f;
}
.wid8 {
  width: 8px;
}
.pagination_styleb .page-item.active .page-link {
  z-index: 1;
  color: #000;
  background-color: #dbdada;
  border-color: #fff0;
  border-radius: 7px;
}
.pagination_styleb .page-link:hover,
.pagination_styleb .page-link:focus {
  border-radius: 7px;
  border-color: #fff0;
  outline-style: none;
  box-shadow: 0 0;
}
.pagination_styleb .page-link {
  border: 2px solid #fff0;
  color: #222;
  font-weight: 700;
  margin-left: 3px;
  margin-right: 3px;
}
.baselistblog .row {
  min-height: 120px;
  position: relative;
}
.css-1ugrrer {
  position: relative;
  color: #fff;
  text-align: center;
  margin-top: -33px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: var(--themecolor);
  margin-bottom: 110px;
}
.css-p6jfpe div {
  position: relative;
  top: 13px;
}
.css-p6jfpe {
  font-size: 26px;
  letter-spacing: 0;
  padding-top: 42px;
}
.css-136kq0d {
  /* z-index: 999;
  position: relative;
  top: 112px;
  margin-top: -92px; */
  overflow: hidden;
    border-radius: 15px;
}
.css-136kq0d img {
  margin-top: -8px;
  border-radius: 10px;
  position: relative;
  max-width: 600px;
}
.blogpagetxt {
  text-align: justify;
  direction: rtl;
  line-height: 1.8;
      background: #fff;
    padding: 14px;
    border-radius: 15px;
}
.top115 {
  top: 115px;
}
.writername {
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
  text-align: center;
  display: block;
}
.writertxt {
  text-align: justify;
  direction: ltr;
 /*  background: #f7f8fa; */
  border-radius: 4px;
  padding: 21px;
  margin-top: 6px;
}
.writer {
  text-align: right;
  direction: rtl;
}
.writer img {
  display: block;
  direction: rtl;
  text-align: right;
  border: 1px solid rgb(0 0 0 / 0.16);
  border-radius: 50%;
  padding: 4px;
  margin: 10px auto;
  max-height: 140px;
  max-width: 140px;
}
.writername a {
  color: #222;
}
.fehresttitr {
  font-size: 14px;
  font-weight: bold;
}
.fehrestprosess .progress {
  height: 6px;
}
.fehrestlist ul {
  list-style: none;
}
.fehrestlist li a {
  color: #757575;
  padding:5px;
  display: inline-block !important;
}



.fehrestlist:not(.mobilefehrest) li a.linkacrive{display:none !important;}
.fehrestlist:not(.mobilefehrest) li {
    padding: 6px 6px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background: #ededed;
    margin-bottom: 5px;
    border-radius: 100%;
	/* transition:
    height 0.3s ease,
    width 0.3s ease,
    color 0.3s ease,
    padding 0.3s ease,
    margin 0.3s ease,
    border 0.3s ease; */
}
.fehrestlist:not(.mobilefehrest) li:has(> a.linkacrive) {
  background-color: var(--themecolor);
  
}
.fehrestlist:hover li:has(> a.linkacrive) {
  background-color: unset;
  
}


.fehrestlist:hover li a.linkacrive{display:inline-block !important;}
.fehrestlist:hover li {
  padding: 0px 3px;
  width: auto;
    height: auto;
    overflow: visible;
    background: unset;
    margin-bottom: auto;
    border-radius: none;
}
.morecontblock a {
  color: #222;
  font-weight: 700;
}
.form-control {
	direction:rtl;
}
.morecontblock {
  position: relative;
  direction: rtl;
  background-color: #e1e9eb;
  padding: 8px 6px;
  margin: 6px auto;
  border-radius: 7px;
}
.morecontblock img {
  height: 60px;
  width: 70px;
  max-width: 70px;
  border-radius: 7px;
  object-fit: cover;
}
.font-16 {
  font-size: 16px;
  font-weight: 600;
}
.rtl {
  direction: rtl;
}
.commentform input.form-control {
  background-color: #f8f9fa;
  background-clip: padding-box;
  border: 0 solid #ced4da;
  border-radius: 0.3125rem;
  box-shadow: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 0.5rem 1.25rem;
  height: 2.65rem;
}
.commentform textarea {
  background-color: #f8f9fa;
  background-clip: padding-box;
  border: 0 solid #ced4da;
  border-radius: 0.3125rem;
  box-shadow: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 0.5rem 1.25rem;
  height: 200px;
}
.commentlist .text-secondary {
  color: #687179 !important;
}
.commentform .btn {
  color: #000;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 0 solid #fff0;
  padding: 0.5rem 1.75rem;
  font-size: 1rem;
  line-height: 1.9;
  border-radius: 2.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.commentpm {
  width: 100%;
  direction: rtl;
}
.bggray .row {
  background: #f9f9f9;
  padding: 10px;
}
.commentblog .commentlist .row {
  border-top: 1px solid #ededed;
  padding-top: 11px;
  padding-bottom: 8px;
  max-width: 100%;
  margin: 0 auto;
}
.commentblog > .commentlist.noborder {
  border-top: 0 solid #ededed;
}
.w35 {
  width: 35px;
}
.w64 {
  width: 64px;
  -webkit-filter: invert(1);
  filter: invert(1);
  padding-top: 22px;
}
.whrhead {
  border-top: 3px solid #fff;
  width: 100%;
  display: block;
  margin-top: 21px;
  margin-bottom: 32px;
}
.css-17mdpsb {
  direction: rtl;
  margin-top: 20px;
}
.footer .footerdiv {
  background-color: #ffd800;
  text-align: right;
  padding: 5rem 1rem 3.2rem;
}
.footericon {
  max-width: 35px;
}
.footericonlink {
  padding-left: 10px;
}
.mojavez > span {
  margin: 0;
}
.mojavez {
  padding-top: 25px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mojavez img {
  max-width: 100px;
  max-height: 100px;
}
.text-dark {
  color: #222;
}
.w26 {
  width: 26px;
}
.w21 {
  width: 21px;
}
.footer ul li {
  padding-top: 10px;
}
.footer ul {
  list-style: none;
}
.footerdiv .col-md-4 p {
  text-align: justify;
  direction: rtl;
}
.footerdiv .minh27 {
  min-height: 40px;
  display: block;
}
footer p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  color: #222;
}
.footerdiv img:not(.footericon) {
  max-width: 240px;
}
.upphone img {
  width: 20px;
  -webkit-filter: invert(1);
  filter: invert(1);
}
.upphone {
  background: #222;
  border-radius: 10px;
  margin-right: 11px;
  width: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 6px;
}
.upmobile {
  color: #000;
  position: relative;
  top: 8px;
  left: 5px;
  font-size: 17px;
}
.enlang img {
  width: 39px;
}
.enlang {
  display: inline-flex;
  padding-right: 10px;
  position: relative;
  top: 17px;
}
.menumobile {
  display: inline-flex;
}
.headflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-desktop .nav-main__list {
  padding-right: 0;
  position: relative;
  top: -1px;
}
.view-desktop {
  text-align: right;
  direction: rtl;
  width: 60%;
}
.phoneen {
  position: relative;
  top: -8px;
}
.g_blog-main__intro {
  background: #f4f6f9;
  padding: 18px 0 0;
}
.g_blog-main__container {
  margin-right: auto;
  margin-right: auto;
  padding: 92px 0 27px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.g_blog-main__logo {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #1e2a3d;
  padding-left: 32px;
  border-left: 1px solid #7a7b7d;
  margin-left: 32px;
  height: 35px;
  width: 280px;
  text-align: center;
}
.g_blog-main__description {
  font-size: 13px;
  line-height: 1.5;
  color: #1e2a3d;
  width: 944px;
  direction: rtl;
}
.hometablig {
  margin-top: 25px;
  border-radius: 10px;
  background-color: #e1e9eb;
  padding: 40px 30px;
}
.img-thumbnail {
  margin-left: 15px;
}
.commenttxt {
  display: block;
  margin-top: 10px;
  padding-bottom: 12px;
}
.shairing .btn.btn-outline-secondary:hover {
  background: #0374ff;
  border-color: #0374ff;
}
.shairing .btn {
  font-size: 12px;
  padding: 0.175rem 0.75rem;
}
.shairing .btn:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.blogpagetxt figcaption {
  text-align: center;
}
.shairing img.paddong5 {
  padding: 5px;
}
.shairing img {
  display: inline-block;
  max-height: 28px;
  padding: 4px;
}
.cpyrt a {
  color: #ddd;
}
.cpyrt {
  background: #000;
  padding: 10px 0;
  color: #ddd;
}
.tabflexcenter {
  display: flex;
  justify-content: center;
  flex-direction: column;
}



.clist {
  padding-top: 6px;
}
.tabtitle {
  letter-spacing: 0;
  font-size: 22px;
  direction: rtl;
  text-align: center;
}
.topflex {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
.fehrestlist ul {
  padding-left: 0;
}
.fehrestlist {
  direction: ltr;
     
}

.fehrestlist:not(.mobilefehrest):hover {
	background: #fff;
	    border-radius: 15px;
    overflow: hidden;
    padding-left: 8px;
}
.fehrestlist:not(.mobilefehrest) {
      
    max-width: 300px;
    font-size: 12px;
}


.fehrestlist ul li:first-child {
  margin-top: 10px;
}
.bctitle {
  padding-top: 10px;
  margin-top: 10px;
}
.bctitle.moshabeh {
  padding-top: 0;
  margin-top: 10px;
  margin-right: -2px;
}
.mab-15 {
  margin-bottom: 15px;
}
#mobile-menu,
#sidr {
  display: none;
}
#description h2 {
  text-align: right;
}
.mobilelogocenter {
  display: none;
}
ul.pagination {
  padding: 0;
  display: ruby;
  max-width: 100vw;
  overflow: scroll;
}
.pagination li {
  display: inline;
}
.css-17mdpsb {

    padding-top: 120px;
}
@media screen and (max-width: 1024px) {
	.css-17mdpsb {

    padding-top: 120px;
}
  .enlang {
    padding-right: 3px;
    top: 15px;
  }
  .enlang img {
    width: 35px;
  }
  .upphone {
    padding: 8px 10px;
  }
  .upphone img {
    width: 18px;
  }
  .phoneen {
    position: relative;
    top: -8px;
    left: -23px;
  }
  .mobilelogocenter img {
    max-width: 100%;
  }
  .mobilelogocenter {
    width: 110px;
    height: auto;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 46px);
    display: block;
  }
  .footerdiv .col-md-4 {
    margin-top: 1.5rem;
  }
  .blogpagerow {
    flex-direction: row;
  }
  .css-136kq0d img {
    max-width: 70%;
  }
  .blogsidebar .bcwrite {
    border-radius: 40px;
    padding: 4px 12px;
    background-color: #f8d472;
    font-size: 12px;
    font-weight: 500;
    width: fit-content;
    float: left;
    margin-top: 7px;
  }
  .row.baselistblog {
    justify-content: center;
  }
  #mobile-menu {
    display: block;
  }
  #sidr {
    display: block;
    opacity: 0;
  }
  #sidr h6 {
    letter-spacing: 0;
  }
  #sidr hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / 0.1);
    width: 87%;
  }
  .sidr-open #sidr {
    opacity: 1;
  }
  .sidr-animating #sidr {
    opacity: 1;
  }
  .footer .footerdiv,
  .footer h3,
  .footer pre {
    text-align: center;
  }
  .mojavez {
    align-items: center;
    justify-content: center;
  }
  .d-inline-flex.bgdefultuser img {
    position: relative;
    top: -7px;
    left: 7px;
  }
  .hidemobile {
    display: none;
  }
  .mmenu {
    width: 22px;
  }
  .menumobilelogo img {
    width: 100%;
  }
  .menumobilelogo {
    padding-right: 50px;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 28px;
  }
  .mobile-menu-main a {
    color: #222;
  }
  #mobile-menu.sidr ul li {
    border-top: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
  }
  #mobile-menu * {
    background: none !important;
  }
  .mobile-menu-nav {
    padding-bottom: 20px;
  }
  .mobile-menu-close img {
    max-width: 16px;
  }
  .mobile-menu-close {
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 999;
    width: 32px;
    height: 32px;
  }
  .sidr {
    background: #fff;
  }
  .footermenumobile {
    padding-top: 8px;
  }
  .mb7 .bgnonephone {
    display: table;
  }
  .phoneicontopother1 {
    padding: 5px 6px 5px 9px;
    margin-right: 5px;
    border-radius: 100%;
    font-size: 14px;
    color: #222;
  }
  .phoneicontopother2 {
    padding: 5px 6px 5px 9px;
    margin-right: 5px;
    border-radius: 100%;
    font-size: 14px;
    color: #222;
  }
  .phoneicontopother3 {
    padding: 5px 9px;
    margin-right: 5px;
    border-radius: 100%;
    font-size: 14px;
    color: #222;
  }
  .phoneicontop.bgnonephone a {
    font-size: 14px;
  }
  .footermenumobile i {
    font-size: 19px;
    color: #ada8a8;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: 5px;
  }
  .bxs0 {
    box-shadow: none !important;
  }
  .mmenu16 {
    max-width: 16px;
    display: inline-block;
    opacity: 0.4;
    margin-right: 21px;
    margin-bottom: 16px;
    position: relative;
    top: 6px;
  }
  .phoneicontop {
    width: 100%;
  }
  .phoneicontop a {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
  }
  footer p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: #222;
    text-align: left;
  }
  #mobile-menufehrest {
    position: fixed;
    width: 24px;
    right: 24px;
    top: 119px;
    opacity: 0.5;
    z-index: 9999;
  }
  #sidr2 {
    left: auto;
    right: -260px;
    display: block;
    position: fixed;
    top: 160px;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background: #fff;
    color: #333;
  }
  .css-1ugrrer {
    z-index: 999999;
  }
  .header {
    padding-right: 22px;
    padding-left: 22px;
  }
  .mega-child-menu a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 1px 40px 1px 15px !important;
    color: #222;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 22px;
  }
  #description h1 {
    letter-spacing: 0;
    margin-bottom: 15px;
  }
  .blogtags {
    text-align: right;
  }
  .bloglistcont .bcimg img {
    max-height: 195px;
  }
}
.showmore a.btn i.fa-angle-down:before {
  position: relative;
  top: 3px;
}
.showmore a.btn i.fa-angle-up:before {
  position: relative;
  top: 2px;
}
.showmore a.btn i {
  background: var(--themecolor);
  color: #fff;
  width: 21px;
  height: 21px;
  border-radius: 100%;
}
.limittextproduct {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  height: 110px !important;
}
.animliner {
  -webkit-transition: height 0.7s ease;
  -moz-transition: height 0.7s ease;
  -o-transition: height 0.7s ease;
  transition: height 0.7s ease;
}
.showmore {
  text-align: center;
  position: relative;
  top: -46px;
  background: #ffffff85;
  min-height: 111px;
  display: flex;
  align-items: flex-end;
  
  justify-content: center;
}
.bgtitleh1 h1,
.bgtitles {
  background-image: linear-gradient(to right, #f2e0cb 0, #b19678 100%);
  background-size: 100% 40%;
  background-repeat: no-repeat;
  background-position: bottom right;
  transition: all 0.3s ease-in-out !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  width: fit-content;
  padding-right: 5px;
  padding-left: 5px;
  display: inline-block;
  margin-bottom: 2px;
}
.bgtitleh1 h1:hover,
.bgtitles:hover {
  background-size: 100% 100%;
  transition: all 0.3s ease-in-out !important;
  -webkit-transition: all 0.3s ease-in-out !important;
}
.breadcrump a,
.breadcrump b {
  color: #222;
  padding-left: 10px;
  padding-right: 10px;
}
.breadcrump {
  position: absolute;
  top: -33px;
  right: 51px;
}
.bold {
  font-weight: 700;
}
.w98 {
  width: 98%;
}
.blogpagetxt img {
  max-width: 100%;
}
.commenttxt {
  text-align: justify;
  direction:rtl;
}
.footerdiv {
  direction: rtl;
}
@media screen and (max-width: 1024px) {
  .matlabinnev {
    position: relative;
  }
  .ersaldidgah.mb-2 {
    margin-bottom: 0 !important;
  }
  .ersaldidgah {
    margin-right: -2rem;
  }
  .fehrestprosess {
    margin-bottom: 15px;
    display: block;
  }
  .sidr ul li {
    display: block;
    margin: 0;
    line-height: 23px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0 3px;
  }
  body .menupngmobile2 {
    position: relative;
    right: -5px;
    top: -2px;
    height: 26px;
  }
  .breadcrump {
    position: initial;
    top: -33px;
    right: 51px;
    margin-bottom: 15px;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 75px;
  }
  .g_blog-main__logo {
    font-size: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .g_blog-main__logo {
    font-size: 14px;
  }
  .blogpagerow {
    flex-direction: column-reverse;
  }
  .footermenumobile .mb7 {
    margin-left: 8px;
  }
}
@media screen and (min-width: 540px) and (max-width: 1000px) {
  .blogsidebar .bctim {
    display: none;
  }
  body.menupagestyle8 .pageheader {
    min-height: 82px;
  }
  body.menupagestyle8.menustyle8
    .wraper_header.style-six-b
    .wraper_header_main
    .header_main
    .brand-logo-sticky {
    width: calc(100% - 104px);
  }
  body.menustyle8 .menulogo {
    position: relative;
    top: -26px;
  }
  body .blogheader.wraper_header.style-six-b .wraper_header_main > .container {
    padding-top: 0;
  }
  body.menupagestyle8 .header-responsive-nav .fa-bars {
    top: 1px;
  }
  .g_blog-main__container {
    padding: 89px 0 27px;
  }
  body .main_content {
    margin-top: 115px;
  }
  .footermenumobile .phoneicontop i {
    left: 25px;
  }
  .mb7 {
    margin-left: 12px;
  }
}
@media screen and (max-width: 767px) {
  .blogsidebar .clist img {
    max-width: 150px;
  }
  .blogsidebar .bcwrite {
    font-size: 9px;
  }
  .blogsidebar .bctim {
    position: absolute;
    font-size: 11px;
    left: 3px;
  }
  .blogpagerow {
    flex-direction: column-reverse;
  }
  .main_content {
    margin-top: 110px;
  }
  .blogheader.wraper_header.style-six-b .wraper_header_main > .container {
    padding-top: 29px !important;
    padding-bottom: 0;
  }
  .wraper_header.style-six-b .wraper_header_main .header-responsive-nav {
    margin-right: 2px !important;
  }
  .hometablig .row {
    flex-direction: column-reverse;
  }
  .tabflexcenter {
    margin-top: 13px;
  }
  .css-p6jfpe {
    font-size: 22px;
  }
  .g_blog-main__container {
    margin-right: auto;
    margin-right: auto;
    padding: 90px 33px 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .g_blog-main__description:after {
    content: "";
    border-right: 1px solid #222;
    position: absolute;
    top: 162px;
    display: block;
    height: 107px;
    direction: rtl;
    width: 2px;
    right: 26px;
  }
  .g_blog-main__description {
    font-size: 13px;
    line-height: 1.5;
    color: #1e2a3d;
    width: auto;
  }
  .g_blog-main__logo {
    font-weight: 700;
    font-size: 19px;
    line-height: 35px;
    color: #1e2a3d;
    padding-left: 0;
    border-left: 0 solid #7a7b7d;
    margin-left: 0;
    height: auto;
    width: auto;
    margin-bottom: 14px;
  }
  .blogsearchbox input {
    font-size: 14px;
  }
  .blogsearchbox {
    padding: 25px 12px;
  }
  .mobilerevers {
    flex-direction: column-reverse;
  }
  .shairing {
    /* margin-left: -1.5rem;
    margin-right: -1.5rem; */
  }
  .morecontblock {
   /*  margin-left: -2.3rem;
    margin-right: -2.5rem; */
  }
  .commentlist,
  .commentlist .row {
   /*  margin-left: -6.2rem;
    margin-right: -1.5rem; */
  }
  .mr-2rem {
    margin-right: -2rem;
  }
  .mmt-3 {
    margin-top: 1rem;
  }
}
.sidr .mobile-menu-nav ul li a,
.sidr .mobile-menu-nav ul li span {
  padding: 0 15px;
}
#accordions .card .card-header {
  border-bottom: 0;
}
#accordions .card {
  border: 0 solid;
  background: #f6fafc;
  margin-bottom: 5px;
}
.collapse {
  opacity: 0;
  transition: all 1s ease-in;
}
.collapse.show {
  animation: fadeInDown;
  animation-duration: 1s;
  opacity: 1;
}
.accordioncollapse {
  margin-bottom: 30px;
}
.accordioncollapse button {
  color: #222;
  width: 100%;
  text-align: right;
}
.storyampimg {
  position: relative;
}
.stmplvid {
  position: absolute;
  z-index: 9;
  width: 50px;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  top: calc(50% - 20px);
  background-color: #9c27b0;
  padding: 5px 8px;
  border: 1px solid #000;
  border-radius: 5px;
}
.social_icons li {
  display: inline-block;
  padding: 0 5px 5px 0;
}
.wid20 {
  width: 29px;
}
.boxfooterinfo .social_icons {
  position: absolute;
  bottom: 35px;
  right: -7px;
}
.social_icons,
.contact_detail {
  font-size: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}
ul.contact_info {
  padding-left: 0;
  padding-right: 0;
}
.boxfooterinfo .social_icons {
  position: absolute;
  bottom: 35px;
  right: -7px;
}
.contact_info li {
  color: #222;
  font-size: 12px;
  font-weight: 400;
}
.contact_info > li {
  margin-bottom: 15px;
  list-style: none;
}
footer .boxfooterinfo p {
  text-align: justify;
  margin-top: 12px;
  font-size: 13px;
  letter-spacing: 0;
  font-family: PeydaWebFaNum, sans-serif;
  color: #333;
}
footer .border-top-tran,
footer .border-top-tran a {
  font-size: 13px;
  font-weight: 700;
  font-family: PeydaWebFaNum, sans-serif;
}
.footer_top .webcadeh-col-25 {
  padding: 0 12px;
}
.bottom_footer {
  padding: 16px 0;
  position: relative;
  background-color: #fcfcfc;
  color: #000;
}
.newsletter_form2 button {
  width: 43px;
  height: 43px;
}
footer .newsletter_form2 button i {
  position: relative;
  top: 1px;
  right: 0;
}
.blogheader.pageheader {
  background-image: unset;
  min-height: 80px;
}
.blogheader.wraper_header.style-six-b .wraper_header_main > .container {
  padding-top: 0;
  padding-bottom: 0;
}
.blogheader .headflex {
  display: block;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-shrink: 0;
}
.blogheader a {
  color: #292b2c;
  position: relative;
  top: -6px;
}
.wraper_header.style-six-b
  .wraper_header_main
  .nav
  > [class*="menu-"]
  > ul.menu
  > li {
  top: 8px;
}
.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo,
.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo-sticky {
  position: relative;
  top: 24px;
}
dl,
ol,
ul {
  padding-right: 0;
}
#mobile-menu {
  background-color: #fff;
  z-index: 99999999;
}
@media (min-width: 1200px) {
  .css-136kq0d img {
    min-height: 360px;
  }
  body .blogheader a {
    top: -2px;
  }
  .menupagestyle8 .blogheader .menu.noicon .menulogo {
    max-height: 52px;
    padding-left: 25px;
    margin-top: -2px;
  }
}
.menu-header-menu-container {
  padding-right: 0;
}
.menupagestyle8 .prl5 {
  opacity: 0;
}
@media (max-width: 540px) {
  .menupagestyle8 .blogheader.pageheader {
    min-height: 50px;
    max-width: 100vw;
    max-height: 67px;
  }
  .menupagestyle8 .blogheader.pageheader .wraper_header_main {
    position: relative;
    top: -15px;
  }
  .menustyle8 .menulogo {
    position: relative;
    top: -1px;
    left: 30px;
    height: 37px;
  }
}
.fehrestlist ul {
  height: calc(90vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--themecolor) #f3f7ff;
  scrollbar-width: thin;
}
@media (max-width: 540px) {
  .writerpageimg {
    margin: 0 auto;
    object-fit: cover;
  }
  .fehrestlist ul {
    height: calc(100vh - 258px);
    overflow: scroll;
  }
  .css-1ugrrer p{
	  color:#fff;
  }
  .css-1ugrrer {
    z-index: 999999;
    min-height: 182px;
    margin-bottom: 0;
    margin-top: -30px;
  }
  .footermenumobile .mb7 {
    margin-bottom: 7px;
    margin-left: 8px;
    margin-top: 4px;
  }
}
.sidr ul.social_icons li a {
  padding: 0;
}
.sidr ul.social_icons li {
  display: inline-block;
  padding: 0 5px 5px 0;
}
.mh100 {
  margin-left: 50px;
  max-width: calc(100% - 60px);
  margin-bottom: 20px;
}
.mh100 img {
  width: 75px;
  padding: 3px;
  border-radius: 100%;
}
.commentlist .img-thumbnail {
  width: 80px;
  border-radius: 100%;
}
.commentlist .text-warning {
  color: #ffd700 !important;
}
dl,
ol,
ul {
  line-height: 1.8;
}
#description li {
  line-height: 1.8;
}
#description dl,
#description ol,
#description ul {
  margin-right: 40px;
}
.blogpagetxt dl,
.blogpagetxt ol,
.blogpagetxt ul {
  margin-right: 40px;
}
.sub-menu li a {
  font-size: 14px !important;
  font-weight: 600;
}
.menupagestyle8 ul.noicon > li > a {
  font-weight: 600 !important;
}
.showmore.showmorestory {
  text-align: center;
  position: relative;
  top: -46px;
  padding-top: 27px;
  background: #ffffff85;
  min-height: 111px;
  display: flex;
  align-items: flex-end;
  margin-bottom: -78px;
}
.writerpageimg {
  border: 1px solid rgb(0 0 0 / 0.16);
  border-radius: 50%;
  padding: 4px;
  width: 90%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}
.h_iframe-aparat_embed_frame {
  text-align: center;
}
.h_iframe-aparat_embed_frame iframe {
  max-height: 404px;
}
@media only screen and (max-width: 1200px) {
  .h_iframe-aparat_embed_frame iframe {
    max-height: 345px;
  }
}
@media only screen and (max-width: 900px) {
  .blogheader a {
    top: -18px;
  }
  .wbctitle.bctitle {
    padding-top: 10px;
    margin-top: 2px;
    padding-right: 15px;
  }
}
.blogpagetxt pre {
  text-align: left;
  direction: ltr;
  background: #f0f4f9;
  max-height: 500px;
  padding: 25px;
  font-size: 12px;
}
#homeVideo .closebtn {
  position: relative;
  z-index: 999;
  width: 50px;
  color: red;
  font-size: 24px;
  top: 47px;
}
#homeVideo .modal-content {
  background: #fff0;
  border: 0 solid;
}
.blogmenutabl img {
  box-shadow: 0 10px 20px #eee;
}
.blogmenutabl p {
  margin-top: 8px;
  padding: 5px;
  font-size: 12px;
  text-align: justify;
  line-height: 1.8;
  direction: rtl;
}
.sideplay {
  position: relative;
}
.text-right{
	text-align:right !important;
}
.text-left{
	text-align:left !important;
}
.sideplay img {
  width: 31px;
  position: absolute;
  left: 0;
  right: 84px;
  margin-right: auto;
  margin-left: auto;
  top: calc(50% - 12px);
  box-shadow: none;
}
@media screen and (max-width: 967px) {
  .sideplay img {
    width: 31px;
    position: absolute;
    right: 127px;
    top: calc(50% - 12px);
    box-shadow: none;
  }
}
.css-136kq0d video {
  max-height: 350px;
  max-width: 600px;
}
.listplay {
  position: absolute;
    width: 35px !important;
    height: 35px !important;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  top: 60px;
}
.morecontblock img.listplaytpl {
  position: absolute;
  width: 32px;
  height: auto;
  right: 25px;
  top: 23px;
}
.morecontblock img.listplaytplw {
  position: absolute;
  width: 32px;
  height: auto;
  right: 30px;
    top: 18px;
}
@media only screen and (max-width: 900px) {
  .css-136kq0d video {
    max-height: 300px;
  max-width: 100%;
  }
  .listplay {
    top: 84px;
  }
}
.menupagestyle8
  .mobile-menu-nav
  > [class*="menu-"]
  > ul.menu
  > li
  > ul
  > li
  > a {
  padding: 0 6px 0 14px !important;
}
.menu .menupngmobile {
  width: 32px;
  position: relative;
  right: -3px;
  top: -1px;
}
pre {
  position: relative;
}
.pasticon {
  position: absolute;
  right: 4px;
  top: 6px;
  box-shadow: 0 0 2px #818181;
  padding: 5px 7px 3px 11px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.fehrestlist li a.linkacrive {
  color: #b19678;
  background-color: #fcf5ee;
 /*  font-size: 0.75rem; */
  /* line-height: 1.5rem;
  font-weight: 700; */
  /* display: inline-block !important; */
  /* padding: 5px; */
  border-left: 2px solid;
  border-radius: 0px 5px 5px 0px;
  transition: all 0.5 sease;
}
.fehrestlist li a:hover {
  color: var(--themecolor);
  background-color: #eef7ff;
  /* font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 700; */
  display: inline-block !important;
  padding: 5px;
  border-left: 2px solid;
  border-radius: 0px 5px 5px 0px;
  margin-left: -2px;
}
.tabligh1 {
  padding: 25px;
  border-radius: 15px 15px 0 15px;
  background-color: #eef7ff;
  color: #2982cc;
  margin: 25px auto;
  display: block;
}
figure.easyimage-side {
  float: right;
  width: 50%;
}
.des1 {
  padding: 25px;
  border-radius: 15px 15px 0 15px;
  background-color: #fffacd;
  margin: 25px auto;
  display: block;
}
.des2 {
  padding: 25px;
  border-radius: 15px 15px 0 15px;
  background-color: #ff642d1a;
  color: #222;
  margin: 25px auto;
  display: block;
}
.des3 {
  padding: 25px;
  border-radius: 15px 15px 0 15px;
  background-color: #fff7e7;
  color: #222;
  margin: 25px auto;
  display: block;
}
.newsletter_form2 img {
  filter: invert(1);
}
.smallicon {
  height: 18px;
  width: 18px;
  margin-left: 5px;
}
.footerborder {
  border-top: 1px solid #ededed;
  padding-top: 25px;
}
.mt-13 {
  margin-top: 13px;
}
li.verticaltop:hover a:before {
  display: none !important;
}
.sub-menu.menubig {
  width: 582px !important;
  list-style: none;
  padding-right: 25px;
  padding-left: 25px;
}
.fontlight12 {
  font-size: 12px;
  color: #595959;
}
.bigmenu li {
  display: block;
  width: fit-content;
}
.bigmenu {
  width: 500px !important;
  column-count: 2;
  column-gap: 20px;
}
.sub-menu li {
  padding-top: 4px;
  padding-bottom: 8px;
}
.tamasimg {
  transform: rotate(90deg);
  position: relative;
  right: 5px;
}
.menubig a:hover .tamasimg {
  filter: invert(1);
}
.ltr {
  direction: ltr;
}
.boxfooterinfo {
  position: relative;
}
.boxfooterinfo .social_icons {
  right: 42px !important;
}
.btn-abi img {
  filter: invert(1);
}
.btn-abi {
  color: #fff !important;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.btn-outline-abi {
  border-color: #3f51b5;
}
.btn-outline-abi:hover {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.bgcont {
  background-color: #fff;
  margin-bottom: 50px;
  border-radius: 10px;
  box-shadow: 0 0 12px 1px #d0d0d061;
}
.contpage img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.contpage video {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.contpage figure.easyimage-side {
  float: none;
  width: 100%;
}
.contpage .easyimage-full {
  text-align: center;
  max-width: 100%;
}
.contpage {
  background: #fff;
  margin-top: 63px;
}
.contpage .blockquote {
  position: relative;
  margin: 15px 0;
  background: #fbfbfb;
  font-size: 16px;
  line-height: 2.75;
  color: #494949;
  font-weight: 300;
  letter-spacing: -0.1px;
  padding: 40px 150px 40px 121px;
}
.contpage .blockquote:after,
.contpage .blockquote:before {
  position: absolute;
  content: "";
}
.contpage .blockquote:before {
  top: 29px;
  right: 56px;
  width: 69px;
  height: 55px;
  background: url(../../template5/assets/css/images/blackquote-before.svg)
    no-repeat 50% 50%;
  background-size: 100%;
}
.contpage .blockquote:after {
  left: 44px;
  bottom: 50px;
  width: 60px;
  height: 48px;
  background: url(../../template5/assets/css/images/blackquote-after.svg)
    no-repeat 50% 50%;
  background-size: 100%;
}
.morecontent .btn {
  color: #595959;
}
.morecontent .smallicon {
  filter: opacity(0.5);
}
@media (min-width: 768px) and (max-width: 991px) {
  .upphone {
    top: 0;
    width: 42px;
    padding: 11px 10px;
    left: -8px;
  }
  .header-responsive-nav .smallicon {
    height: auto;
    width: 25px;
    position: relative;
    top: -8px;
    right: -11px;
  }
  .mobile-menu-close .mmenu {
    height: 25px;
    width: 25px;
    opacity: 0.5;
  }
  .blogheader.wraper_header.style-six-b .wraper_header_main > .container {
    margin-top: 20px;
  }
  .header_main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    position: relative;
    top: -3px;
  }
  .blogheader a {
    top: -10px;
  }
  .head1:after {
    right: 96px;
    top: -6px;
  }
  .footermenumobile .mb7 .bgnonephone {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
}
.bgrevertl {
  background: revert-layer;
}
video {
  max-width: 100%;
}
.widgetposh .smallicon {
  filter: opacity(0.5);
}
.question .collapse.show {
  animation: none !important;
}
#toast-container {
  top: 100px;
}
.toast-warning {
  background-color: var(--bs-warning) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
}
.toast-success {
  background-color: var(--bs-success) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
}
.toast-info {
  background-color: var(--bs-info) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
}
.toast-danger {
  background-color: var(--bs-danger) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
}
.login_register_wrap .login_wrap {
  box-shadow: 0 0 10px rgb(95 95 95 / 0.12);
}
.login_register_wrap .login_footer {
  margin-bottom: 20px;
  margin-top: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.login_register_wrap .form-control {
  color: #000;
  box-shadow: none;
  height: 40px;
  padding: 6px 15px;
  margin-bottom: 8px;
  font-size: 14px;
}
.login_register_wrap .form-group {
  margin-bottom: 1rem;
}
.login_register_wrap h3 {
  text-align: center;
  padding-right: 0;
}
.login_register_wrap .heading_s1 {
  margin-bottom: 25px;
}
.login_register_wrap .padding_eight_all {
  padding: 8%;
}
.login_register_wrap .bg-white {
  background: #fff;
  color: #000;
}
.blog-loop-inner {
  padding: 45px 6px 28px 7px;
}
.post-gird.post-inner {
  background: #fff;
  position: relative;
  background: #fff;
  border-radius: 25px;
  -webkit-transition: all 0.5sease;
  transition: all 0.5 sease;
  box-shadow: 0 19px 0 -13px rgb(0 0 0 / 0.11);
  max-width: 320px;
}
.wpman-post-thumbnail {
  padding: 15px;
  height: 200px;
}
.post-gird img {
  display: block;
  border-radius: 15px;
  max-height: 200px;
  width: auto;
}
.post-gird .wpman-blog-content {
  padding: 15px;
  padding-top: 0;
}
.post-gird .wpman-post-title {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  padding-top: 20px;
  margin-top: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
  direction: rtl;
  width: 90%;
}
.wpman-post-excerpt {
  padding-bottom: 15px;
  min-height: 76px;
}
.post-gird .wpman-post-meta {
  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;
  padding: 6px 6px;
  background: #f4f7fb;
  border-radius: 8px;
  font-size: 12px;
}
.read-more-section.carousel {
  margin-top: 14px;
  text-align: center;
  margin-bottom: -34px;
}
.btn {
  direction: rtl;
}
#videoModal .modal-content {
  background: no-repeat;
  border: 0;
}
.modal-backdrop.show {
  opacity: 0.7 !important;
  z-index: 99999999;
}
.accordioncollapse button.btn-link:before {
  content: "+";
  position: absolute;
  right: 7px;
  font-size: 30px;
  top: 6px;
}
.accordioncollapse button:focus {
  box-shadow: none;
}
.accordioncollapse button.btn-link.active:before {
  content: "-";
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.homequestion .row {
  direction: rtl;
}
.social-iconsblog {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.social-iconsblog a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #000;
  text-decoration: none;
  box-shadow: 0 2px 5px rgb(0 0 0 / 0.08);
  transition: all 0.2s ease-in-out;
}
.social-iconsblog i {
  font-size: 21px;
}
.social-iconsblog img {
  width: 18px;
}
.social-iconsblog a:hover {
  background-color: #e0e0e0;
  transform: translateY(-2px);
}
#scrollProgress {
  position: fixed;
  top: 80px;
  left: 0;
  height: 4px;
  background-color: #3f51b5;
  width: 0%;
  z-index: 99999999;
  transition: width 0.2s ease-out;
  border-radius: 15px;
}
@media (max-width: 767px) {
  #scrollProgress {
    top: 66px;
  }
}
.bctitle h2 {
  font-size: 17px;
  color: #424242;
  font-weight: 500 !important;
}
.row.reverse {
  flex-direction: row-reverse;
}
p strong {
  display: inline-block;
}


.topblog .clist .bcwrite:before {
    content: '';
    background-color: var(--themecolor);
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
}
.topblog .clist .bctim{
	color:#424242;
}
.topblog .clist .bctitle a{
	color:#282828;
	font-weight:bold;
}
.topblog .clist .bctitle {
padding-top: 30px;
}
.topblog .clist .bcwrite a{
	color:#282828;
}
.topblog .clist .bcwrite{
	background-color:#efefef;
	color:#282828;
}
.topblog .clist img{
	border-radius: 24px;
    max-width: 100%;
}
.topblog .clist:hover {
    animation: pulse-down 1s infinite;
}
.topblog .clist{
	background:#fff;
	border-radius: 24px;
	    margin: 0 auto;
	    padding: 8px 5px 8px 1px;
    max-width: 100%;
	    align-items: center;
}


@keyframes pulse-down {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}




.side-widget.widget_tag_cloud {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   direction:rtl;
}

/* استایل عنوان ویجت */
.side-widget .widget-title:before {
        content: '';
    background-color: #ffffff;
    border-right: 3px solid var(--themecolor);
    width: 3%;
    height: 18px;
    position: absolute;
    right: -21px;
    top: 0;
}
.side-widget .widget-title .border {
    width: 10px !important;
    min-width: 10px !important;
    flex: unset;
    height: 3px;
    position: relative;
    top: 10px;
	    background: var(--themecolor);
}
.side-widget .widget-title .border:before {
    content: '';
    border-bottom: 3px solid var(--themecolor);
    width: 21px;
    height: 4px;
    position: absolute;
    right: 0px;
    top: 3px;
       opacity: .2;
}


.side-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
	    position: relative;
		    justify-content: space-between;
			display:flex;
}

/* استایل کانتینر برچسب‌ها */
.side-widget .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* استایل لینک‌های برچسب */
.side-widget .tag-cloud-link {
    display: inline-block;
    background: #f5f5f5;
    padding: 5px 12px;
    border-radius: 3px;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* استایل هاور لینک‌های برچسب */
.side-widget .tag-cloud-link:hover {
    background: #007bff;
    color: #fff;
}
.stickytop10{
	top:10px;
}
aside ul{
	    list-style: none;
}

aside a{
	    color: #2c2c2c;
}
aside a:hover{
	    color: var(--themecolor)
}

.asidpost .linkimg img{
	height: 60px !important;
	border-radius: 30% 70% 33% 67% / 65% 33% 67% 35%;
    object-fit: cover;
    box-shadow: none !important;
    background-color: transparent !important;
    transition: 0.3s;
    padding-top: 0 !important;
	width: 100%;
}
.asidpost .linkimg:hover,.asidpost .linkimg:hover img{
    border-radius: 15px;
}
.asidpost .cont{
	    width: calc(100% - 75px);
    font-size: 14px;
}
.asidpost .linkimg{
	margin-left: 15px !important;
	    border-radius: 30% 70% 33% 67% / 65% 33% 67% 35%;
		width: 60px;
    height: 60px;
    overflow: hidden;
}
.asidpost .tim{
	    color: #545454;
    font-size: 11px;
   position: initial;
    display: block;
}
.asidpost{
	margin-bottom: 20px;
    position: relative;
    /* padding-right: 75px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px;
}



.blog-breadcrumb .box {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px 35px 15px 25px;
    /* border-right: 3px solid var(--harika-primary-color); */
    position: relative;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 3%);
    gap: 5px 0;
	font-weight: 400;
    font-size: 14px;
    color: #585858;
    transition: 0.3s;
    background: #ffffff;
    border-radius: 12px;
    width: 100%;
}
.blog-breadcrumb .box:after {
    content: "";
    width: 3px;
    height: 20px;
    background: var(--themecolor);
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
}
.blog-breadcrumb .box:before{
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTVDMSAxOC4wNjUzIDEuMTY1NTUgMjAuNDYwMyAxLjU4Mjg2IDIyLjMzOEMxLjk5NzY1IDI0LjIwNDQgMi42NDc3NSAyNS40OTc5IDMuNTc0OTIgMjYuNDI1MUM0LjUwMjA5IDI3LjM1MjMgNS43OTU2MSAyOC4wMDIzIDcuNjYxOTkgMjguNDE3MUM5LjUzOTcyIDI4LjgzNDQgMTEuOTM0NyAyOSAxNSAyOUMxOC4wNjUzIDI5IDIwLjQ2MDMgMjguODM0NCAyMi4zMzggMjguNDE3MUMyNC4yMDQ0IDI4LjAwMjMgMjUuNDk3OSAyNy4zNTIzIDI2LjQyNTEgMjYuNDI1MUMyNy4zNTIzIDI1LjQ5NzkgMjguMDAyMyAyNC4yMDQ0IDI4LjQxNzEgMjIuMzM4QzI4LjgzNDQgMjAuNDYwMyAyOSAxOC4wNjUzIDI5IDE1QzI5IDExLjkzNDcgMjguODM0NCA5LjUzOTcyIDI4LjQxNzEgNy42NjE5OUMyOC4wMDIzIDUuNzk1NjEgMjcuMzUyMyA0LjUwMjA5IDI2LjQyNTEgMy41NzQ5MkMyNS40OTc5IDIuNjQ3NzUgMjQuMjA0NCAxLjk5NzY1IDIyLjMzOCAxLjU4Mjg2QzIwLjQ2MDMgMS4xNjU1NSAxOC4wNjUzIDEgMTUgMUMxMS45MzQ3IDEgOS41Mzk3MiAxLjE2NTU1IDcuNjYxOTkgMS41ODI4NkM1Ljc5NTYxIDEuOTk3NjUgNC41MDIwOSAyLjY0Nzc1IDMuNTc0OTIgMy41NzQ5MkMyLjY0Nzc1IDQuNTAyMDkgMS45OTc2NSA1Ljc5NTYxIDEuNTgyODYgNy42NjE5OUMxLjE2NTU1IDkuNTM5NzIgMSAxMS45MzQ3IDEgMTVaIiBzdHJva2U9IiNFRUVFRUUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDExSDIxTTkgMTVIMjFNOSAxOUgyMSIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 25px;
    top: calc(50% - 15px);
}

.blog-breadcrumb a {
    color: #565656;
    margin: 0 5px;
}
.timbox{
	font-size:12px;
	    color: #565656;
}
.readybox:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 2px;
    background: var(--themecolor);
    vertical-align: middle;
    margin-right: 15px;
	    margin-left: 15px ;
}
.flex-leftbottom{
	    display: flex;
        justify-content: flex-start;
    align-items: flex-end;
}

@media screen and (max-width: 869px) {
.topblog .col-md-6.p-5{
	padding:20px !important
}
.topblog {
    background: url(../img/bgblogmob.jpeg);
background-repeat: no-repeat;
padding: 0;
background-size: contain;
}
}

.bgfffborder15{
	    background: #fff;
    border-radius: 15px;
	margin-right: 0;
    margin-left: 0;
}
.writerrow{direction:ltr;}
.writerrow div{direction:rtl;    position: relative;}
.morecontblock .bctitle {
  
    padding-right: 10px;
}
.badge-primary{
	    background: var(--themecolor);
}

.top10{
	top:118px;
}
.css-136kq0d video {
  max-width: 100%;
  }
  
  
  
    ul.tag-list {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      padding: 0;
      margin: 0;
    }

    ul.tag-list li {
      background-color: #fff;
      padding: 8px 18px;
      border-radius: 24px;
      font-size: 14px;
      font-weight: 500;
      display: flex;
      align-items: center;
      color: #444;
      white-space: nowrap;
      position: relative;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      overflow: hidden;
      transition: all 0.3s ease;
    }

    ul.tag-list li::before {
      content: "";
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: rgba(255, 255, 255, 0.3);
      transform: skewX(-25deg);
      transition: all 0.5s ease;
    }

    ul.tag-list li:hover::before {
      left: 130%;
    }

    ul.tag-list li:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    }

    ul.tag-list li span {
      margin-left: 6px;
      font-weight: bold;
    }
	
	@media screen and (max-width: 1024px) {
	.blog-breadcrumb .box:before{
		right: 6px;
	}
	}
	
	
.storepages	.customplayer {
  /*   right: -50px; */
}
.storepages	.storeplay i {
    right: -11px;
}
.storepages	.storeplay {
    bottom: 6px;
}
.float-right{
	float:right;
}
.css-17mdpsb p{color:#fff;}