/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates

	original colour #3D80E4;
-----------------------------------------------------------------*/


.custom-btn {
	background-image: linear-gradient(to right, rgb(0, 151, 178), rgb(126, 217, 87));
	color: #fff;
}

.custom-btn:hover {

	background-image: linear-gradient(to right, rgb(126, 217, 87), rgb(0, 151, 178));
	color: #000;
}




.boxes {
	background-color: #abedc3;
	border-radius: 25px;
	height: 300px;
	padding: 5%;
}

.boxes-title {
	background-color: #000;
	color: #FFF;
	border-radius: 25px;
	font-size: 25px;
	text-align: center;

}

.header-btn {
	color: #000 !important;
}

.header-btn:hover {
	background-image: linear-gradient(to bottom, rgb(0, 151, 178), rgb(126, 217, 87)) !important;
	color: #fff !important;
	border-radius: 25px;
}


.gradient-bar-right {
	background-image: linear-gradient(to right, rgb(0, 151, 178), rgb(126, 217, 87));
	height: 50px;
	width: 40%;
	position: absolute;
	right: 0px;
	top: 40%;
	border-radius: 25px 0px 0px 25px;
	;
}

.gradient-bar-left {
	background-image: linear-gradient(to right, rgb(126, 217, 87), rgb(0, 151, 178));
	height: 50px;
	width: 40%;
	position: absolute;
	left: 0px;
	bottom: 5%;
	border-radius: 0px 25px 25px 0px;
	;
}

.bi-lightning-charge-fill {

	color: #abedc3;
	margin: auto;
	rotate: 15deg;
	height: 100px !important;
	width: 150px !important;

}


.why-us-left {
	background-image: linear-gradient(to right, rgb(126, 217, 87), rgba(0, 151, 178));
	border-radius: 25px 25px 25px 25px;
	color: #FFF;

}

.why-us-right {
	background-image: linear-gradient(to right, rgb(0, 151, 178), rgb(126, 217, 87));
	border-radius: 25px 25px 25px 25px;
	color: #FFF;
}


.span-gradient-1 {
	background-image: linear-gradient(to right, rgb(126, 217, 87), rgba(0, 151, 178));
	border-radius: 15px 15px 15px 15px;
	color: #fff !important;
	padding: 1% 2%;
}

.span-gradient-2 {
	background-image: linear-gradient(to right, rgba(0, 151, 178), rgb(126, 217, 87));
	border-radius: 15px 15px 15px 15px;
	color: #fff !important;
	padding: 1% 2%;
}