.header-section {
    padding: 30px 0;
}

.courses-ad-box {box-shadow: 0 1px 20px rgba(0,0,0,0.2); border: none;}
.courses-ad-box h1 {font-size: 36px; color: #ED1F24; margin-bottom: 10px;}
.courses-ad-box p {font-size: 18px;}
.courses-ad-box .header-middle-content {
    display: table;
    position: relative;
    width: 100%;
    height: 450px;
}
.courses-ad-box .header-middle-content .middle-align {
    display: table-cell;
    vertical-align: middle;
}

.courses-section {
    padding: 20px 0 40px 0;
}
.courses {margin-bottom: 30px;}
.course-details {margin-bottom: 30px;}
.course-details p {line-height: 1.8;}
.course-details hr {margin: 8px 0;}
.courses.course-1 {
    width: 100%;
    height: 320px;
    background-image: url(../images/FullstackWebDevelopment.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-2 {
    width: 100%;
    height: 320px;
    background-image: url(../images/AndroidDevelopment.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-3 {
    width: 100%;
    height: 320px;
    background-image: url(../images/JavaCourse.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-4 {
    width: 100%;
    height: 320px;
    background-image: url(../images/PythonCourse.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-5 {
    width: 100%;
    height: 320px;
    background-image: url(../images/CPP_Course.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-6 {
    width: 100%;
    height: 320px;
    background-image: url(../images/ExcelCourse.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-7 {
    width: 100%;
    height: 320px;
    background-image: url(../images/DigitalMarketingCourse.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-8 {
    width: 100%;
    height: 320px;
    background-image: url(../images/WebsiteCreatorCourse.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.courses.course-9 {
    width: 100%;
    height: 320px;
    background-image: url(../images/ReactJs.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
}
.courses.course-10 {
    width: 100%;
    height: 320px;    
    background-image: url(../images/Data_Science_AI.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
}
.courses.course-11 {
    width: 100%;
    height: 320px;    
    background-image: url(../images/DigitalMarketingAndGraphicDesignCourse.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
}
.courses .course-name {
    background: rgba(255,255,255,0.6);
    bottom: 0;
    position: absolute;
    width: 100%;
    padding: 10px 20px;
}

.btn-red {
    background: #ED1F24;
    color: #FFFFFF !important;
    margin: 20px 0 10px;
}

#accordion .card-header {cursor: pointer;}
#accordion .card-header.cursor-default {cursor: default;}
.btn:focus {box-shadow: none;}

#accordion p {font-size: 16px; font-weight: 600; font-style: italic;}
.contact-circle {
    width: 30px;
    height: 30px;
    background: #D31145;
    display: block;
    font-size: 15px;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    margin-right: 10px;
    padding: 2px 6px;
}
.courses-section .border-left {border-left: 1px solid rgba(0,0,0,.1);}

.header-middle-content .duration-info li {
    color: #000000;
    line-height: 1.8;
}
.header-middle-content .duration-info li i {
    color: #D31145;
    font-size: 18px;
}

.table {
    color: #404040;
}

.expand-collapse {
    float: right;
    position: relative;
    top: 4px;
}

.card-header {background-color: rgba(0,0,0,.08) !important;}

.navbar .empty-space {width: 51%;}

.text-decoration-underline {text-decoration: underline !important;}
.navbar .navbar-nav li a.text-red {color: #ED1F24 !important;}

.terms_conditions {
    padding: 40px 0;
}
.terms_conditions h2 {color: #FF0000;}
.terms_conditions ol li, .terms_conditions ul li {color: #222222; line-height: 2;}

@media screen and (max-width: 767px) {}
@media screen and (max-width: 400px) {
    .navbar .empty-space {width: 26% !important;}
}