.features{
    padding:108px 0 115px;
    background:#070808;
    border-top:1px solid rgba(255,255,255,.055);
}

.feature-heading{
    margin-bottom:64px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.feature-card{
    min-height:200px;
    padding:28px 28px 27px;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.12);
    background:#0d0e0e;
    text-align:left;
    box-shadow:none;
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
}

.feature-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.2);
    background:#101111;
}

.feature-icon{
    margin:0 0 18px;
}

.feature-icon--pink{color:#ff667c;background:rgba(255,77,109,.1);border:1px solid rgba(255,77,109,.28);}
.feature-icon--yellow{color:#ffc400;background:rgba(255,187,0,.09);border:1px solid rgba(255,187,0,.25);}
.feature-icon--purple{color:#a487ff;background:rgba(125,87,255,.11);border:1px solid rgba(125,87,255,.27);}
.feature-icon--green{color:#61dfaa;background:rgba(69,209,147,.09);border:1px solid rgba(69,209,147,.24);}
.feature-icon--blue{color:#79a8ff;background:rgba(64,121,255,.1);border:1px solid rgba(64,121,255,.25);}
.feature-icon--rose{color:#ff6aa8;background:rgba(255,77,145,.1);border:1px solid rgba(255,77,145,.27);}

.feature-card h3{
    margin:0 0 13px;
    color:#fff;
    font-size:18px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:-.3px;
}

.feature-card p{
    margin:0;
    color:#a8acc0;
    font-size:13.5px;
    line-height:1.7;
}

@media (max-width:991px){
    .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:640px){
    .features{padding:76px 0 82px;}
    .feature-grid{grid-template-columns:1fr;gap:18px;}
    .feature-card{min-height:auto;padding:25px 23px;}
}