@import "./Web_Color.css";

.CourseOutlineImg img{
    width: 100%;
    max-height: 60vh;
    object-fit: cover;
    object-position: center;
}


.CourseSection{
    width: 90%;
    margin: 30px auto;
}

.CourseSection .CourseBBA table{
    width: 100%;
    border: 1px solid black;
}

.CourseSection .CourseCSE table{
    width: 100%;
    border: 1px solid black;
}

.CourseSection .CourseBBA table th{
    border: 1px solid black;
}
.CourseSection .CourseCSE table th{
    border: 1px solid black;
}

.CourseSection .CourseBBA table td{
    border: 1px solid black;
}
.CourseSection .CourseCSE table td{
    border: 1px solid black;
}

.CourseSection .CourseBBA h1{
    text-align: center;
    background-color:#032954c7;
    color: white;
    padding: 10px 0;
}
.CourseSection .CourseCSE h1{
    text-align: center;
    background-color:#032954c7;
    color: white;
    padding: 10px 0;
}

.CourseBBA thead{
    text-align: center;
    font-size: 16px;
    height: 40px;
    background-color: rgba(255, 228, 196, 0.24);
}

.semesterhead{
    background-color: #9ac0ecb0;
}

.CourseCSE thead{
    text-align: center;
    font-size: 16px;
    height: 40px;
    background-color: rgba(255, 228, 196, 0.24);
}

.CourseSection tbody tr td ol{
    text-align: justify;
    font-size: 15px;
    text-transform: capitalize;
}

.CourseSection tbody tr td h5{
    background-color: rgb(176, 209, 209);
    padding: 10px;
}

.Dicon {
    text-align: center;
}

.Dicon a i{
    font-size: 40px;
}

.Dicon a{
    font-size: 15px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #00a600;
}

.Dicon a:hover{
    color: #1ddf1d;
}


@media screen and (max-width:512px){
    .CourseSection{
        width: 99%;
        margin: 30px auto;
    }
    .CourseSection tbody tr td ol{
        text-align:left;
        font-size: 15px;
        text-transform: capitalize;
    }

    .CourseSection tbody tr td ol li{
        padding: 5px 10px;
    }
}