/*df double imag start*/
/*
.double-image-layout  { display: flex; flex-direction: column; align-items: center; gap: 10px; position: relative; }

.double-image-layout  .img1 { position: relative; z-index: 1; }
.double-image-layout  .img2 { position: absolute; top: 50px; left: 0; right: 0; z-index: 0; opacity: 0.7; }*/
/*
.double-image-layout.left { align-items: flex-start; }
.double-image-layout.right { align-items: flex-end; }
.double-image-layout.center { align-items: center; }


.double-image-layout  .image img { max-width: 100%; height: auto; }
*/


/*df double imag end*/


/*
categpry hovr box

*/
#category-row .elementor-element{
    padding:0!important;
}
#category-row{
    padding:0!important;
    margin:0 !important; ;
}
/* @import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700);
 @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
 */
.category-box-hover {
    direction: rtl;
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    overflow: hidden;
    /*margin: 10px;*/
    /*min-width: 230px;
    max-width: 315px;*/

    max-width: 100%;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
/*    background-color: #000000;*/
}
.category-box-hover *,
.category-box-hover *:before,
.category-box-hover *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.category-box-hover img {
    max-width: 100%;
    padding:.8rem 1.3rem;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
}

.category-box-hover .img-container {
    /*height: 400px;*/
/*  height: 20rem;  width: 50rem;*/
     background-size: 60%;
    background-repeat: no-repeat;
/*    background-position:center center ;*/
    height:40vh;
    background-position: center 46%;
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
}
.category-box-hover .category-box-title  {
    position: absolute;
    font-family: "VazirMatn", Sans-serif;
    top: 68%;
    right: .3rem;
    padding: .4rem .2rem .6rem .3rem;
}
.category-box-hover .category-box-title:before,
.category-box-hover .category-box-title:after {
    /*height: 2px;
    width: 400px;*/
    height: 2px;
    width: 80rem;

    position: absolute;
    content: '';
    background-color: #42493a;
}

