body{
	margin:0;
	font-family: Muli, sans-serif;
	
}
/*---------------------------------------tab style start----------------------------------------------*/
.tab_whole{
	width:100%;
	height:80px;
	float:left;
	/* border:1px solid black; */
}


.tab_bar_logo{
	width:16%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tab_bar_box{
	width:83%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tab_bar_box_name{
	width:auto;
	float:left;
	margin-left:3%;
	height:auto;
	margin-top:4%;
	font-size:16px;
	
	
	/* border:1px solid black; */
}


.tab_bar_box_name:hover{
	width:auto;
	float:left;
	margin-left:3%;
	height:auto;
	margin-top:4%;
	font-size:16px;
	
	font-weight:bold;
	
}




.tab_bar_box_name a{
	color:#006666;
}

.tab_bar_box_margin{
	float:right;
	width:100%;
	/* border:1px solid black; */
}



.tab_name p{
	text-align:center;
	font-size:20px;
	
}

.tab_name p a{
	text-decoration:none;
	color:red;
}

#icon{
	display:none;
}


@media screen and (max-width: 600px) {
	
	.tab_whole{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
	}
	
	.tab_bar_logo{
	width:100%;
	height:auto;
	float:left;
	/* border:1px solid black; */
	}
	
	.tab_bar_box{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}
	
	.tab_bar_box_margin{
	width:100%;
	height:auto;
	float:left;
	}


}


@media screen and (min-width: 601px) and (max-width: 1024px) {
	
	.tab_whole{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
	}
	
	.tab_bar_logo{
	width:100%;
	height:auto;
	float:left;
	/* border:1px solid black; */
	}
	
	.tab_bar_box{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}
	
	.tab_bar_box_margin{
	width:100%;
	height:auto;
	float:left;
	}


}



@media screen and (max-width: 600px) {
	
	
	
	#icon{
	display:block;
	float: right;
	margin-right:2%;
	font-size:25px;
	
     }
     
     .tab_bar_box_margin :not(:first-child){
      display: none;
     }
     
    
     
    
}


@media screen and (min-width: 601px) and (max-width: 1024px) {
	
	
	
	#icon{
	display:block;
	float: right;
	margin-right:2%;
	font-size:25px;
	
     }
     
     .tab_bar_box_margin :not(:first-child){
      display: none;
     }
     
    
     
    
}
@media screen and (max-width: 600px) {
     
     .tab_bar_box_margin.responsive {
    width:100%;
    height:100%;
    float:left;
    display:block;
   /*  border:1px solid black; */
    
  }
  
 
  
  .tab_bar_box_margin.responsive #tabs{
   width:100%;
   height:10%;
   float: left;
   display:block;
   text-align: left;
   /* border:1px solid black; */
   
  }
  
 
  
	
}


@media screen and (min-width: 601px) and (max-width: 1024px) {
     
     .tab_bar_box_margin.responsive {
    width:100%;
    height:100%;
    float:left;
    display:block;
   /*  border:1px solid black; */
    
  }
  
 
  
  .tab_bar_box_margin.responsive #tabs{
   width:100%;
   height:10%;
   float: left;
   display:block;
   text-align: left;
   /* border:1px solid black; */
   
  }
  
 
  
	
}




/*---------------------------------------tab style end----------------------------------------------*/

.banner{
	width:100%;
	height:400px;
	float:left;
	margin-top:1%;
	margin-bottom:2%;
	background-image: url("pic/banner.jpg") ;
	/* border:1px solid black; */
}



.c_typewriter{
	width:90%;
	height:5vh;
	float:left;
	
}

 #typewriter  {
      font-family: monospace;
      font-size: 40px;
       margin-top:10%;
      border-right: 2px solid black;
      white-space: nowrap;
     
      width: fit-content;
      color:white;
     
    }
    
    .c_banner_button{
    width:90%;
    height:auto;
    float:left;
    margin-top:30vh;
    margin-left:2vw;
    }

 #banner_button{
  
   text-align:left;
   float:left;
 }
 
  #banner_button button{
   border-radius:5px;
   padding:10px 10px;
   border:1px solid white;
   font-size:16px;
   font-weight:bold;
   color:#e6005c;
 }
 
@media screen and (max-width: 600px) {
	.banner{
	width:100%;
	height:220px;
	float:left;
	margin-top:1%;
	margin-bottom:2%;
	/* border:1px solid black; */
}

.c_typewriter{
	width:90%;
	height:5vh;
	float:left;
	
}

#typewriter  {
      font-family: monospace;
      font-size: 20px;
      margin-top:10%;
      white-space: nowrap;
      width:20px;
      width: fit-content;
      color:white;
      
    }
    
     .c_banner_button{
    width:90%;
    height:auto;
    float:left;
    margin-top:7vh;
    
    }

 #banner_button{
   
   text-align:center;
   
 }
 
#banner_button button{
   border-radius:5px;
   padding:8px 8px;
   border:1px solid white;
   font-size:13px;
   font-weight:bold;
   color:#e6005c;
 }
	
}


