/* =======================================
   VALUES
======================================= */

.values-grid{

    display:grid;

    gap:24px;

}

@media(min-width:768px){

.values-grid{

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

}

}

@media(min-width:1200px){

.values-grid{

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

}

}

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

.value-card{

    background:#fff;

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

    padding:40px 32px;

    text-align:center;

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

    transition:.3s ease;

}

.value-card:hover{

    transform:translateY(-6px);

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

}

.value-card__icon{

    font-size:2.5rem;

    margin-bottom:24px;

}

.value-card__title{

    margin-bottom:16px;

    font-size:1.4rem;

}

.value-card__description{

    color:#666;

    line-height:1.7;

}