.category-box-hover .category-box-title:before {
    top: 0;
    right: .1rem;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.category-box-hover .category-box-title:after {
    bottom: 0;
    left: .1rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.category-box-hover .category-box-title > div:before,
.category-box-hover .category-box-title  >div:after {
    /*width: 2px;
    height: 300px;*/
    width: 2px;
    height: 100rem;
    position: absolute;
    content: '';
    background-color:#b2917c;
}
.category-box-hover.dark .category-box-title > div:before,
.category-box-hover.dark .category-box-title  >div:after,
.category-box-hover.dark .category-box-title:after ,
.category-box-hover.dark  .category-box-title:before {
    /*background-color: #42493a;*/
    background-color: #b2917c;
}

.category-box-hover.dark   {
/*    background-color: #d0d9c6;*/

    background: #e1c6a2;
   /* border-radius:.2rem;*/
    box-shadow: 4px 5px 5px  #bea28f;
}
.category-box-hover.light .category-box-title > div:before,
.category-box-hover.light .category-box-title  >div:after,
.category-box-hover.light .category-box-title:after ,
.category-box-hover.light  .category-box-title:before {

    background-color: #b2917c;
}

.category-box-hover.light   {
  /*  background-color: #f4fceb;*/
    border-radius:.2rem;
    box-shadow: 4px 5px 5px #bea28f;
    background: #f6edd9;
}


.category-box-hover .category-box-title > div:before {
    line-height: 1.4rem;
    top: .1rem;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.category-box-hover .category-box-title > div:after {
    bottom: .1rem;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.category-box-hover h2,
.category-box-hover h4 {
    margin: 0;
    font-family: "VazirMatn", Sans-serif;
    text-transform: uppercase;
}
.category-box-hover h2 {
    color: #222;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: .5rem;
  padding: .35rem .6rem;
  background: #fff;
}
.category-box-hover h4 {
    display: block;
    font-weight: 400;
/*    background-color: #42493a;*/
    padding: .3rem .45rem;
    color: #fff;
    text-align: center;
    font-size: .7rem;
    word-spacing: 3px;
    letter-spacing: 1px;
    background: #ae8c78;
}
.category-box-hover .inner-description {
    position: absolute;
    top: 12%;
    right: 25px;
    text-align: right;
    opacity: 0; 
    padding: .5rem .2rem 1.6rem 2.5rem;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.category-box-hover .inner-description p {
    margin: 0;
    padding: 0.3rem .6rem;
    font-family: "VazirMatn", Sans-serif;
    color:#242424;
    font-size: .7rem;
    line-height: 1.1rem;
}
.category-box-hover a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    right: 0;
}
.category-box-hover:hover img,
.category-box-hover.hover img {
    zoom: 1;
    filter: alpha(opacity=35);
    -webkit-opacity: 0.35;
    opacity: 0.35;
}
.category-box-hover:hover .category-box-title:before,
.category-box-hover.hover .category-box-title:before,
.category-box-hover:hover .category-box-title:after,
.category-box-hover.hover .category-box-title:after,
.category-box-hover:hover .category-box-title div:before,
.category-box-hover.hover .category-box-title div:before,
.category-box-hover:hover .category-box-title div:after,
.category-box-hover.hover .category-box-title div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.category-box-hover:hover .category-box-title:before,
.category-box-hover.hover .category-box-title:before,
.category-box-hover:hover .category-box-title:after,
.category-box-hover.hover .category-box-title:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.category-box-hover:hover .inner-description,
.category-box-hover.hover .inner-description {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.category-box-hover.dark .inner-description p{
    background: rgba(255, 255, 255,.9);
     color:#444;
}
.category-box-hover.light .inner-description p {
    background: rgba(174, 140, 120,.9);
   color:#fff;
}
.category-box-hover .category-box-title {
    right: .3vw;
    min-width: 90%;
  display: block;
}


.df-box-container{
/*    border:1px solid #cfo;*/
    width: 100%;
}

.df-box-container > div,.df-box-container .elementor-shortcode{
    /*    border:1px solid #cfo;*/
    width: 100%;
}


/*mission*/
.mission-box{
  margin-bottom: 3rem !important;
  margin-top: 1rem !important;
    
}
 




/*start blog carousl need to edit*/

/*font face*/
@font-face {
    font-family: 'Vazirmatn-FD-Black';
    src: url(../fonts/Vazirmatn-FD-Black.eot);
    src: url(../fonts/Vazirmatn-FD-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-Black.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-Black.svg#Vazirmatn-FD-Black) format('svg'),
    url(../fonts/Vazirmatn-FD-Black.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-Black.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-Black.woff2) format('woff2');
}

@font-face {
    font-family: 'Vazirmatn-FD-Bold';
    src: url(../fonts/Vazirmatn-FD-Bold.eot);
    src: url(../fonts/Vazirmatn-FD-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-Bold.woff2) format('woff2'),
    url(../fonts/Vazirmatn-FD-Bold.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-Bold.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-Bold.svg#Vazirmatn-FD-Bold) format('svg'),
    url(../fonts/Vazirmatn-FD-Bold.otf) format('otf');
}
@font-face {
    font-family: 'Vazirmatn-FD-ExtraBold';
    src: url(../fonts/Vazirmatn-FD-ExtraBold.eot);
    src: url(../fonts/Vazirmatn-FD-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-ExtraBold.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-ExtraBold.svg#Vazirmatn-FD-ExtraBold) format('svg'),
    url(../fonts/Vazirmatn-FD-ExtraBold.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-ExtraBold.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-ExtraBold.woff2) format('woff2');
}

@font-face {
    font-family: 'Vazirmatn-FD-ExtraLight';
    src: url(../fonts/Vazirmatn-FD-ExtraLight.eot);
    src: url(../fonts/Vazirmatn-FD-ExtraLight.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-ExtraLight.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-ExtraLight.svg#Vazirmatn-FD-ExtraLight) format('svg'),
    url(../fonts/Vazirmatn-FD-ExtraLight.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-ExtraLight.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-ExtraLight.woff2) format('woff2');
}

@font-face {
    font-family: 'Vazirmatn-FD-Light';
    src: url(../fonts/Vazirmatn-FD-Light.eot);
    src: url(../fonts/Vazirmatn-FD-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-Light.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-Light.svg#Vazirmatn-FD-Light) format('svg'),
    url(../fonts/Vazirmatn-FD-Light.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-Light.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-Light.woff2) format('woff2');
}
@font-face {
    font-family: 'Vazirmatn-FD-Medium';
    src: url(../fonts/Vazirmatn-FD-Medium.eot);
    src: url(../fonts/Vazirmatn-FD-Medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-Medium.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-Medium.svg#Vazirmatn-FD-Medium) format('svg'),
    url(../fonts/Vazirmatn-FD-Medium.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-Medium.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-Medium.woff2) format('woff2');
}
@font-face {
    font-family: 'Vazirmatn-FD-Regular';
    src: url(../fonts/Vazirmatn-FD-Regular.eot);
    src: url(../fonts/Vazirmatn-FD-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-Regular.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-Regular.svg#Vazirmatn-FD-Regular) format('svg'),
    url(../fonts/Vazirmatn-FD-Regular.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-Regular.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Vazirmatn-FD-SemiBold';
    src: url(../fonts/Vazirmatn-FD-SemiBold.eot);
    src: url(../fonts/Vazirmatn-FD-SemiBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-SemiBold.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-SemiBold.svg#Vazirmatn-FD-SemiBold) format('svg'),
    url(../fonts/Vazirmatn-FD-SemiBold.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-SemiBold.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-SemiBold.woff2) format('woff2');
}
@font-face {
    font-family: 'Vazirmatn-FD-Thin';
    src: url(../fonts/Vazirmatn-FD-Thin.eot);
    src: url(../fonts/Vazirmatn-FD-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Vazirmatn-FD-Thin.otf) format('otf'),
    url(../fonts/Vazirmatn-FD-Thin.svg#Vazirmatn-FD-Thin) format('svg'),
    url(../fonts/Vazirmatn-FD-Thin.ttf) format('truetype'),
    url(../fonts/Vazirmatn-FD-Thin.woff) format('woff'),
    url(../fonts/Vazirmatn-FD-Thin.woff2) format('woff2');
}
@font-face {
    font-family: 'payeez';
    src: url(../fonts/payeez.eot);
    src: url(../fonts/payeez.eot?#iefix) format('embedded-opentype'),
    url(../fonts/payeez.otf) format('otf'),
    url(../fonts/payeez.svg#payeez) format('svg'),
    url(../fonts/payeez.ttf) format('truetype'),
    url(../fonts/payeez.woff) format('woff'),
    url(../fonts/payeez.woff2) format('woff2');
}
/*font-class*/
.payeez,.payeez p,.payeez h1,.payeez h2,.payeez div,.payeez span ,.payeez *,.payeez h3,.payeez h4,.payeez h5,.payeez h6 {
    font-family:'payeez' !important;
}
#banner-head p{
      font-family:'payeez' !important; 
}
/*owl carousel product*/
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item .item {
    width: auto;
    height: 100%;
    background:#f3f3f3;
}

#last-product-carousel  .owl-nav.disabled{
    display: block !important;
}
#last-product-carousel  .item{
    border: 2px solid #29aae5;

}

.owl-carousel .owl-item{
    margin-bottom: 10px;
    /*     border:2px solid #29aae5;
        border-radius: 5px;
       box-shadow:  0px 4px 8px #888888;*/
}
.owl-carousel.course-carousel .owl-item .item{
    box-shadow: 0px 6px 6px #888;
    overflow: auto;
    border-radius: 5px;
}
.owl-carousel .owl-item .item .hashtag{}

.owl-carousel .owl-item .item .hashtag span{}
.owl-carousel .owl-item .item .hashtag p{
    margin-bottom: 0 !important;
    background: #f3f3f3;
    color: #03c9aa;
    display: inline;
    position: absolute;
    top: 1em;
    right: 1em;
    padding: 3px 8px;
    border-radius: 5px;
    font-family: 'Vazirmatn-FD-Thin';
    font-size: 13px;
}

.owl-carousel.course-carousel .owl-item .item-img img{
    width: 100%;
}
.owl-carousel.course-carousel .owl-item .item-img{

    min-height: 200px;
    background-image: linear-gradient(0deg, #29aae5 0%, rgba(41, 170, 229,.1) 50%, rgba(41, 170, 229,0) 100%);
    background-position: top left;
    background-size:cover ;
}
.owl-carousel .owl-item .image-gradient{
    width: 100%;
    min-height: 200px;
    background: linear-gradient(0deg, #29aae5 0%, rgba(41, 170, 229,.1) 50%, rgba(41, 170, 229,0) 100%);
    position: absolute;
    top: 0;
}
.owl-carousel .owl-item .item-content{
    padding:.5em 1.2em;
}
.owl-carousel .owl-item .item-content p{
    margin:0;
}
.owl-carousel .owl-item .item-content .item-title{
    margin-top:1em;
    margin-bottom:.1em;
}
.owl-carousel .owl-item .item-content .item-title p{
    color: #29aae5;
    font-weight: 700;
    font-size: 17px;
    font-family: 'Vazirmatn-FD-Bold';
}
.owl-carousel .owl-item .item-content .item-teacher i,.owl-carousel .owl-item .item-content .item-school i{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
}
.owl-carousel .item-content{
    background:#f3f3f3;
    padding: 5px 10px;
    font-family: 'Vazirmatn-FD-Regular';
}

.owl-carousel .owl-item .item-content-detail{
    display: flex;
    flex-basis: auto;
    margin-bottom:.8em;
}
.owl-carousel .owl-item .button-content{
    display: flex;
    margin-bottom:.8em;
    flex:  0 auto 0;
}
.owl-carousel .owl-item .button-content i{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
}
.owl-carousel .owl-item .button-content .price-button.normal-style{
    padding:7px 8px;
    background: #fff;
    border-radius: 9px;
}
.owl-carousel .owl-item .button-content .price-button.sale-style{
    padding:1px 2px;
    background: #fff;
    border-radius: 9px;
}
.owl-carousel .owl-item .button-content{
    text-align: center;
    /*    background: #fff;*/
    border-radius:5px ;
    font-size:10px;
}
.owl-carousel .owl-item .button-content .regular-price-box {
    /*  border:1px solid #ccc;*/
}
.owl-carousel .owl-item .button-content .regular-price-box .sale-price{
    font-size: 13px;
}
.owl-carousel .owl-item .button-content .price-button.sale-style  .regular-price{
    font-size: 11px;
    text-decoration: line-through;
    text-decoration-color: #E5B711;
}

.owl-carousel .owl-item .button-content  .sale-price-box{
    display: block;
    font-size: 14px;
    padding-left: 5px;
}
.owl-carousel .owl-item .button-content  .sale-price-box .sale-price{
    line-height: 16px;
}
.owl-carousel .owl-item .button-content .sale-price-box  .regular-price{
    line-height: 16px;
    text-decoration: line-through;
    color: #a6a6a6;
    font-size: 11px;
    padding-left:5px ;
}
.sale-price-box{
    display: flex;
}
.owl-carousel .owl-item .button-content .item-price {
    font-family: 'Vazirmatn-FD-Regular';
    font-size: 12px;
    padding: 4px 3px;
}
.owl-carousel .owl-item .button-content  .price-currency{
    font-family: 'Vazirmatn-FD-Regular';
    font-size: 10px;
}
.owl-carousel .owl-item .button-content .shop-button{
    background: #03c9aa;
    /*padding: 5px 7px;*/
    border-radius: 5px;
    flex-basis: auto;
    margin-left: auto;
    display: inherit;
    /*min-width: 20px;*/
    padding: 5px 12px;
}
.owl-carousel .owl-item .button-content .shop-button img{
    margin-top:3px;
}
.owl-carousel .owl-item .button-content .shop-button img,.owl-carousel .owl-item .button-content .training-path-button img{
    min-width: 15px;

}
.price-button{
    flex-basis: 80%;
    margin: 0 16px;
}

.owl-carousel .owl-item .button-content .training-path-button{
    background: #26b9fc;
    /* min-width: 20px;*/
    padding: 5px 12px;
    display: inherit;
    border-radius: 5px;
    flex-basis: auto;
    margin-right: auto;
}

.owl-carousel .owl-item .item-content .item-school{
    margin-right: auto;
    order: 2;
    font-size:10px;
}
.owl-carousel .owl-item .item-content .item-teacher{
    margin-left: auto;
    order: 1;
    font-size:10px;
    color:#2fbcbc;
}
.item-teacher span{
    margin-right:3px;
}
.item-school span{
    margin-left:3px;
}
#article-carousel [type="button"],.article-slider [type="button"]{
   border: 1px solid #e5e5e5 !important;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: .75rem !important;
    color: #444 !important;
    display: block;
    text-align: center;
}
#article-carousel [type="button"]:hover{
    background:#d0d9c6;
    transition:500ms ease-in-out;
}
#article-carousel [type="button"]{
    background:none;
    transition:500ms ease-in-out;
}
.owl-prev{
    position: absolute; 
    font-size:1rem;
    font-weight: 700;
}
.owl-next{
    position: absolute; 
    font-size: 1rem;
    font-weight: 700;
}
#offer-product-carousel  .item,#faviorate-product-carousel  .item ,#single-product-carousel .item,#pack-product-carousel .item,
#offer-product-carousel  .item-content,#faviorate-product-carousel  .item-content ,#single-product-carousel .item-content{
    /*background:#ccf2e7;*/
}
/*,#pack-product-carousel .item-content*/
#offer-product-carousel .image-gradient,#faviorate-product-carousel  .image-gradient ,#single-product-carousel  .image-gradient,#pack-product-carousel .image-gradient{
    display: none;
    background:transparent;
}
.article-slider .owl-nav,
#offer-product-carousel .owl-nav,
#pack-product-carousel .owl-nav,
#offer-product-carousel .owl-carousel .item-nav,#faviorate-product-carousel .owl-nav{
    display: block !important;
}
#offer-product-carousel  .item-content,#faviorate-product-carousel  .item-content,#single-product-carousel .item-content,#pack-product-carousel .item-content{
    border-top:2px solid #29aae5;
}
.inline-head >div{
    display: inline-block;
    overflow: auto;
}
/*search*/
#fake-search-box{
    border:1px solid #29aae5;
    font-size:11px;
    border-radius:10px ;
    display: flex;

    line-height: 20px;

}
#search-icon-box{
    display: block;
    line-height: 20px;
}
#fake-search-box i{
    font-size: 15px;
    color: #29aae5;
    vertical-align: middle;
    padding: 10px 15px;
    line-height: 20px;
}
#fake-search-input{
    margin-right: 5px;
    line-height: 20px;
    border:0; outline: 0;
    height: 23px;
}
.search-filter-box{
    flex: 25%;
    text-align: center;
}
.search-filter-box i{
    font-size:30px;
}
.search-filter-box img{
    width: 35px;
}

#search-filter-inner{

    margin-top: 30px;
    display: flex;
}
#search-filter-container{
    width: 30%;
    margin:5px auto;
    /*    flex:25% 25% 25% 25%;*/
}
/*course list*/
.latest-course-list{
    padding-right: 30px;
}
.course-item{

    font-family: 'Vazirmatn-FD-Light';
    display: flex;
    margin-bottom:6px;
}
.course-item p{
    font-family: "Vazirmatn-FD-Medium";
    padding-left:5px;
    font-size:14px;
    margin-bottom: 0 !important;
}
.course-icon img{
    width:16px;
}
.course-icon{
    padding-left:5px;
}
.course-time{
    color:#26b9fc;
    font-family: "Vazirmatn-FD-Medium";
    padding-left:5px;
    font-size:14px;
}


/*professor carousel*/
#article-carousel.owl-carousel .item,.article-slider .item,.article-slider .owl-item{
    /*border-radius:15px;*/
    background: none !important;
}

.article-item{
    border-radius:15px;
    background: transparent;
/*    background:#ccf2e7 ;*/

}
.article-gradient{
    border-radius:15px 15px 0 0 ;
    position: absolute;
    top: 0;
    background-image: linear-gradient(0deg, rgba(204, 242, 231,1) 0%, rgba(204, 242, 231,.5) 30%,rgba(204, 242, 231,0) 70%, rgba(204, 242, 231,1) 100%);
    height: 601px;
    z-index: 0;
    width: 100%;
}
.article-image{
      border: 1px solid #fff;
    border-radius:.1rem .1rem 0 0 ;
}
.article-image img{
    width: 70% !important;
    margin: auto;
    padding: 1.6rem .4rem;
}
.article-comment{display: flex;}
.article-comment img{
    margin-left: 4px;
}
.article-time{display: flex;}
.article-icon{
    z-index: 99999;
    position: absolute;
    top: 13px;
    right: 10px;
}


.article-detail h4 {
    text-align:center;
    margin-bottom: .6rem;
    margin-top: 1rem;
    color: #444;
}
.article-detail h4 a{
    color: #444;
    display:block;
    width:100%;
    font-size: .9rem;
    font-weight: 600;
    text-align: center;
    font-family: "VazirMatn", Sans-serif;
   
    
}

.article-content .post-btn{
   position: relative;
    bottom: 0px;  
    font-family: "VazirMatn", Sans-serif;
    text-align: center;
     

}
.article-content .post-btn a{
    
    color: #fff;
    font-size: .8em;
    font-weight: 400;
    background:#E0C6A3;
    text-align: center;
    font-family: "VazirMatn", Sans-serif;  max-width: 8rem;
    display: block;
    padding: .4rem 1.6rem;
    position: relative;
    margin: auto;
}
.article-content{
    position:relative;
    border:1px solid #F5F5F5;
    padding:5px 7px 10px 7px ;
    padding: 5px 17px 14px 17px;
    z-index: 4;
    position: relative;
    background:none ;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -3rem;
    z-index: 9999;
    background: #fff;
}
.article-content p {
    color: #444;
    font-size:.75rem;
    line-height:.95rem;
    font-weight: 400;
    text-align: center; 
    font-family: "VazirMatn", Sans-serif;
}
.article-hashtag{
    font-size: 13px;
    margin-left: 3px;
    font-family: "Vazirmatn Light";
    display: flex;
}
.article-hashtag-box{
    padding-left: 1px;
}
.article-time{
    margin-top:5px;
}
.article-time i{
    margin-left: 4px;
    font-size: 13px;
    margin-top: 7px;
}
.article-btn{
    display: flex;
    margin-top:8px;
}
       
       
       

   
@media only screen and (max-width: 600px) {
    
.category-box-hover .img-container {
    background-size:contain !important;
}
     .article-slider .owl-prev{ 
    left: 30%;  
    }
    .article-slider .owl-next{ 
    right: 30%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
    .category-box-hover .img-container {
     background-size:contain !important;
}
     .article-slider .owl-prev{ 
    left: 38%;  
    }
    .article-slider .owl-next{ 
    right: 38%;
    }   
    .category-box-hover {
        padding:.4rem .5rem;
    }
}

@media only screen and (min-width: 601px) and (max-width: 960px) {
    .category-box-hover .img-container {
    background-size:contain !important;
    }
    .category-box-hover {
        padding:1.4rem 1.5rem;
    }
    .article-slider .owl-prev{ 
    left: 41%;  
    }
    .article-slider .owl-next{ 
    right: 41%;
    }
}
@media only screen and (min-width: 961px) and (max-width: 1200px) {
    
    .article-slider .owl-prev{ 
    left: 44.5%;  
    }
    .article-slider .owl-next{ 
    right: 44.5%;
    }
} 
@media only screen and (min-width: 1201px) and (max-width: 1600px) {
     #mission-img{
           background-size: 100% 100%;
    background-position: center center;
 } 
     .article-slider .owl-prev{ 
    left: 46.5%;  
    }
    .article-slider .owl-next{ 
    right: 46.5%;
    }
}
@media only screen and (min-width: 1601px)  {
  #mission-img{
        background-size: 80%;
 }  
    .article-slider .owl-prev{ 
    left: 46.5%;  
    }
    .article-slider .owl-next{ 
    right: 46.5%;
    }

}



.article-rate{
    /*    align-items:first;*/
    color:#fff;
    font-family: 'Vazirmatn-FD-Medium';
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    padding: 4px 10px;
    background:#000;
    margin-left:auto;
}
.article-rate i{
    margin-right:3px;
}
.article-link{

    font-family: 'Vazirmatn-FD-Medium';
    font-size: 13px;
    font-weight: 500;
    color:#000;
    margin-right:auto;
    padding: 4px 10px;
    border-radius: 5px;
    color:#fff;
    background:#03c9aa;
}
.article-comment img{
    margin-top:3px;
    width: 14px !important;
    height: 14px !important;
    margin-top: 7px;
}
.amu-btn{}
.amu-btn .banner-btn{}
.amu-btn .btn-inner{
    display: flex;
}
.amu-btn .btn-text{
    color:#000;
    background:#fff;
    border:1px solid #2bad73;
    border-radius: 8px 0 8px 0;
    padding:3px 6px;
    padding-right: 16px;
    text-align: center;
}
.amu-btn .btn-icon i{
    font-size: 17px;
}
.amu-btn .btn-icon{
    color:#fff;
    text-align: center;
    background:#2bad73;
    padding:3px;
    border-radius: 50%;
    z-index: 2;
    margin-left:-14px;
}
.amu-btn .btn-circle{
    border:1px solid #fff;
    border-radius: 50%;
    width:32px;
    height:30px;
    text-align: center;
}
#search-icon-box{
    cursor: pointer;
}
/*amu btn more*/
.amu-btn-more{}

