:root {
    --theme-color-1: #28166f;
    --theme-color-2: #f58220;
}

/* start body */
    body{
        /*font-family: -webkit-pictograph;*/
        font-family: system-ui;
        /*background-color: #f6f6f6;*/
        background-color: white;
        margin: 0!important;
        padding: 0!important;
    }
/* end body */

/* start font size*/
.font-size-22{
    font-size: 22px!important;
}
.font-size-18{
    font-size: 18px!important;
}
.font-size-14{
    font-size: 14px!important;
}
.paddind-10-25{
    padding: 10px 25px!important;
}
/*end font size*/

.btn-width{
    width: 150px;
}
.bgcolor{
  background: #000428;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/* start border blue table color*/
    table.border-blue-table-tr tr>td{
        border-color: rgb(9,9,121)!important;
    }
/* end border blue table color*/
    .black_border{
        border: 1px solid #797979;
    }
/*start particular website color*/
    .white{
        color: #fdfdfd!important;
    }
    .black{
        color: black!important;
    }
    .background-white{
        background-color: white!important;
    }
    .orange-color{
        color: #f58220!important;
    }
    .orange-background{
        background-color: #f58220!important;
    }
    .dark-blue-color{
        color: rgb(9,9,121)!important;
    }
    .dark-blue-background{
        background-color: rgb(9,9,121)!important;
    }
    .border-orange-color{
        border:1px solid #f58220!important;
    }
/*end particular website color*/

/*start margin*/
.margin-t10{
    margin-top: 10px!important;
}
.margin-t20{
    margin-top: 20px!important;
}
.margin-t30{
    margin-top: 30px!important;
}
.margin-t40{
    margin-top: 40px!important;
}
.margin-t50{
    margin-top: 50px!important;
}
.margin-b20{
    margin-bottom: 20px!important;
}
.margin-b30{
    margin-bottom: 30px!important;
}
.margin-b40{
    margin-bottom: 40px!important;
}
.margin-b50{
    margin-bottom: 50px!important;
}
.margin-l20{
    margin-left: 20px!important;
}
.margin-l30{
    margin-left: 30px!important;
}
.margin-l40{
    margin-left: 40px!important;
}
.margin-l50{
    margin-left: 50px!important;
}
.margin-r20{
    margin-right: 20px!important;
}
.margin-r30{
    margin-right: 30px!important;
}
.margin-r40{
    margin-right: 40px!important;
}
.margin-r50{
    margin-right: 50px!important;
}
/*end margin*/

/*start padding*/
.padding-l20{
    padding-left: 20px!important;
}
.padding-r20{
    padding-right: 20px!important;
}
/*end padding*/

/*start p tag*/
    p{
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.1px;
        text-align: justify;
    }
/*end p tag*/

/*start a tag*/
    a:hover, a:focus, a:visited {
        text-decoration: none;
        outline: none;
    }
    a{
        text-decoration: none;
        cursor: pointer;
    }
/*end a tag*/

/*start ul,li tag*/
    ul, li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
/*end ul,li tag*/


/*start header and main-header*/
    .header-top .auto-container .inner-container .top-left .top-marquee{
        color: black;
        font-size: 22px;
        padding: 5px;
        font-weight: 900;
    }
    header.main-header{
        /*position: fixed;*/
        top: 0;
        width: 100%;
        left: 0;
        z-index: 9999;
        display: block;
    }
    .main-header .header-top{
        position: relative;
        /*background-color: #f58220;*/
        /*background-color: #fffbd5;*/
        background-color: white;
    }
    .main-header .auto-container{
        position: static;
        max-width: 1280px;
        padding: 0px 0px;
        margin: 0 auto;
        height: 42px;
    }
    .main-header .auto-container .inner-container{
        /*padding-left: 360px;*/
        /*padding-left: 290px;*/
        padding-left: 240px;
    }
    .main-header .header-top .auto-container .inner-container .top-right{
        position: relative;
        float: right;
        padding: 7.5px 0;
    }
    .main-header .btn-box{
        position: relative;
    }
    .main-header .btn-box a{
        line-height: 15px;
        text-align: center;
        border-width: 1px;
        padding: 4px 4px;
        margin: 6px 0 0;
    }
    .main-header .btn-style-three{
        position: relative;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        padding: 13px 23px;
        font-weight: 700;
        background-color: transparent;
        text-transform: uppercase;
        border: 2px solid #ffffff;
        -webkit-box-shadow: rgb(255 255 255 / 10%) 0 0px 0px 0px inset;
        -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
        -ms-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
        -o-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
        box-shadow: rgb(255 255 255 / 10%) 0 0px 0px 0px inset;
    }
    .main-header .theme-btn{
        display: inline-block;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
        cursor: pointer;
    }
    .main-header .btn-style-three:hover{
        box-shadow: rgb(255 255 255) 0 0px 0px 40px inset;
        color: #0e3c6f;
    }
    .main-header .top-left{
        position: relative;
        /*float: left;*/
        /*margin-right: 3rem!important;*/
    }
    .main-header ul.contact-list{
        position: relative;
        padding: 15px 0 0px;
        display: inline-block;
    }
    .main-header ul.contact-list li{
        position: relative;
        float: left;
        font-size: 14px;
        line-height: 20px;
        color: #e9e8e9;
        font-weight: 300;
        margin-right: 15px;
        border-right: 1px solid #e9e8e9;
        padding-right: 15px;
        margin-top: 2px;
    }
    .main-header ul.contact-list li:first-child,.main-header ul.contact-list li:nth-child(2),.main-header ul.contact-list li:last-child{
        border-right: none!important;
    }
    .main-header ul.contact-list li:first-child,.main-header ul.contact-list li:nth-child(2){
        margin-top: 0;
        margin-right: 10px;
        padding-right: 10px;
    }
    .mg-0{
        margin-right: 0!important;
    }
    .main-header ul.contact-list li a{
        color: #e9e8e9;
        display: inline-block;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        cursor: pointer;
    }
    .main-header ul.contact-list li i{
        float: left;
        font-size: 25px;
        line-height: 25px;
        margin-right: 10px;
        color: #fff !important;  
    }
    .main-header .top-bar{
        /*background-color: #e8e8e8;*/
        background-color: rgb(9,9,121);
        padding: 10px;
    }
    .main-header .top-bar .login p{
        margin: 0;
        padding: 0;
        color: white;
        display: contents;
        font-size: 14px;
    }
    .main-header .top-bar .login p span{
        font-size: 16px;
    }
    .main-header .top-bar .login{
        font-size: 16px;
        font-weight: bold;
        /*font-family: system-ui;*/
    }
    .main-header .top-bar .login a{
        color: #000428;
        /*color: white;*/
        font-size: 12px;
        border: 1px solid #000428;
        margin: 0 10px;
        border-radius: 5px;
        /* padding: 16px; */
        padding: 3px 16px;
        font-weight: 600;
        text-transform: uppercase;
        /*background: #efeeee;*/
        background: white;
        /*background: rgb(9,9,121);*/
    }
    .main-header .top-bar .login a:hover{
        color: white;
        background-color: rgb(9,9,121);
    }
    .main-header .top-bar .login span,.main-header .header-lower .navbar-collapse ul li span{
        font-size: 10px;
    }
    .main-header .header-lower{
        position: relative;
        display: block;
    }
/*end header and main-header*/

/*start lower header*/
    .header-lower .main-box{
        /*background: rgba(255, 255, 255, 0.72) !important;*/
        /*background-color: #e8e8e8;*/
        background-color: rgb(9,9,121);
        /*background-image: linear-gradient(#e8e8e8, white);*/
        position: static;
        left: 0px;
        top: 0px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        /*font-family: 'Raleway', sans-serif;*/
    }
    .header-lower .logo-box{
        position: absolute;
        left: 15px;
        top: -80px;
        float: left;
    }
    .header-lower .logo-box:before {
        position: absolute;
        /* border: 2px solid rgb(9,9,121); */
        right: 27px;
        width: 90%;
        height: 83%;
        /* background-color: #e8e8e8 !important; */
        /* background-color: #fffbd5 !important; */
        background-color: white !important;
        content: "";
        border-radius: 45px;
    }
    .header-lower .logo-box .logo{
        position: relative;
        padding: 5px;
    }
    .header-lower .logo-box .logo a{
        display: block;
    }
    .header-lower .logo-box .logo a img {
        position: relative;
        /* max-width: 87%; */
        /* width: 250px; */
        height: 120px;
        top: -13px;
        left: -10px;
    }
    .header-lower .logo-box .logo:before{
        /*position: absolute;
        right: -50px;
        top: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 50px solid #fff !important;
        content: "";
        z-index: 99;*/
    }
    .header-lower .navbar-default .navbar-nav>li>a{
        text-transform: capitalize;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px 10px;
        /*color: rgb(9,9,121);*/
        color: white;
        font-size : 12px; 
        font-weight: 600;
        /*border-right: 1px solid rgb(9,9,121);    */
        border-right: 1px solid white;    
    }
    .header-lower .navbar-default .navbar-nav>li:last-child>a{
        border-right: none;
    }
    .main-header .header-lower .navbar-collapse{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .header-lower .nav-style{
        background-color: transparent;
        border: none;
        margin-bottom: 0;
        min-height: 42px;
    }
/*end lower header*/

/*start header tabs on hover*/
    .hover-aiu-tab{
        position: relative;
    }
    .aiu-tab-dropdown{
        display: none;
        position: absolute;
        z-index: 750;
        box-shadow: 0px 0px 6px 0px #ccc;
        border-radius: 0;
        /*width: 175px;*/
        width: 180px;
        left: -75px;
        background: white;
        transition: .5s ease;
        opacity: 0;
    }
    .aiu-tab-dropdown li{
        /*font-size: 15px;*/
        font-weight: 600;
        padding: 8px 10px;
/*        margin: 0px 15px;*/
        border-bottom: 1px solid rgb(9,9,121);
        /*box-shadow: 0px 1px 2px 1px #e4e1e1;*/
        /* border-bottom: 1px dotted #757474;*/
    }
    .aiu-tab-dropdown li:last-child{
        border-bottom: none;
    }
    .aiu-tab-dropdown li:hover{
        /*background: #f1f1f1;*/
        /*background-image: linear-gradient(#e8e8e8, white);*/
    }
    .aiu-tab-dropdown li a{
        color: rgb(9,9,121);
    }
    .hover-aiu-tab:hover .aiu-tab-dropdown{
        display: block;
        opacity: 1;
    }
    .courses-subTab{
        width: 960px;
        left: -350px;
    }
    .courses-subTab .nav-course-sub-tab ul{
        border-bottom: none!important;
    }
    .courses-subTab .nav-course-sub-tab li{
        box-shadow: none;
        margin: 0;
        border-bottom: none;
        color: white;
        width: 233px;
    }
    .courses-subTab .nav-course-sub-tab li.active{
        background: rgb(9,9,121);
    }
    .courses-subTab .nav-course-sub-tab .nav-tabs>li.active>a{
        background: transparent;
        border: none;
        padding: 3px 0px 3px 5px;
        color: white;
        font-size: 16px;
    }
    .courses-subTab .nav-course-sub-tab .nav-tabs>li>a{
        background-color: transparent;
        border:none;
        padding: 3px 0px 3px 5px;
        font-size: 16px;
    }
    .courses-subTab .nav-course-sub-tab .nav-tabs>li>a>span{
        float: right;
        line-height: 20px;
    }
    .courses-subTab .nav-course-sub-tab .col2{
        padding-right: 0px
    }
    .courses-subTab .nav-course-sub-tab .col10{
        padding-left: 0px;
    }
    .courses-subTab .nav-course-sub-tab .col10 .tab-content{
        background: #fbfbfb;
        padding: 10px 20px;
        height: 302px;
    }
    .courses-subTab .nav-course-sub-tab .col10 .tab-content h2{
        margin-top: 0;
        color: rgb(9,9,121);
        font-size: 24px;
    }
    .courses-subTab .nav-course-sub-tab .col10 .tab-content .tab-box{
        padding: 10px 0;
    }
    .courses-subTab .nav-course-sub-tab .col10 .tab-content .tab-box p{
        margin-bottom: 2px;
        font-size: 13px;
        display: inline-flex;
    }
    .courses-subTab .nav-course-sub-tab .col10 .tab-content .tab-box p span{
        float: left;
        line-height: 24px;
    }
    .courses-subTab .nav-course-sub-tab .col10 .tab-content .tab-box p a{
        color: black;
        height: 34px;
        /*line-height: 16px;*/
        /*float: left;*/
    }
/*end header tabs on hover*/

/* Start Enquire Now */
    .btn:focus,.btn:hover,.btn:active,.btn:visited,.btn:focus,.btn:focus-within,.btn:focus-visible,.btn:target{
        outline: none!important;
    }
    .btn-enquire-now{
        position: fixed;
        top: 90px;
        right: -3.7%;
        transform: rotate(270deg);
        border-radius: 7px 7px 0px 0px;
        color: white;
        background: rgb(9,9,121);
        font-size: 18px;
        /*box-shadow: 1px 2px 1px 1px #120b31;*/
    }
    .btn-enquire-now:hover,.btn-enquire-now:focus,.btn-enquire-now:active{
        color: white;
    }
    @media (min-width: 768px){
        #enquireNow .modal-dialog{
            width: 400px;
        }
    }
    @media screen and (max-width: 800px) {

        html, body {

            width: 100%;
        }

        .header-lower .logo-box .logo a img {
            position: relative;
            /* max-width: 87%; */
            /* width: 250px; */
            height: 70px;
            top: -8px;
            left: -17px;
        }
        .header-lower .logo-box {
            position: absolute;
            left: 5px;
            top: -50px;
            float: left;
        }
        .header-lower .logo-box:before {
            position: absolute;
            /* border: 2px solid rgb(9,9,121); */
            right: 27px;
            width: 90%;
        }

        .img-respo {

            min-width: 329PX;
            max-width: 330px;
            height: auto;
        }
    }
    #enquireNow .modal-content{
        /*border-radius: 0px!important;
        padding: 25px 230px;
        background-image: url('~lib/image/enq_background.jpg');
        background-size: cover;*/
        width: 80%;
    }
    #enquireNow .modal-header {
        color: white;
        /* background: rgb(9,9,121); */
        /* border-radius: 45px 0px 0px; */
        text-align: center;
