*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body{
    font-family: 'Roboto', sans-serif;
}

.header{
    /* background-color: lightgray; */
    /* background-image: linear-gradient(#FDEB71, #F8D800); */
    /* background-image: linear-gradient(#0396FF, #9F44D3); */
    /* background-image: linear-gradient(#0396FF, #FDEB71); */
    /* background-image: linear-gradient(#0396FF, #90F7EC); */
    background-image: linear-gradient(#0396FF, #0396FF);
    /* height: 150px; */
    /* height: 127px; */
    height: 121px;
}

.header-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/* .header div{ */
    /* background-color: black; */
    /* width: 90%; */
    /* height: 150px; */
    /* margin: 0 auto; */
/* } */

.header-container-left-logo{
    /* background-color: aquamarine; */
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.header-container-banner{
    /* background-color: darkmagenta; */
    flex: 4;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.header-container-right-logo{
    /* background-color: aquamarine; */
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    
}

.header-container-left-logo-centre{
    /* background-color: darkgoldenrod; */
    /* flex: 1; */
    color: white;
}


.header-container-right-logo-centre{
    /* background-color: darkgoldenrod; */
    color: white;
}

.header-logo-left-img{
    margin-top: 10px;
    /* height: 150px; */
    /* height: 127px; */
    height: 107px;
    width: auto;
    
}

.banner-text{
    /* background-color: aqua; */
    font-size: 72px;
}

.banner-h-text{
    font-size: 72px;
    /*color: white;*/
    color: black;

}


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

/* Data Container Start */


.data-container{
    width: 93%;
    margin: 40px auto;
    border-radius: 25px;
    height: 350px;
    /* background-color: #FDEB71; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;

}


.recruitment-box div{
    /* border-radius: 25px; */
    /* color: white; */
}


.recruitment-box{
    /* background-color: #039655; */
    flex: 1;
    height: 350px;
    border-radius: 25px;
    /* margin: 0 20px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* overflow: hidden; */
    /* scroll-behavior: smooth; */
}

.admit-card-box{
    /* background-color: aquamarine; */
    flex: 1;
    height: 350px;
    border-radius: 25px;
    /* margin: 0 20px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* overflow: hidden; */
    /* scroll-behavior: smooth; */
    
}

.admit-card-box-header{
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;   
}

.result-box{
    /* background-color: #0396FF; */
    flex: 1;
    height: 350px;
    border-radius: 25px;
    /* margin: 0 20px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* overflow: hidden; */
    /* scroll-behavior: smooth; */

}

.recruitment-box-header{
    /* background-color: aliceblue; */
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.recruitment-box-articles{
    /* background-color: rgb(56, 218, 191); */
    
    flex: 5;
    width: 97%;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
    /* justify-content: flex-end; */
    align-items: flex-start;
    
    overflow: scroll;
    overflow-x: hidden;

    margin-bottom: 10px;
}

.recruitment-box-header-text{
    /* background-color: yellow; */
    background-color: #343a40;
    color: white;
    
    padding: 5px 53px;
    border-radius: 7px;
    margin: 0;
    /* flex: 1; */
}


.recruitment-box-header-text-font{
    /* text-align: center; */
}

.article-list{
    /* background-color: aqua; */
    width: 100%;
}


.article-list-ul{
    list-style-type: none;
    
}


.article-list-ul-li{
    list-style-type: none;
    
}


.article-list-ul-li-a{
    color: black;
    text-decoration: none;
}


.article-list:hover{
    /* background-color: rgb(43, 238, 43); */
    background-color: #0396FF;
    /* background-color: #ffc107; */
    width: 100%;
    
    /* width: 100%; */
}


.article-list-ul:hover{
    /* background-color: red; */
    
}
    
.admit-card-box-header-text{
    /* background-color: yellow; */
    background-color: #343a40;
    color: white;
    padding: 5px 53px;
    border-radius: 7px;
    margin: 0;


    
}


.admit-card-box-header-text-font{
    /* text-align: center; */
}


.admit-card-box-articles{
    /* background-color: rgb(56, 218, 191); */
    
    flex: 5;
    width: 97%;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
    /* justify-content: flex-end; */
    /* Flex end hatane se scroll bar hat jaa raha h!  */
    align-items: flex-start;
    /*scroll-behavior: smooth;*/
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 10px;
}


.footer-box{
    background-color: #0396FF;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-box div{
    height: 123px;
}

.footerbox-one{
    /* background-color: aliceblue; */
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    

}
.footerbox-one div{
    width: 80%;
    margin: 0 auto;
}

.footerbox-two{
    /* background-color: aquamarine; */
    flex: 1;
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footerbox-two div{
    width: 80%;
    margin: 0 auto;
}

.footerbox-three{
    /* background-color: beige; */
    flex: 1;
}


.ft-box-head{
    /* background-color: greenyellow;    */
    /* width: 100%; */
    flex: 1;
}

.ft-box-low{
    /* background-color: lightcoral; */
    width: 100%;
    flex: 2;
}


.ft-head-text{
    /* text-decoration: none; */
    color: black;
}

.ft-ul{
    list-style-type: none;
}

.ft-ul-li{
    list-style-type: none;
}

.ft-ul-li-a{
    text-decoration: none;
    color: black;

}


.navigation-box{
    background-color: aqua;
    /* height: 40px; */
}

.nav-box{
    /* background-color: blanchedalmond; */
    background-color: #343a40;
    /* color: white; */
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}

.nav-box-fnl{
    
    /* background-color:red; */
    /* height: 10px; */
    flex: 1;
}

.nav-box-ul{
    background-color: antiquewhite;
    list-style-type: none;
    margin: 0 40px;
}

.nav-box-ul-li{
    float: left;
    list-style-type: none;
    margin: 0 7px;
    padding: 6px 13px;
}


.nav-box-ul-li-a{
    text-decoration: none;
    color: white;
    /* margin: 0 7px; */
    padding: 6px 7px;

}

.nav-box-ul-li:hover{
    /* background-color: #0396FF; */
    background-color: #ffc107;
    /* background-color: #dc3545; */
    
    /* margin: 0; */
    /* padding: 5px 7px; */
    /* border-radius: 7px; */
    /* height: 10px; */
    /* height: 27px; */
    margin: 0 7px;
    /* padding: 6px 13px; */
    /* border-radius: 7px; */
    /* border-style: none; */
    
    
}

.nav-box-ul-li-a:hover{
    color: white;

}


.container-box{
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
    
    margin : 20px 20px 20px 20px;
    
    height: 300px;
    /* background-color: #0396FF; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.container-box-one{
    /* background-color: rgb(245, 23, 215); */
    height: 270px;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.container-box-two{
    /* background-color: lightgreen; */
    height: 270px;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.fnl-box-one{
    /* background-color: #1a1818; */
    height: 250px;
    flex: 1;
    display: flex;
    flex-direction: column;

    
}

.break-text{
    /* color: white; */
    /* color: #343a40; */
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
}


.fnl-heading{
    /* background-color: #ffc107; */
    /* background-color: #0396FF; */
    background-color: #343a40;
    border-radius: 7px;
    width: 95%;
    margin: 0 auto;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.fnl-post{
    /* background-color: aqua; */
    flex: 5;
    /* width: 100%; */
    /*scroll-behavior: smooth;*/
    overflow: scroll;
    overflow-x: hidden;
    
}


.fnl-heading-text{
    background-color: #ffc107;
    /* background-color: white; */
    /* background-color: #0396FF; */
    
    
    padding: 2px;
    border-radius: 7px;
    width: 75%;
    margin: 0 auto;
}

.fnl-post-text{
    /* background-color: yellowgreen; */
    margin: 3px 20px;
}

.fnl-post-text-ul{
    list-style-type: none;
}

.fnl-post-text-ul-li{
    list-style-type: none;
}


.fnl-post-text-ul-li-a{
    font-size : 24px;
    list-style-type: none;
    text-decoration: none;
}

.fnl-post-text-ul-li:hover{
    /* background-color: #0396FF; */
    /* background-color: #343a40; */
    background-color: #ffc107;
}

/*Error Page CSS Start*/
.container-error-page{
    /* background-color: red; */
    height: 600px;
    margin: 30px 0 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}


.er-head-text{
    font-size: 199px;
    text-align: center;
    color: yellowgreen;
}

.er-p-text{
    font-size: 39px;
    text-align: center;
    color: yellowgreen;
}

.er-p-text-btn{
    /* font-size: 39px; */
    text-align: center;
    color: yellowgreen;
    background-color: greenyellow;
    padding: 7px;
    margin-top: 40px;
    border-radius: 50px;
}

/*Error Page CSS END*/

/* Hindi Story CSS */

.rec-banner {
    text-align: center;
    margin-top: 30px;
    width: 80%;
    margin: auto;
}

.rec-p {
    text-align: justify;
    font-size: 24px;
    width: 80%;
    margin: auto;
    margin-top: 30px;
}

.rec-h3 {
    background-color: greenyellow;
    width: 80%;
    margin: auto;
    margin-top: 30px;
}

.rec-img {
    margin-top: 20px;
    margin-top: 30px;
    width: 80%;
    margin: auto;
}



/* New content Format */


.content-container-new{
    /* background-color: #ffc107; */
    
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

.div-one{
    /* background-color: aqua; */
    margin-top: 70px;
    flex: 1;
    width: 100%;
}

.div-two{
    /* background-color: lightgreen; */
    flex: 1;
    width: 100%;
}

.div-three{
    /* background-color: bisque; */
    flex: 1;
    width: 100%;
}

.div-four{
    /* background-color: firebrick; */
    flex: 1;
    width: 100%;
}

.div-five{
    /* background-color: aquamarine; */
    flex: 1;
    width: 100%;
    margin-bottom: 70px;
}


.main-heading{
    /* background-color: #3b27d1; */
    text-align: center;
    font-size: 47px;
    text-transform: uppercase;
    text-decoration: solid;
    /* color: #0396FF; */
}

.rec-h3 {
    
    background-color: #0396FF;
    width: 100%;

    color: white;
}

.rec-p {
    text-align: justify;
    font-size: 24px;
    width: 100%;
}

.rec-table-fee-details {
    width: 100%;
}

.rec-table-thead {
    /* background-color: whitesmoke; */
    /* background-color: lightslategray; */
    background-color: #7f8d9b;
    text-align: left;

}

.rec-table-tbody {
    background-color: rgb(225, 227, 230);
    text-align: left;
}

.rec-table-important-dates {

    width: 100%;
}

.rec-links-ul{
    background-color: rgb(208, 33, 14);
}

.rec-links-ul-li{
    background-color: aqua;
    list-style-type: none;
    margin: 2px 2px;
}

.rec-links-ul-li:hover{
    background-color: goldenrod;
}



.td-btn-text:hover{
    /* background-color: gray; */
    background-color: #7f8d9b;
    /* background-color: #d7da1a; */
    color: white;
    
    
    

}

.td-btn-text-a:hover{
    color: white;
    
    
}

.rec-links-ul-li-a{
    /* background-color: rebeccapurple; */
    text-decoration: none;
    list-style-type: none;
    margin: 2px 2px;
    
}

.last-table-tr{
    margin: 20px 20px;
}

tr{
    margin: 50px;
}

tr{
    height: 50px;
    
}


.official-logos{
   
    height: 67px;
    margin: 0 auto;
}
.official-logos-sign{
    width: 140px;
    height: 67px;
    margin: 0 auto;
}

.official-logos-doc{
    height: 67px;
    margin: 0 auto;
}

.video-logo{
    
    width: 100%;
}



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

.rec-p {
    text-align: justify;
    font-size: 24px;
}

/* .rec-h3 {
    background-color: greenyellow;
} */

.rec-img {
    margin-top: 20px;
    width: 100%;
    
}


/* Contact Us CSS Start*/

.c-container{
    /* background-color: lightblue; */
    height: 550px;
    width: 80%;
    margin: 140px auto;
    display: flex;


}


.c-new-contianer{
    /* background-color: aquamarine; */
   flex: 1;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin: 10px 10px;
}

.upper-head{
    background-color: yellow;
    margin: 0 0 40px 0;

}

.head-h3{
    font-size: 34px;

}

.head-cont{
    /*background-color: rebeccapurple;*/
    width: 50%;
    margin: 0 auto;
    border-radius: 7px;
    text-align: center;
    color: yellow;
}


.lower-section{
    background-color: white;
}

.head-para{
    font-size: 27px;
}


/*.new-contact{*/

/*}*/

.head-li{
    list-style-type: none;
    font-size: 27px;
}



/* Contact Us CSS End*/


.icoimg{
    /*height: 107px;*/
    /*width: auto;*/
    
     width: 100%;
    height: auto;
}



@media (max-width: 1024px) {
   .main-h-one{
    font-size: 39px;
    text-align: center;
    width : 100%;
}body{
    width : 100%;
}

}

@media (max-width: 1125px) {
    .main-h-one{
        font-size: 32px;
        text-align: center;
    }
}

@media (max-width: 925px) {
    .main-h-one{
        font-size: 32px;
        text-align: center;
        width : 100%;
    }
    body{
    width : 100%;
    height:auto;
}
}


@media (max-width: 790px) {
    .main-h-one{
        font-size: 29px;
        text-align: center;
        width : 100%;
    }
     .fnl-heading{
         font-size: 19px;
        text-align: center;
        
    }
    .header-logo-left-img{
        height : 70px;
        width : auto;
        
    }
    body{
    width : 100%;
height:auto;
}
        
    

    .banner-h-text{
        font-size: 55px;
        text-align: center;
    }
}

@media (max-width: 740px) {
    .main-h-one{
        font-size: 29px;
        text-align: center;
        width : 100%;
    }

    .banner-h-text{
        font-size: 55px;
        text-align: center;
    }
    body{
    width : 100%;
    height:auto;
}
}

@media (max-width: 700px) {
    .banner-h-text{
        font-size: 41px;
        text-align: center;
        width : 100%;
    }

    .main-h-one{
        font-size: 25px;
        text-align: center;
    }

     .link-container{
        font-size: 16px;
    }
    body{
    width : 100%;
    height:auto;
}
}


@media (max-width: 630px) {

    .banner-h-text{
        font-size: 49px;
        text-align: center;
        width : 100%;
    }
    .main-h-one{
        font-size: 21px;
        text-align: center;
    }
    

     .link-container{
        font-size: 16px;
    }
    body{
    width : 100%;
    height:auto;
}
}


@media (max-width: 520px) {

    
    .banner-h-text{
        font-size: 29px;
        text-align: center;
        width : 100%;
    }

    .main-h-one{
        font-size: 19px;
        text-align: center;
    }

    

     .link-container{
        font-size: 16px;
    }
    body{
    width : 100%;
    height:auto;
}
}
@media (max-width: 440px) {

    
    .banner-h-text{
        font-size: 29px;
        text-align: center;
        width : 100%;
    }

    .main-h-one{
        font-size: 15px;
        text-align: center;
    }

    

     .link-container{
        font-size: 14px;
}
body{
    width : 100%;
    height:auto;
}

}

@media (max-width: 360px) {

    
    .banner-h-text{
        font-size: 19px;
        text-align: center;
        width : 100%;
    }

    .main-h-one{
        font-size: 11px;
        text-align: center;
    }

    
     .link-container{
        font-size: 14px;
}
body{
    width : 100%;
    height:auto;
}

}

@media (max-width: 260px) {

    
    .banner-h-text{
        font-size: 19px;
        text-align: center;
        width : 100%;
    }

    .main-h-one{
        font-size: 11px;
        text-align: center;
    }

    
     .link-container{
        font-size: 14px;
}
body{
    width : 100%;
    height:auto;
}

}