@font-face {
    font-family: Iransans;
    src: url('../font/irfont/IRANSansWeb.eot');
    src: url('../font/irfont/IRANSansWeb.eot?#iefix') format('FontName-opentype'),
    url('../font/irfont/IRANSansWeb.woff') format('woff'),
    url('../font/irfont/IRANSansWeb.woff2') format('woff2'),
    url('../font/irfont/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: Iransans, sans-serif;
    direction: rtl;
    text-align: right;
    letter-spacing: 0;
}
h2{
    font-size: 1.3rem;
}
h3{
    font-size: 1.1rem;
}
h4{
    font-size: 1.1rem;
}
a{
    list-style: none;
    text-decoration: none;
}
.admin-menu{
    background-color: #404040;
    color: #ffffff;
    padding: 5px 25px;
    display: block;
}

#dashboard-menu{
    background-color: #333333;
    height: calc(100vh - 50px);
    color: #d3d4d5;
}
.list-item{
    font-size: 0.9em;
    padding: 8px 10px;
    border-bottom: 1px solid #555555;
}
.list-item a{
    color: #d3d4d5;
}
ul, li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.accordion-button:not(.collapsed){
    background-color: #333333;
    border: 0;
    border-radius: unset;
    box-shadow: unset;
    color: #eee8d5;
    padding: 10px !important;
}
.accordion-item:first-of-type .accordion-button{
    border-radius: unset;

}
.accordion-button::after{
    margin-right: auto;
    margin-left: unset;
    background-image: url("../img/chevron-up.svg") !important;
}
.accordion-item{
    border: 0;
    border-radius: unset;
    font-size: 0.8rem;
}
.accordion-button{
    font-size: 0.9rem;
    background-color: #333333;
    color: #eee8d5;
    border-bottom: 1px solid #484848 !important;
    padding: 10px !important;
}
.accordion-body{
    background-color: #484848 !important;
    padding: 0;
}
.table>tbody{
    vertical-align: middle;
}
.select2-container{
    z-index: 10000;
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin-top: 1px;
}
.badge{
    font-weight: normal;
}
.modal-header{
    background-color: #005841;
    color: #ffffff;
}
.profile-ul{
    padding: 0;
    margin: 0;
}
.profile-ul li{
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    transition: all 300ms;
    cursor: pointer;
}
.profile-ul li:hover{
    background-color: #EEEEEE;
}
#otp-code-section{
    display: none;
    background-color: #eee;
    padding: 20px;
    font-size: 0.9rem;
}
#login-btn{
    display: none;
}
.dashboard-menu{
    background-color: #273c75;
    color: #ffffff;
    padding: 10px 0;
    margin-top: 80px;
    margin-bottom: 20px;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}
.dashboard-ul-menu{
    margin-bottom: 0;
}
.dashboard-ul-menu li{
    text-align: center;
    border-left: 1px solid #4a5882;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
}
.dashboard-ul-menu li a{
    color: #ffffff;
}
.dashboard-ul-menu li > div{
    font-size: 0.8rem;
}
#course-data{
    font-size: 0.9rem;
}
::placeholder{
    font-size: 0.8rem;
}
a{
    cursor: pointer;
}
.modal-dialog{

}
#verify-section, #user-verify-section{
    display: none;
    background-color: #eee;
    padding: 20px;
}
#save-btn, #user-save-btn{
    display: none;
}
.bg-green{
    background-color: #005841;
}
th{
    text-align: right !important;
}
.slide-job-title{
    color: #005841;
    font-size: 2rem;
    padding: 20px 0 10px 0;
}
.page-banner{
    min-height: 250px;
}
#course-page {
    background-image: url("/images/banner/img23.jpg");
    background-position: center;
    background-size: cover;
}
.page-banner-title{
    background-color: rgba(255,255,255,0.2);
    padding: 10px 20px;
    border-radius: 0.375rem;
}
.page-banner-title h1{
    font-size: 1.5rem !important;
    margin-bottom: 0;
}
.widget_box {
    padding: 0 19px;
    border: 1px solid #e8e8e8;
}
.widget-header {
    background-color: #005841;
    color: #ffffff;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px;
    -webkit-border-radius: 0.375rem 0.375rem 0 0;
    -moz-border-radius: 0.375rem 0.375rem 0 0;
    border-radius: 0.375rem 0.375rem 0 0;
}
.card-header{
    background-color: #005841;
    color: #ffffff;
    padding: 15px;
}
.widget > ul {
    padding: 0;
}
ul.widget-list li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%;
}
.widget > ul > li {
    margin-bottom: 6px;
}
.mobile-menu{
    display: none;
}
.mobile-menu-holder{
    display: none;
}
.pay-btn{
    display:none;
}

