@import 'fonts.css';

body,html{
    direction:rtl;
    height:100%;
}

div,span,h1,h2,h3,h4,h5,h6,select,button,option{
    font-family:iranyekan !important;
}

.slug{
    font-size:10px;
}

.navbar-brand{
    font-size:16px;
}

.page-index  .img img,
.page-courses  .img img{
    width: 100%;
}

.grd .desc{
    font-size:12px;
}

.grd4{
    padding-left:5px;
}
.grd5{
    padding-right:5px;
}


img.round{
    border-radius: 16px;
}


.rounded-min{
    border-radius:15px;
}






.page-courses .grd .clmn{
    padding-right:5px;
    padding-left:5px;
}


.page-courses .grd .box .row{
    position:relative;
}


.page-courses .grd .box .meta{
    position: absolute;
    font-size:10px;
}

.page-courses .grd .box .meta .fas.fa-circle{

    font-size:7px;
}

.page-courses .grd .box .meta.meta-top{
    top:-5px;
    left:7px;
}
.page-courses .grd .box .meta.meta-bottom{
    bottom:-5px;
    left:7px;
}







.page-course-live .grd1{
    margin-top:-50px;
}

.page-course-live .grd1 .clmn .wrapper{
    width: 80%;
    color:white;
    margin: 0px auto;
}

.page-course-live .grd1 .clmn .wrapper .desc{
    font-size:10px;
    /* text-align:right; */
}

.page-course-live .grd3 .card-title{
    font-size:14px;
    font-weight:bold;
    color:#eb1870;
    /* text-align:right; */
}

.page-course-live .grd3 .card hr{
    border-color:#eb1870;
    /* text-align:right; */
}








.page-course-class .grd1{
    margin-top:-50px;
}

.page-course-class .grd1 .clmn .wrapper{
    width: 80%;
    color:white;
    margin: 0px auto;
    text-align: right;
}

.page-course-class .grd1 .clmn h6{
    font-size: 13px;
}
.page-course-class .grd1 .clmn .wrapper .desc{
    font-size:10px;
    /* text-align:right; */
}

.page-course-class .grd3 .card-title{
    font-size:14px;
    font-weight:bold;
    color:#eb1870;
    /* text-align:right; */
}

.page-course-class .grd3 .card hr{
    border-color:#eb1870;
    /* text-align:right; */
}









.page-course-offline .grd1{
    margin-top:-50px;
}

.page-course-offline .grd1 .clmn .wrapper{
    color:white;
    margin: 0px auto;
    text-align: right;
}

.page-course-offline .grd1 .clmn h6{
    font-size: 13px;
    font-weight: bold;
}
.page-course-offline .grd1 .clmn .wrapper .desc{
    font-size:10px;
    /* text-align:right; */
}

.page-course-offline .grd3 .card-title{
    font-size:14px;
    font-weight:bold;
    color:#eb1870;
    /* text-align:right; */
}

.page-course-offline .grd3 .card hr{
    border-color:#eb1870;
    /* text-align:right; */
}








.page-course-offline-list .grd .clmn{
    padding-right:5px;
    padding-left:5px;
}


.page-course-offline-list .grd .box .row{
    position:relative;
}

.page-course-offline-list .grd-course .clmnRight{
    border-left: 1px solid #acacac;
}

.page-course-offline-list .grd-course .topCell{
    border-bottom:1px solid #acacac;
}

.page-course-offline-list .grd-course .topCell .leftCell,
.page-course-offline-list .grd-course .bottomCell .leftCell
{

    font-size:7px;
    
}








.page-course-class-contents .grd{
    border-radius:30px;
}

.page-course-class-contents .grd .contentList{
    display:none;
}
.page-course-class-contents .grd.opened .contentList{
    display:block;
}








.page-user-account .grd-course .clmnRight{
    border-left: 1px solid #acacac;
}

.page-user-account .grd-course .topCell{
    border-bottom:1px solid #acacac;
}

.page-user-account .grd-course .topCell .leftCell,
.page-user-account .grd-course .bottomCell .leftCell
{
    font-size:7px;  
}




.page-login .mainLayer{
    height:100%;
    width:100%;
    position:relative;
}

.page-login .overLayer{
    position:absolute;
    bottom:0px;
    right:0px;
    height:40%;
    width: 100%;
    background: white;
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0px -5px 10px #00000052;
}

.page-login input.form-control,
.page-login  .input-group-prepend{
    border:1px solid purple;
}

.page-login  .input-group-text{
    background-color: white;
    color: purple;
}

.page-login input{
    width:50%;
}