/*************************8      header css           ****************************************************/

.top-nav a{color:#fff;}
.top-nav a:hover{color:#000;}
.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:120px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}
.zoom { transition: transform .2s;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;/* Animation */}

.zoom:hover {
  transform: scale(1.1) 
  
}
.image {
  overflow: hidden;
	
}
.img-fluid.zoom.image.img-gray {
  filter: grayscale(100%);
}
.is-form-style input.is-search-submit, .is-search-icon {
   
    background: #2D8390 !important;
	    
    color: #fff!important ;
}
.row.mt-3 {
  margin-bottom: 25px!important;
}
.mb-5 {
  margin-bottom: 1rem !important;
}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 10px;font-size:14px;text-transform:uppercase;font-weight:bold;letter-spacing:0.05em;}
.navbar .nav-item .nav-link{color:#000;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#008ce9;}

/**********                Home page css       *******************************/

.banner{background:url('../images/banner1.jpg') center top no-repeat;background-size:cover;}
.training{background:url('../images/bg-training.jpg') center top no-repeat;background-size:cover;}

/**********                Inner pages css       *******************************/

.bg{background:url('../images/bg.jpg') center top no-repeat;background-size:cover;}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#000;}
.img-courses {
  object-fit: cover;
  height: 322px;
	width: 100%;
}
.course_heading.py-3 {
  font-size: 15px;
}
/********************     Media query       ***************************************/

@media (min-width: 1600px){
	.container {max-width: 1530px;}
	.g-4{--bs-gutter-y:2rem!important;--bs-gutter-x:2rem!important;}

	.display-4{font-size:80px;}
	.display-5{font-size:60px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:41px;}
	h3{font-size:30px;}
	h4{font-size:25px;}
	body{font-size:20px;}
	.fs-18{font-size:19px;}
	.fs-22{font-size:25px;}
	
	.lh-xxl-lg{line-height:2;}
	
	.logo {max-height:140px;}
	.banner h4{font-size:28px;}
}

@media (min-width: 1920px){
	.container {max-width: 1730px;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.display-4{font-size:65px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 10px;font-size:13px;}
	.banner .display-4{font-size:45px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.logo {max-height:100px;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
}

@media (max-width: 575.98px){
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
}