@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root{
    --theme-color: #262165;
    --default-text-color: #333;
    --theme-color-hover: #0a0452;
    --default-font: 'Roboto', sans-serif;
    --secondary-color: #f1b615;
    --heading-font: 'Poppins', sans-serif;
}

body{
    font-family: var(--default-font);
    color: var(--default-text-color);
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;    
    outline: 0;
    line-height: normal;
}
a{    
    text-decoration: none;
    color: #333;
    transition: 0.5s;
}
a:hover{
    text-decoration: none;    
}
ul, li, p, h1, h2, h3, h4, label{
    margin: 0;
    padding: 0;
    line-height: 30px;
}
img.width_100 { 
    width: 100%;
}
.all_caps{
    text-transform: uppercase;
}

.default_btn{
    padding: 14px 24px;
    border-radius: 4px;     
    font-size: 15px;
    background-color: var(--theme-color);
    transition: 0.5s;
    color: #fff;
    display: inline-block;
}
.default_btn:hover{
    background-color: var(--theme-color-hover);  
    color: #fff;
}

.page_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 5%;
}
.page_row.l_align{
    justify-content: flex-start;
}
.page_row.tl_align{
    justify-content: flex-start;
    align-items: flex-start;
}

.colm_2{
    width: 50%;
    padding: 15px;
}
.colm_3{
    width: 32%;
    padding: 15px;
}
.theme_color{
    color: var(--theme-color);
}
.secondary_color{
    color: var(--secondary-color);
}


.section {
    width: 100%;
    padding: 50px 0;
    position: relative;
}

/* ============Header==================== */
#header{
    position: fixed;
    width: 100%;
    z-index: 9;   
}
.top_header{
    background-color: var(--theme-color);
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 5%;
    color: #b8b8b8;
    font-size: 14px;    
    
}
.top_header a{
    color: #b8b8b8;
}
.top_header a:hover{
    color: #fff;
}
.top_header i{
    margin-right: 5px;
}
.top_phone{
    margin-right: 30px;
}


#logo img{
    width: 270px;
    /* margin-left: 30px; */
}

#headerbar{    
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 5px solid var(--theme-color);     */
    /* width: 100%;
    z-index: 1; */
    padding: 0 5%;
    background-image: url(../images/header-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    
}
.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
    position: fixed;
    background-color: #fff;
}
.fixed-top .top_header{
    display: none;   
}
.fixed-top #headerbar{
    box-shadow: 0 0 5px 0 rgb(156, 156, 156);
    background-color: #fff;

}
.fixed-top nav ul li a{
    color: #333;
}

.toggle, [id^=drop]{
    display: none;
}
#toggle-main{
    cursor: pointer;
    float: right;
    padding: 12px 0;
    position: relative;
    user-select: none;
    margin-right: 20px;
}


nav ul li{
    display: inline-block;
    position: relative;
    margin-left: 40px;
    
    /* border: 1px solid #333; */

}
nav ul li a{
    padding: 10px 0;
    line-height: 76px;
    font-weight: 600;
    color: #fff;
}
nav ul ul{
    position: absolute;
    width: 250px;
    top: 100%; 
    background-color:  var(--theme-color);       
    z-index: 1;
    display: none;
    /* opacity: 0; */
}
nav ul li:hover{
    cursor: pointer;
}


nav ul ul li{
    display: list-item;
    position: relative;
    margin: 0;
    
}
nav ul li a:hover{    
    color: #787878;  
} 

.fixed-top nav ul li a:hover{    
    color: var(--theme-color);  
} 

nav ul ul li a{
    line-height: inherit;
    display: block;
    padding: 13px;
    border-top: 1px solid #fff;
    color: #fff !important;
}

nav ul ul li:first-child a{
    border-top: none;
}
nav ul ul ul{
    position: absolute;
    left: 100%;
    background-color: var(--theme-color);
    top: 0;
}
nav ul ul ul li a{
    border-bottom: 1px solid #fff;
    color: #fff;
}
nav ul li:hover>ul{
    display: block;
}

nav ul ul li:hover{
    background-color: var(--theme-color-hover);
}
nav ul ul li a:hover{
    color: #fff;
}
/* li>a:after{
    content: " \f107";
    font-family:'FontAwesome';
}
li>a:only-child:after{
    content: "";
} */

[id^=toggle]+a:after{
    content: "\f107";
    font-family:'FontAwesome';
    margin-left: 8px;
   
}
[id^=rightToggle]+a:after{
    content: "\f105";
    font-family:'FontAwesome';
    margin-left: 8px;
}

