:root{
    --ct-prc-border-rd: 10px;
    --ct-gradient-primary: linear-gradient(270deg, var(--ct-color-violet) 11.74%, var(--ct-color-purple) 57.17%, var(--ct-color-magenta) 97.29%);
    --ct-gradient-secondary: linear-gradient(180deg, var(--ct-color-blue) 0%, var(--ct-color-violet) 106.64%);
}

.section-bl-header{
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
    min-height: 500px;
    position: relative;
}

.section-bl-header .slider-img-fluid {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.section-bl-header .mbr-overlay-ct {
    /* background: rgba(255,255,255, 0.8); */
    background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(var(--ct-color-primary-rgb),0.4));
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    /* display: none; */
}

.section-bl-header *{
    color: var(--ct-color-primary);
}

.section-bl-header .bl-title{
    margin-bottom: 25px;
    font-size: 3.4rem;
    font-weight: var(--ct-font-weight-extra-light);
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
}

.section-bl-header .ct-bl-description,
.section-bl-header .ct-bl-description p{
    /* text-align: justify; */
    font-size: 1rem;
    margin-bottom: 25px;
}

.section-bl-header .bl-description{
    margin-bottom: 3px;
    font-size: 1rem;
    font-weight: var(--ct-font-weight-regular);
    line-height: 1;
}
.card-bl-header .shape-decoration{
    display: inline-block;
    height: 20px;
    width: 80px;
    border-radius: 12px;
    background: var(--ct-color-secondary);
    margin-bottom: 3px;
}

.section-bl-courses-search{
    min-height: auto;
}

.section-bl-courses-expired{
    background: var(--ct-color-primary);;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 25%;
    background-image: url('/app/images_home/bg/s-bg-blue-tr.png');
}

.section-bl-courses-expired .section-title{
    color: #FFF;
}

.card-prev-ps-course{
    border: 0px;
    min-height: 440px;
    border-radius: 15px;
    margin-bottom: 30px;
    border-radius: var(--ct-prc-border-rd);
}

.card-prev-ps-course .card-header{
    border: 0px;
    height: 180px;
    background-size: cover !important; 
    background-position-x: right !important;
    background-blend-mode: multiply;
    border-radius: var(--ct-prc-border-rd) var(--ct-prc-border-rd) 0px 0px;
    padding: 20px;
}

.card-prev-ps-course .card-header .mbr-overlay-pch {
    background: rgba(var( --ct-color-primary-rgb), 0.4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    border-radius: var(--ct-prc-border-rd) var(--ct-prc-border-rd) 0px 0px;
    /* display: none; */
}

.card-prev-ps-course .card-body{
    background: transparent;
    border: 0px;
    padding: 20px 50px;
}

.card-prev-ps-course .card-footer{
    background: transparent;
    border: 0px;
    padding: 20px 50px;
    padding-top: 0px;
}

.card-prev-ps-course .card-header div{
    height: 180px;
}

.card-prev-ps-course .ct-course-name{
    min-height: 2.6rem;
    margin-top: 10px;
}

.card-prev-ps-course .course-name {
    color: var(--ct-color-primary);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: center;
}

.card-prev-ps-course .ct-course-bl-name{
    min-height: 1rem;
}

.card-prev-ps-course .course-bl-name {
    color: var(--ct-color-primary);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    text-align: center;
    -webkit-line-clamp: 1;
    text-transform: uppercase;
}

.card-prev-ps-course .c-status-circle{
    height: 110px;
    width: 110px;
    border-radius: 100%;
    border: 3px solid var(--ct-color-secondary);
    padding: 15px;
    text-align: center;
    margin: auto;
    line-height: 1;
}

.card-prev-ps-course .c-status-circle .text-status{
    text-align: center;
    color: var(--ct-color-primary);
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 3px;
    word-wrap: normal;
}

.card-prev-ps-course .c-status-circle .text-status-info{
    text-align: center;
    color: var(--ct-color-primary);
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 3px;
}

.card-prev-ps-course .shape-decoration{
    display: inline-block;
    height: 7px;
    width: 50px;
    border-radius: 10px;
    background: var(--ct-color-secondary);
    margin-bottom: 10px;
}

.card-prev-ps-course.c-status-1 .c-status-circle{
    border-color: var(--ct-color-secondary);
}

.card-prev-ps-course.c-status-2 .c-status-circle{
    border-color: var(--ct-color-secondary);
    background: var(--ct-color-secondary);
}

.card-prev-ps-course.c-status-3 .c-status-circle{
    border-color: var(--ct-color-red-100);
    background: var(--ct-color-red-100);
}

.card-prev-ps-course.c-status-3 .c-status-circle .text-status,
.card-prev-ps-course.c-status-3 .c-status-circle .text-status-info{
    color: #FFF;
}

.card-prev-ps-course.c-status-3 .shape-decoration{
    background: var(--ct-color-red-100);
}

.card-prev-ps-course .course-data p{
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--ct-color-primary);
}

.card-prev-ps-course .course-data p .bi{
    font-size: 1rem;
    margin-right: 3px;
}

.card-prev-ps-course  .header-content{
    position: relative;
    z-index: 2;
}

.card-prev-ps-course .c-link-show-m{
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
}

.card-prev-ps-course .c-link-show-m .ct-icon-sm{
    display: inline-block;
    /* background-image: radial-gradient(#FFF, transparent, transparent); */
    border-radius: 50%;
    margin-left: 10px;
    height: auto;
    width: auto;
}

.card-prev-ps-course .c-link-show-m .bi{
    color: var(--ct-color-secondary);
    font-size: 25px;
}

.card-prev-ps-course .show-ps{
    cursor: pointer;
}

.card-prev-ps-course .card-footer .md-object{
    min-width: 260px;
}

@media (max-width: 1399.98px) {
    .card-prev-ps-course .card-body,
    .card-prev-ps-course .card-footer{
        padding: 15px;
    }
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

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

@media (max-width: 575.98px) {

}

@media (max-width: 479.98px) {

}

/*MEDIA MIN*/
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}