.bg-dark-overlay{
	position: relative;
	z-index: 1;
	&::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		background: rgba(0, 9, 14, 0.80);
		z-index: -1;
	}
	.section-head{	
		.title,
		p,
		.badge-title{
			color: $white;
		}
	}
}

.bg-overlay{
	position: relative;
	z-index: 1;
	&::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(187,249,255);
		background: -moz-linear-gradient(0deg, rgba(187,249,255,0.1) 0%, rgba(6,187,204,0.2) 50%, rgba(187,249,255,0.1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(187,249,255,0.1) 0%, rgba(6,187,204,0.2) 50%, rgba(187,249,255,0.1) 100%);
		background: linear-gradient(0deg, rgba(187,249,255,0.1) 0%, rgba(6,187,204,0.2) 50%, rgba(187,249,255,0.1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbf9ff",endColorstr="#bbf9ff",GradientType=1);
		z-index: -1;
	}
}

.bg-overlay2{
	position: relative;
	z-index: 1;
	background-color: #E4EFFA;
	.shape-vector{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
	}
}

// Conic Gradient ==
.bg-effect{
	position: relative;
    z-index: 1;
	&::after{
		content: "";
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 250px;
		background: conic-gradient(from 180deg at 50% 50%, $primary 0deg, #303030 360deg);
		border-radius: 15px 15px 0 0;
		@include respond('phone-land-min'){
			border-radius: 50px 50px 0 0;
		}
	}
}