* {box-sizing: border-box;}
body{ font-family: Montserrat, Arial, sans-serif;
    color: #444; overflow-x:hidden;
	overflow-y:scroll;  padding-top: 180px;
}
.container{margin:0; height: auto; width:100%; }
.header{position:relative; height: 120px; width: 100%;}
img .header-backgroung{width:100%; height:120px;}
.brand{position:0 0; position:absolute; top:5px; height:90px; width:120px; margin-left: 0px; }
.brand img {height: 100px; width: 120px;}
.brand-name{position:absolute; left:140px; top:0px; height:110px; width:550px;}
.brand-name h1{font-family:'Poppins'; font-size:35px; font-weight:900; color: black; margin:auto; padding-top:20px;}
.brand-address{position:absolute; bottom:0px; width:500px; padding-left:0px; height:40px;}
.brand-address h3{text-align:center; font-family:sans-serif; font-size: 18px; color:black; margin-top:0px;}
.brand-address h4{text-align:center; font-family:sans-serif; font-size: 14px; color:black; margin-top:0px;}

/* .cbse_notice{position:absolute; top:0px; right:5px;}
.cbse_notice a{text-decoration:none; font-size:13px; color:black;} */

.latest-news{display:none;}

.social-top{position:absolute; top:30px; right:0px; height: 60px; width:180px;}
.social-top img {height:50px; width:40px;}



.header-banner{display: none;}
.fixed-top{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
}

.header{
  height: 120px;
}

.nav{
  height: 60px;
  overflow: visible;
}


  #menu ul li a{
    font-size: 10px;
    padding: 5px 5px;
  }
}

.slider{height: 350px; width: 100%;  overflow: hidden; margin-top:10px;}






/* About Us Page */
.main-content{width:100%; min-height:600px;  margin-top:10px;}
.content-page{clear:both; margin:auto; width:85%; min-height:600px; }
.content-title{width:100%; height:40px; background: #4f96b3;
background: linear-gradient(90deg,rgba(79, 150, 179, 1) 16%, rgba(87, 147, 199, 1) 39%, rgba(83, 214, 237, 1) 86%);
display: flex;                 /* IMPORTANT */
  align-items: center;           /* vertical center */
  justify-content: space-between;/* left title, right button */
  padding: 0 12px;
  box-sizing: border-box;
  color: #fff;
}


/* Back button */
.back-btn {
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.6);
  color: #fff;
  padding: 4px 10px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
}

.back-btn:hover {
  background: rgba(255,255,255,0.35);
}

.content-title h2{padding-top:7px; padding-left:10px; font-family:poppins, sans-serif; font-size:16px;}
.content-note p{padding:20px; font-family:poppins, sans-serif; text-align:justify; font-size:12px;}
.content-note h4{font-family:poppins; font-size:14px; padding-left:20px;}
.content-note ul,ol{padding-left:40px;}
.content-note li{font-family:poppins, sans-serif; font-size:12px; padding-left:10px;}
.content-note{position:relative;}
.content-note img{height:130px; width:100px;}
.salutation{margin-left:100px;}


/* CBSE Circular Page Mandatory Disclosure Begin*/
.cbse_circular{width:90%; height:auto; margin:auto;}
.cbse_content h2{font-size:14px; margin-top:10px; background:#e4e4e4; padding:5px 3px 0 5px;}
/* table {
    margin: 0 0 1.5em;
    width: 100%;
	border-collapse: collapse;
border-spacing: 0;
}
td, th { font-size:13px;
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
td a{color:blue; text-decoration:underline;}
 */
 
 .fee-title {
    text-align: center;
    color: #2c3e50;
    margin-bottom: 15px;
}

table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse;
    font-family: 'Poppins', Arial, sans-serif;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Table Header */
th {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: #fff;
    font-size: 14px;
    padding: 12px;
    text-align: center;
    border: none;
}

/* Table Data */
td {
    font-size: 13px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

/* Zebra Rows */
tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Hover Effect */
tr:hover {
    background-color: #eafaf1;
    transition: 0.3s;
}

/* Links */
td a {
    color: #27ae60;
    font-weight: 600;
    text-decoration: none;
}

td a:hover {
    text-decoration: underline;
}

/* Mobile Friendly */
@media (max-width: 768px) {
    th, td {
        font-size: 12px;
        padding: 8px;
    }
}




	
	/* Contact Page Layout Begin */
	
.box1{position:absolute; top:0px; left:0px; width:50%; height:500px;  padding:15px 15px;}
.box2{position:absolute; top:0px; right:0px;  width:50%; height:500px; padding:15px 15px;}
.box2 h1{font-family:poppins; font-size:24px;}
.box2 h3{font-family:poppins; font-size:20px;}
.box2 p{font-size:14px; padding:10px;}

	/* Contact Page Layout End */