@media all and (max-width: 1192px){
    nav ul li{
        margin: 0 6px;
    }
}

@media all and (max-width: 1097px){
    #headerbar{
        padding: 0;
    }
    .menu{
        display: none;
        position: absolute;
        top: 100%;
        background-color: #333;
        width: 100%;

    }
    /* .fixed-top .menu{
        top: 91px;
    } */
    nav ul li {
        /* display: block; */
        position: relative;
        margin: 0;
        width: 100%;
       
    }
    
    nav ul ul, nav ul ul ul{
        display: none;
        position: static;
        width: 100%;
    }

    nav ul li:hover>ul, nav ul ul li:hover>ul{
        display: none;
    }
    nav ul li a{
        display: block;        
        line-height: inherit;
        padding: 15px;
        border: 0;
        color: #fff;
    }
    .fixed-top nav ul li a{        
        color: #fff;
    }
    .menu li label{        
        line-height: inherit;
        padding: 15px;
        color: #fff;
        font-weight: 600;
    }
    /* nav ul ul li a{
        border: 0;
    } */
    nav ul ul li:first-child a {
        border-top: 1px solid #fff;
    }
    nav ul ul ul li a {
        border-top: 1px solid #fff;
        border-bottom: 0;
    }
    nav ul ul ul {
        background-color: #aa0008;
    }

    .toggle{
        display: block;
    }
    .toggle i{
        color: #fff;
        font-size: 20px;        
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background-color: var(--secondary-color);
    }
    .toggle+a{
        display: none;
    }
    .menu li label:after{
        content: " \f107";
        font-family:'FontAwesome';
    }
    #menu-btn-close{
        display: none;
    }

    [id^=drop]:checked+ul{
        display: block;
    }

    #drop:checked label #menu-btn{
        display: none;
    }
    #drop:checked label #menu-btn-close{
        display: block;
    }

    #logo img {
        width: 204px;
        margin-left: 21px;
    }

}  

@media all and (max-width: 542px){
    .top_header{
        flex-direction: column;
    }
    .top_phone {
        margin-right: 0;
    }
}

/* ============Header End==================== */

/* ============Banner==================== */


.home_banner{
    background-size: cover;
    background-repeat: no-repeat;
    height: 715px;
}
.home_banner .carousel-indicators li{
    background-color: #b8b8b8;
    height: 7px;
}
.home_banner .carousel-indicators .active {
    background-color: var(--secondary-color);
}
.banner_text{
    max-width: 800px;
    padding: 20% 5%;    
}
.banner_text h2{
    font-family: var(--heading-font);
    color: #fff;
    font-size: 44px;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 20px;
}
.banner_text p{
    color: #fff;
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 20px;
}
.banner_btn{
    background-color: var(--secondary-color);
    color: #fff;
    padding: 15px 40px;
    font-size: 18px;
    display: inline-block;
    border-radius: 4px;
}



/* ============Banner==================== */

/* ============Home Page Content==================== */

.para_heading{
    font-size: 2.0rem;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: var(--heading-font);
}

