﻿
/* start font config */
.internalCourse p, span, b, i, h1, h2, h3, h4, h5, h6, a, button {
    /*font-family: iransans !important;*/
    font-family: iransans;
    font-weight: 100;
}
/* end font config */

.internalCourse .txt-head {
    margin-top: auto;
    margin-bottom: auto;
}

.internalCourse .register-icon {
    width: 52px;
    height: 52px;
}

.internalCourse .register-icon-img {
    float: right;
    width: 35px;
    margin-right: 13px;
    margin-top: 3px;
}

.internalCourse .details > li {
    list-style: none;
    border-bottom: 2px solid #F2F2F2;
    padding: 15px 0px;
}

.internalCourse .details {
    padding: 0;
}

.internalCourse .nav-tabs .nav-link {
    width: 33%;
    text-align: center;
    background: #EBEBEB;
    border-right: 5px solid #E3E3E3 !important;
    color: rgb(109, 109, 109) !important;
    font-weight: 700;
    border-radius: 0px !important;
}

    .internalCourse .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: #f7f7f7;
        border-color: #ffffff #ffffff #fff;
    }

.internalCourse .btn-register {
    width: 100%;
    border-radius: 16px;
    background: #00B871;
    border: 0;
    color: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 5px 0px 5px 0px;
    cursor: pointer;
    transition: 0.3s;
}

    .internalCourse .btn-register:hover {
        background: #008a55;
    }

.internalCourse .lableprice {
    float: left;
    padding-right: 15px;
    position: relative;
    bottom: 28px;
    height: 79px;
    left: 7px;
    width: 420px;
}

.internalCourse .txtlableprice {
    position: absolute;
    left: 47px;
    font-weight: 700;
}

.internalCourse .txtlableprice-off {
    position: absolute;
    left: 235px;
    font-weight: 100;
    text-decoration: line-through;
}

@media (max-width: 780px) {

    .internalCourse .responsive1 {
        /*width: 450px !important;*/ /*در حالت موبایل بهم میریخت */
        text-align: center !important;
        bottom: 34px;
        position: relative;
    }

    .internalCourse .responsive2 {
        position: relative;
        right: 78px;
        top: 28px;
    }

    .internalCourse .responsive3 {
        display: block !important;
        padding-bottom: 0px !important;
    }

    .internalCourse .responsive4 {
        max-width: inherit !important;
    }

    .internalCourse .details > li > span {
        font-size: 12px !important;
    }

    .internalCourse .details > li > img {
        width: 35px !important;
    }

    .internalCourse .responsive5 {
        padding-top: 10px !important;
    }

    .internalCourse .responsive6 {
        padding-right: 20px !important;
    }

    .internalCourse .lableprice {
        display: none;
    }

    .internalCourse .txtlableprice {
        left: 29px !important;
    }

    .internalCourse .txtlableprice-off {
        left: 128px !important;
    }
}

.internalCourse .tab-content .tab-pane {
    padding: 10px;
}
