.text-lighter{
	color: #808080;
}
.text-gradiant{
	background: linear-gradient(to right, #17d059, #2cb5e8);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  
}
.bg-gradient{
	background: linear-gradient(141deg, #17d059 0%, #1fc8db 51%, #2cb5e8 75%);
}

.bg-gradient-reverse{
	background: linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #17d059 75%);
}



.text-gradiant-reverse{
	background: linear-gradient(to left, #17d059, #2cb5e8);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  
}


.navigation-component .nav-wrapper ul li a{
	color:#ffffff;
	font-weight: bold;
	position:relative;
	text-decoration:none;
}
.navigation-component .nav-wrapper ul li a::after{
	content: '';
	position:absolute;
	width:0px;
	height:3px;
	background-image: linear-gradient(141deg, #f1f133 0%, #17d059 100%);
	left:7;
	bottom: 0;
	transition: 1s;
	
}
.navigation-component .nav-wrapper ul li:hover a::after{
	width:80%;
}






.carousel-caption h1, .carousel-caption h6{
	background: linear-gradient(to right, blue, #7FFF00);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  font-weight:bold;
	  bottom: 0;
	  vertical-align:bottom;
}
.carousel-caption{
	background:linear-gradient( rgba(0,0,0,0.9), transparent);
	width:100%;
	left:0;
	height:100%; 
	bottom:0;
}

.info-container {
	border-radius: 50px;
	background: linear-gradient(141deg, #17d059 0%, #2cb5e8 100%);
	padding:15px 0px;
	margin-bottom:10px;
}
.info-container:hover{
	background: linear-gradient(141deg, #2cb5e8 0%, #17d059 100%);
	transition: 1s;
}
.info-container h6, .info-container p{
	color:#fff;
	line-height: 0.6;
}

.welcome-container{
	padding: 100px 0px;
}



.parallax-container {
  min-height: 400px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

.gallery-container img{
	margin:10px;
}