.amu-btn-more  .banner-btn{}
.amu-btn-more .btn-inner{
    display: flex;
}
.amu-btn-more  .btn-text{
    color:#26B9FC;
    /*padding:3px 6px;
    padding-right: 16px;
    text-align: center;*/
    font-size: 15px;
    font-weight: 500;
    font-family: 'Vazirmatn-FD-Medium';
}
.amu-btn-more .btn-icon i{
    font-size: 14px;
    margin-right: 7px;
    margin-top: -5px;
}
.amu-btn-more .btn-icon{
    color:#26B9FC;
    text-align: center;
    margin-top: -2px;
    /* padding:3px;*/
    /*margin-left:-14px*/;
}
/*search controller*/
.btn-search-controller{}
.btn-search-controller .btn-search-controller-text{
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    font-family: 'Vazirmatn-FD-Medium';
}
.btn-search-controller  .btn-search-controller-inner{
    display: flex;
    float: left;
    color:#26b9fc;
}
.btn-search-controller .btn-search-controller-icon{
    margin-right:7px;
    margin-top: -5px;
}

/*amu*/
#icon-footer i{
    font-size: 16px;
}
#icon-footer{
    background: #fff;
    border-radius: 50%;
    padding: 4px 9px;
    /*top: -60%;
    margin-top: -90%;*/
    position: relative;
    margin-top: -30px;
}
#top-header{
    
    box-shadow: 0px 6px 6px #eee;
}
#icon-header {
    font-size: 25px;
    border-radius: 50%;
    /*bottom: -60%;*/
    position: relative;
    margin-bottom: -50px;
    width: 45px;
    margin-left: auto;
    margin-right: auto;
    z-index: 9999;
}
#icon-header i{
    font-size: 25px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-bottom: -3px;
    width: 35px;
    height: 35px;
    margin: auto;
    margin-bottom: auto;
    margin-top: -35px;
}