@media screen and (min-width: 601px) and (max-width: 1024px) {
	.banner{
	width:100%;
	height:320px;
	float:left;
	margin-top:1%;
	margin-bottom:2%;
	/* border:1px solid black; */
}

.c_typewriter{
	width:90%;
	height:5vh;
	float:left;
	
}

#typewriter  {
      font-family: monospace;
      font-size: 20px;
      margin-top:10%;
      white-space: nowrap;
      width:20px;
      width: fit-content;
      color:white;
      
    }
    
     .c_banner_button{
    width:90%;
    height:auto;
    float:left;
    margin-top:3vh;
    
    }

 #banner_button{
   
   text-align:center;
   
 }
 
#banner_button button{
   border-radius:5px;
   padding:8px 8px;
   border:1px solid white;
   font-size:13px;
   font-weight:bold;
   color:#e6005c;
 }
	
}

/*-----------------------------------------------tools start--------------------------------------------*/

.tools{
	width:100%;
	float:left;
	height:auto;
}

.tools h1{
	
	font-size:20px;
	
}

.tools-box{
	width:100%;
	float:left;
	margin-top:1%;
	height:auto;
}

.tools1{
	font-size:16px;
	padding:10px 10px;
	width:16%;
	background-color:#007a99;
	color:white;
	border-radius:5px;
	margin-left:2%;
	float:left;
	margin-top:2%;
	
	
}

@media screen and (max-width: 600px) {
	
.tools{
	width:100%;
	float:left;
	height:auto;
}

.tools h1{
	
	font-size:20px;
	
}

.tools-box{
	width:100%;
	float:left;
	margin-top:1%;
	height:auto;
}

.tools1{
	font-size:20px;
	padding:8px 8px;
	width:42%;
	background-color:#007a99;
	color:white;
	border-radius:5px;
	float:left;
	margin-left:2%;
	margin-top:2%;
}
}


@media screen and (min-width: 601px) and (max-width: 1024px) and (orientation: landscape) { 
	
.tools{
	width:100%;
	float:left;
	height:auto;
}

.tools h1{
	
	font-size:20px;
	
}

.tools-box{
	width:100%;
	float:left;
	margin-top:1%;
	height:auto;
}

.tools1{
	font-size:20px;
	padding:12px 8px;
	width:42%;
	background-color:#007a99;
	color:white;
	border-radius:5px;
	float:left;
	margin-left:4%;
	margin-top:3%;
}
}




/*-----------------------------------------------tools end--------------------------------------------*/

/*------------------------------------------------object css start----------------------------------*/

.object{
	width:100%;
	height:auto;
	float:left;
	margin-top:3%;
	/* border:1px solid black; */
	margin-bottom:3%;
}

.object_box{
	width:20%;
	height:35%;
	float:left;
	margin-left:2%;
	margin-top:1%;
	/* border:1px solid black; */
	background-color:#007a99;
	border-radius:5%;
}

.object_box img{
	width:40%;
	height:40%;
	
}

.object h1{
	font-size:20px;
	
 }




@media screen and (max-width: 600px) {
	
	.object{
	width:100%;
	height:auto;
	float:left;
	margin-top:1%;
	/* border:1px solid black; */
	margin-bottom:3%;
}

 .object h1{
	font-size:20px;
	
 }

.object_box{
	width:45%;
	height:auto;
	float:left;
	margin-left:4%;
	margin-top:1%;
	/* border:1px solid black; */
	background-color:#007a99;
	border-radius:5px;
}



.object_box img{
	width:30%;
	height:30%;
	
}


}



@media screen and (min-width: 601px) and (max-width: 1024px) {
	
	.object{
	width:100%;
	height:auto;
	float:left;
	margin-top:1%;
	/* border:1px solid black; */
	margin-bottom:3%;
}

 .object h1{
	font-size:20px;
	
 }

.object_box{
	width:48%;
	height:auto;
	float:left;
	margin-left:1%;
	margin-top:1%;
	/* border:1px solid black; */
	background-color:#007a99;
	border-radius:5px;
}



.object_box img{
	width:30%;
	height:30%;
	
}


}

/*------------------------------------------------object css end----------------------------------*/


/*------------------------------------------------career blog  & job start---------------------------------*/

.cj{
	width:100%;
	height:100%;
	float:left;
	
}

.box1 {
	
	width:12%;
	height:200px;
	float:left;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
}

.box1_1{
	width:100%;
	height:130px;
	float:left;
	/* border:1px solid black; */
}

.box1_2{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

#h1{
	font-size:20px;
}

#cj_h1{
	font-size:20px;
	
	
}
	

	



@media screen and (max-width: 600px) {
	
	.box1 {
	
	width:46%;
	height:200px;
	float:left;
	margin-left:2%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
	margin-top:2%;
	margin-bottom:5%;
}

.box1_1{
	width:100%;
	height:130px;
	float:left;
	/* border:1px solid black; */
	
}

.box1_2{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

#h1{
	font-size:20px;
}

#cj_h1{
	font-size:20px;
}
	
	
}





