/*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');
}

/*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-nav{
    position: relative !important;
    width: 100%!important;
    z-index: 9999!important;
    top: -51% !important;
    background: #ccc;
    color:#29aae5;
    font-size: 18px;
    font-weight: 700;
}
.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;
}
.owl-prev{
    position: absolute;
    left: -25px;
    top:-250px;
    font-size: 18px;
    font-weight: 700;
}
.owl-next{
    position: absolute;
    right: -25px;
    top:-250px;
    font-size: 18px;
    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;
}
#professor-carousel .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*/
#professor-carousel.owl-carousel .item{
    border-radius:15px;}
#professor-carousel.owl-carousel  .owl-nav{
    color:#03c9aa;
}

.professor-item{
    border-radius:15px;
    background:#ccf2e7 ;

}
.professor-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%;
}
.professor-image{
    border-radius:15px 15px 0 0 ;
}
.professor-image img{
     border-radius:15px 15px 0 0 !important;
 }
.professor-comment{display: flex;}
.professor-comment img{
    margin-left: 4px;}
.professor-time{display: flex;}
.professor-icon{
    z-index: 99999;
    position: absolute;
    top: 13px;
    right: 10px;
}


.professor-detail{}
.professor-content{
    padding:5px 7px 10px 7px ;
    padding: 5px 17px 14px 17px;
    z-index: 4;
    position: relative;
}
.professor-hashtag{
    font-size: 13px;
    margin-left: 3px;
    font-family: "Vazirmatn Light";
    display: flex;
}
.professor-hashtag-box{
    padding-left: 1px;
}
.professor-time{
    margin-top:5px;
}
.professor-time i{
    margin-left: 4px;
    font-size: 13px;
    margin-top: 7px;
}
.professor-btn{
    display: flex;
    margin-top:8px;
}
@media only screen and(max-width: 600px) {
    .professor-gradient{
        height: 601px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
    .professor-gradient{  height: 401px;
    }
}


@media only screen and (min-width: 601px) and (max-width: 960px) {
    .professor-gradient{  height: 451px;
    }
}
@media only screen and (min-width: 961px) and (max-width: 1200px) {
    .professor-gradient{  height: 251px;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1600px) {
    .professor-gradient{  height: 230px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .professor-gradient{  height: 251px;
    }
}





.professor-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;
}
.professor-rate i{
    margin-right:3px;
}
.professor-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;
}
.professor-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:30px;
    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;
}

#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;
}