#top-header-logo{
    z-index: 1;
    position:relative;
    z-index: 9999;
}

@media only screen and (max-width: 767px) {
    #icon-header{
        display: none;
    }
    #icon-header-mobile{
        display: block;
        border-radius: 50%;
        background: #fff;
        margin-top: -54px;
        z-index: 9999;
        width: 54px;
        margin: auto;
        margin-top: auto;
        margin-top: -22px;
    }

    #top-header-logo{
        width: 200px;
        margin: auto;
        margin-bottom: -100px;
    }
    #header-icon-mobile{
        width: 103px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: -60px;
    }

}
@media only screen and (min-width: 768px)  {
    #icon-header{
        display: block;
    }
    #icon-header-mobile{
        display: none;
    }
    #top-header-logo{
        margin-bottom: -50%;
    }
}
#top-header{

    padding-bottom: 0;
}
#bottom-header{
    padding-top: 0;
}
/*banner*/
#price-off-banner p{

}

#banner-editor{}
#banner-editor p{
    line-height: 50px;
    margin-bottom:0;
}
#banner-editor strong{
    font-size: 40px;
    font-weight: 400;

    font-family: 'Vazirmatn-FD-Medium';
}
#left-banner{padding: 0;}
#left-banner img{}
#center-banner{padding: 0;}
/*right aside*/
#right-aside,#productlist-title-row ,#productlist-title-row> .elementor-element{
    /*padding-right: 0;
    padding-top: 0;*/
}
#search-title{
    /*    margin-right: -18%;*/
    position: absolute;
    right: 0;
}
#search-title,#search-title-container,#left-aside,#search-title-row ,#search-title-row> .elementor-element{
    /*padding-right: 0;
    padding-top: 0;*/
}