/* -----About Para------- */
.home_about{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.about_text h1, .about_text p{
    margin-bottom: 20px;
}
.about_image{
    width: 40%;
    background-color: #f1b615;
    padding-left: 5%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.about_image img{
    width: 117%;
}

.about_text{    
    width: 60%;    
    padding: 30px 5%  30px 175px;
}

/* -----Course Para------- */

.home_course{
    padding: 30px 5%;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
}
.home_course h3{
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 16px;
}
.home_course p{
    max-width: 700px;
    margin: auto;
    font-size: 18px;
    margin-top: 12px;
}
.course_btn_sec{
    margin-top: 30px;
    margin-bottom: 20px;
}

.course_btn_sec a{
    width: 200px;
    color: #fff;
    display: inline-block;
    padding: 15px 0;
    border-radius: 4px;
}
.course_btn{
    background-color: var(--secondary-color);
    margin-right: 15px;
}
.download_btn{
    background-color: #f09400;
}

.home_infrastructure {
    text-align: center;
    padding: 30px 0;
}
.home_infrastructure .page_row{
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.infra_box{
    width: 18%;
    text-align: center;
    padding: 10px 10px 20px;
    margin: 0 10px 40px;
    box-shadow: 0 0 10px 0 rgb(214, 214, 214);    
}
.infra_box img{
    width: 60px;
    margin-bottom: 15px;
}
.infra_box h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: var(--heading-font);
}
.infra_box p{
    height: 150px;
    margin-bottom: 20px;
}




/* -----Contact Para------- */
.home_contact .student_speak_box{
   background-color: var(--theme-color);
   color: #fff;
}
.student_speak_box p{
    font-size: 18px;    
}
.student_name{
    font-size: 22px;    
    display: block;
    margin-top: 50px;
}

.testimonial_slider .slick-arrow{
    display: none !important;
}
.testimonial_slider .slick-dots{
    text-align: left;
    bottom: -76px;
}
.testimonial_slider .slick-dots li button:before{
    color: #fff;
    opacity: 1;
}
.testimonial_slider .slick-dots li.slick-active button:before{
    color: var(--secondary-color);
}

.icon_box img{
   height: 100px;
   width: auto;
   margin-right: 20px;
}
.home_contact.page_row{
    padding: 0;
    align-items: stretch;
}

.home_contact .colm_2{
    padding: 30px 5%;
}
.contact_box_home .page_row{
    justify-content: flex-start;
    border-bottom: 1px dashed #333;
}
.contact_box_home .page_row:last-child{
    border-bottom: 0;
}

.details_box p{
    color: #787878;
    font-weight: 600;
    
}
.details_box p a{
    font-size: 20px;
    line-height: 37px;
    color: #787878;
}
.details_box h4{
    color: #333;
    font-weight: 800;
}
/* -----Contact Form (Home Page)------- */
.form_box{    
    /* padding: 30px; */
     /* width: 430px; */
    margin-top: 20px; 
}
.contact_form_home.colm_2{
   background-color: var(--secondary-color);
}
.contact_form_home h2.para_heading{
    color: #fff;
}


.form-input{
    width: 100%;
    padding: 10px;
    height: 40px;
    margin-bottom: 20px;
    border: none;
    border-radius: 4px;
}
.form-textinput{
    width: 100%;
    padding: 10px;
    resize: none;
    height: 100px;
    margin-bottom: 20px;
    border: none;
    border-radius: 4px;
}
.contact_form_home .form-buttonarea input{
    border: none;
    text-transform: uppercase;
    width: 100%;
}

/* Home Gallery */

.home_gallery{
    padding: 50px 5%;
    text-align: center;
}
.gallery_panel{
    margin-top: 50px;
}

.thumbnail_slider .slick-slide{
    margin: 0 10px;
}
.fancybox-infobar{
    display: none;
}
.fancybox-button--thumbs{
    display: none !important;
}
/* ============Footer==================== */

#footer{
    background-color: var(--theme-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 5% 10px;
    color: rgb(180, 180, 180);
}

.footer_link li a{
    color: rgb(180, 180, 180);
}
.footer_link li a:hover{
    color: #fff;
}
.footer_link li{
    border-bottom: 1px solid rgb(124, 124, 124);
    padding: 5px 0;
}

.footer_sm li{
    display: inline-block;
    margin-right: 20px;
}
.footer_sm li a{
    color: rgb(180, 180, 180);
    font-size: 20px;
}
.footer_sm li a:hover{
    color: #fff;
}

.footer_logo img{
    background-color: #fff;
    width: 200px;
    margin-bottom: 20px;
}

#footer .first_colm{
    width: 30%;
}
#footer .second_colm{
    width: 20%;
}
#footer .third_colm{
    width: 20%;
}
#footer .fourth_colm{
    width: 30%;
}
#footer .fourth_colm a{
    color: rgb(180, 180, 180);
}
#footer .fourth_colm a:hover{
    color: #fff;
}

