/**
 * ==========================================
 * Homepage About / Who We Help
 * ==========================================
 */

.about{

    padding:56px 0;

    background:
        linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);

}

.about .section-header{

    max-width:760px;

    margin:0 auto 36px;

    text-align:center;

}

.about-features{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:20px;

    margin-bottom:26px;

}

.about-features .card{

    display:flex;

    flex-direction:column;

    height:100%;

    padding:28px;

    background:linear-gradient(180deg, #ffffff 0%, #fafdff 100%);

    border:1px solid #DCEAF5;

    border-radius:22px;

    box-shadow:0 10px 22px rgba(15,23,42,.05);

    transition:.35s ease;

}

.about-features .card:hover{

    transform:translateY(-4px);

    border-color:var(--color-primary);

    box-shadow:0 20px 34px rgba(37,99,235,.14);

}

.feature-icon{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:14px;

    border-radius:16px;

    background:linear-gradient(135deg, rgba(37,99,235,.12), rgba(20,184,166,.12));

    font-size:28px;

}

.about-features h3{

    margin-bottom:12px;

    color:var(--color-heading);

    font-size:1.34rem;

}

.about-features p{

    flex:1;

    line-height:1.65;

    margin:0;

    color:var(--color-muted);

}

.about-intro{

    max-width:900px;

    margin:0 auto;

    text-align:center;

    padding:30px 0 0;

}

.about-intro h3{

    margin-bottom:14px;

    font-size:2rem;

}

.about-intro p{

    max-width:760px;

    margin:0 auto 24px;

    line-height:1.86;

}

.about-intro .btn{

    min-width:240px;

}

@media(max-width:991px){

    .about-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:767px){

    .about{

        padding:70px 0;

    }

    .about-features{

        grid-template-columns:1fr;

        gap:24px;

    }

    .about-features .card{

        padding:28px;

    }

}