.under-publication-course{

    font-family: "Vazirmatn Medium";
    border:1px solid #26b9fc;
    border-radius: 18px;
    display: flex;
}
.under-publication-course-right{
    max-width: 30%;
    flex: 30%;
}
.under-publication-course .course-img{
    border-radius:  0 18px 18px 0 ;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.under-publication-course .course-img img{
    border-radius:  0 18px 18px 0 ;
}
.under-publication-course .hashtag{
    position: absolute;
    top:20px;
    right: 15px;
    padding:4px 5px ;
    font-size: 12px;
    background:#f3f3f3 ;
    border-radius: 15px;
    color: #30bebe;

    font-family: 'Vazirmatn-FD-Thin';
}
.under-publication-course .title-row{
    display: flex;
    font-family: 'Vazirmatn-FD-Thin';
}
.under-publication-course .title-row .course-title{
    font-weight: 500;
    font-size: 22px;
    font-family: "Vazirmatn Medium";
    color:#26b9fc;
    margin-left: auto;
}
.under-publication-course .teacher-title i{
    margin-right: 8px;
}
.under-publication-course .teacher-title{
    color: #03c9aa;
    margin-right: auto;
    font-size: 11px;
    font-family: "Vazirmatn-FD-Regular";
}
.under-publication-course .progress-row{
    flex:60%;
}
@media only screen and (max-width: 1200px) {
    .time-box-container{
        margin-top:20px;
        margin-bottom:20px;
    }
    .middle-row{
        display: block !important;
    }
    .under-publication-course .progress-row{
        flex:100%;
    }
}
.under-publication-course  .btn-conainer{
    display: flex;
    margin-top: 15px;
}
.under-publication-course  .shop-icon{
    background: #03c9aa;
    text-align: center;
    background: #03c9aa;
    padding: 4px 9px;
    border-radius: 8px;
}
.under-publication-course  .shop-icon i{
    margin-top: 4px;
}
.under-publication-course  .price{
    color:#000;
    margin-right: 10px;
    background:#f3f3f3 ;
    margin-right: 4px;
    font-family: Vazirmatn-FD-Regular;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    padding: 3px 8px;
    border-radius: 6px;
    margin-right: 10px !important;
}
.under-publication-course  .pre-buy-btn{
    background: #03c9aa;
    text-align: center;
    padding: 4px 9px;
    border-radius: 8px;
    margin-right: 15px;
}
.under-publication-course  .notif-buy-btn i{
    margin-top: 2px;
}
.under-publication-course  .notif-buy-btn{
    background: #26b9fc;
    text-align: center;
    padding: 4px 9px;
    margin-right: auto;
    border-radius: 8px;
}
.under-publication-course-left{
    padding: 17px 28px;
    flex:70%;
}

.under-publication-course  .progress-tag{
    color:#000;
}
.under-publication-course  .progress-bar{
    width: 100%;
    padding: 4px 2px;
    background:#f3f3f3 ;
    height: 18px;
    border-radius: 8px;
}
.under-publication-course .middle-row{
    display: flex;
}
.under-publication-course .time-box-container{
    flex:40%;
    display: flex;
}
.under-publication-course .time-box{
    width: 20px;
    height: 46px;
    flex: 20%;
    color: #000;
    border-radius: 5px;
    margin-right: 4px;
    font-family: Vazirmatn-FD-Regular;
    font-size: 12px;
    background: #f3f3f3;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 6px;
}

.under-publication-course .time-box.sec{
    margin-right: 19px;
}
.under-publication-course .time-box span{
    color:#03c9aa;
}
.under-publication-course  .value{
    font-family: Vazirmatn-FD-regular;
    font-size: 14px;
    color: #000;
}

.under-publication-course .progress-bar-inner{
    background: #26B9FC;

    border-radius: 8px;
    /*width: 50%;*/
    height: 10px;
    border-radius: 8px;
}
/*toggle menu*/
.burger {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    background: white;
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    transition: all .5s ease;
    margin: 1em;
}
.burger:hover {
    background: rgb(56 56 56);
}
.burger-strip {
    transition: all .5s ease;
}
.strip div {
    height: 3px;
    border-radius: 2px;
    background: rgb(56 56 56);
    margin: 10px;
    transition: all .55s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 40px;
}
.burger:hover .strip div {
    background: white;
}
/* BURGER 1 */
.burger-strip div:first-child {
    width: 16px;
}
.burger-strip div:last-child {
    width: 28px;
}
.burger:hover .burger-strip div:first-child {
    transform: rotate(45deg) translateY(1px) translateX(5px);
}
.burger:hover .burger-strip div:nth-child(2) {
    transform: rotate(-45deg);
}
.burger:hover .burger-strip div:last-child {
    transform: rotate(45deg) translateY(-13px) translateX(2px);
}

/* BURGER 5 */
.burger-strip-5 div {
    /* margin: 10px auto; */
    transition: all .65s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.burger:hover .burger-strip-5 div:first-child {
    transform: translateY(13px) rotate(0deg) ;
}
.burger:hover .burger-strip-5 div:nth-child(2) {
    opacity: 0;
}
.burger:hover .burger-strip-5 div:last-child {
    transform: translateY(-13px) rotate(90deg) ;
}
.burger:hover .burger-strip-5 {
    transform: scale(.7) rotate(45deg);
    transition: all .25s ease .05s;
}
/*end blog carousel */

/*start owl carousel need edit*/

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item .item {
    width: auto;
    height: 100%;
/*    background:#f3f3f3;*/
}

#last-product-carousel  .owl-nav.disabled{
    display: block !important;
}
#last-product-carousel  .item{
    border: 2px solid #29aae5;
}
.article-slider  .owl-dots{
    display: none;
}
.owl-carousel  .owl-nav{
    position: relative !important;


    font-size: 18px;
    font-weight: 700;
}
.owl-carousel:not(.article-slider) .owl-nav{
    width: 100%!important;
    z-index: 9999!important;
    background: #ccc;
    color:#29aae5;
    top: -51% !important;
}
.article-slider .owl-prev::before{
    border-top: 1px solid #617051;
    content: "";
    float: left;
    height: 1px;
    left: -61px;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 60px;
}
.article-slider .owl-prev::after {
    border-bottom: 1px solid #617051;
    content: "";
    height: 1px;
    left: -41px;
    position: absolute;
    top: 15px;
    width: 40px;
}
.article-slider .owl-next::after {
    border-bottom: 1px solid #617051;
    content: "";
    height: 1px;
    right: -41px;
    position: absolute;
    top: 15px;
    width: 40px;
}
.article-slider  .owl-next::before {
    border-top: 1px solid #617051;
    content: "";
    height: 1px;
    right: -61px;
    position: absolute;
    top: 10px;
    width: 60px;
}
.owl-carousel.article-slider .owl-nav button{
    border: 1px solid #617051 !important;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: .75rem !important;
    color: #617051 !important;
    display: block;
    text-align: center;
    background:none !important ;
}
.owl-carousel.article-slider .owl-nav{
    width: 100% !important;
    z-index: 9999 !important;
    background: #ccc;
    color: #29aae5;
    margin-top: 1rem ;
/*    margin-top: -3rem !important;*/
    overflow: auto;
    height: auto;
    min-height: 3rem;
    background: none;
}

