/*Course page start*/

/*Banner start*/

.course-banner{
    width: 100%;
    height: auto;
}
/*
.banner-image{
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
}
*/

.banner-image{
    width: 100%;
    background-image: url(../images/course-banner.webp);
    height: 365px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
/*
.banner-image img{
    width: 100%;
    height: auto;
}
*/

#banner_content-con{
    padding: 30px 0;
}
.banner-content{
    width: 100%;
    height: 300px;
    padding: 5px 0;
/*    background: gray;*/
}

.bn_hd1{
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}
.bn_hd1_dtls{
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.button_row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.apply-btn{
    padding: 8px 22px;
    color: #fff;
    font-size: 14px;
    background: #000091;
    border-radius: 5px;
}

.intro_video{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #fff;
    margin-left: 25px;
}
.intro_video a i{
    color: #fff;
    font-size: 35px;
}
.intro_video p{
    padding: 6px 0;
    margin-bottom: 0;
    margin-left: 10px;
}

.dq-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 30px;
}    
.rate-enroll-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 10px;
}
.card-rating {
    margin-bottom: 10px;
}    
.enroll-students {
    margin-left: 0px;
    margin-bottom: 20px;
}

.dq-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 30px;
}
.dq-row h3{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.eg{
    margin-left: 30px;
}
.card-rating{
    color: #fff;
}
.rating i {
    color: #ff8b24;
}
.rate-enroll-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}
.enroll-students{
    margin-left: 30px;
}
.main-content_sec{
    margin: 50px 0;
}
.enroll-students{
    color: #fff;
}
.student_icon i{
    color: #ffb62e;
}

.banner_right-content{
    width: 100%;
    height: auto;
    background: #ffb62e;
    border-radius: 20px;
    padding: 55px 45px;
}
.banner_right-content p{
    font-size: 16px;
/*    color: #535353;*/
}
.banner_right-content p:nth-child(4){
    margin-bottom: 0;
}
/*Banner end*/


.course-section{
    width: 100%;
    margin: 50px 0;
/*    background: #202020;*/
}



.course_con{
    width: 100%;
    height: auto;
/*    background: gray;*/
}


/*Tab button*/

.nav-tabs{
    width: 65%;
/*    width: 100%;*/
    height: 55px;
    margin: 0 auto;
    background-color: #ffb62e !important;
    border-bottom: 0 transparent !important;
    border-radius: 20px !important;
}

.nav-tabs .tab-item .tab-link.active {
    color: #111 !important;
    background: transparent !important;
    overflow: hidden !important;
    border-bottom: 10px solid #d28e10 !important;
}

.nav-tabs .tab-item:hover {
    background-color: #ffb62e !important;
    border-color: transparent !important;
    border: 0 transparent !important;
}
.nav-tabs .tab-item:hover .tab-link{
    color: #111 !important;
}
.nav-tabs .tab-item{
    width: 49.9%;
/*    width: 33.22%;*/
/*    width: 24.9%;*/
    border-radius: 20px !important;
}
.eba_nav-tabs{
    width: 33%;
}
.nav-tabs .eba_tab-item{
    width: 100%;
}


.nav-tabs .tab-item {
/*    border-right: 1px solid #fff;*/
    margin: 0 !important;
}
.verticle_line{
    border-right: 1px solid #fff;
    margin: 10px 0;
}
.nav-item-end{
    border-right: 0 transparent !important;
}
.nav-tabs .tab-item .tab-link {
    margin: 0 !important;
    display: block;
    text-align: center;
    color: #111 !important;
    font-weight: bold!important;
    border: 0 transparent !important;
    margin: 0 55px !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 45px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
/*
.tab-content{
    padding: 50px 20px;
}
*/
#overview{
    padding: 35px 20px;
}
.overview_heading{
    color: #272727 !important;
    font-size: 18px;
    font-weight: bold;
}
.overview_dtls{
    color: #616161;
    font-size: 16px;
    text-align: justify;
}
.tab-pane h3{
    color: #272727;
    font-size: 28px;
    font-weight: 700;
}
.tab-pane h5{
    color: #474747;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.tab-pane p{
    color: #616161;
    font-size: 16px;
    text-align: justify;
}
.curriculum-tab-pane p{
    margin-left: 20px;
}

.services-list{
    color: #616161;
    font-size: 16px;
    margin-left: 20px;
    list-style: none;
}
.srvc_flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.lec_icon-box{
    width: 120px;
}
.check-box{
    margin-right: 10px;
}
/*
.check-box1{
    margin-right: 15px;
}
.check-box11{
    margin-right: 20px;
}
*/

.inc_tax{
    margin: 20px 0 10px;    
}

.lecture{
    color: #616161;
    font-size: 16px;
    font-weight: 600;
}

.poe{
    color: #616161;
    font-size: 16px;
    margin-left: 20px;
    text-align: justify;
}

