.elx-why-choose-section {
	padding-bottom: 70px;
}
.elx-why-choose-side-img {
	z-index: 1;
	bottom: -140px;
}
.elx-why-choose-progess-area {
	padding-top: 90px;
}
.elx-why-choose-progress {
	display: flex;
	margin-top: 55px;
	justify-content: end;
	.skill-progress-bar {
		width: 100%;
		max-width: 475px;
		margin-right: 40px;
		.skill-set-percent {
			margin-bottom: 28px;
			h4 {
				font-size: 16px;
				font-weight: 600;
				padding-bottom: 15px;
				color: var(--base-color-2);
			}
			.progress {
				height: 10px;
				border-radius: 0;
				position: relative;
				overflow: visible;
				padding: 0px 3px;
				border: 1px solid var(--base-color);
				background-color: transparent;
				span {
					right: 0;
					top: -30px;
					color: #0b1c2b;
					font-weight: 700;
					position: absolute;
				}
			}
			.progress-bar {
				width: 0;
				top: 2px;
				float: left;
				height: 4px;
				position: relative;
				transition:  1s all ease-in-out;
				background: var(--base-color);
			}
		}
	}
}
.elx-why-choose-feature-item {
	z-index: 1;
	padding: 30px 30px 35px;
	margin-bottom: 30px;
	background-color: var(--base-color-2);
	&:before {
		top: 0;
		right: 0;
		left: auto;
		z-index: -1;
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
		background-color: var(--base-color);
		transition: .3s cubic-bezier(.24,.74,.58,1);
		transform: perspective(300px)rotateX(-90deg);
		transform-origin: 50% 0%;
	}
	.wc-ft-icon-serial {
		margin-bottom: 10px;
		.wc-ft-icon {
			i {
				color: #fff;
				font-size: 50px;
			}
		}
		.wc-ft-serial {
			font-size: 50px;
			font-weight: 700;
			color: rgba(255, 255, 255, 0.1);
		}
	}
	.wc-ft-text-wrap {
		h3 {
			color: #fff;
			font-size: 22px;
			font-weight: 600;
			padding-bottom: 20px;
		}
		p {
			color: #fff;
		}
	}
	&:hover {
		&:before {
			margin-top: 0;
			transform: perspective(300px)rotateX(0);
		}
	}
}