/* Feature Section */
.feature-section {
	padding: 80px 0;
}
.feature-section .features {
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 40px;
}
.feature-section .feature {
	flex: 1 1 calc(25% - 8px);
	transition: transform ease .3s;
	display: flex;
	justify-content: center;
	position: relative;
    margin: 0 auto;
    overflow: hidden;
	min-height: 265px;
    background: var(--color-2);
}
.feature-section .feature .image{
	width: 100%;
	position: absolute;
    z-index: 0;
	opacity: .5;
}
.feature-section .feature .image img{
	width: 100%;
    object-fit: cover;
}
.feature-section .feature a,
.feature-section .feature .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 22px;
	transition: all ease .3s;
	padding: 40px 20px;
	z-index: 1;
}
.feature-section.align-stretch .feature a,
.feature-section.align-stretch .feature .content{
	justify-content: space-between;
}
.feature-section.align-top .feature a,
.feature-section.align-top .feature .content{
	justify-content: flex-start;
}
.feature-section .feature .content h3{
	font-size: 26px;
	margin-bottom: 20px;
}
.feature-section .feature .content .btn{
	font-size: 16px;
	padding: 10px 20px;
}
.feature-section .feature .content p{
	font-size: 18px;
}
.feature-section .feature a:hover .content {
	color: var(--color-3);
}
.feature-section .bottom-content{
	margin-top: 40px;
}
@media screen and (max-width: 991px) {
	.feature-section .features{
		flex-direction: column;
	}
	.feature-section .feature{
		margin: 0;
	}
}