.color-blue-cus {
    color: #2D5EFF
}

.cnt-img-cover {
    position: relative;
}

    .cnt-img-cover .img-cover {
        height: 240px;
        width: 100%;
        object-fit:cover;
    }

    .cnt-img-cover .button-change-cover {
        position: absolute;
        bottom: 10px;
        right: 20px;
        width: 40px;
        height: 40px;
        color: #fff;
        cursor: pointer;
        font-size: 30px;
        text-align: center;
    }

.cnt-avatar {
    margin-left: calc(50% - 75px);
    margin-top: -75px;
    position: relative;
}

    .cnt-avatar img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover;
    }

    .cnt-avatar .cnt-change-avatar {
        position: absolute;
        background-color: rgba(255,255,255,0.4);
        bottom: 0px;
        height: 40px;
        color: #fff;
        font-size: 25px;
        text-align: center;
        width: 150px;
        line-height: 40px;
        cursor: pointer;
    }

.cnt-profile-info {
    margin-bottom: 100px;
}

    .cnt-profile-info .item-info {
        color: #959595;
    }

.cnt-tab-profile {
    background-color: #F7F7F7;
    min-height: 300px;
}

    .cnt-tab-profile .container {
        margin-top: -54px;
    }

.nav-pills .nav-item .nav-link {
    color: #959595;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 15px 30px;
}

    .nav-pills .nav-item .nav-link.active {
        color: #333;
        border-bottom: 2px solid #2C5EFF;
    }

#pills-teaching .bg-white {
    padding: 20px;
    min-height: 200px;
    line-height: 32px;
    margin-bottom: 20px;
}

#pills-teaching .info-title {
    padding-left: 20px;
    margin-bottom: 20px;
}

#pills-teaching .border-bottom {
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px 20px;
}

.cnt-account .item-account .cnt-info {
    color: #959595;
}

    .cnt-account .item-account .cnt-info i {
        top: 10px;
        font-size: 18px;
    }

        .cnt-account .item-account .cnt-info i.iconmoon-Phone {
            font-size: 16px;
        }

    .cnt-account .item-account .cnt-info span {
        padding-left: 35px;
    }

@media (min-width: 567px) and (max-width: 767.98px) {
}

@media (max-width: 566.98px) {
    .nav-pills .nav-item .nav-link {
        padding: 15px 20px;
    }
    .cnt-avatar {
        margin-left: calc(50% - 50px);
        margin-top: -50px;
    }
        .cnt-avatar img {
            width: 100px;
            height: 100px;
        }
    .cnt-img-cover .img-cover{
        height:140px;
    }
}