/* Features styles */
/* =========================
   FEATURES SECTION
========================= */

.features-section{
    padding:80px 0;
    background:#fff;
}

/* =========================
   FEATURE CARD
========================= */

.card{
    border:none !important;
    border-radius:20px;
    transition:.35s;
    overflow:hidden;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:
    0 20px 40px rgba(0,0,0,.12);
}

/* =========================
   FEATURE ICON
========================= */

.feature-icon{
    font-size:48px;
    margin-bottom:18px;
    color:#22c55e;
    transition:.35s;
}

.card:hover .feature-icon{
    transform:scale(1.15);
}

/* =========================
   FEATURE TITLE
========================= */

.card h5{
    font-size:1.2rem;
    font-weight:600;
    margin-bottom:12px;
    color:#111827;
}

/* =========================
   FEATURE TEXT
========================= */

.card p{
    color:#64748b;
    line-height:1.7;
    margin-bottom:0;
}

/* =========================
   CARD BODY
========================= */

.card-body{
    padding:25px;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

    .feature-icon{
        font-size:42px;
    }
}

@media(max-width:768px){

    .card{
        margin-bottom:20px;
    }

    .feature-icon{
        font-size:38px;
    }

    .card h5{
        font-size:1.1rem;
    }
}

@media(max-width:576px){

    .feature-icon{
        font-size:34px;
    }
}