.btn2{
    width: 100%;
    color: #e9e9e9;
    background-color: #4f2d7f;
    border: none;
    padding: 8px 16px;
    font-size: 0.9rem;
}

.btn3{
    border: none;
    color: #FFF;
    background: #f4b300;
    padding: 10px 10px;
    width: 100%;
}

.textbox{
    border: #cecece solid 1px;
    margin: 7px 0;
    width: 100%;
    background-color: transparent;
    font-size: 12px;
    color: #fff;
    padding: 11px;
}

.btn{
    border-radius: 0;
}


#banner{
    background-image: url('https://www.henryharvin.com/downloads/henry-1510220828-bg.webp');
    /* height: 200px; */
    height: 330px;
    padding-top: 150px;
    background-size: cover;
}


#breadcrumb {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #FFF;
}

#breadcrumb  .breadcrumb-list ul {
    list-style:none;
    margin: 0;
    padding:0;
    display: flex;
}

#breadcrumb .breadcrumb-list li{
    color: #999;
}

#breadcrumb  .breadcrumb-list ul li a {
    text-decoration: none;
    margin-right: 3px;
    font-size: 12px;
    color: #777;
}

#breadcrumb ul li a.active{
    color: #f05f40;
}


#breadcrumb .cta .btn{
    width: 100%;
}


#course-details{
    background: url('../images/bg3.webp');
    padding: 2rem 1rem;
}



#course-details .course-section{
    background: #FFF;
    padding: 60px 40px;
    margin-bottom: 25px;
}

#course-details .table-responsive{
    max-height: 300px;
}


#how-beneficial{
    background: url('../images/bg2.webp');
    padding: 70px 10px;
    color: #FFF;
}

#how-beneficial .btn{
    background: #FFF;
    color: #000;
}


#how-beneficial h4{
    font-style: italic;
}


/*Banner*/
#banner #banner-overlay{
    padding-top: 3rem;
} 

#banner #banner-overlay h1{
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600
}


#banner .rating ul{
    list-style: none;
    margin:0;
    padding: 0;
    display: flex;
}

#banner .rating ul li{
    color: #FFF;
    margin-left: 10px;
}


/*End of banner CSS */



/*Query box*/
.query-box{
    margin-top: 25px;
    background: #4f2d7f;
    display: block;
    padding: 1.2rem;
}

.query-box .free-counselling{
    background: #f4b300;
    color: #FFF;
    border: none;
    padding: 8px 0px;
    width: 100%;
}

.query-box .query-box-mobile-number {
    width: 100%;
    background: 0 0;
    border: 1px solid #FFF;
    margin: 10px 0;
    color: #FFF;
    padding: 5px;
}


.query-box .query-box-mobile-number::placeholder{
    color: #FFF;
    font-size: 14px;
}


/*End of query box*/


/*About course content */
.henry-contact{
    background: #4f2d7f;
    padding: 15px;
    color: #FFF;
}

.henry-contact a{
    color: #FFF;
}

#course-details .batch-dates{
    background: #DDDDDD;
}

#course-details .batch-dates table{
    margin-top: 10px;
}

#course-details .batch-dates table thead th{
    color: #4f2d7f;
    font-size: 14px;
}

#course-details .batch-dates table tbody td{
    color: #676667;
    font-size: 12px;
}

#course-details .batch-dates table thead{
    background: #ECEDEE;
}

#course-details .batch-dates table tbody{
    background: #FFF;
}

#course-details .batch-dates{
    padding: 20px 15px;
}

#course-details .batch-dates h3{
    text-transform: uppercase;
    color: #4f2d7f;
    font-size: 20px;
    font-weight: 600;
    margin-left: 30px;
}

#course-details .enroll-btn{
    background-color: #f4b300;
    color: #FFF;
    font-size: 14px;
    padding: 3px 10px;
    border: none;
}

#course-details .curriculum {
    padding-top: 20px 15px;
}

#course-details .curriculum .nav-item a{
    color: #4f2d7f;
    text-transform: uppercase;
    font-weight: bold;
}


#course-details .curriculum .nav-item a.active{
    background: #4f2d7f;
    color: #FFF;
    border-radius: 0;
}

#course-details .about-course-content h2{
    text-transform: capitalize;
}

#course-details #queries{
    padding-top: 20px;
}

#course-details .card{
    margin-bottom: 20px;
}


.course-detail-cta .btn{
    width: 100%;
}


#how-beneficial .btn{
    text-transform: capitalize;
    background-color: #FFF;
    /* float: left; */
    padding: 8px 18px;
    width: 150px;
    display: block;
    margin: 25px 0 30px;
    font-weight: 700;
}





/* Bootstrap Modal */

.modal .modal-content{
    background: #431f79;
    color: #FFF;
    width: 320px;
    height: 560px;
    padding-bottom: 10px 40px;
    margin: 0 auto;
    margin-top: 100px;
    border-radius: 0;
}

.modal .modal-content p{
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
}


.modal .modal-body{
    padding: 10px 40px;
}


.modal .modal-body{ 
    font-weight: 800;
    margin: 0 0 12px 0;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;

}


/* End of bootstrap modal */



/*Related posts*/
#related-post {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/*CSS for mobile */
@media only screen and (max-width: 600px) {
    #banner{
        height: 285px;
        padding-top: 10px;

    }

    .img-fluid {
    max-width: 100%;
    height: 120px;
      }

    #breadcrumb .cta .btn{
        margin-bottom: 20px;
    }

    #course-details .query-box{
        margin-bottom: 20px;
    }

    #course-details .query-box span{
        text-align:center;
    }


    #course-details .curriculum{
        
        padding: 20px 10px;
       
    }

    #course-details .about-course-content{
        padding: 20px 12px;
    }

    /* #how-beneficial{
        text-align:center;
    } */

    #how-beneficial .btn{
        margin: 0 auto;
        margin-bottom: 30px;
    }

    #course-details .course-detail-cta .col-md-5{
        margin-bottom: 20px;
    }

    #breadcrumb  .breadcrumb-list ul {
        list-style:none;
        margin: 0;
        padding:0;
        display: flex;
        flex-direction: column;
    }

    
}