@media screen and (min-width: 601px) and (max-width: 1024px) {
	
	.box1 {
	
	width:20%;
	height:200px;
	float:left;
	margin-left:2.5%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
	margin-top:2%;
	margin-bottom:5%;
}

.box1_1{
	width:100%;
	height:130px;
	float:left;
	/* border:1px solid black; */
	
}

.box1_2{
	width:100%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

#h1{
	font-size:20px;
}

#cj_h1{
	font-size:20px;
}
	
	
}


/*------------------------------------------------career blog  & job end---------------------------------*/


/*--------------------------------------------education department start----------------------------------------*/

.ged{
	width:40%;
	height:10vh;
	float:left;
	margin-left:1%;
	border:2px solid #007a99;
	border-radius:5px;
}

.ged_img{
	width:20%;
	height:100%;
	float:left;
	
}

.ged_content{
	width:79.7%;
	height:100%;
	float:left;
	color:white;
	background-color:#007a99;
	border-left:1px solid #007a99;
	
}


@media screen and (max-width: 600px) {
	
	.ged{
	width:98%;
	height:8vh;
	float:left;
	margin-left:1%;
	margin-top:3%;
	border:2px solid #007a99;
	border-radius:5px;
}

.ged_img{
	width:20%;
	height:100%;
	float:left;
	
}

.ged_content{
	width:79.5%;
	height:100%;
	float:left;
	color:white;
	background-color:#007a99;
	border-left:1px solid #007a99;
	
}

.ged_content p{
	margin-top:3%;
}


	
}





/*--------------------------------------------education department end----------------------------------------*/



/*-------------------------------------------footer css start--------------------------------*/

.footer{
	width:100%;
	height:100%;
	float:left;
	margin-top:1%;
	/* border:1px solid black; */
	background-color:#669999;
	
}

.footer_section{
	width:23%;
	height:100%;
	float:left;
	margin-left:1%;
	/* border:1px solid black; */
}


@media screen and (max-width: 600px) {
	
	.footer{
	width:100%;
	height:100%;
	float:left;
	/* margin-top:1%; */
	/* border:1px solid black; */
	background-color:#669999;
}

.footer_section{
	width:48%;
	height:100%;
	float:left;
	margin-left:1%;
	/* border:1px solid black; */
}

#cj_h1{
	font-size:16px;
}
	
}

/*-------------------------------------------footer css end--------------------------------*/

/*----------------------------------------------mock test start -----------------------------*/

.tn{
	width:100%;
	height:100%;
	float:left;
	margin-bottom:2%;
}

.tn_content{
	width:80vw;
	height:25vh;
	float:left;
	margin-left:10%;
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
	border-radius:5px;
}

.tn_content_p1{
	width:25%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tn_content_p2{
	width:74%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tn_content_p2 h1{
	text-align:center;
	margin:0;
	font-size:20px;
	color:black;
	}
	
.tn_content_p2 P{
	width:90%;
	height:100%;
	float:left;
	margin-left:5%;
	text-align:center;
	color:#1a6565;;
	font-weight:bold;
	line-height: 1.6;
	font-size:15px;
	
}

#tn_p1{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:12px;
	color:#ff4d4d;
}



@media screen and (max-width: 600px) {
	.tn{
	width:100%;
	height:100%;
	float:left;
	margin-bottom:2%;
}

.tn_content{
	width:98vw;
	height:15vh;
	float:left;
	margin-left:1%;
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
	border-radius:5px;
}

.tn_content_p1{
	width:40%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tn_content_p2{
	width:59%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tn_content_p2 h1{
	text-align:center;
	margin:0;
	font-size:13px;
	color:black;
	}
	
.tn_content_p2 P{
	width:90%;
	height:100%;
	float:left;
	margin-left:5%;
	text-align:justify;
	
	color:#1a6565;;
	font-weight:bold;
	line-height: 1.0;
	font-size:8px;
	
}

#tn_p1{
	width:94%;
	height:auto;
	float:left;
	text-align:center;
	font-size:8px;
	color:#ff4d4d;
}


	
}


@media screen and (min-width: 601px) and (max-width: 1024px) {
	.tn{
	width:100%;
	height:100%;
	float:left;
	margin-bottom:2%;
}

.tn_content{
	width:75vw;
	height:9vh;
	float:left;
	margin-left:12.5%;
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7);
	border-radius:5px;
}

.tn_content_p1{
	width:25%;
	height:100%;
	float:left;
	
	/* border:1px solid black; */
}

.tn_content_p2{
	width:74%;
	height:100%;
	float:left;
	/* border:1px solid black; */
}

.tn_content_p2 h1{
	text-align:center;
	margin:0;
	font-size:13px;
	color:black;
	}
	
.tn_content_p2 P{
	width:90%;
	height:5vh;
	float:left;
	margin-left:5%;
	text-align:center;
	color:#669999;
	font-weight:bold;
	font-size:10px;
	margin-bottom:-5%;
	
}

#tn_p1{
	width:94%;
	height:5px;
	float:left;
	text-align:center;
	font-size:8px;
	color:#ff4d4d;
	margin-bottom:0;
}


	
}



/*----------------------------------------------mock test end -----------------------------*/