/* ==========================
   SERVEIS
========================== */

.services-header{

    text-align:center;

    max-width:750px;

    margin:0 auto 5rem;

}

.services-grid{

    display:grid;

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

    gap:2rem;

}

.service-card{

    background:white;

    padding:2.5rem;

    border-radius:20px;

    border:1px solid var(--color-border);

    transition:var(--transition);

}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.service-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(0,0,0,.04);

    font-size:2rem;

    margin-bottom:2rem;

    width:100%;

    height:100%;

    object-fit:contain;

}

.service-card h3{

    margin-bottom:1rem;

    font-size:1.4rem;

}

.service-card p{

    color:var(--color-secondary);

    line-height:1.8;

}