/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	/* --cnvs-themecolor: #222222; */
	/* --cnvs-themecolor-rgb: 34, 34, 34; */
	--cnvs-color1: #EC008B;
	--cnvs-color2: #F3317A;
	--cnvs-color3: #FB6567;

	/* --cnvs-body-font: 'Roboto', sans-serif; */
	/* --cnvs-primary-font: 'PT Serif', serif; */

	/* --cnvs-body-bg: #000; */
}

.gradient-bg {
	position: relative;
	padding: 4px;
}

.gradient-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient( 280deg, var(--cnvs-color1) 12.08%, var(--cnvs-color2) 53.53%, var(--cnvs-color3) 95.62% );
	background: -o-linear-gradient( 280deg, var(--cnvs-color1) 12.08%, var(--cnvs-color2) 53.53%, var(--cnvs-color3) 95.62% );
	background: linear-gradient( 280deg, var(--cnvs-color1) 12.08%, var(--cnvs-color2) 53.53%, var(--cnvs-color3) 95.62% );
}

.gradient-bg * {
	position: relative;
	z-index: 2;
}

@media (min-width: 992px) {

	.about-img > div {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		width: 75%;
	}

	.about-img > div + div {
		top: 130px;
		left: 0;
		right: auto;
		z-index: 0;
	}
}

/* services */
@media (max-width: 482px) {
	.section-showcase-sticky .list-group-content > div{
		padding-left: 2rem;
    	padding-right: 2rem;
	}

	.content-wrap p,
	.section-showcase-sticky .list-group-content > div ul li {
		font-size: 1rem !important;
	}
}

/* who we are */
.block-sticky-cards .content-wrap,
.block-sticky-cards .section { overflow: visible; }

.block-sticky-cards .sticky-section + .sticky-section {
		margin-top: 5vh;
	}

@media (min-width: 992px) {
	.block-sticky-cards .sticky-section {
		--sticky-top-gap: 30px;
		position: -webkit-sticky;
		position: sticky;
		z-index: 2;
		top: calc(80px + var(--sticky-top-gap));
	}

	.block-sticky-cards .sticky-section + .sticky-section {
		margin-top: 20vh;
	}
}



