.pxl-pricing1 {
	background-color: #fff;
	position: relative;
	z-index: 1;
	overflow: hidden;
	@include box-shadow(0 0px 30px rgba(#333333, 0.1));
	text-align: center;
	padding: 46px 20px 70px;
	.pxl-item--title {
		font-size: 20px;
		margin-bottom: 21px;
		text-transform: uppercase;
		color: #696969;
	}
	.pxl-item--icon {
		width: 162px;
		height: 162px;
		background-color: #{'rgba(var(--primary-color-rgb),0.06)'};
		border-radius: 162px;
		font-size: 90px;
		color: $primary_color;
		position: relative;
		margin: 0 auto 15px auto;
		> * {
			@extend .pxl-middle;
		}
		img {
			max-height: 90px;
		}
		svg {
			height: 90px;
		}
	}
	.pxl-price--number {
		font-size: 48px;
		color: #1C2539;
	}
	.pxl-item--price {
		display: inline-flex;
	}
	.pxl-item--currency {
		margin: 5px 5px 0 5px;
	}
	.pxl-item--time {
		margin: 8px 3px;
	}
	.pxl-item--meta {
		display: inline-flex;
		font-size: 16px;
		font-weight: 700;
		color: #5D666F;
		@extend .ft-theme-default;
		align-items: flex-end;
		line-height: 1;
		margin-bottom: 32px;
	}
	.pxl-item--button {
		margin-bottom: 36px;
	}
	.pxl-item--feature {
		font-size: 17px;
		color: #777;
		i {
			width: 18px;
			height: 18px;
			background-color: $primary_color;
			font-size: 12px;
			color: #fff;
			line-height: 18px;
			border-radius: 18px;
			display: inline-flex;
			justify-content: center;
		}
		> div {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			+ div {
				margin-top: 13px;
			}
		}
	}
	.pxl-item--footer {
		max-width: 220px;
		margin: auto;
	}
	.pxl-item--bottom {
		font-size: 14px;
		color: #1C2539;
		font-weight: 700;
		@extend .ft-theme-default;
		margin-top: 18px;
	}
	.pxl-item--shape {
		position: absolute;
		height: 100%;
		width: 540px;
		z-index: -1;
		top: 50%;
		left: 50%;
		@include transform(translate(-50%, -50%) rotate(45deg));
		display: flex;
		flex-wrap: nowrap;
		.pxl-item--divider {
			width: 135px;
			min-width: 135px;
			height: 100%;
			opacity: 0.04;
		}
		.pxl-item--divider1, .pxl-item--divider3 {
			@include background-gradient-bottom($primary_color, rgba(#fff,1));
			margin-top: -12%;
		}
		.pxl-item--divider2, .pxl-item--divider4 {
			@include background-gradient-top($primary_color, rgba(#fff,1));
		}
	}
}

.pxl-pricing2 {
	background-color: #fff;
	@include box-shadow(0 10px 60px rgba(#49587C, 0.1));
	padding: 64px 50px 65px;
	position: relative;
	z-index: 1;
	@media #{$max-lg} {
		padding-left: 30px;
		padding-right: 30px;
	}
	.pxl-item--title {
		font-size: 30px;
		color: #2E3D62;
		margin-bottom: 29px;
	}
	.pxl-item--subtitle {
		text-transform: uppercase;
		font-size: 14px;
		color: #677788;
		margin-bottom: 2px;
	}
	.pxl-item--number {
		position: absolute;
		z-index: -1;
		font-size: 140px;
		color: #F5F9FF;
		font-weight: 500;
		top: -6px;
		left: 28px;
	}
	.pxl-item--feature {
		font-size: 16px;
		line-height: 1.625;
		color: #677788;
		> div {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			margin-bottom: 10px;
		}
		i {
			color: $primary_color;
			font-size: 12px;
			display: inline-flex;
		}
	}
	.pxl-item--price {
		position: relative;
		line-height: 1;
		font-size: 48px;
		color: $primary_color;
		font-weight: 700;
		@extend .ft-theme-default;
		display: inline-flex;
		margin-bottom: 18px;
	}
	.pxl-item--button {
		padding-top: 20px;
		.btn {
			line-height: 56px;
			padding: 0 58px;
			border-radius: 56px;
			font-size: 18px;
		}
	}
}