.pxl-pricing1 {
	.pxl-item--inner {
		padding: 71px 0 59px;
		border-radius: 15px;
		background:  #FFF;		
		text-align: center;
		.pxl-item--title-box {
			display: none;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translatex(-50%);
			line-height: 24px;
			color: $primary_color;
			text-align: center;
			font-family: Inter;
			font-size: 14px;			
			font-weight: 500;
			width: 100%;
			text-transform: uppercase;
			padding: 14px 0;
			border-radius: 15px 15px 0 0;
			background-color: $secondary_color;
			@media (max-width: 575px) {
				padding: 0 23px;
			}
		}
		.pxl-item--title {
			color: $four_color;
			text-align: center;
			font-family: Outfit;
			font-size: 22px;
			line-height: 26px;
			display: block;
			font-weight: 600;									
			margin-bottom: 14px;
		}
		.pxl-item--description {	
			color: $secondary_color;		
			text-align: center;
			font-size: 15px;
			font-style: normal;
			font-weight: 600;
			line-height: 14px;			
			margin: 0 auto;
			margin-bottom: 25px;
		}
		.pxl--price {
			padding: 18px 0 5px;
			border-top: 1px solid #E6EEFF;
			border-bottom: 1px solid #E6EEFF;
		}
		.pxl-item--price {
			display: inline-flex;
			justify-content: center;
			color: $secondary_color;
			text-align: center;
			margin-bottom: -4px;
		}
		.description-price {
			margin: 0 auto;
			max-width: 266px;
		}
		.pxl-item--feature  {
			padding-top: 38px;
			max-width: 240px;
			margin: 0 auto;
			>div {
				display: flex;
				align-items: center;	
				margin-bottom: 22px;			
				i {
					color: $four_color;
					margin-right: 14px;
				}
			}
			.non-active {
				color: rgba(95, 105, 115, 0.50);
				i {					
					opacity: 0;
				}
			}
			.content {		
				font-size: 16px;
				font-weight: 500;
				text-transform: capitalize;		
				line-height: 24px;
			}
			& > div:last-child {
				margin-bottom: 0;				
			}
		}
		.pxl-item--button {
			margin-top: 45px;
			margin-bottom: 4px;
			a {
				display: inline-flex;
				align-items: center;
				column-gap: 4px;
				line-height: 14px;
				padding: 17px 57px;
				color: $secondary_color;
				border: 2px solid $secondary_color;
				text-align: center;
				background-color: transparent;
				font-size: 15px;
				font-weight: 600;
				position: relative;
				overflow: hidden;
				&:hover {
					&:before {
						animation: shine 1.25s;
					}
				}
			}
		}
		.bottom-text {
			p {
				margin: 0 auto;
				text-align: center;
				font-size: 14px;
				font-weight: 500;
				line-height: 22px;
				margin-bottom: 20px;
			}
		}
	}
	&.is-popular {
		position: relative;
		padding-bottom: 6px;
		overflow: hidden;
		.pxl-item--inner {
			position: relative;
			z-index: 2;
			background-color: #EEFCF4;
			box-shadow: none;
			.pxl-item--title-box {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}
			.pxl--price {
				border-color: #C1E9D2;
			}			
			.pxl-item--button {
				a {
					border: none;	
					@include background-gradient-rotate(to right, $gradient_color_from 0%, $gradient_color_to 100%);        					
					color: #fff;
				}
			}
		}
	}
}
// 
.pxl-pricing2 {
	.pxl-item--inner {
		padding: 71px 44px 48px;
		border-radius: 15px;
		box-shadow: 0px 20px 30px 10px rgba(200, 208, 214, 0.25);
		background:  #FFF;		
		text-align: center;
		.pxl-item--title-box {
			display: none;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translatex(-50%);
			line-height: 24px;
			color: #fff;
			text-align: center;
			font-family: Inter;
			font-size: 14px;			
			font-weight: 500;
			width: 100%;
			text-transform: uppercase;
			padding: 14px 0;
			border-radius: 15px 15px 0 0;
			margin-bottom: 10px;
			background-color: $secondary_color;
			svg {
				path {
					fill: $primary_color;
				}
			}
			@media (max-width: 575px) {
				padding: 0 23px;
			}
		}
		.pxl-item--title {
			color: $secondary_color;
			text-align: center;
			font-family: Outfit;
			font-size: 22px;
			line-height: 26px;
			display: block;
			font-weight: 600;									
			margin-bottom: 9px;
		}
		.pxl-item--description {	
			color: #3E4073;		
			text-align: center;
			font-size: 15px;			
			font-weight: 400;
			text-transform: capitalize;
			line-height: 14px;			
			margin: 0 auto;
			margin-bottom: 22px;
		}
		.pxl--price {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;			
			width: 110px;
			height: 110px;
			border-radius: 300px;
			border: 1px solid #F5DFDB;
			background: #FFEAE6;
		}
		.pxl-item--price {
			display: inline-flex;
			justify-content: center;
			color: $primary_color;
			text-align: center;
			margin-bottom: -4px;
			font-size: 42px;
		}
		.description-price {
			margin: 0 auto;
			max-width: 266px;
		}
		.pxl--price-box {
			padding: 23px 0 22px;
			border-top: 1px solid #E6EEFF;
			border-bottom: 1px solid #E6EEFF;
		}
		.pxl-item--feature  {
			padding-top: 25px;
			max-width: 240px;
			margin: 0 auto;
			>div {
				display: flex;
				align-items: center;	
				margin-bottom: 22px;			
				color: #687799;
				i {
					color: #818BFF;
					margin-right: 14px;
				}
			}
			.non-active {
				color: rgba(95, 105, 115, 0.50);
				i {					
					opacity: 0;
				}
			}
			.content {		
				font-size: 16px;
				font-weight: 500;
				text-transform: capitalize;		
				line-height: 24px;
			}
			& > div:last-child {
				margin-bottom: 0;				
			}
		}
		.pxl-item--button {
			margin-top: 33px;
			margin-bottom: 4px;
			a {
				display: inline-flex;
				align-items: center;
				column-gap: 4px;
				line-height: 14px;
				padding: 17px 57px;
				color: $secondary_color;
				border-radius: 200px;				
				text-align: center;
				background-color: #F5F7F8;
				font-size: 15px;
				font-weight: 600;
				position: relative;
				overflow: hidden;
				transition: all 300ms linear;
				&:before {
					color: $primary_color;
				}
				&:hover {
					border: none;	
					box-shadow: none;
					background-color: $secondary_color;
					&:before {
						animation: shine 1.25s;
					}
				}
			}
		}
		.bottom-text {
			p {
				margin: 0 auto;
				text-align: center;
				font-size: 14px;
				font-weight: 500;
				line-height: 22px;
				margin-bottom: 0;
			}
		}
	}
	&.is-popular {
		position: relative;
		padding-bottom: 6px;
		overflow: hidden;
		.pxl-item--inner {
			position: relative;
			z-index: 2;			
			box-shadow: none;
			border: 1px solid rgba(214, 217, 252, 0.30);			
			.pxl-item--title-box {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}
			.pxl--price {
				border-color: #C1E9D2;
			}			
			.pxl-item--button {
				a {
					border: none;	
					box-shadow: none;
					background-color: $secondary_color;
					color: $primary_color;
				}
			}
		}
	}
}
