.tab-content ul {
    margin: 0px 0 0px 0px !important;
    padding-left: 0px !important;
}
/* Folha de Cinema - CSS para elementos específicos do curso */

/* Formato do curso */
.course-format {
    border-radius: 6px !important;
    box-shadow: 
        inset 1px 1px 2px rgba(0,0,0,0.03),
        0 1px 4px rgba(0,0,0,0.04) !important;
}

/* Preço */
.price {
    border-radius: 4px !important;
    box-shadow: 
        0 2px 6px rgba(0,0,0,0.05),
        inset 0 -1px 0 rgba(0,0,0,0.05) !important;
}

/* Linha separadora */
.line {
    border: none !important;
    height: 1px !important;
    border-radius: 1px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Informações do curso */
.new-course-info {
    border-radius: 6px !important;
    box-shadow: 
        inset 0 1px 2px rgba(0,0,0,0.02),
        0 1px 4px rgba(0,0,0,0.03) !important;
}

/* Elementos de informação */
.course-info-item {
    border-radius: 6px !important;
    border-left: 3px solid rgba(0,0,0,0.1) !important;
    box-shadow: 
        0 2px 8px rgba(0,0,0,0.04),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
    transition: all 0.3s ease !important;
}

.course-info-item:hover {
    transform: translateX(3px) !important;
    box-shadow: 
        0 4px 12px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Conteúdo da informação */
.course-info-content {
    border-radius: 3px !important;
    box-shadow: 
        inset 0 1px 1px rgba(0,0,0,0.01),
        0 1px 2px rgba(0,0,0,0.02) !important;
}

.info-title {
    border-radius: 2px !important;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.01) !important;
}

.info-value {
    border-radius: 2px !important;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.02) !important;
}

/* Ícones específicos */
.icon {
    border-radius: 2px !important;
    box-shadow: 
        0 1px 3px rgba(0,0,0,0.03),
        inset 0 1px 1px rgba(255,255,255,0.02) !important;
}

.md-face-to-face {
    border-radius: 50% !important;
    box-shadow: 
        0 2px 4px rgba(0,0,0,0.04),
        inset 0 1px 2px rgba(255,255,255,0.03) !important;
}

.md-barcode {
    border-radius: 10% !important;
    box-shadow: 
        0 1px 3px rgba(0,0,0,0.03),
        inset 0 1px 1px rgba(255,255,255,0.02) !important;
}

.md-time {
    border-radius: 50% !important;
    box-shadow: 
        0 2px 4px rgba(0,0,0,0.04),
        inset 0 1px 2px rgba(255,255,255,0.03) !important;
}

.fa-graduation-cap {
    border-radius: 15% !important;
    box-shadow: 
        0 2px 4px rgba(0,0,0,0.04),
        inset 0 1px 2px rgba(255,255,255,0.03) !important;
}

.fa-certificate {
    border-radius: 10% !important;
    box-shadow: 
        0 1px 3px rgba(0,0,0,0.03),
        inset 0 1px 1px rgba(255,255,255,0.02) !important;
}

.fa-comments {
    border-radius: 25% !important;
    box-shadow: 
        0 2px 4px rgba(0,0,0,0.04),
        inset 0 1px 2px rgba(255,255,255,0.03) !important;
}

/* Font Awesome base */
.fa {
    border-radius: 2px !important;
    box-shadow: 
        0 1px 2px rgba(0,0,0,0.03),
        inset 0 1px 1px rgba(255,255,255,0.02) !important;
}

/* Spans com conteúdo */
span {
    border-radius: 1px !important;
}



.video-course-intro {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 0%);
    padding: 0px;
    margin: 0px auto;
    max-width: 100%;
    text-align: center;
}


.new-course-info .course-info-item {
    display: flex !important
;
    align-items: center !important;
    margin-bottom: 10px !important;
    padding: 14px;
}



.new-course-info {
    background-color: #fff;
    border-radius: 10px;
    padding: 0px;
    margin: 20px;
}
.price {
    border-radius: 4px !important;
    box-shadow: 0 2px 6px #fff, inset 0 -1px 0 rgba(0, 0, 0, .05) !important;
    /* font-size: 25px !important; */
}

.new-course-info .course-info-content {
    display: flex !important;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: stretch;
}

.course-info-item {
    border-radius: 18px !important;
    border-left: 3px solid rgba(0, 0, 0, .075) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0%), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    transition: all .3s 
ease !important;
}