.owl-carousel .owl-item{
    margin-bottom: 10px;
    /*     border:2px solid #29aae5;
        border-radius: 5px;
       box-shadow:  0px 4px 8px #888888;*/
}

.owl-carousel.course-carousel .owl-item .item{
    box-shadow: 0px 6px 6px #888;
    overflow: auto;
    border-radius: 5px;
}
.owl-carousel .owl-item .item .hashtag{}

.owl-carousel .owl-item .item .hashtag span{}
.owl-carousel .owl-item .item .hashtag p{
    margin-bottom: 0 !important;
    background: #f3f3f3;
    color: #03c9aa;
    display: inline;
    position: absolute;
    top: 1em;
    right: 1em;
    padding: 3px 8px;
    border-radius: 5px;
    font-family: 'Vazirmatn-FD-Thin';
    font-size: 13px;
}

.owl-carousel.course-carousel .owl-item .item-img img{
    width: 100%;
}
.owl-carousel.course-carousel .owl-item .item-img{

    min-height: 200px;
    background-image: linear-gradient(0deg, #29aae5 0%, rgba(41, 170, 229,.1) 50%, rgba(41, 170, 229,0) 100%);
    background-position: top left;
    background-size:cover ;
}
.owl-carousel .owl-item .image-gradient{
    width: 100%;
    min-height: 200px;
    background: linear-gradient(0deg, #29aae5 0%, rgba(41, 170, 229,.1) 50%, rgba(41, 170, 229,0) 100%);
    position: absolute;
    top: 0;
}
.owl-carousel .owl-item .item-content{
    padding:.5em 1.2em;
}
.owl-carousel .owl-item .item-content p{
    margin:0;
}
.owl-carousel .owl-item .item-content .item-title{
    margin-top:1em;
    margin-bottom:.1em;
}
.owl-carousel .owl-item .item-content .item-title p{
    color: #29aae5;
    font-weight: 700;
    font-size: 17px;
    font-family: 'Vazirmatn-FD-Bold';
}
.owl-carousel .owl-item .item-content .item-teacher i,.owl-carousel .owl-item .item-content .item-school i{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
}
.owl-carousel .item-content{
    background:#f3f3f3;
    padding: 5px 10px;
    font-family: 'Vazirmatn-FD-Regular';
}

.owl-carousel .owl-item .item-content-detail{
    display: flex;
    flex-basis: auto;
    margin-bottom:.8em;
}
.owl-carousel .owl-item .button-content{
    display: flex;
    margin-bottom:.8em;
    flex:  0 auto 0;
}
.owl-carousel .owl-item .button-content i{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
}
.owl-carousel .owl-item .button-content .price-button.normal-style{
    padding:7px 8px;
    background: #fff;
    border-radius: 9px;
}
.owl-carousel .owl-item .button-content .price-button.sale-style{
    padding:1px 2px;
    background: #fff;
    border-radius: 9px;
}
.owl-carousel .owl-item .button-content{
    text-align: center;
    /*    background: #fff;*/
    border-radius:5px ;
    font-size:10px;
}
.owl-carousel .owl-item .button-content .regular-price-box {
    /*  border:1px solid #ccc;*/
}
.owl-carousel .owl-item .button-content .regular-price-box .sale-price{
    font-size: 13px;
}
.owl-carousel .owl-item .button-content .price-button.sale-style  .regular-price{
    font-size: 11px;
    text-decoration: line-through;
    text-decoration-color: #E5B711;
}

.owl-carousel .owl-item .button-content  .sale-price-box{
    display: block;
    font-size: 14px;
    padding-left: 5px;
}
.owl-carousel .owl-item .button-content  .sale-price-box .sale-price{
    line-height: 16px;
}
.owl-carousel .owl-item .button-content .sale-price-box  .regular-price{
    line-height: 16px;
    text-decoration: line-through;
    color: #a6a6a6;
    font-size: 11px;
    padding-left:5px ;
}
.sale-price-box{
    display: flex;
}
.owl-carousel .owl-item .button-content .item-price {
    font-family: 'Vazirmatn-FD-Regular';
    font-size: 12px;
    padding: 4px 3px;
}
.owl-carousel .owl-item .button-content  .price-currency{
    font-family: 'Vazirmatn-FD-Regular';
    font-size: 10px;
}
.owl-carousel .owl-item .button-content .shop-button{
    background: #03c9aa;
    /*padding: 5px 7px;*/
    border-radius: 5px;
    flex-basis: auto;
    margin-left: auto;
    display: inherit;
    /*min-width: 20px;*/
    padding: 5px 12px;
}
.owl-carousel .owl-item .button-content .shop-button img{
    margin-top:3px;
}
.owl-carousel .owl-item .button-content .shop-button img,.owl-carousel .owl-item .button-content .training-path-button img{
    min-width: 15px;

}
/*end owl carpusel need edit*/

/* background:  linear-gradient(0deg, rgba(244, 252, 235, 1) 0%,rgba(89 ,124, 50,1) 20%, rgba(37 ,89, 0,1) 50%, rgba(89 ,124, 50,1) 75%, rgba(244, 252, 235, 1) 100%);*/




/*modal message*/
.modal-meesage{
    position : fixed;
   top : 50%;
    left : 50%;
    transform : translate(-50%, -50%);
    background-Color : white ;
   padding : 20px !important;
   border : 1px solid #ccc !important;
   border-Radius : 8px;
   box-shadow : 0 4px 8px rgba(0, 0, 0, 0.2);
   z-index : 1000;
    
}
.modal-meesage-header{}
.modal-meesage-header i{}
.modal-meesage-body{}
.modal-meesage-body p{}
/*modal message*/

.mid-hoverbox {
    font-family: "VazirMatn", Sans-serif;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: .09rem;
    min-width: 4vh;
    max-width: 100%;
    width: 100%;
    background-color: rgba(249, 235 ,209,.75);
    color: #ffffff;
    text-align: center;
    font-size: 1.4rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}


.mid-hoverbox * {
    font-family: "VazirMatn", Sans-serif;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mid-hoverbox img {
    max-width: 100%;
    vertical-align: top;
}
.mid-hoverbox figcaption {
    font-family: "VazirMatn", Sans-serif  !important;
    position: absolute  !important;
    height: 5.5rem;
    left: 1rem  ;
    right: 1rem  ;
    overflow: hidden;
    padding: .1rem;
    background-color: rgba(235 ,234 ,218 , 0.9);
    text-align: right;
}

.midtop-hoverbox figcaption{
    font-family: "VazirMatn", Sans-serif !important;
    position: absolute  ;
    left: 1rem   ;
    right: 1rem ;
    top: 1rem   ;
}
.midbot-hoverbox figcaption{
    font-family: "VazirMatn", Sans-serif;
    font-family: normal;
    position: absolute;

    left: 1rem;
    right: 1rem;
    bottom: 1rem;
}

.mid-hoverbox h3 {
    font-family: "VazirMatn", Sans-serif;
    color:#444;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3rem; 
    margin-top: .6rem;
    border-bottom:2px solid #e3ceaf;
    padding-bottom: .8rem;
     font-style: normal; 
}
.mid-hoverbox h5 {
    font-size: 1rem;
    font-weight: 400;
    font-family: "VazirMatn", Sans-serif;
    margin: 0;
    text-transform: uppercase;
    color: #bbb;
    color:#444;
    text-align: center;
      letter-spacing: .03rem;
    margin-top: .7rem;
    margin-bottom: .6rem;
    font-style: normal; 
    padding: 0 .1rem;
}
.mid-hoverbox blockquote {
    font-family: "VazirMatn", Sans-serif;
    margin-top: .1rem;
    margin-bottom: .4rem;
    font-size: .9rem !important;
    text-align:center;
     font-style: normal; 
    
}
.mid-hoverbox a {
    font-family: "VazirMatn", Sans-serif;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mid-hoverbox:hover figcaption {
    font-family: "VazirMatn", Sans-serif;
    height: calc(85%);
}


/*double image*/

.double-image-layout{ 
    position:relative;
}
.double-image-layout .single-image{
    position:relative;
}


.double-image-layout.left{ 
    padding-right:3rem;
    
}
.double-image-layout.right{ 
    padding-left:3rem;
}
 

.double-image-layout  .top-image{
    
  position: relative;
  margin-top: 0;
  max-width:70%;
  z-index:9998;
}
.double-image-layout  .bot-image{
  margin-top: -30%;
  z-index: 9999;
  max-width:65%;
    
}
.double-image-layout.right  .top-image{
 text-align:left; 
  float: left;
}

.double-image-layout.left  .top-image{
 text-align:right;
float: right;
}

.double-image-layout.right  .bot-image{
  margin-left: 10%; 
  float: right; 
}
.double-image-layout.left  .bot-image{
  margin-right: 10%;
  float: left;
}
/*
.double-image-layout  .bot-image{
  position: relative;
  margin-top: -31%;
  width: 90%; 
}*/


/*.double-image-layout  .bot-image img{
    max-height:200px;
    width:auto;
}
.double-image-layout  .top-image img{
    max-width:200px;
    height:auto;
}*/

.double-image-layout.left  .bot-image{
  margin-right: 10%;
    
}
/*
.double-image-layout.right  .bot-image{
  margin-left: 10%;
    
}*/
 
 
 /*table*/
 
.article-table .footable-header, .footable-header,.article-table thead,.article-table th,.article-table .ui.table thead th{
    background-color: rgba(235, 234, 218, 1) !important;
  color: rgba(68, 68, 68, 1) !important;
}

 
.article-table thead tr:not(.hide_all_borders) th {
  border-top-color: rgba(84, 91, 76, 1) !important;
  border-bottom-color: rgba(84, 91, 76, 1) !important;
    
}


.article-table .footable-filtering, .ninja_table_wrapper .footable-filtering{
    display:none;
}