.serve__grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

}

.serve-card{

    background:var(--clr-white);

    border-radius:var(--radius-card);

    overflow:hidden;

    box-shadow:var(--shadow-md);

}

.serve-card img{

    width:100%;

    height:230px;

    object-fit:cover;

}

.serve-card__content{

    padding:24px;

}

.serve-card h4{

    margin-bottom:16px;

}

.serve-card p{

    font-size:16px;

    line-height:1.6;

}

.serve-card--cta{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    background:var(--clr-primary);

    color:var(--clr-white);

    padding:48px 32px;

}

.serve-card--cta svg{

    width:54px;

    height:54px;

    color:var(--clr-accent);

    margin-bottom:24px;

}

.serve-card--cta h4{

    color:var(--clr-white);

    margin-bottom:16px;

}

.serve-card--cta p{

    color:rgba(255,255,255,.82);

    margin-bottom:32px;

}

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

}

.btn svg{

    width:18px;

    height:18px;

    stroke-width:2.2;
    margin-bottom: 0;

    transition:transform .3s ease;

}

.btn:hover svg{
    transform:translateX(4px);
}