#curriculum{
    padding: 35px 20px;
}
#instructors{
    padding: 35px 0;
}
.instructor_con{
    width: 100%;
    height: auto;
    background: #ebebeb;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
}
.instructor_content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.instructor-imgBx{
    width: 89px;
    height: 89px;
    background: gray;
    border-radius: 50%;
    overflow: hidden;
}
.instructor-imgBx img{
    width: 100%;
    height: auto;
}
.instructor-details{
    width: 550px;
    height: auto;
    margin-left: 20px;
}
.instructor-details h3{
    margin-bottom: 0;
    color: #474747;
    font-size: 18px;
    font-weight: 700;
}
.instructor-details p{
    margin-bottom: 0;
    color: #939393;
    font-size: 14px;
}
.ins_con2{
    margin-top: 35px;
}

/*Owl carosel start*/


.owl-carousel .owl-stage-outer {
    padding: 10px 0 !important;
}

/*Owl carosel end*/

#reviews{
    padding: 35px 0;
}
.reviewer_con{
    width: 95%;
    height: auto;
    background: #ebebeb;
    padding: 30px 15px;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
.reviewer_content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.reviewer-imgBx{
    width: 50px;
    height: 50px;
    background: gray;
    border-radius: 50%;
    overflow: hidden;
}
.reviewer-imgBx img{
    width: 100%;
    height: auto;
}
.reviewer-details{
    width: 160px;
    height: auto;
    margin-left: 10px;
}
.reviewer-details h3{
    margin-bottom: 0;
    color: #5f5f5f;
    font-size: 16px;
    font-weight: bold;
}
.reviewer-details p{
    margin-bottom: 0;
    color: #5f5f5f;
    font-size: 11px;
    text-align: left;
}
.rev_cmt{
    margin-top: 20px;
    margin-bottom: 0;
}


/*Tab button*/

/*Courses End*/

/*Extra small devices (portrait phones, less than 350px)*/
@media (max-width: 349.98px){

.banner-image {
    width: 100%;
    height: 660px !important;
}    
.brochure-btn {
    margin-left: 0px;
    margin-top: 15px;
}    
.banner_right-content {
    margin: 30px auto !important;
    padding: 55px 15px !important;
}
.banner_right-content p {
    font-size: 14px !important;
    /* color: #535353; */
}    
.course_con {
    width: 100%;
    height: auto;
    margin-top: 270px !important;
}
.lec_icon-box {
    width: 115px;
}    
/*
.check-box {
    font-size: 14px;
}
*/
.lecture {
    width: 120px !important;
}

.em_sub {
    width: 175px !important;
    height: 40px;
    padding-left: 20px;
}    
    
    
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px){
   
/*Banner start*/    
.banner-content {
    width: 100%;
    height: auto;
    padding: 5px 20px;
    margin: 0 auto;
}    
.banner-image {
    width: 100%;
    height: 520px;
}
.bn_hd1_dtls {
    text-align: justify;
}    
.eg {
    margin-left: 0px;
}
.dq-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 30px;
}    
.rate-enroll-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 10px;
}    
.enroll-students {
    margin-left: 0;
}    
#bn_rght-col{
    margin-left: 15px;
    margin-right: 15px;
} 
.banner_right-content{
    margin: 75px auto;
    padding: 55px 25px;
}    
.banner_right-content p{
    text-align: center;
}   
/*Banner end*/
    
.course_con {
    width: 100%;
    height: auto;
    margin-top: 350px;
}         
.nav-tabs {
    width: 100%;
    height: auto;
    background: transparent !important;
}    
#myTab{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}    
.nav-tabs .tab-item {
    width: 100%;
    height: 55px;
    margin: 10px auto !important;
    background: #ffb62e !important;
    overflow: hidden !important;
}
.nav-tabs .tab-item .tab-link{
    margin: 0 !important;
}    
.nav-tabs .tab-item .tab-link.active{
    background: #ffb62e !important;
    overflow: hidden !important;
} 
    
.verticle_line{
    display: none;
}  
#overview {
    padding: 30px 20px;
}    
#curriculum {
    padding: 30px 20px;
}    
#instructors {
    padding: 30px 0;
} 
#reviews {
    padding: 30px 0;
}    
    
.tab-pane p span {
    font-size: 16px;
    margin-left: 00px;
}    
.services-list {
    font-size: 16px;
    margin-left: 0px;
    justify-content: center;
}   
.lecture{
    width: 150px;
}         
.poe{
    margin-left: 0px;    
}    
.instructor_content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}    
.instructor-imgBx{
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}    
.instructor-details {
    width: 100%;
    height: auto;
    margin: 0 auto;
}    
.instructor-details h3 {
    font-size: 18px;
    text-align: center;
}    
.instructor-details p {
    font-size: 14px;
    text-align: center;
}    
.reviewer_con {
    width: 100%;
    height: auto;
    margin: 15px auto;
}  
.reviewer_content{
    justify-content: center;
}    
.rev_cmt {
    text-align: center !important;
}    
    
