@font-face {
    font-family: "Vazir-Bold";
    src: url("../../font/vazir/Vazir-Bold-FD.eot");
    src: url("../../font/vazir/Vazir-Bold-FD.woff");
    src: url("../../font/vazir/Vazir-Bold-FD.ttf");
}
@font-face {
    font-family: "Vazir";
    src: url("../../font/vazir/Vazir-FD.eot");
    src: url("../../font/vazir/Vazir-FD.woff");
    src: url("../../font/vazir/Vazir-FD.ttf");
}
@font-face {
    font-family: "Lalezar";
    src: url("../../font/lalezar/Lalezar-Regular.ttf");
}
@font-face {
    font-family: "iransans";
    src: url("../../font/iransans/IranianSans.ttf");

}
@font-face {
    font-family: "Byekan";
    src: url("../../font/BYekan/Yekan.ttf");

}
@font-face {
    font-family: "pelak";
    src: url("../../font/pelak/PelakFA-Regular.eot");
    src: url("../../font/pelak/PelakFA-Regular.woff");
    src: url("../../font/pelak/PelakFA-Regular.woff2");

}
@font-face {
    font-family: "pelak-bold";
    src: url("../../font/pelak/PelakFA-Bold.eot");
    src: url("../../font/pelak/PelakFA-Bold.woff");
    src: url("../../font/pelak/PelakFA-Bold.woff2");

}
@font-face {
    font-family: "pelak-light";
    src: url("../../font/pelak/PelakFA-light.eot");
    src: url("../../font/pelak/PelakFA-light.woff");
    src: url("../../font/pelak/PelakFA-light.woff2");

}
.btn-1 {
    color: #fff;
    background:#05437b;
    border-color: #05437b;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak-bold;
}

.btn-1:hover {
    color: #ffffff;
    background: #05437b;
    border-color: #05437b;
    box-shadow: 0px 0px 2px #33caaf;
}

.btn-1:focus, .btn-1.focus {
    box-shadow: 0 0 2px #05437b;
}
.btn-subscribe {
    color: #fff;
    background:#e8676c;
    border-color: #e8676c;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak-bold;
}

.btn-subscribe:hover {
    color: #ffffff;
    background: #e8676c;
    border-color: #e8676c;
    box-shadow: 0px 0px 2px white;
}

.btn-subscribe:focus, .btn-subscribe.focus {
    box-shadow: 0 0 2px #e8676c;
}
.btn-cat {
    color: #fff;
    background:#d96f6f;
    border-color: #d96f6f;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak-bold;
}

.btn-cat:hover {
    color: #ffffff;
    background: #d96f6f;
    border-color: #d96f6f;
    box-shadow: 0px 0px 2px #33caaf;
}

.btn-cat:focus, .btn-submit.focus {
    box-shadow: 0 0 2px #d96f6f;
}
.btn-reg {
    color: #d96f6f;
    background:#cfbbab;
    border-color: #cfbbab;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak-bold;
}

.btn-reg:hover {
    color: #d96f6f;
    background: #cfbbab;
    border-color: #cfbbab;
    box-shadow: 0px 0px 2px #33caaf;
}

.btn-reg:focus, .btn-reg.focus {
    box-shadow: 0 0 2px #cfbbab;
}
body{
    margin: 0px;
    padding: 0px;
    direction: rtl;
    background-color: white;
}
.container-fluid{

}
#top{
    background-color: #05437b;
    height: 120px;

}
#top h1{
    color: white;
    font-family: pelak-bold;
    font-size: 20px;
}
#top img {
    height: 50px;
}
#top-nav{
    background-color: white;
    margin: 0px !important;
    padding: 0px !important;
    font-family: pelak;

}
#footer{
    background-color: #0a437b;
    min-height: 300px;
    font-family: pelak-bold;

    color: white;
}
#footer h3{
    font-size: 10px;
}
#footer img{

}
.main-content{
    background-color: #ffffff;
    min-height: 700px;
}
.main-content #post-section #posts .card{
    border-radius: 0px;
    border: none;
    background-color: white;
    box-shadow: 0px 0px 10px #c4c1c1;
    height: 450px;
}
.main-content #post-section #posts .card-img-top{
    object-fit: cover;
    border-radius: 0px;
    border: none;
    width: 100%;
    height: 200px;
}
.main-content #post-section #posts .post-title{
    font-family: pelak-bold;
}
.main-content #post-section #posts .post-desc{
    font-family: pelak;
    font-size: 10pt;
}
.main-content #post-section #posts .read-more{
    color: #9e8288;
    font-family: pelak;
    text-decoration: underline;
}
.single-post{

background-color: #fffcf4;
}
.single-post .post-header{
    object-fit: cover;
    border-radius: 0px;
    border: none;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
}

