@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300&display=swap');
.whatsapp{position: fixed;bottom: 10px;left: 5px;z-index: 9999;}
.vision-mission{margin-top: 50px;}
.about-certificates{ width: 250px;}
.top-bar
  	{
  		
		font-family: lato;
		padding:17px 0px;
		text-align: right;
  	}
	.top-bar a
	  {
		  color:#02788b;
		  
	  }
	.top-bar a:hover
	  {
		  text-decoration: none;
	  }
	  .navigation-top
	  {
		  background-color: #02788b;
	  }
	  .navigation a
	  {
		  padding: 40px 20px;
		  display: inline-block;
		  color: #FFFFFF;
		  transition:all 1s;
		  text-transform: uppercase;
	  }
	  .navigation a:hover
	  {
		
		 color: #f14e25;
		 text-decoration: none;
		
	  }
	  .navigation a span
	  {
		  display:block;
		  background-color: #f14e25;
		  padding: 10px 20px;
		 margin:-10px;
		  color: #FFFFFF;
		  border-radius: 5px;
		  
	  }
	  
	  .active:hover
	  {
		  background-color: #02788b;
	  }
	  
	  #mob-menu{display: none;}
		.mob-list
		{
			background-color: #f14e25;
			display: none;
			margin-bottom: 30px;
			margin-top: 30px;
		}
		.mob-list a
		{
			display: block;
			color: #FFFFFF;
			line-height: 40px;
			padding-left: 20px;
			border-bottom:#fff dotted 1px;
			text-transform: uppercase;
		

		}
	  
	 .head
	  {
		  font-weight: bold;
		  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		  color: #02798a;
		  text-transform: uppercase;
		  font-size: 25px;
		  
	  }
	.pro_head
	{
		  font-weight: bold;
		  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		  color: #000000;
		  text-transform: capitalize;
		  font-size: 15px;
		  
	  }
	  h3{font-weight: bold;color: #164f7c;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size: 22px;}
h2{font-weight: bold;text-transform: uppercase;font-size: 23px;border-bottom: solid 1px #FFFFFF;padding:20px 0px;}
	  .line
	  {
		  width: 50%;
		  text-align: left;
		  border-top: 2px solid #50e2b4; 
	  }
.certificates img {width: 150px;}
	  .readmore{background-color:#50e2b4;display: inline-block;padding: 10px 20px;color: #FFFFFF;margin-top: 10px;margin-bottom: 25px;}
	  .readmore:hover{background-color:#164f7c;color: #FFFFFF;text-decoration: none;}
	  .box
	  {
		  
		  margin-bottom: 5px;
		  margin-top: 5px;
		  padding: 10px;
		  border-radius: 5px;
		
	  }
	  .box img
	  {
		  
		  border-radius: 10px;
	  }
	.footer
{
	color: #FFFFFF;
	padding: 20px 0px;
}
.footer ol li{list-style-type: none;padding: 0px;margin: 0px;}
.footer ol {margin: 0px;padding: 0px;}
.footer a
{
	color: #FFFFFF;
	line-height: 25px;
}


/* About Page*/
.breadcrumb {font-weight: bold;}
.breadcrumb li a{color:#50e2b4;font-weight: bold;}
.breadcrumb li a:hover{color:#50e2b4;text-decoration: none;}
.why-head{font-size: 20px;text-transform: capitalize;margin-bottom: 5px;margin-top: 5px; padding-bottom: 10px;border-bottom:solid 2px #71b635;color: #164f7c }

/*contact Page */
#contactform div
{
	margin-bottom:10px;
}

	  @media only screen and (max-width: 700px) {
		  .top-bar{text-align: center;}
	#mob-menu{display: block;}
	#desk-menu{display: none;}
		  .carousel-indicators{display: none;}
	
}
	  p,li{text-align: justify;line-height: 25px;font-family: 'Roboto Slab', serif;font-size: 17px;}
	  #benefits ul li
	  {
		  line-height: 35px;
		  border-bottom: dotted 1px #71b635;
		  list-style-type: none;
	  }
/*contact */
#contactform div
{
	margin-bottom:10px;
}
@media (max-width: 600px){
	.vision-mission{margin-top: 0px;}
	.certificates {text-align: center;}
	.certificates img {width: 100px;}
	.about-certificates{ width: 100%;}
   .top-bar{text-align: center;}
  
	#mob-menu{display: block;}
	#desk-menu{display: none;}
	.carousel-indicators{display: none;}
	 .box
	  {
		 
		  margin-bottom: 10px;
		  margin-top: 20px;
		  padding: 20px;
		 
		 
		  
	  }
	
  
}
	  .scroll_To_Top{
		
	    
		text-decoration: none;
		position:fixed;
		width: 40px;
	height: 40px;
		text-align:center; 
		background: white;
		font-weight: bold;
		bottom:10px;
		right:10px;
		display:none;
		border-radius:100%;
		font-size: 30px;
		color: #164f7c;
	}
	  .carousel-control {
    background-image:none !important;
    filter:none !important;
}
	  .carousel-indicators li{
   background-color: #1b4f74;
		  
	  }
	  .carousel-indicators li.active{
   background-color: #d65327;
		  
	  }