/*        padding: 5px 15px;*/
        border-bottom-color: rgb(16 10 2);
    }
    #enquireNow .modal-header button{
        color: #333;
    }
    #enquireNow .modal-title{
        text-transform: uppercase;
        color: rgb(9,9,121);
        font-size: 15px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    #enquireNow .modal-body{
        padding: 10px 30px 20px;
/*        background-color: rgb(9,9,121);*/
    }
    #enquireNow .modal-body form {
        background-color: white;
/*        padding: 20px 30px 30px;*/
        border-radius: 20px;
        /*width: 95%;
        position: relative;
        left: 10%;*/
    }
    h5{
        margin-top: 0;
        text-align: center;
        text-transform: uppercase;
        color: rgb(9,9,121);
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    #enquireNow .form-control:focus{
        border-color: rgb(9,9,121)!important;
        outline: 0!important;
        -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%),  0px 2px 2px rgb(193 193 195)!important;
        box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%), 0px 2px 2px rgb(193 193 195)!important;
    }
    #enquireNow .form-control,#enquireNow .input-group-addon{
        /* height: 40px; */
        color: #333;
        border-radius: 15px;
        border: 1px solid #bbb5b5;
        border-bottom: 1px solid #978fb7;
        box-shadow: 0px 1px 2px 0px #c7c5c5;
    }
    #enquireNow .input-group-addon{
        background: white;
        border-right: none;
        border-radius: 15px 0 0 15px;
    }
    #enquireNow #phone{
        border-radius: 0 15px 15px 0;
    }
    #enquireNow .col6-right-en{
        padding-right: 5px; 
    }
    #enquireNow .col6-left-en{
        padding-left: 5px; 
    }
    #enquireNow .btn-enquire-send{
        width: 100%;
        color: white;
        font-weight: 600;
        font-size: 16px;
        background: rgb(40 22 111);
        border-radius: 15px;
    }
