.titleWrap{
    text-align: center;
    max-width:855px;
    margin:0 auto 50px;
}
.titleWrap h2{
    margin-bottom: 23px;
}

.appFeatureWrap .appFeatureRows{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:73px;
}
.appFeatureCols{
    border-radius: 30px;
    border: 1px solid #ACACAC;
    background: #EFEFEF; 
    position: relative;
    overflow: hidden;
}
.appFeatureCols::after{
    content:'';
    position:absolute;
    width:534px;
    height:534px;
    background:rgba(140, 81, 255, 0.3) ;
    filter: blur(175px); 
    border-radius:50%;
    bottom:-149px;
    left:-52px;
}
.appFeatureBox{
    position: relative;
    z-index:1;
    text-align: center;
    padding:43px 32px 415px;
    transition:0.3s all ease-in-out;
}
.appFeatureBox:hover{
    background-color:#8c51ff;
}
.appFeatureBox h3{
    font-size:24px;
    line-height:1.2;
    color:#000000;
    font-weight:800;
    margin: 0 0 12px;
}
.appFeatureBox:hover h3{
    color:#ffffff;
}
.appFeatureBox p{
    max-width:315px;
    margin:0 auto;
}
.appFeatureBox img{
    display: block;
    margin:30px auto 0;
    position:absolute;
    top:calc(17% + 30px);
    left:0;
    right:0;
}
.appFeatureBox:hover h3,.appFeatureBox:hover p{
    color:#ffffff;
}
.appFeaturesection{
    position: relative;
    padding-top: 275px;
    overflow: hidden;
}
.appFeaturesection::before{
    content:'';
    position:absolute;
    width: 622px;
    height: 622px; 
    opacity: 0.14;
    background:#8C51FF;
    filter: blur(100px); 
    border-radius:50%;
    top:150px;
    right:-71px;
}



@media only screen and (max-width:1500px) {
    .appFeaturesection{padding-top: 150px;}
}
@media only screen and (max-width: 1400px) {
    .titleWrap h2{ margin-bottom:18px; }
    .appFeatureWrap .appFeatureRows{gap:20px;}
    .titleWrap{margin-bottom: 30px;}
    .appFeatureBox{padding:36px 30px 380px;}
    .appFeatureBox h3{font-size:22px;}
    .appFeatureBox img{width:270px;}
}
@media only screen and (max-width: 1199px) {
    .appFeaturesection{padding-top: 120px;}
}
@media only screen and (max-width: 991px) {
    .titleWrap h2{ margin-bottom:12px; }
    .appFeatureWrap .appFeatureRows{grid-template-columns: repeat(1,1fr);max-width: 440px;margin: 0 auto;}
    .appFeatureBox p{max-width:100%;}
    .appFeatureBox img{width:220px;top:25%;}
    .appFeatureBox{padding:36px 30px 290px;}
    .appFeatureCols::after{width:400px;height:400px;left: 0; right: 0; margin: 0 auto;}
}
@media only screen and (max-width: 767px) {
    .appFeaturesection{overflow: hidden;}
    .appFeaturesection{padding-top: 80px;}
}
@media only screen and (max-width: 575px) {
    .appFeatureCols{border-radius:20px;}
    .appFeatureBox{padding:20px 24px 290px;}
}
@media only screen and (max-width: 420px) {
    
}