.gradient-div {
	width: auto;
	height: auto;
	background: var(--gradient);
}
.bgcolor-lghtpurple {
	/*background-color: rgba(158, 71, 219, 1); /*lightpurple*/
	--base-color: rgb(158, 71, 219); /* lightpurple */
	--angle: 315deg; /* Custom angle */
	--stop1: 40%; /* Custom stop point for the base color */
	--stop2: 100%; /* Custom stop point for the lighter color */
}
.bgcolor-fuchsia {
	/*background-color: rgba(110, 14, 179, 1); /*fc46 fuchsia bg*/
	--base-color: rgb(110, 14, 179); /* fuchsia */
	--angle: 315deg; /* Custom angle */
	--stop1: 40%; /* Custom stop point for the base color */
	--stop2: 100%; /* Custom stop point for the lighter color */
}
.bgcolor-glowpurple {
	/*background-color: rgba(89, 4, 88, 1); /*maroon*/
	--base-color: rgb(89, 4, 88); /* maroon */
	--angle: 315deg; /* Custom angle */
	--stop1: 40%; /* Custom stop point for the base color */
	--stop2: 100%; /* Custom stop point for the lighter color */
}
.bgcolor-vibgreen {
	/*background-color: rgba(16, 89, 4, 1); /* green */
	--base-color: rgb(16,89,4); /* green */
	--angle: 315deg; /* Custom angle */
	--stop1: 40%; /* Custom stop point for the base color */
	--stop2: 100%; /* Custom stop point for the lighter color */
}
.bgcolor-redorg {
	/*	background-color: rgba(233,93,0,1.00); /*orange*/
	--base-color: rgb(233,93,0); /*orange*/
	--angle: 315deg; /* Custom angle */
	--stop1: 40%; /* Custom stop point for the base color */
	--stop2: 100%; /* Custom stop point for the lighter color */
}