/* End Enquire Now */      

/*start footer*/
    footer{
        /*display: none;*/
        /*background-color: #fffde5;*/
        background-color: rgb(9,9,121);
        color: white;
    }
    footer .box{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    footer .box .content .image img{
        background: white;
        padding: 5px;
        border-radius: 20px;
        height: 80px;
        width: auto; 
    }
    footer .box .content .heading{
        background: none;
        margin: 0 0 10px;
        padding: 0px;
        border-bottom: 1px solid white;
    }
    footer .box .content .heading h4{
        margin-top: 0;
        color: white;
    }
    footer .heading h4 {
        font-size: 20px;
        font-weight: 800;
        text-align: center;
    }
    footer .box .content .useful-link ul li{
        padding: 5px 0px 5px 20px;
        position: relative;
    }
    footer .box .content .useful-link ul li:before{
        background-color: #f58220;
        position: absolute;
        top: 14px;
        left: 0;
        width: 10px;
        height: 2px;
        content: "";
        display: inline-block;
    }
    footer .box .content .useful-link ul li a{
        color: white;
        font-weight: 500;
        font-size: 13px;
    }
    footer .box .content .text h4{
        font-size: 16px;
        font-weight: bold;
        color: white;
    }
    footer .box .content .text{
        padding: 0px 0 12px;
        /*border-bottom: 1px solid white;*/
    }
    footer .box .content .text ul li{
        color: white;
        font-weight: 500;
        font-size: 13px;
        padding: 2px 0;
    }
    footer .box .content .text ul li i {
        background: #f58220;
        color: black;
        padding: 2px;
        /* border-radius: 50%; */
        font-size: 13px;
    }
    footer .box .content .form-footer{
        margin-top: 20px;
        padding: 0 20px;
    }
    footer .box .content .form-footer .form-control{
        border-radius: 0!important;
        border-bottom: none;
        border-color: white;
        background-color: transparent;
        color: white;
        /*text-transform: capitalize;*/
    }
    footer .box .content .form-footer .form-control::placeholder{
        color: white;
    }
    footer .box .content .form-footer .btn{
        border-radius: 0;
        display: block;
        width: 100%;
        color: white;
        background: #f58220;
    }
    footer .box .content .gallery{
        background: white;
        margin-top: 20px;
        padding: 0 15px;
    }
    footer .box .content .gallery .gallery-col{
        padding-right: 8px!important;
        padding-left: 8px!important;
    }
    footer .box .content .gallery .image{
        padding: 5px 0;
    }
    footer .box .no-study-center h4{
        position: relative;
        margin-top: 20px;
        text-align: center;
        text-transform: uppercase;
        color: white;
        font-weight: 500;
        border-bottom: 2px solid white;
        line-height: .1em;
    }
    footer .box .no-study-center h4:before{
        /*position: absolute;
        content: '';
        background: #000;
        top: 9px;
        left: 0;
        width: 100%;
        height: 2px;*/
    }
    footer .box .no-study-center h4 span{
        background-color: #fffde5;
        padding: 0px 10px;
        line-height: .1em;
        color :black;
    }
    footer .box .no-study-center .nsc-box{
        margin-top: 20px;
        background: #f58220;
        border: 3px solid #a7a4a4;
        border-radius: 10px;
        padding: 20px 10px 15px;
        box-shadow: 0px 0px 12px 0px #949393;
    }
    footer .box .no-study-center .nsc-box a span{
        display: inline-block;
        float: left;
        font-size: 60px;
        line-height: 65px;
        text-transform: uppercase;
        font-family: fantasy;
        /* font-weight: bold; */
        color: white;
        text-shadow: 2px 2px #0c0c0c;
        letter-spacing: 5px;
    }
    footer .box .no-study-center .nsc-box a p.no{
        color: white;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        font-family: sans-serif;
        line-height: 1.35;
        letter-spacing: 0.4px;
        margin-bottom: 3px;
    }
    footer .box .no-study-center .nsc-box a p.click{
        color: white;
        text-transform: lowercase;
        text-align: center;
        font-weight: 500;
        word-spacing: 4px;
        letter-spacing: 2px;
        margin-bottom: 0;
    }
    footer .box .newsletter .sub-btn{
        outline: 0;
        background: #f58220;
        color: white;
        margin-left: 8px;
    }
    footer .box .newsletter .form-control{
        background: transparent;
        border: none;
        border-bottom: 1px solid white;
        border-radius: 0;
        padding: 6px 12px 0px;
        color: white;
        box-shadow: none;
        margin-right: 12px;
    }
    .col-chng::placeholder{
        color: white;
    }
    footer .box .newsletter h4{
        font-size: 16px;
        font-weight: bold;
        color: white;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    footer .box .social-icon, .social-icon{
        line-height: 1;
    }
    footer .box .social-icon ul, .social-icon ul{
        display: block;
        overflow: hidden;
    }
    footer .box .social-icon ul li, .social-icon ul li{
        float: left;
    }
    footer .box .social-icon ul li a, .social-icon ul li a{
        font-size: 30px;
        margin-right: 20px;
    }
    footer .box .social-icon ul li a i.facebook, .social-icon ul li a i.facebook{
        color: #4267B2;
    }
    footer .box .social-icon ul li a i.twitter, .social-icon ul li a i.twitter{
        color: #1DA1F2;
    }
    footer .box .social-icon ul li a i.instagram, .social-icon ul li a i.instagram{
        color: #8a3ab9;
        background: -webkit-linear-gradient(#4c68d7, #cd486b,#fbad50);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
/*end footer*/

/*start bottom footer*/
    .bottom-footer{
        /*background: rgb(9,9,121);*/
        background: #f58220;
        color: white;
        padding: 10px 0;
    }
    .bottom-footer p{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 500;
    }
    .bottom-footer .bottom-navbar ul.nav-links{
        overflow: hidden;
        display: block;
    }
    .bottom-footer .bottom-navbar ul.nav-links li{
        position: relative;
        float: left;
        line-height: 20px;
        color: white;
        font-weight: 300;
        margin-right: 15px;
        border-right: 1px solid white;
        padding-right: 15px;
        margin-top: 2px;
    }
    .bottom-footer .bottom-navbar ul.nav-links li a{
        color: white;
        font-weight: 500;
        font-size: 14px
    }
    .bottom-footer .bottom-navbar ul.nav-links li:last-child{
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
/*end bottom footer*/
        
/*start owl slider approval*/
    #owl-demo .item{
        margin: 3px;
        /*margin-right: 50px;*/
    }
    #owl-demo .item img{
        /*display: block;*/
        /*width: 100%;*/
        /*height: auto;*/
    }
    .owl-pagination{
        display: none;
    }
/*end owl slider approval*/

/*start main page heading*/
    .main-heading-page{
        background-image: url('_lib/image/slider/SLID-2.html');
        position: relative;
        padding: 50px 0px;
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
    }
    .main-heading-page:before{
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-color: rgba(51,51,51,0.60);
    }
    .main-heading-page .box .heading p{
        letter-spacing: 1px;
    }
    .main-heading-page .box .first{
        position: relative;
        float: left;
        color: #eae8e8;
        font-size: 30px;
        font-family: emoji;
        padding-bottom: 10px;
        text-transform: uppercase;
    }
    .main-heading-page .box .first:before{
        position: absolute;
        content: "";
        left: 0px;
        bottom: 0px;
        width: 20px;
        height: 2px;
        background-color: #ccc;
    }
    .main-heading-page .box .first:after{
        position: absolute;
        content: "";
        left: 24px;
        bottom: 0px;
        width: 10px;
        height: 2px;
        background-color: #ccc;
    }
    .main-heading-page .box .second{
        float: right;
        color: #eae8e8;
        font-size: 16px;
        /* margin-top: 11px; */
        line-height: 1.1;
    }
    .main-heading-page .box .second a{
        text-decoration: none;
        color: #f58220; 
    }
    .main-heading-page .box .second a:hover,.main-heading-page .box .second a:active,.main-heading-page .box .second a:focus{
        color: #f4a024;
    }
/*end main page heading*/

/*start page tab*/
    .pages-tab{
        margin: 30px 0;
        background-color: white;
        /*background-image: linear-gradient(to right, white, #fffcd8, white);*/
    }
    .pages-tab .right-sidebar{
        padding: 20px 50px;
        margin-top: 25px;
        background-color: white;
        background-image: linear-gradient(to right, white, #fffcd8, white);
    }
    .pages-tab .left-sidebar-tab{
        padding: 20px 0;
    }
    .pages-tab .left-sidebar-tab h3{
        color: white;
        margin: 0;
        padding: 10px 15px;
        background: rgb(9,9,121);
        border-radius: 0px 0 0 0;
        font-size: 20px;
        text-transform: uppercase;
        border-bottom: 2px solid #f58220;
    }
    .pages-tab .left-sidebar-tab ul{
        background: #e8e8e8;
    }
    .pages-tab .left-sidebar-tab li.active{
        background: #fbf9f9;
        border-bottom: 1px solid #fbf9f9;
    }
    .pages-tab .left-sidebar-tab li span{
        display: none;
    }
    .pages-tab .left-sidebar-tab li.active span{
        float: right;
        display: inline-block;
        line-height: 20px;
    }
    .pages-tab .left-sidebar-tab li{
        padding: 10px 15px;
        border-bottom: 1px dotted #848181;
    }
    .pages-tab .left-sidebar-tab li:last-child{
        border-bottom: none;
    }
    .pages-tab .left-sidebar-tab a{
        color: black;
        font-size: 16px;
    }
    .pages-tab .right-sidebar h3{
        border-bottom: 1px dotted #848181;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    .pages-tab .right-sidebar .content{
        padding-top: 30px; 
    }
    .pages-tab .right-sidebar .content .table>thead>tr{
        background: rgb(9,9,121);
        color: white;
        text-transform: uppercase;
    }
    .pages-tab .right-sidebar .content .table>thead>tr>th{
        border-color:white;
    }
    .pages-tab .right-sidebar .content .table>tbody>tr>td{
        letter-spacing: 1px;
        word-spacing: 1px;
    }
/*end page tab    */

/*start approval*/
    .foo-approval{
        /*background-color: #afb0d2;*/
        background-color: rgb(9,9,121);
        padding-top: 10px;
        padding-bottom: 10px;
    }
/*end approval*/

/*start pages ul & coming-soon & pdleft & bottom line*/
    ul.pages-ul li,ol.pages-ol li{
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.1px;
        text-align: justify;
        margin-bottom: 10px;
    }
    ol.pages-ol>li{
        list-style: revert!important;
    }
    .coming-soon{
        font-size: 40px;
        color: rgb(9,9,121);
        font-weight: bold;
        font-family: cursive;
    }
    .pdLeft{
        padding-left: 15px;
    }
    .bottom-line{
        border-bottom: 1px dotted black;
    }
/*end pages ul & coming-soon & pdleft & bottom line*/

/*start student login*/

.login-page, .register-page {
    /* background: var(--theme-color-2)!important; */
    background-color: #28166f;
    background-image: linear-gradient(355deg,#28166f 67%, #f58220 30%);
    background-repeat: no-repeat;
}
/*.login-page, .register-page {
    background: #d2d6de;
}*/

.login-box, .register-box {
    width: 360px!important;
    margin: 4% auto!important;
}
.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
}

.login-page .orginal-logo img {
    padding: 15px 10px!important;
}

.login-box-body {
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px var(--theme-color-1)!important;
    background: #fff;
    color: var(--theme-color-1)!important;
    padding: 20px 30px;
}

.login-box-msg {
    margin: 0!important;
    text-align: center!important;
    padding: 12px 20px 25px 20px!important;
    font-size: 14px!important;
    font-weight: bold!important;
}
.login-box-msg, .register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}

.login-box-body .form-group {
    margin-bottom: 20px;
}

.login-box-body .btn-degn {
    padding: 15px 0 20px;
}

.text-center {
    text-align: center;
}


.has-feedback {
    position: relative;
}

.sidebar-img-ad .helpline-box{
        padding: 20px;
        /*border: 2px solid #92b8d4;*/
        background-color: #f58220;
        width: 226px;
        margin-bottom: 30px;
    }
    .sidebar-img-ad .helpline-box .content{
        color: white;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        font-family: monospace;
        background: #e52323;
        padding: 8px 28px;
        transform: rotate(-4deg);
        text-align: center;
    }
    .sidebar-img-ad .helpline-box .help-mobile{
        text-align: center;
        color: #e52323;
        transform: rotate( -4deg );
        font-size: 20px;
        margin: 5px;
        font-weight: bold;
    }
    .right-sidebar .content-pd{
        padding-top: 20px!important;
    }
    .right-sidebar .content-pd .student-login .box-one{
        background-color: rgb(9,9,121);
        color: white;
        display: flow-root;
    }
    .right-sidebar .content-pd .student-login .box-one span{
        line-height: 55px;
        padding: 14px;
        font-size: 20px;
        font-weight: bold;
    }
    .right-sidebar .content-pd .student-login .box-one img{
        height: 59px;
        float: right;
        padding: 8px;
    }
    .right-sidebar .content-pd .student-login .box-sec{
        padding: 20px 25px;
        background-color: #f7f6f6;
        box-shadow: 0px 1px 3px 0px #ccc;
    }
    .right-sidebar .content-pd .student-login .box-sec .form-control{
        background-color: transparent;
        border-radius: 0;
        height: 45px;
    }
    .right-sidebar .content-pd .student-login .box-sec .btn{
        color: white;
        background-color: #f58220;
        font-size: 16px;
    }
/*end student login*/

/*start faculty page*/
    .faculty-css p{
        font-size: 18px!important;
        
    }
    .faculty-css table{
        margin-top: 40px;
    }
/*end faculty page*/


/* start phd registration form*/
.phd-registration label{
                font-size: 14px;
                letter-spacing: 1px;
                height: 34px;
                padding: 6px 0px;
                line-height: 1.42857143;
                margin-bottom: 0;
            }
            .phd-registration .container-padd-tb{
                padding-top: 20px!important;
                padding-bottom: 20px!important;
            }
            .phd-registration h1, .new-heading{
                /*background: rgb(9,9,121);
                color: white;*/
                /*background: #fffbd5;*/
                background-color: #ABDCFF;
                
                color: rgb(9,9,121);
                margin: 0;
                padding: 84px;
                text-align: center;
                font-weight: bold;
                word-spacing: 5px;
            }
            .phd-registration  .sub-heading:first-child{
                margin-top: 0;
            }
            .phd-registration  .sub-heading{
                background: rgb(9,9,121);
                margin-top: 10px;
                padding-left: 35px;
                padding-right: 35px;
            }
            .phd-registration  .sub-heading h2{
                color: white;
                font-weight: bold;
                word-spacing: 5px;
                padding-top: 10px;
                margin: 0;
                font-size: 26px;
            }
            .phd-registration  .sub-heading p{
                color: white;
                font-weight: 600;
                font-size: 15px;
                padding-bottom: 0px;
            }
            .phd-registration .img{
                margin: 70px 50px;
                border: 1px solid #ccc;
                padding: 32px 15px;
            }
            .phd-registration .img img{
                height: 125px;
            }
            .phd-registration p.bot{
                font-size: 12px;
                line-height: 12px;
                font-weight: 700;
            }
            .phd-registration .verify-sum{}
/* end phd registration form*/

/* start course text image*/
    .left-sidebar-tab .courses-img .img , .right-sidebar .content .act-img{
        border: 1px solid #ccc;
        padding: 4px;
        margin-bottom: 20px;
    }
/* end course text image*/

/*start feedback page style*/
    .feedback-socialmedia ul.nav-tabs li>a{
        text-align: center;
        color: rgb(9,9,121);
    }
    .feedback-socialmedia ul.nav-tabs li.active>a{
        color: #f58220!important;
    }
    .feedback-socialmedia ul.nav-tabs li.active>a:hover{
        border-bottom-color: white;
    }
    .feedback-socialmedia ul.nav-tabs li>a:hover{
        color: #f58220!important;
        border-bottom: 1px solid #f58220;
        background-color: transparent!important;
    }
    .feedback-socialmedia ul.nav-tabs li>a>i{
        font-size: 25px;
    }
    .feedback-socialmedia ul.nav-tabs li>a>span{
        display: block;
        font-size: 12px;
        margin-top: 5px;
        font-weight: 500;
    }
    .feedback-socialmedia .tab-content .tab-pane{
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }
    .feedback-socialmedia .tab-content iframe{
        width: -webkit-fill-available;
    }
    .right-sidebar .content .feedback-form label{
        color: #757474;
    }
    .right-sidebar .content .feedback-form .form-group{
        margin-bottom: 25px;
    }
    .right-sidebar .content .feedback-form .ffc{
        height: 42px;
        font-size: 16px;
    }
/*end feedback page style*/

/* start helpline img*/
    .helpline-img{
        border: 1px solid #ccc;
        padding: 4px;
    }
    .helpline-img img{
        box-shadow: 0px 0px 7px 0px #949393;
    }
/* end helpline img*/

/* start sidebar enquire form */
.sidebar-enquiry-now{}
                .sidebar-enquiry-now .content{
                    border: 5px solid #b9b7b7;
                }
                .sidebar-enquiry-now .content h4{
                    text-transform: uppercase;
                    margin: 0;
                    padding: 10px;
                    font-size: 24px;
                    font-weight: bold;
                    position: relative;
                }
                .sidebar-enquiry-now .content h4:before{
                    position: absolute;
                    content: "";
                    margin: auto;
                    /* bottom: 0px; */
                    left: 0px;
                    right: 0px;
                    top: 46px;
                    border-top: 10px solid #f58220;
                    border-left: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    border-right: 10px solid transparent;
                    width: 0;
                }
                .sidebar-enquiry-now .content form{
                    padding: 25px 10px 5px 10px;
                    background-color: #eeeeee;
                }
                .sidebar-enquiry-now .content .form-control{
                    outline: none;
                    border-radius: 0px;
                    border: none;
                    box-shadow: none;
                    border-bottom: 2px solid #b9b7b7;
                    background-color: transparent;
                }
                .sidebar-enquiry-now .content .input-group-addon{
                    border: none;
                    border-radius: 0;
                    border-bottom: 2px solid #b9b7b7;
                    background-color: transparent;
                }
                .sidebar-enquiry-now .btn-send{
                    font-size: 16px;
                    font-weight: bold;
                }

/* end sidebar enquire form */

/*start form Thank you message*/
    @media (min-width: 992px){
        .thankyou-modal .modal .modal-lg {
            width: 1000px!important;
        }
    }
    .thankyou-modal .modal{
        background-color:  rgba(0, 0, 0, 0.6)!important;
    }
    .thankyou-modal .modal .modal-content{
        background-color: #f3f3f3;
        border-radius: 20px;
    }
    .thankyou-modal .modal .modal-body{
        padding:  15px 20px 15px 20px;
    }
    .thankyou-modal .btn-close{
        position: absolute;
        right: -23px;
        top: -23px;
        border: 2px solid;
        border-radius: 50%;
        padding: 3px 6px;
        color: white;
        /* background: transparent; */
        opacity: inherit;
    }
    .thankyou-modal .modal-dialog{
        margin-top: 100px;
    }
/*start form Thank you message*/

/* start responsive div*/
    .response-box {
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 0 15px;
    }
/* end responsive div*/

/*start phd registration hide/show qualification details*/
    .show-hide-col-xs-5{
        display: none;
    }
/*end phd registration hide/show qualification details*/

/*start slider approval*/
    .slick-prev {
        left: -15px;
    }
    .slick-next {
        right: -15px;
    }
/*end slider approval*/

/*start media query */
@media screen and (min-width: 768px) and (max-width: 1199px){
    .header-lower .navbar-default .navbar-nav>li>a{
        font-size: 9px!important;
        padding: 0px 9px!important;
    }
    .main-header .response-navbar .inner-container{
        padding-left: 0!important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .welcome .program-finder{
        width: auto!important;
        height: auto!important;
    }
    .header-lower .logo-box .logo a img{
        height: 75px!important;
    }
    .aiu-tab-dropdown{
        width: 140px!important;
        left: -30px!important;
    }
    .aiu-tab-dropdown li a{
        font-size: 11px!important;
    }
    .hover-aiu-tab:last-child .aiu-tab-dropdown{
        left: -50px!important;
    }
    .phd-registration .img{
        margin: 70px 25px!important;
    }

}
@media screen and (max-width: 991px){
    .welcome .col-lg-8{
        padding-right: 15px!important;
    }
    .welcome{
        background: transparent!important;
        box-shadow: none!important;
    }
    .welcome .welcome-text{
        box-shadow: 0px 0px 12px 0px #949393!important;
        background-color: #e8e8e8!important;
    }
    .welcome .col-lg-4{
        padding-left: 15px!important;
    }
    .welcome .program-finder{
        box-shadow: 0px 0px 12px 0px #949393!important;
        box-shadow: none!important;
        width: auto!important;
        height: auto!important;
        position: static!important;
        margin-top: 15px;
    }
    .admission-form .af-form{
        box-shadow: none!important;
    }
    .admission-form .col-lg-8{
        padding-right: 15px!important;
    }
    .admission-form .col-lg-4{
        padding-left: 15px!important;
    }
    .admission-form .admission-text{
        box-shadow: 0px 0px 12px 0px #949393!important;
        height: auto!important;
    }
    .admission-form .enq-form{
        /*box-shadow: 0px 0px 12px 0px #949393!important;*/
        margin-top: 15px!important;
    }
    .col-ms-3-side-menu-hide{
        display: none!important;
    }

    .phd-registration label{
        font-size: 11px;
    }
    .phd-registration .sub-heading h2{
        font-size: 20px;
    }
    .phd-registration .sub-heading p{
        font-size: 12px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    html, body {
        width: 100%;
    }
    .stu-coll-noti .box-sec h4{
        font-size: 16px!important;
    }
    .stu-coll-noti .box-sec ul.marq-ul li{
        font-size: 14px!important;
    }
    .feedback-socialmedia ul.nav-tabs li>a>span{
        font-size: 9px!important;
    }
    footer .box .content .text{
        border-bottom: none!important;
    }
    footer .box .newsletter .form-control{
        width: 30%!important;
    }
    footer .box .newsletter .sub-btn{
        width: 20%!important;
    }
    .header-lower .logo-box .logo a img{
        height: 68px!important;
        position: relative;
        top: -15px;
        left: -30px;
    }
    .header-lower .logo-box:before {

        position: absolute;
        /*border: 2px solid rgb(9,9,121);*/
        right: 41px;
        top: -8%;
        width: 89%;
        height: 81%;
    }
    .header-lower .navbar-default .navbar-nav>li>a{
        margin-top: 15px!important;
        margin-bottom: 5px!important;
    }
    .aiu-tab-dropdown{
        width: 140px!important;
        left: -30px!important;
    }
    .aiu-tab-dropdown li a{
        font-size: 11px!important;
    }
    .hover-aiu-tab:last-child .aiu-tab-dropdown{
        left: -50px!important;
    }
    .hover-aiu-tab:first-child .aiu-tab-dropdown{
        left: -15px!important;
    }
    .pages-tab .left-sidebar-tab .helpline-img{
        display: none!important;
    }
    /*.admission-form .enq-form ul{
        display: inline-table;
    }
    .admission-form .enq-form ul li{
        display: inline-block;
        width: 50%;
    }*/
    .phd-registration .img{
        margin: 20px 20px 20px 0!important;
        padding: 15px 15px!important;
    }
    .phd-registration-img-upload-b1, .phd-registration-img-upload-b2{
        display: inline-block!important;
    }
    .height-45{
        height: 45px!important;
    }
}
@media screen and (max-width: 767px){
    .address { visibility: hidden; }

    .corner { display: none; }

    .link_hd {  }

    footer .box .content .heading h4{
        text-align: center!important;
    }
    footer .box .content .useful-link ul li a{
        font-size: 14px!important;
    }
    footer .box .content .text{
        border-bottom: none!important;
    }
    footer .box .content{
        /*text-align: center!important;*/
    }
    footer .box .newsletter .sub-btn{
        width: 100%!important;
        margin-top: 10px!important;
        margin-left: 0;
    }
    .admission-form .enq-form ul li{
        font-size: 14px!important;
    }
    .welcome{
        margin: 20px 0!important;
    }

    .main-header .top-bar .login a {
        margin: 0 45px;
        padding: 3px 20px;
    }
    
    .main-header .top-bar .login ul{
        display: none!important;
    }
    .main-header .top-bar{
        height: 110px!important;
    }
    .header-top .auto-container .inner-container .top-left .top-marquee{
        display: none!important;
    }
    .main-header .response-navbar{
        max-width: none!important;
        height: auto!important;
    }
    .main-header .response-navbar .inner-container{
        padding-left: 0!important;
    }
    .main-header .header-lower .navbar-collapse{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .header-lower .navbar-default .navbar-nav>li>a{
        padding: 0 15px!important;
    }
    .aiu-tab-dropdown{
        position: static!important;
        width: auto!important;
        left: 0!important;
        margin: 10px 15px;
    }
    .applycenter-logo{
        top: 150px!important;
    }
    .scholarship-test{
        bottom: 150px!important;
    }
    .main-heading-page{
        padding: 40px 0px!important;
    }
    .main-heading-page .box .first{
        display: block!important;
        text-align: center!important;
        font-size: 24px!important;
        padding-bottom: 7px!important;
        float: none!important;
    }
    .main-heading-page .box .second{
        display: block!important;
        text-align: center!important;
        font-size: 11px!important;
        float: none!important;
    }
    .main-heading-page .box .first:before{
        display: none!important;
    }
    .main-heading-page .box .first:after{
        display: none!important;
    }
    .hide-col-xs-12{
        display: none!important;
    }
    .phd-registration .img img{
        height: 140px!important;
    }
    .phd-registration .img{
        margin: 15px 50px!important;
        padding: 15px!important;
    }
    .show-hide-col-xs-5{
        display: block!important;
    }
    .margin-t20-xs{
        margin-top: 20px!important;
    }
}
@media screen and (min-width: 992px){
    .col-sm-offset-2-margin{
        margin-left: 0!important;
    }
}
/*end media query */


/*start slick prev button*/
.slick-prev:before, .slick-next:before{
    color:rgb(9,9,121);
}
.slick-dots{
    display: none!important;
}
/*end slick prev button*/

/* start heading*/
    .new-heading{
        border-bottom: 5px solid rgb(9,9,121);
        padding: 40px;
    }
    .new-heading h1{
        margin-bottom: 0px;
        text-transform: uppercase;
    }
    .new-heading>p{
        font-size: 10px;
        text-align: center;
        margin-bottom: 0;
    }
/* end heading*/

/* start acc form and admission form*/
    .acc_box{
        border: 4px solid rgb(9,9,121);
        border-radius: 10px;
        background-color: #fffbd5;
        box-shadow: 0px 0px 7px 1px #e8e4e4;
    }
    .acc_box h2{
        text-align: center;
        color: white;
        margin: 0;
        padding: 10px 0 12px 0;
        background-color: rgb(9,9,121);
        font-size: 24px;
    }
    .acc_box_padding{
        padding: 25px 25px 10px;
    }
    .adharcard_show, .pancard_show, .other_show, .employed_show, .communication-details, .qualification-details, .programme-details, .fee-details, .payment-details, #country_other, #country_india, .voter_id_card_show, .passport_show{
        display: none;
    }
    .step_verify .circle_box span{
        font-size: 25px;
        display: inline-block;
        width: 45px;
        height: 45px;
        background: #e2e1e1;
        border-radius: 50%;
        line-height: 1.7;
        color: #777676;
    }
    .step_verify .circle_box span .fa-lock, .step_verify .circle_box span .fa-check{
        padding: 10px!important;
    }
    .step_verify .circle_box p{
        text-align: center;
        color: white;
        font-size: 10px;
    }
    .step_verify{
        padding: 10px;
        background: rgb(9,9,121);
    }
/* end acc form and admission form*/


/* start whatsapp */
.whatsapp{
  position: fixed;
  /*top: 520px;*/
  bottom: 20px;
  z-index: 999997;
  left: 20px;
}
.whatsapp .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -45px;
  opacity: 0;
  transition: opacity 0.3s;
}
.whatsapp .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.whatsapp:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/* end whatsapp */

.box-shadow {
    transition: .3s ease;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%);
    border: 1px solid #ededed;
}





@media screen and (max-width: 425px){
    .institution-highlights .owl-ih {
        margin: 0px 40px!important;
    }
}
@media screen and (min-width: 426px) and (max-width: 768px){

    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .institution-highlights .owl-ih {
        margin: 0px 60px!important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px){

    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .institution-highlights .owl-ih {
        margin: 0px 25px!important;
    }
}



@media screen and (min-width: 992px) and (max-width: 1199px){

    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .new-faculty .first-row-nf .box:after{
        width: 122px!important;
    }
    .new-faculty .first-row-nf .col-lg-6:last-child .col-lg-3:last-child .box:after{
        width: 3px!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .new-faculty .first-row-nf .box:after{
        width: 188px!important;
    }
    .new-faculty .first-row-nf .col-lg-6:last-child .col-lg-3:nth-child(2) .box:after{
        width: 3px!important;
    }
    .new-faculty .first-row-nf .col-lg-6:last-child .col-lg-3:last-child .box:after{
        width: 3px!important;
    }
}
@media screen and (max-width: 767px){
    .new-faculty .first-row-nf .box:after{
        display: none;
    }
    .new-faculty .first-row-nf .box.one:before {
        display: none;
    }
    .new-faculty .first-row-nf .box.two:before {
        display: none;
    }
    .new-faculty .first-row-nf .col-lg-6:last-child .col-lg-3 .box:after{
        width: 3px!important;
    }
    .new-faculty .first-row-nf .box {
        position: relative;
        margin: 0 50px;
        margin-top: 65px;
    }
}

.fix-tag.whatsapp-tag {
    position: fixed;
    bottom: 80px;
    right: 30px;
    width: 45px;
    height: 45px;
    z-index: 999;
    background-color: #fff;
    border-radius: 5px;
}

#theam-color_hadding thead>tr>th {
    border-bottom-width: 2px;
    background: #393185;
    color: #fff;
}

.text-theme-color-red {
    color: #e31e24 !important;
}

.marquee span{
    font-size:18px;
        line-height: 40px;
}
.tp-bannertimer{
    display: none;
}
.w_100{
    width:100%;
}

/*select2 css Start*/

.select2-container .select2-choice {
    display: block;
    height: 35px !important;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    
    white-space: nowrap;
    line-height: 32px !important;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
   
    background-image: linear-gradient(top, #fff 0%, #fff 50%);
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 38px !important;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #E31E24;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #E31E24 !important;
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}


.select2-container .select2-choice .select2-arrow b {
    background: none !important;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    /*background: url(select2.png) no-repeat 0 1px;*/
}
.select2-container .select2-choice .select2-arrow b:before {
    font-family: 'FontAwesome';
    content: "\f0d7";
    position: relative;
    top: 2px;
    right: -13px;
    font-size: 18px;
    color:white !important;
}

.select2-results {
    margin: 3px 10px 10px 3px;
}

.slide-success .ios-switch .on-background {
  background-image: none;
  background-color: #E31E24 !important;
}
.select2-results .select2-highlighted {
    background: #E31E24 !important;
    border-radius: 3px !important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
    color: #fff;
    background-color: #E31E24;
    border-color: #E31E24;
}

.btn-border_theam{
    color: #393185;
    background-color: #fff;
    border-color: #393185;
}
.btn-border_theam:hover, .btn-border_theam:active, .btn-border_theam:focus {
    background-color: #393185;
    border-color: #393185;
    color: #fff;
}
.w_10{
    width:10% !important;
}
.w_20{
    width:20% !important;
}
.w_30{
    width:30% !important;
}
.w_40{
    width:40% !important;
}
.w_50{
    width:50% !important;
}
.w_60{
    width:60% !important;
}
.w_70{
    width:70% !important;
}
.w_80{
    width:80% !important;
}
.w_90{
    width:90% !important;
}
.w_6{
    width:6.25% !important;
}
#theam-color_hadding thead>tr>th{
    border-bottom-width: 2px;
    background: #393185;
    color: #fff;
}
.text-red{
    color:red;
}
.text-green{
    color:#EC691F;
}

.btn-success {
    color: #fff;
    background-color: #E31E24;
    border-color: #E31E24;
}

.serviceBox{
    padding-bottom: 20px;
    border-radius: 0 10px 10px 10px;
    background: #fff;
    text-align: center;
        box-shadow: 0 0 5px #0000006b inset;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover{ box-shadow: 0 0 5px #000 inset; }
.serviceBox:before{
    content: "";
    display: inline-block;
    width: 200px;
    height: 15px;
    border-radius: 10px 10px 0 0;
    background: #393185;
    z-index: -1;
    position: absolute;
    top: -15px;
    left: 0;
}
.serviceBox .service-icon{
    width: 185px;
    height: 65px;
    background: #393185;
    font-size: 40px;
    margin-bottom: 80px;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox .service-icon:after{
    content: "";
    width: 130px;
    height: 130px;
    background: #393185;
    border-radius: 0 0 20px 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(1,0.7) rotate(45deg);
}
.serviceBox .service-icon span{
    display: block;
    font-size: 70px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) rotateX(360deg);
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon span{ transform: translateX(-50%) rotateX(0); }
.serviceBox .title{
    font-size: 20px;
    color: #505050;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    transition: all 0.3s ease 0.1s;
}
.serviceBox:hover .title{ color: #393185; }
.serviceBox .description{
    padding: 0 10px;
    font-size: 15px;
    color: #505050;
    line-height: 27px;
    margin-bottom: 15px;
    transition: all 0.3s ease 0s;
}
.serviceBox.darkblue:before,
.serviceBox.darkblue .service-icon,
.serviceBox.darkblue .service-icon:after{ background: #1a6bac; }
.serviceBox.darkblue:hover .title{ color: #1a6bac; }
.serviceBox.yellow:before,
.serviceBox.yellow .service-icon,
.serviceBox.yellow .service-icon:after{ background: #fcb833; }
.serviceBox.yellow:hover .title{ color: #fcb833; }
.serviceBox.red:before,
.serviceBox.red .service-icon,
.serviceBox.red .service-icon:after{ background: #d7182a; }
.serviceBox.red:hover .title{ color: #d7182a; }
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}

.radio,
.checkbox {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 22px;
}
.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
  margin-bottom: 6px;
  color: #777a80;
}
.radio label:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 2.5px;
  background-color: #ffffff;
  border: 1px solid #c2c6cb;
  border-radius: 99px;
}
.radio label:after {
  font-size: 13px;
  content: "";
  text-align: center;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 99px;
  left: 0px;
  top: 1px;
  background-color: #6f7b8a;
  border: 1px solid #6f7b8a;
}
.radio input[type=radio] {
  display: none;
}
.radio input[type=radio][disabled] + label {
  opacity: 0.65;
}
.radio.radio-success label:after {
  background-color: #393185;
  border: 1px solid #393185;
}
.radio.radio-success input[type=radio]:checked + label:before {
  border: 1px solid #393185;
}
.radio.radio-primary label:after {
  background-color: #7b1fa2;
  border: 1px solid #7b1fa2;
}
.radio.radio-primary input[type=radio]:checked + label:before {
  border: 1px solid #7b1fa2;
}
.radio.radio-info label:after {
  background-color: #1f3853;
  border: 1px solid #1f3853;
}
.radio.radio-info label input[type=radio]:checked + :before {
  border: 1px solid #1f3853;
}
.radio.radio-warning label:after {
  background-color: #fbb05e;
  border: 1px solid #fbb05e;
}
.radio.radio-warning input[type=radio]:checked + label:before {
  border: 1px solid #fbb05e;
}
.radio.radio-danger label:after {
  background-color: #F35958;
  border: 1px solid #F35958;
}
.radio.radio-danger input[type=radio]:checked + label:before {
  border: 1px solid #F35958;
}
.radio input[type=radio]:checked + label {
  color: #4d5056;
}
.radio input[type=radio]:checked + label:after {
  -o-transform: scale(0.63);
  -ms-transform: scale(0.63);
  -moz-transform: scale(0.63);
  -webkit-transform: scale(0.63);
  transform: scale(0.63);
  line-height: 18px;
  -o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -ms-transition: -ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -o-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -ms-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -moz-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -webkit-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}
.radio input[type=radio]:checked + label:before {
  border: 1px solid #8e9095;
}
.checkbox input[type=radio][disabled] + label:after {
  background-color: #eceff3;
}
.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
  margin-bottom: 6px;
  color: #777a80;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  margin-bottom: 10px;
  direction: ltr;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  position: absolute;
  left: -2px;
  top: 1.4px;
  background-color: #ffffff;
  border: 1px solid #c2c6cb;
  border-radius: 3px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0.2px;
  top: 0px;
  font-size: 11px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label:after {
  border-radius: 3px;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox.checkbox-circle label:after {
  border-radius: 99px;
}
.checkbox.checkbox-circle label:before {
  border-radius: 99px;
}
.checkbox input[type=checkbox]:checked + label {
  color: #4d5056;
}
.checkbox input[type=checkbox]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\F00C";
}
.checkbox input[type=checkbox][disabled] + label {
  opacity: 0.65;
}
.checkbox input[type=checkbox][disabled] + label:before {
  background-color: #eceff3;
}
.checkbox.check-success input[type=checkbox]:checked + label:before {
  background-color: #393185;
  border: 1px solid #393185;
}
.checkbox.check-success input[type=checkbox]:checked + label::after {
  color: #ffffff;
}
.checkbox.check-primary input[type=checkbox]:checked + label:before {
  background-color: #7b1fa2;
  border: 1px solid #7b1fa2;
}
.checkbox.check-primary input[type=checkbox]:checked + label::after {
  color: #ffffff;
}
.checkbox.check-info input[type=checkbox]:checked + label:before {
  background-color: #1f3853;
  border: 1px solid #1f3853;
}
.checkbox.check-info input[type=checkbox]:checked + label::after {
  color: #ffffff;
}
.checkbox.check-warning input[type=checkbox]:checked + label:before {
  background-color: #fbb05e;
  border: 1px solid #fbb05e;
}
.checkbox.check-warning input[type=checkbox]:checked + label::after {
  color: #ffffff;
}
.checkbox.check-danger input[type=checkbox]:checked + label:before {
  background-color: #f35958;
  border: 1px solid #f35958;
}
.checkbox.check-danger input[type=checkbox]:checked + label::after {
  color: #ffffff;
}
table td .checkbox label {
  padding-left: 0px;
}
table th .checkbox label {
  padding-left: 0px;
}
table.fc-border-separate {
  margin-top: 20px;
}


/*
 * Form.less
 * -----------------------------------------------
*/
/* -------- Form ---------- */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  font-size: 14px;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  height: 34px;
}
label {
  font-weight: normal;
}
.form-control:focus,
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
  color: #404040;
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  outline: none;
}
.form-transparent .form-control {
  background: transparent;
  color: #f7f7f7;
}
.form-transparent .form-control:focus,
.form-transparent form input[type="text"]:focus,
.form-transparent form input[type="email"]:focus,
.form-transparent form input[type="number"]:focus,
.form-transparent form input[type="url"]:focus,
.form-transparent form input[type="search"]:focus,
.form-transparent form input[type="tel"]:focus,
.form-transparent form input[type="password"]:focus,
.form-transparent form input[type="date"]:focus,
.form-transparent form input[type="color"]:focus,
.form-transparent form select:focus,
.form-transparent form textarea:focus {
  color: #f7f7f7;
}
.form-transparent textarea.form-control,
.form-white textarea.form-control {
  height: 150px;
}
.form-white .form-control {
  background: #fff;
}
.form-transparent.form-line .form-control {
  border: none;
  border-bottom: 1px solid #c0c0c0;
  padding-left: 0;
}
.form-transparent.form-line textarea.form-control {
  height: 70px;
}
.form-group {
    margin-bottom: 5px;
}
form label {
  
     font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
        color: #393185;
}
/* form error */
form .form-control.error {
  border: 2px solid #ee163b;
}
form .error {
  color: #ee163b;
}
/* -------- Donation Form ---------- */
.donation-form .form-group label.radio-inline {
  color: #808080;
}
/*-------- form-text-white ---------*/
.form-text-white .form-group label {
  color: #fff;
}
/*-------- ddslick form ---------*/
.dd-container,
.dd-select {
  width: 100%;
}
.dd-options {
  width: 100%;
}
.ui-widget-content {
  background: #2aa1c0 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #333;
  height: 36px;
  margin-top: 6px;
}
.ui-widget-header {
  background: #fff none repeat scroll 0 0;
}
.ui-state-default {
  background-color: #eee;
  border: 1px solid #ccc;
  color: #202c45;
  font-weight: normal;
}
.ui-slider-horizontal .ui-slider-range-max {
  border-radius: 0;
}
.ui-state-active {
  background-color: #fff;
  border: 1px solid #ddd;
}
.ui-slider .ui-slider-handle {
  height: 50px;
  width: 20px;
}
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -1px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -9px;
}
.control__indicator {
  height: 24px;
  width: 24px;
}
.control--checkbox .control__indicator::after {
  height: 10px;
  left: 10px;
  top: 5px;
  width: 6px;
}
.control.control--checkbox,
.control.control--radio {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-right: 12px;
  padding-left: 36px;
}
.control--radio .control__indicator::after {
  height: 6px;
  left: 9px;
  top: 9px;
  width: 6px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #E31E24;
    border: 1px solid #E31E24;
    border-radius: 4px;
}

.p-t-30 {
    padding-top: 30px !important;
}

.dz-bnr-inr {
    background: #f8f8f8;
/*    height: 400px;*/
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.vertical {

  border-left: 6px solid #eceacb;
  height: 680px;
  position: absolute;
  left: 50%;
/*  margin-left: -3px;*/
/*  top: 0;*/
  
}

.heading h4 {
    font-size: 33px;
    font-weight: 800;
    text-align: center;
}

.address p {
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.pa-10 {
    padding: 20px 30px 20px 30px !important;
}

.mb-10 {

    margin-bottom: 10px;
}

/*mega menu*/

.mega-menu {
    left: 0;
    right: 0;
    padding: 15px;
    display:none;
    padding-top: 0;
    min-height: 100%;
  
  }
  h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #547787;
    padding-top: 15px;
    background-color: #365670
    }
   .mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
  }
  ul.stander li a {
      padding: 3px 0px;
  }
  
  ul.description li {
      padding-bottom: 12px;
      line-height: 8px;
  }
  
  ul.description li span {
      color: #ccc;
      font-size: 85%;
  }
  a.view-more{
    border-radius: 1px;
    margin-top:15px;
    background-color: #009FE1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
  }
  a.view-more:hover{
      color:#fff;
      background:#0DADEF;
  }
  ul.icon-des li a i {
      color: #fff;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      text-align: center;
      background-color: #009FE1;
      line-height: 35px !important;
  }
  
  ul.icon-des li {
      width: 100%;
      display: table;
      margin-bottom: 11px;
  }

  .gallery-h2 {
    text-align: center;
    background: #000e37;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 35px;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 21px;
}

.cap {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    font-weight: 700;
    color: #fff;
}

img.fig-img {
    width: 100%;
    height: 240px;
    border-radius: 15px;
    margin-bottom: 35px;
    padding: 10px;
}

.ahref {

    color: #ffff;
    font-size: 21px;
    font-weight: bold;
}

.ahref:hover {

    color: #fff;
}

.center {

    padding-left: 32%;
    text-transform: capitalize;
}

.center1 {

    padding-left: 42%;
}

.banner, .banner .carousel {
    min-height: auto !important;
    height: auto !important;
}

.context-x {

    display: flex;
    padding: 30px;
}

.placement {
    width: 100%;
    background-color: red;
    /*z-index: 2;
    position: relative;
    left: 12%;
    top: -35px;*/
    box-shadow: 0 43px 66px 0 rgb(0 0 0 / 7%);
    border-radius: 5px;
}

.c_text {

    color: whitesmoke;
}

.rlr-banner-search--hero-half-mast {
    /* bottom: var(--spacing-15); */
    bottom: 0;
    left: 0;
    margin-bottom: var(--spacing-10);
    width: 100%;
}

.rlr-banner-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--white);
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 43px 66px 0 rgb(0 0 0 / 7%);
    box-shadow: 0 43px 66px 0 rgb(0 0 0 / 7%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--spacing-8) var(--spacing-5);
    position: relative;
    row-gap: var(--spacing-12);
}

.p-heading {

    font-size: 3rem;
    font-weight: 800!important;
}

.para {

    padding: 32px;
}

.over-text button {
    font-size: 17px;
    color: whitesmoke;
    background-color: #5247ba;
    font-weight: 500;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: 65px;
    border-radius: 25px;
    border: none;
    text-transform: uppercase;
}

.content {
    margin-top: 40px;
}

.head {
    background: whitesmoke;
    height: 75px;
    width: 85px;
    border-radius: 12px;
    border: 1px solid red;
}

.head h1 {
    color: red;
    margin-left: 6px;
    /* padding-bottom: 44px; */
    /* border-radius: 11px; */
}

.campus-img-box {
    margin-left: 20px;
}

.counter{
    background: linear-gradient(#c5c5c5,transparent);
    font-family: 'Poppins', sans-serif;
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
.counter .counter-icon{
    color: #999;
    background-color: #fff;
    font-size: 20px;
    line-height: 36px;
    height: 35px;
    width: 35px;
    margin: 0 auto 10px;
    border-radius: 50%;
}
.counter .counter-value{
    color: #fff;
    background: #05919E;
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 85px;
    height: 130px;
    margin: 0 auto 20px;
    border: 20px solid #fff;
    display: block;
    position: relative;
}
.counter .counter-value:after{
    content: '';
    background-color: #fff;
    height: 40px;
    width: 3px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}
.counter h3{
    color: #333;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin: 0;
}
.counter.orange .counter-value{ background-color: #DF460D; }
.counter.purple .counter-value{ background-color: #58051F; }
.counter.green .counter-value{ background-color: #2CAC11; }
@media screen and (max-width:990px){
    .counter{ margin-bottom: 40px; }
    .mq-head{ display: none; }
}