@media only screen and (max-width: 960px) {
    .mobile-menu{
        display: block;
        font-size: 3rem;
    }
    .mobile-menu-holder{
        top: 69px;
        background-color: #ffffff;
        width: 100%;
        padding: 0.375rem;
        right: 0;
        display: none;
    }
    .main-menu__nav{
        display: none;
    }
    .main-menu__right{
        display: none;
    }
    ul.main-menu__list{
        display: block !important;
    }
    .main-menu-with-bg.main-menu .main-menu__list > li, .main-menu-with-bg.stricky-header .main-menu__list > li {
        padding: 2px 0;
    }
    .main-menu-with-bg.main-menu .main-menu__list > li > a, .main-menu-with-bg.stricky-header .main-menu__list > li > a{
        font-size: 0.8rem;
        font-weight: normal;
    }
    nav.main-menu div.container{
        justify-content: space-between;
    }
    .main-slider__layer{
        display: block;
        top: 53px;
        bottom: unset;
        margin: 0;
        left: 0;
    }
    #job-offer-area {
        bottom: 50px;
        top: unset !important;
        background-color: rgba(1,1,1,0.8) !important;
        color: #fff;
        height: 160px;
        width: 100% !important;
        right: 0 !important;
        border-radius: 0 !important;
    }
    .slide-job-title{
        display: none;
    }
    div.item{
        padding-top: 15px;
    }
    .main-slider__btn{
        position: absolute;
        left: 0;
        bottom: 20px;
    }
    .main-slider__btn > a.eduact-btn{
        font-size: 0.8rem;
    }
    .owl-dots{
        display: none;
    }
    .main-slider{
        height: 100vh;
    }
    .about-three{
        padding: 30px 0;
    }
    .section-title__title{
        font-size: 1.1rem;
        line-height: 30px;
    }
    .about-three__box::after{
        width: 20px;
    }
    .about-three__box__icon{
        display: none;
    }
    .about-three__box{
        padding: 10px 20px;
        margin: 0;
    }
    .about-three__author{
        min-height: unset;
    }
    .about-three__br{
        margin: 20px 0 20px;
    }
    .full-btn{
        width: 100%;
        text-align: center;
        margin-bottom: 2px;
    }
    .mobile-btn{
        font-size: 0.7rem;
        padding: 10px;
    }
    .service-three {
        padding: 20px 0 55px;
    }
    .service-three .section-title {
        margin-bottom: 20px;
    }
    .course-three__bottom{
        position: unset;
        width: 100%;
        padding: 10px;
        margin-top: 10px;
    }
    .course-three__author{
        padding: 0 50px 0 0;
    }
    .main-footer-two {
        padding: 30px 0 30px;
    }
    .board-area{
        margin-bottom: 10px;
    }

    .pd{
        margin-top: 10px !important;
    }
    .profile-menu{
        display: none;
    }
    .profile-action{
        padding-right: 8px;
    }
    .dashboard-menu{
        display: block !important;
    }
    .dashboard-mobile-menu{
        display: inline-block !important;
        font-size: 1rem;
        text-align: center;
        margin-bottom: 10px;
    }
    .dashboard-mobile-menu ul li{
        font-size: 0.8rem;
        display: inline-block;
        text-align: center;
        width: 30%;
        background-color: #364f8d;
        padding: 5px;
        margin-bottom: 5px;

    }
    .dashboard-mobile-menu ul li a{
        color: #ffffff;
    }
    .bsn{
        border-left: 0 !important;
    }
    .main-footer-two__navmenu{
        text-align: center;
    }
    .main-footer-two__about{
        text-align: center;
    }

}