/********* Common CSS Starts **********/
 * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html,
body {
    font-family Roboto,
    sans-serif,
    arial;
    font-size: 16px;
    color: #242424;
}

.custome-info, .custome-success, .custome-warning, .custome-error, .custome-validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.custome-info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('https://i.imgur.com/ilgqWuX.png');
}
.custome-success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('https://i.imgur.com/Q9BGTuy.png');
}
.custome-warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('https://i.imgur.com/Z8q7ww7.png');
}
.custome-error{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('https://i.imgur.com/GnyDvKN.png');
}
.custome-validation{
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('https://i.imgur.com/GnyDvKN.png');
}



.container {
    width: 1300px;
    margin: 0px auto;
}

.container.top-header {
    height: 100px;
}
.container.main-header {
    height: 100px;
    padding: 1%;
}

.container1.main-header {
    height: 100px;
    padding: 1%;
}



.main-section {
    width: 100%;
    float: left;
    padding: 70px 0px 70px 0px;
    background: #D1E5F4;
}

.heading {
    font-size: 28px;
    font-weight: 500;
    border-bottom: 1px solid #01588c;
    margin-bottom: 20px;
    color: #01588c;
}

/********* Common CSS End **********/

/********* Header HTML CSS Starts **********/
.header {
    background: #01588c;
    padding: 2px 0px;
    height: 35px;
    /* position: absolute;
    margin-top: 4%;
    width: 100%; */
}

.header .container {
    padding: 1px;
}

.main-menu {
    float: right;
    vertical-align: middle;
    text-align: center;
    margin-top: -50px;
}

.header b {
    background: #fff;
    color: #cc0000;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
}

.header marquee {
    font-size: 20px;
    color: #ffffff;
    /* width: 80%; */
    width: auto;
    position: absolute;
}



/********* Header HTML CSS End **********/


/********* Design Logo and Menu section CSS Starts **********/
.logo {
    height: 70px !important;
}

/*Menu Section Menu Section*/
nav {
    float: right;
    padding: 25px 0px;
}

nav a {
    color: black;
    text-decoration: none;
    font-size: 18px;
    padding: 2px 10px;
    font-weight: 500;
}

/********* Design Logo and Menu section CSS End **********/

/********* Slider CSS Starts **********/
.slider img {
    width: 100%;
}

/********* Slider CSS End **********/


/********* Campus, Events and Notice Board section CSS Starts **********/
.event {
    /* width: 32%; */
    /* margin-right: 1%; */
    float: left;
    background-color: #D1E5F4
    padding: 10px;
    height: 600px;
}

.event .heading {
    border-bottom: 1px solid #01588c;
    padding: 5px;
    color: #fff;
    background: #01588c;
    text-align: center;
}

.event ul li {
    margin-bottom: 20px;
    width: 100%;
    float: left;
    list-style: none;
}

.event-date {
    background: #01588c;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 8px 12px;
    margin-right: 10px;
}

/********* Campus, Events and Notice Board section CSS End **********/


/********** About Us CSS Starts **********/
.about-us div {
    /* width: 45%; */
    /* width: 100%; */
    float: left;
    line-height: 30px;
    font-size: 18px;
}

.about-us h4 {
    font-size: 22px;
}

.about-us p {
    line-height: 42px;
}

.about-us img {
    /* width: 100%; */
    /* width: 40%;
    width: 530px; */
    float: left;
}

/********** About Us CSS Ends **********/

/********** School Info, Award and Certificate CSS Starts **********/
.award p {
    width: 100%;
    float: left;
    font-size: 16px;
}

.award img {
    width: 100%;
}

.award b {
    min-width: 115px;
    float: left;
    margin-bottom: 20px;
}

.award h3 {
    font-size: 23px;
    margin-bottom: 20px;
    text-align: center;
}

/********** School Info, Award and Certificate CSS Ends **********/


/********* Testimonial Section CSS Starts **********/
.testimonial {
    /* margin-right: 2.5%; */
    /* width: 30.5%; */
    float: left;
    padding: 1%;
}

.testimonial-text {
    background: #01588c;
    padding: 20px;
    line-height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.testimonial-detail {
    float: left;
    margin-top: 10px;
}

.testimonial-img {
    float: left;
}

.testimonial-img img {
    border-radius: 50%;
}

.testimonial-name {
    margin-left: 10px;
    float: left;
}

.testimonial-name h5 {
    font-size: 18px;
    margin-top: 8px;
}

/********* Testimonial Section CSS End **********/

/********* Gallery section CSS Starts **********/
.gallery img {
    /* width: 24%; */
}

/********* Gallery section CSS End **********/

/********* Footer section CSS Starts **********/
.footer {
    background-color: #01588c;
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.footer-logo {
    /* width: 70%; */
    width: 229px;
    height: 60px;
}

.footer-sect {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.footer-sect a {
    color: white;
    margin-left: 10px;
    text-decoration: none;
}

/********* Footer section CSS End **********/