/* common */

.fp-fp::before,
.gradient-color,
.header_area.sticky,
.wellcome_area::before,
#features::before
{
	-webkit-background:linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
	-moz-background: linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
	-o-background:linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
background:linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);

}


.wellcome_area {
	background:url(../img/bg-img/welcome-area.jpg) no-repeat center;
	background-size: cover;
  background-attachment: fixed;
}
.wellcome_area::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    opacity: .9;
}


@media  (max-width: 991px) {
	.header_area {
		-webkit-background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0;
		-moz-background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0;
		-o-background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0;
	}
	}

/* header area end */

/* features area start*/
#features {
  background: url(../img/feature-jpg.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
#features::before{
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
opacity: .9;
background:#000000a8;

}
/* features area end*/



/* contact area start*/
.footer-contact-area{
  background: url(../img/feature-jpg.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.footer-contact-area::before{
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
opacity: .9;
background:#000000d6;
  

}
/* contact area end*/




/*==================
Rewards start
====================*/

#rewards  i {
  background: linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}





/*==================
Rewards End
====================*/


/*==================
ecosystem start
====================*/

#ecosystem  i {
  background: linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}





/*==================
ecosystem End
====================*/





/*==================
loyalty start
====================*/

#loyalty  i {
  background: linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}





/*==================
loyalty End
====================*/





/*==================
lucky-wheel start
====================*/

#lucky-wheel  i {
  background: linear-gradient(163.38deg, #EA6CD7 19.36%, #4C6DD6 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}





/*==================
lucky-wheel End
====================*/