.single-post .post-content{
    height: 300px;
    background-color: white ;
    margin-top: -100px !important;
    z-index: 100000;
}
.single-post .post-content .post-title{
    color: #05437b;
    font-family: pelak-bold;
}
.single-post .post-content .post-author{
    color: #c6b5a8;
    font-family: pelak;
}
.single-post .post-content .post-date{
    color: #626262;
    font-family: pelak;
    font-size: 10pt;
}
.single-post .post-body{
    background-color: #fffcf4;
    margin-top: -100px !important;
    z-index: 200000;
    font-family: pelak-bold;
}
.main .side-bar{
    background-color: #cfbbab;
    border-radius: 10px ;
}
.main .side-bar h4{
    color: #0a437b;
    font-family: pelak;
    font-size: 15pt;
}
.main .side-bar .list-title{
    color: #0a437b;
    font-family: pelak;
    font-size: 10pt;
}
.video-post img{
    object-fit: cover;
    border-radius: 0px;
    border: none;
    width: 100%;
    height: 200px;
}
.video-post h4{
    color: #0a437b;
    font-family: pelak;
    font-size: 12pt;
}
.contact-title{
    font-family: pelak-bold;
    color: #0a437b;
}
.contact-map{
    box-shadow: 0px 10px 30px gray;
    width: 80%;
}
.contact-text{
    color: #0a437b;
    font-family: pelak-bold;
    font-size: 12pt;
}
.contact-form{
background-color: #d96f6f;
    height: 500px;
}
.contact-title-2{
    font-family: pelak-bold;
    color: white;
}
.highlighted-section{
    background-color: #cfbbab;
    color: #05437b;
    font-family: pelak-bold;
    border-radius: 20px;
    text-align: justify-all !important;
}
.highlighted-section-new{
    background-color: #d4d4d4;
    color: #05437b;
    font-family: pelak-bold;
    border-radius: 20px;
    text-align: justify-all !important;
}
.highlighted-section-2{
    background-color: transparent;
    color: #05437b;
    font-family: pelak-bold;
    border-radius: 20px;
    text-align: justify-all !important;
}
#main-content{
    background-color: #ffffff;
}
#main-content .last-daily-header{
    object-fit: scale-down;
    border-radius: 10px;
    border: none;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#main-content .last-daily-title{
    font-family: pelak-bold;
    color: #05437b;
}
#main-content .top-box{
    border-radius: 10px;
    height: 150px;
    font-family: pelak-bold;
    color: #05437b;
}
#behgaran-club{
    background-color: #d96f6f;
}
.top-box img{
    height: 150px;
}
#behboodi-club{
    background-color: #cfbbab;
}
#behi-club{
    background-color: #bcbab8;
}
.post-box{
    background-color: white;
    font-family: pelak-bold;
    color: #05437b;
    font-size: 12px;
    box-shadow: 4px 4px 0px #eff1f1;
    height: 300px;
}
.post-box p{
    color: #d96f6f;
    font-family: pelak;
    font-size: 10px;
    border-radius: 10px;

}
.post-box .inside{
    background-color: #f6f8f7;
    border-radius: 10px;
}
#what-behi{
    font-family: pelak-bold;
    font-size: 15pt;
    color: #05437b;

}
#behi-first-course{
    background-color: #d96f6f;
    min-height: 350px;
}
#behi-first-course h3{
    font-family: pelak-bold;
    color: #05437b;
    font-size: 30pt;
}
#behi-first-course h3.title{
    font-family: pelak-bold;
    color: white;
    font-size: 30pt;
}
.card-container {
    perspective: auto;
    display: grid;
    width: 100%;
    color: white;
    font-family: pelak-bold;


}
.front-title{
    color: #05437b;
    font-size: 25pt;
    font-family: pelak-bold;
}

