:root,
[data-bs-theme=light] {
    --ct-ci-bg-gray: var(--ct-color-gray);
    --ct-ci-text-color: var(--ct-color-gray-200);
    --ct-color-gray-n100: #bdc5cb;
}

html{
    color: var(--ct-ci-text-color);
    background-color: var(--ct-body-bg);
    font-size: 15px;
}

body.view-max-width{
    /* max-width: 1600px;
    margin: auto; */
}

.bg-purple{
    background: var(--ct-color-purple) !important;
}

.bg-green{
    background: var(--ct-color-green) !important;
}

.color-purple{
    color: var(--ct-color-purple) !important;
}

.color-green{
    color: var(--ct-color-green) !important;
}

.color-bl{
    color: var(--ct-color-blue-light) !important;
}

.ci-bg-gray{
    background: var(--ct-ci-bg-gray) !important;
}

.section-hc{
    position: relative;
    min-height: 100svh;
}

.section-hc .h-100-ct{
    height: 100%;
}

.section-hc.section-mh-auto{
    min-height: auto;
}

.col-content{
    min-height: 100svh;
}

.col-content-py{
    padding-top: 50px;
    padding-bottom: 50px;
}

.col-content-pt{
    padding-top: 50px;
    padding-bottom: 0px;
}

.container-content{
    padding-left: 50px;
    padding-right: 50px;
}

.card-body.container-content{
    padding-left: calc(50px - 15px);
    padding-right: calc(50px - 15px);
}

.bg-img-st-ci{
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
    min-height: 500px;
}

.bg-img-st-ci-r{
    background-size: 50% auto;
    background-position-x: right;
}

.bg-img-st-ci-l{
    background-size: 50% auto;
    background-position-x: left;
}

#carouselSlidersCourse .carousel-item {
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}

.section-hc ul li::marker{
    color: var(--ct-color-primary);
    font-size: 24px;
}

.section-hc .mbr-overlay-section{
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 1;
}

.section-hc .section-header{
    padding-top: 100px; 
    padding-bottom: 60px;
}

.section-hc .section-body{
    z-index: 2;
    position: relative;
    padding-bottom: 100px;
}

.section-hc .section-footer{
    padding-bottom: 100px;
}

.section-hc .section-body-pt{
    padding-top: 100px;
}

.section-hc .ct-section-title{

}

.section-hc .section-title,
.section-hc .section-title p{
    color: var(--ct-color-primary);
    text-align: center;
    font-size: 2.8rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0px;
}

.section-hc .section-title.text-tf-none, 
.section-hc .section-title.text-tf-none p{
    text-transform: none;
}

.section-hc .section-title b{
    font-weight: 700;
}

.section-hc .section-title .text-small{
    font-size: 1.4rem;
}

.section-hc .section-title .shape-dec-point{
    display: inline-block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: var(--ct-color-blue-100);
    margin-left: 0px;
}

.section-hc .section-title .text-bg-circle{
    display: inline-block;
    position: relative;
    z-index: 10;
    margin-bottom: 0px;
}

.section-hc .section-title .text-bg-circle .bg-circle{
    position: absolute;
    display: inline-block;
    height: 35px;
    width: 35px;
    background: #F00;
    border-radius: 50%;
    right: -10px;
    top: 0px;
    z-index: -1;
}

.section-hc .section-title .text-bg-circle .bg-circle-l{
    left: -10px;
}

.section-hc .section-title .text-bg-circle .bg-circle-b{
    bottom: 0px;
    top: inherit;
}

.ci-subtitle{
    font-size: 1.1rem;
    font-weight: 600;
}

.ci-article-pt{
    padding-top: 25px;
}

.section-hc .img-title{
    margin-bottom: 15px;
}

.section-hc-h-auto,
.section-hc-h-auto .col-content{
    min-height: auto;
}

.section-hc-py{
    padding-top: 100px; 
    padding-bottom: 100px;
}

.section-hc-pt{
    padding-top: 100px; 
}

.section-hc-pb{
    padding-bottom: 100px;
}

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

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .section-hc-header .bg-img-st-ci{
        background-size: contain;
        background-position: center -100px;
    }
}

@media (max-width: 767.98px) {
    .container-content{
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-user-ct .slider-course-name{
        font-size: 3rem;
    }

    .section-hc .h-100-ct{
        height: auto;
    }

    .section-hc-header{
        padding-top: 100px;
    }

    .navbar-main.navbar-bg-transparent {
        background: transparent !important;
        position: absolute;
    }

    .header-section-carousel {
        display: block;
    }

    .col-content{
        min-height: auto;
    }

    .col-content-bg{
        min-height: 100svh;
    }

    .col-content-bg .h-100-ct{
        height: 100%;
    }

    .pt-xs-0{
        padding-top: 0px !important;
    }
    
    .pb-xs-0{
        padding-bottom: 0px !important;
    }
}

@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) {

}