.feature_area{margin-top:-200px;padding:60px 0 40px;position:relative;z-index:110;}

.feature_area ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.feature_area ul li{width:33.3333333%;padding:0 15px;}

.feature_area ul li .box{padding:60px 25px 40px;background-color:#fff;border-radius:5px;box-shadow:0px 0px 65px 0px rgba(0,0,0,0.04);height:100%;text-align:center;}
.feature_area ul li .box h3 {line-height:1;font-size:20px;margin:30px 0 0;font-weight:400;font-family:var(--title-font-family);}
.feature_area ul li .box h3 span {color:var(--color-primary);}
.feature_area ul li .box p span {color:var(--color-primary);font-weight:bold;}
.feature_area ul li .box p{margin:20px 0 0;font-family:var(--font-family);line-height:28px;font-size:16px;}

.op_feature {margin-top:0;padding:85px 0 60px;}
.single_feature {margin-bottom:20px;}


@media screen and (max-width:1441px) {
.feature_area ul li .box{padding:50px 25px 30px;}
.feature_area ul li img{height:68px;}
.feature_area ul li .box h3{font-size:19px;margin:25px 0 0;}
.feature_area ul li .box p{line-height:26px;font-size:15px;}
}

@media screen and (max-width:1280px) {
.feature_area{margin-top:-150px;}
.feature_area ul li img{height:60px;}
.feature_area ul li .box p{line-height:24px;}
}

@media screen and (max-width:991px) {
.feature_area {margin-top:0px;padding:50px 0 40px}
}

@media screen and (max-width:768px) {
.feature_area{padding:30px 0;}
.feature_area ul{margin:0;}
.feature_area ul li{width:100%;padding:10px 0;}
.feature_area ul li .box{padding:30px 25px;}
.feature_area ul li .box h3{font-size:18px;margin:20px 0 0;}
.feature_area ul li .box p{margin:15px 0 0;}

}

@media screen and (max-width:480px) {
.feature_area ul li .box{padding:25px 15px;}
.feature_area ul li img{height:50px;}
.feature_area ul li .box p{margin:12px 0 0;line-height:22px;}

}