.value-promise {
    padding: var(--space-80) 0;
    background:
        linear-gradient(rgba(10, 15, 10, 0.72), rgba(10, 15, 10, 0.72)),
        url('../images/value-bg.jpg') center/cover no-repeat;
    color: var(--color-white);
}

.value-promise__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-24);
    margin-top: var(--space-40);
}

.benefit-card {
    text-align: center;
    padding: var(--space-24);
}

.benefit-card__icon img {
    width: 42px;
    height: 42px;
    margin-inline: auto;
}

.benefit-card h3 {
    margin: var(--space-16) 0 var(--space-12);
}

.value-promise__banner {
    margin-top: var(--space-40);
    padding: var(--space-24);
    background: rgba(96, 140, 33, 0.92);
    border-radius: var(--radius-md);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-24);
}