/* Add here all your CSS customizations */

/* Gradient Text */
.bluegreen {
   background: -webkit-linear-gradient(#00a6bb, #00baa8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.bg-bluegreen {
   background: -webkit-linear-gradient(#00a6bb, #00baa8);
   background: linear-gradient(to bottom, #00a6bb 0%,#00baa8 100%) no-repeat; 
	/* background: linear-gradient(to bottom, #00a6bb 0%,#2989d8 50%,#207cca 51%,##00baa8 100%) no-repeat; */	
}
.greenpurple {
   background: -webkit-linear-gradient(#15c39a, #6976d4 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*---*/
.text-red {color:#e44233;}


/*J Responsive */
@media screen and (min-width: 601px) {
.bigtxt {
	font-size: 56px !important;
	font-size: 3.50rem !important;
	}
}
@media screen and (max-width: 600px) {
.bigtxt {
	font-size: 40px;
	}
}

/* Skew Y */
.section.section-skew-y .section-skew-layer-y {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 220%;
	-ms-transform: skewY(5deg); /* IE 9 */
  	-webkit-transform: skewY(5deg); /* Safari prior 9.0 */
    transform: skewY(5deg); /* Standard syntax */
	/*-webkit-transform: skew(-15deg, 0deg);
	transform: skew(-15deg, 0deg);*/
}

.section.section-skew-y .section-skew-layer-y.skew-layer-from-top, .section.section-skew-y .section-skew-layer-y[data-skew-layer-from="top"] {
	top: -70px;
}

.section.section-skew-y > .container {
	position: relative;
	z-index: 3;
}

@media (max-width: 991px) {
	.section.section-skew-y .section-skew-layer-y.section-skew-layer-mobile-top {
		top: -100px !important;
	}
}