.card-flip, .card-container {
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}

.card-flip div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.back {
    transform: rotateY(-180deg);
}

.card-container:hover .card-flip {
    transform: rotateY(180deg);
}
.card-flip {
    display: grid; grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}

.front {
    grid-area: frontAndBack;
    background-color: #05437b;
}

.back {
    grid-area: frontAndBack;
    transform: rotateY(-180deg);
    background-color: #05437b;
}
.posts-img{
    max-height: 150px;
    width: 100%;
}
.video-title{
    font-family: pelak-bold;
}
.blog-left .index-box{
    background-color: #cebbac;
    border-radius: 50px;
}
.blog-left .section-index-header{
    font-family: pelak-bold;
    color: #05437b;
}
.blog-left .video-title{
    color: #05437b;
    font-family: pelak;
}
#about-team .member-card{
    background-color: #cfbbab;
    border-radius: 15px;
    font-family: pelak;
    color: #05437b;
    min-height: 200px;
}
.member{

    min-height: 200px;
}
.member-img{
    margin-top: -100px !important;
    max-height: 200px;
}
.nav-item{
    font-size: 10pt !important;
}
.upload{
    height: 300px;
    border: 5px dashed #0082c8;
    color: gray;
    cursor: pointer;
    z-index: 10000;

}
.pre-upload-section{
    z-index: -999;
}
.during-upload-section{
    display: none;
    z-index: -999;
}
.error-upload-section{
    display: none;
}
.success-upload-section{
    display: none;
}
.remove-upload-section{
    display: none;
}
p.info-label{
    font-family: pelak-bold;
    font-size: 20pt;
    color: #0082c8;
}
.info-data{
    font-size: 25pt;
    color: #dc4f4f;
    font-family: pelak-bold;
}
#section-number .fa , #section-duration-number .fa, .reward .fa{
    color: gray;
    cursor: pointer;
}
#section-number .fa:hover , #section-duration-number .fa:hover , .reward .fa:hover{
    color: #dc4f4f ;
    cursor: pointer;
}
#section-number .section-number,#section-duration-number .section-number , .reward .section-number{
    font-family: pelak-bold;
    font-size: 40pt;
    color: #0082c8;
}
#feedback-carousel .carousel-item p{
    font-family: pelak-bold !important; ;
    font-size: 20pt;
}
#course-sidebar #stats{
    background-color: #CFBBAB !important;
    border-radius: 10px;
    font-family: pelak-bold;
    color: #05437b;
}
#single-course .section-header h3 .title{
    background-color: #CFBBAB;
    border-radius: 10px;
    font-family: pelak-bold;
    color: #05437b;
    line-height: 1pt;
}
.sub-title{
    background-color: #dc4f4f !important;
    border-radius: 10px;
    font-family: pelak-bold;
    color: #05437b;
    mso-line-spacing: 20pt !important;
}
.section-header-course{
    background-color: #CFBBAB !important;
    border-radius: 10px;
    font-family: pelak-bold;
    color: #05437b;
    max-width: 400px;
}
#single-course .course-info{
    font-family: pelak;
    color : #05437b;
}
.price{
    font-family: pelak; !important;
    color: #004391 !important;
}
.book-cover {
    height: 200px;
}
.main-content #books .card-img-top{
    border-radius: 0px;
    border: none;
    width: 100%;
    height: 300px;
}
.main-content #books .read-more{
    color: #9e8288;

    font-family: pelak;
    text-decoration: underline;
}
.main-content #books .post-title{
    font-family: pelak-bold;
}
.main-content .book-header h2{
    font-family: pelak;
    color: #004391;
}
.cat-card2{
    background-color:#9e8288 ;
    font-family: pelak;
}
.title-block{
    background-color: #d4d4d4;
    border-color: #d96d6d;
    color: #05437b;
    font-family: pelak-bold;
    cursor: pointer;
}
.course-description{
    background-color: #05437b !important;
    color: white;
    font-family: pelak;
}