/*
|
|----------------------------------------------------------------------------------
|   Student Dashboard
|----------------------------------------------------------------------------------
|
*/
.course-sidebar{
    top: 75.59px;
    width: 370px;
    overflow-x: scroll
}
.course-sidebar::-webkit-scrollbar{width:0px }
.course-main {
    top: 95px;
    width: calc(100% - 390px)
}
@media (max-width: 991px) {
    .course-sidebar{
        width: 100%;
    }
    .course-main {
        width: 100%;
        top: 75.59px;
        position: relative
    }
}
.student-sidebar a{
    color:#374151;
    font-size: 15px;
    border-radius: 30px;
    align-items: center !important
}
.student-sidebar a i{
    color: #6B7280
}
.student-sidebar a.active{
    color: #A87A38;
    background: #FBF3E7
}
.student-sidebar a:hover{
    background: #f5f5f5
}
.student-sidebar a.active i{
    color: #A87A38
}
#loading{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999999999999999999;
    transform: translate(-50%, -50%)
}

/*
|
|----------------------------------------------------------------------------------
|   Course single page
|----------------------------------------------------------------------------------
|
*/

@media (max-width: 991px) {
    #course-sidebar {
        left: -100%;
        transition: all 0.3s ease-in-out
    }
    #course-sidebar.show-sidebar {
        left: 0;
        z-index: 9999
    }
}
.accordion-button{
    border-radius: 50px !important
}
.accordion-button:not(.collapsed) {
    box-shadow: unset;
    background: #f5f5f5
}

.header-active-module {
    margin-bottom: 10px;
    border-radius: 40px !important;
    background: #f5f5f5 !important
}
.list-group-item-action {
    margin: 3px 0;
    border-radius: 50px !important
}
.active-lesson {
    color: #a97a39;
    background: #fbf3e7;
    border-radius: 50px !important;
}
.course-banner{
    height: 400px;
    text-align: center;
    background-image: linear-gradient(rgb(255 255 255), rgb(255 255 255 / 91%)), url(/assets/images/cert-city.png) !important;
    border-radius: 25px;
    background-size: 102%;
    background-position: bottom;
    background-repeat: no-repeat
}
.course-content h1, 
.course-content h2, 
.course-content h3, 
.course-content h4, 
.course-content h5, 
.course-content h6 {
    margin-top: 46px;
    font-family: 'Lato', 'Noto Kufi Arabic', sans-serif
}
.course-content h1{font-size: 1.6rem}
.course-content h2{font-size: 1.4rem}
.course-content h3{font-size: 1.2rem}
.course-content h4{font-size: 1rem}
.course-content h5{font-size: 0.9rem}
.course-content h6{font-size: .9rem}
.course-content li{list-style: disc}
.course-content blockquote {
    padding: 10px;
    background: #f5f5f5;
    border-left: 4px solid #ddd
}
.course-content table {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse
}
.course-content th, .course-content td {
    padding: 10px;
    border: 1px solid #ddd
}
.course-content th {
    background-color: #f4f4f4
}
.certificate-banner div {
    width: 50px;
    height: 50px;
    border: 1px solid #a97a39
}
.certificate-banner:before,.certificate-banner:after {
    content: '';
    position: absolute;
    top: 25px;
    width: 36%;
    height: 1px;
    background: #a97a39
}
.certificate-banner:before {
    left: 0
}
.certificate-banner:after {
    right: 0
}