.footer_text{
    margin-right: 20px;
}
.footer_text:last-child{
    margin-right: 0;
}
.footer_text p{
    margin-bottom: 20px;
    
}
.footer_heading{
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    font-family: var(--heading-font);
}
.copyright{
    background-color: var(--theme-color-hover);
    color: #fff;
    text-align: center;
    padding: 15px 0;
    
}
/* ============Footer End==================== */
@media all and (max-width: 1469px){
    .infra_box p{
        height: 190px;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 1193px){
    .infra_box p{
        height: 190px;        
    }
    .infra_box{
        width: 30%;        
    }
    .infra_box p{
        height: 135px;        
    }
}
@media all and (max-width: 1094px){
    .home_about{
        flex-direction: column;
    }
    .about_image, .about_text{
        width: 100%;
        padding: 50px;
        text-align: center;
    }
    .about_image img {
        width: 100%;        
    }
}
@media all and (max-width: 1023px){
    .infra_box p{
        height: 190px;        
    }
    .infra_box{
        width: 45%;        
    }
    .infra_box p{
        height: 135px;        
    }
    
}


@media all and (max-width: 801px){
    .page_row{
        flex-direction: column;
        padding: 30px 4%;
    }
    .colm_2, .colm_3 {
        width: 100%;        
    }
    .para_heading{
        font-size: 2rem;
    }

    .colm_2{
        padding: 15px 0;
    }
    .product_box_home{
        height: auto;
        margin-bottom: 20px;
    }
    .contact_box_home.colm {
        margin-right: 0;
        text-align: center;
    }
    .icon_box img {
        margin-right: 0;
    }
    .infra_box{
        width: 100%;   
        margin: 0 0 20px;      
    }
    .infra_box p{
        height: auto;
    }   
    .testimonial_slider .slick-dots{
        bottom: -40px;
    } 
    #footer {
        flex-direction: column;
    }
    #footer .first_colm, #footer .second_colm, #footer .third_colm, #footer .fourth_colm{
        width: 100%;
    }
    .footer_heading {
        margin-bottom: 7px;
    }
    .footer_text{
        margin-bottom: 20px;
    }

    

}

@media all and (max-width: 601px){
    .banner_text {        
        padding: 30% 30px;
    }
    .banner_text h2{
        font-size: 32px;
        line-height: 40px;
    }
    .banner_text p{
        font-size: 14px;
    }
}

@media all and (max-width: 534px){
    .form_box{
        width: 100%;
    }
    .banner_text h2{
        font-size: 24px;
        line-height: 40px;
    }
    .banner_text {        
        padding: 40% 30px;
    }
    .home_banner{
        height: 530px;
    }
    .about_image, .about_text{
        padding: 20px;
    }
    .course_btn_sec a{
        width: 175px;
    }
}

@media all and (max-width: 480px){
.course_btn_sec a {
    width: 100%;
    margin-bottom: 10px;
}
.home_course h3{
    font-size: 20px;
}
.home_course p{
    font-size: 14px;
}
.slick-prev{
    left: 0;
    z-index: 1;
}
.slick-next{
    right: 0;
    z-index: 1;
}
}


/* ============Home Page End==================== */


/* ============Inner Page==================== */

.inner_page_para.page_row{
    align-items: flex-start;
    margin-top: 40px;
}
.inner_page_banner{
    padding-top: 90px;
    position: relative;
}

.product_heading{
    position: absolute;
    bottom: -33px;
    padding: 0 5%;
    width: 100%;
   
}
.product_heading h1{
    color: #fff;
    font-size: 28px;
    background-color: var(--theme-color);    
    padding: 25px;
}