.reviewer-details {
    width: 180px;
    height: auto;
}    
    
}


    
    
    
    
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){
    
/*Banner start*/    
.banner-content {
    width: 100%;
    height: auto;
    padding: 5px 20px;
    margin: 0 auto;
}    
.banner-image {
    width: 100%;
    height: 380px;
}
.bn_hd1_dtls {
    text-align: justify;
}    
.eg {
    margin-left: 40px;
}
.rate-enroll-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}    
.enroll-students {
    margin-left: 10px;
}    
#bn_rght-col{
    margin-left: 15px;
    margin-right: 15px;
} 
.banner_right-content{
    margin: 50px auto;
    padding: 55px 25px;
}    
.banner_right-content p{
    text-align: center;
}   
/*Banner end*/
    
.course_con {
    width: 100%;
    height: auto;
    margin-top: 340px;
}         
.nav-tabs {
    width: 100%;
    height: auto;
    background: transparent !important;
}    
#myTab{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}    
.nav-tabs .tab-item {
    width: 100%;
    height: 55px;
    margin: 10px auto !important;
    background-color: #ffb62e;
    overflow: hidden !important;
}
.nav-tabs .tab-item .tab-link{
    margin: 0 !important;
}    
.nav-tabs .tab-item .tab-link.active{
    background: #ffb62e !important;
    overflow: hidden !important;
} 
    
.verticle_line{
    display: none;
}  
#overview {
    padding: 30px 20px;
}    
#curriculum {
    padding: 30px 20px;
}    
#instructors {
    padding: 30px 0;
} 
#reviews {
    padding: 30px 0;
}    
    
.tab-pane p span {
    font-size: 16px;
    margin-left: 00px;
}    
.services-list {
    font-size: 16px;
    margin-left: 0px;
}    
.poe{
    margin-left: 0px;    
}    
.instructor_content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}    
.instructor-imgBx{
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}    
.instructor-details {
    width: 100%;
    height: auto;
    margin: 0 auto;
}    
.instructor-details h3 {
    font-size: 18px;
    text-align: center;
}    
.instructor-details p {
    font-size: 14px;
    text-align: center;
}    
.reviewer_con {
    width: 100%;
    height: auto;
    margin: 30px auto;
}
.reviewer_content{
    justify-content: center;
}    
.rev_cmt {
    text-align: center !important;
}    
.reviewer-details {
    width: 180px;
    height: auto;
}    
    
}        
    

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px){
       

/*Banner start*/
.banner-image{
    width: 100%;
    height: 450px;
}    
.banner_right-content {
    width: 100%;
    height: 300px;
    background: #ffb62e;
    border-radius: 20px;
    padding: 65px 22px;
}
.banner_right-content p {
    font-size: 14px;
}    
.eg {
    margin-left: 30px;
}
.enroll-students {
    margin-left: 12px;
}    
/*Banner end*/    
    
.nav-tabs {
    width: 100%;
    height: auto;
    background: transparent !important;
}    
#myTab{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}    
.nav-tabs .tab-item {
    width: 100%;
    height: 55px;
    margin: 10px auto !important;
    background-color: #ffb62e;
    overflow: hidden !important;
}
.nav-tabs .tab-item .tab-link{
    margin: 0 !important;
}    
.nav-tabs .tab-item .tab-link.active{
    background: #ffb62e !important;
    overflow: hidden !important;
} 
    
.verticle_line{
    display: none;
}  
#overview {
    padding: 30px 20px;
}    
#curriculum {
    padding: 30px 20px;
}    
#instructors {
    padding: 30px 0;
} 
#reviews {
    padding: 30px 0;
}    
    
.tab-pane p span {
    font-size: 16px;
    margin-left: 00px;
}    
.services-list {
    font-size: 16px;
    margin-left: 0px;
}    
.poe{
    margin-left: 0px;    
}    
.instructor_content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}    
.instructor-imgBx{
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}    
.instructor-details {
    width: 100%;
    height: auto;
    margin: 0 auto;
}    
.instructor-details h3 {
    font-size: 18px;
    text-align: center;
}    
.instructor-details p {
    font-size: 14px;
    text-align: center;
}    
.reviewer_con {
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding: 30px 50px;
}
.reviewer_content{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
} 
.reviewer-imgBx{
    width: 70px;
    height: 70px;
    margin:  0 auto;
}    
    
.rev_cmt {
    text-align: center !important;
}    
.reviewer-details {
    width: 180px;
    height: auto;
    text-align: center;
}    
.reviewer-details h3 {
    text-align: center;
    font-size: 18px;
} 
.reviewer-details p {
    margin-bottom: 0;
    color: #5f5f5f;
    font-size: 12px;
    text-align: center;
}   
.reviewer-details {
    width: 160px;
    height: auto;
    margin: 0 auto;
}    
.rev_cmt{
    font-size: 14px;    
}    
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px){
    
/*Banner start*/
 
.banner-image{
    width: 100%;
    height: 420px;    
}    
    
    
.banner_right-content {
    width: 100%;
    height: 300px;
    background: #ffb62e;
    border-radius: 20px;
    padding: 65px 32px;
}    
.banner_right-content p{
    font-size: 14px;    
}    
/*Banner end*/    
    
.nav-tabs .nav-item {
    width: 24.8%;
}    
.reviewer-details {
    width: 160px;
    height: auto;
    margin-left: 10px; 
}    
    
    
    
    
    
    
    
    
}