.inner_page_banner img{
    width: 100%;
}
.inner_page_para .left_colm{
    width: 70%;
    padding-right: 30px;
}
.inner_page_para .right_colm{
    width: 30%;
    padding-left: 30px;
}
.inner_page_para .para_heading{
    font-size: 20px;
    margin-bottom: 10px;
}
.para_content{
    margin-bottom: 25px;
}
.para_content p{
    margin-bottom: 5px;
    text-align: justify;
}
.para_content .para_list li{    
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.para_content .para_list li::before{
    font-family:'FontAwesome';
    content:"\f00c";
    color: var(--theme-color);
    margin-right: 10px;
}


.quick_list li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.quick_list li a{
    line-height: 30px;
}
.quick_list li a:hover{
    color: var(--theme-color);
}
.quick_list li.main_product{
    font-weight: 700;
    font-size: 16px;
}
.quick_list li.main_product::before{
    font-family:'FontAwesome';
    content:"\f101";
    color: var(--theme-color);
    margin-right: 10px;
    font-size: 16px;
}
.quick_list li.sub_product::before{
    font-family:'FontAwesome';
    content:"\f105";
    color: var(--theme-color);
    margin-right: 10px;
    font-size: 16px;
}
.quick_list li.sub_product a{
    font-size: 13px;
}

.right_panel_form{
    background-color: #f1a21f;
    padding: 30px;
}

.contact_page .page_row{
    padding: 10px 5%;
    border-bottom: 1px dotted #333;
}

.contact_page .page_row:last-child{
    border-bottom: 0;
}
.contact_page .icon_box img{
    height: 82px;
}

@media all and (max-width: 800px){    
    .inner_page_para .left_colm, .inner_page_para .right_colm{
        width: 100%;
        padding-right: 0;
    }
    .inner_page_para .right_colm {
        padding-left: 0;
    }
    
    

}

@media all and (max-width: 710px){
    .inner_page_banner{
       position: inherit;
    }
    .product_heading{
        position: inherit;
        padding: 0;
    }
    .product_heading h1 {
        font-size: 22px;
        padding: 20px 5%;
    }
    .inner_page_para.page_row{
        margin-top: 0px;
    }

}




/*----- why us ------*/


.inner_banner {
    height: 400px;
}

.inner_banner .banner_text {
    padding: 16% 5% 3%;
    max-width: 100%;
    text-align: center;
}

.whyus_about .about_image {
    background: none;
}



.main_mvo {
    padding: 70px 0;
}

.mvo_pic {
    height: 425px;
}

.mvo_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mvo_content {
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 30px;  
}

.mvo_content h2 {
    margin-bottom: 20px;
    font-size: 36px;
    text-transform: capitalize;
}

.mvo_content ul li {
    font-size: 14px;
    line-height: 24px;
    list-style: disc;
}

.mvo_part:nth-child(even) .row {
    display: flex;
    flex-direction: row-reverse;
}

.mvo_part:nth-child(even) .row .mvo_content {
    padding-right: 15px;
    padding-left: 40px;
}

.gallery_box {
    height: 235px;
    margin-bottom: 30px;
}

.gallery_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.nursing_page {
    padding: 80px 0;
}

.course_part {
    background: #397c3f;
    box-shadow: 0 0 20px #f1f1f1;
    padding: 30px;
}

.course_details {
    width: 100%;
    margin-bottom: 40px;
    display: inline-block;
}

.course_details:last-child {
    margin-bottom: 0;
}

.course_part h2, .course_study h2  {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    margin-bottom: 20px;
}

.course_details ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
    float: left;
    width: 100%;
}

.course_details ul li {
    width: 100%;
    margin-bottom: 15px;
    color: #fff;
    list-style: disc;
}

.course_details ul li span {
    color: #fff;
    font-weight: 700;
}

.query_head {
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.course_form {
    background: #a5a7a3;
    padding: 25px 20px;
    float: left;
}

.course_form .form_box {
    width: 100%;
    float: left;
    margin: 0;
}

.course_form .form-input {
    height: 45px;
}

.course_form .form-input, .course_form .form-textinput {
    font-size: 14px;
}

.course_form .form-buttonarea input {
    border: none;
    text-transform: uppercase;
    width: 100%;
}

.course_study {
    background: #cd752a;
    margin-top: 60px;
    padding: 25px 20px;
    color: #fff;
    line-height: normal;
}

.course_study ul li {
    margin-bottom: 15px;
    width: 100%;
}


.course_study ul li span {
    font-weight: 600;
}

.course_study ul li p {
    line-height: 25px;
    font-size: 15px;
}

.contact_address ul {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.contact_address ul li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    line-height: 25px;
    font-size: 16px;
}




.infrastructure_panel .gallery_box {
    height: 450px;
    position: relative;
}

.infrastructure_panel .gallery_box .infa_pic {
    width: 100%;
    height: 100%;
    position: relative;
}

.infrastructure_panel .gallery_box span {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    padding: 20px;
    color: #fff;
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
}

.error{
    color:red;
    font-weight: bold;
}



.content_base_page {
    
}

.content_base_page_inner_part {
    width: 100%;
    padding-bottom: 15px;
}

.content_base_page_inner_part ul li {
    width: 100%;
    margin: 5px 0;
    padding: 0 0 0 18px;
    position: relative;
}

.content_base_page_inner_part ul li:before {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    background: var(--secondary-color);
    border-radius: 50%;
    top: 10px;
    left: 0;
}

.content_base_page_inner_part p {
    margin-bottom: 10px;
}

.content_base_page_inner_part h3 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
    font-family: var(--heading-font);
    color: var(--secondary-color);
}















@media only screen and (min-width:240px) and (max-width:767px) {

.inner_banner {
    height: 350px;
}

.inner_banner .banner_text {
    padding: 45% 30px 10%;
}

.mvo_content {
    padding: 15px 30px !important;
}

.mvo_content h2 {
    width: 100%;
}

.mvo_pic {
    height: auto;
}

.course_part {
    padding: 30px 15px;
}

.contact_address ul {
    margin: 0;
}


.infrastructure_panel .gallery_box {
    height: auto;
}




}