.our-values .headline {
    grid-area: 1/2/1/span 12;
}

.our-values .values-container {
    grid-area: 2/4/2/span 8;
    column-gap: var(--grid-gap);
    row-gap: var(--m-md);
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
}

.our-values .values-container .value-item {
	flex: 0 0 calc(25% - var(--grid-gap) / 4 * 3);
}

.our-values .values-container .value-item .value-icon,
.our-values .values-container .value-item .value-icon img {
    height: var(--m-md);
    width: auto;
    aspect-ratio: 13/10;
}

@media (max-width: 1499.98px) {
    .our-values .values-container {
        grid-area: 2/3/2/span 10;
    }
}

@media (max-width: 1199.98px) {
    .our-values .values-container {
        grid-area: 2/2/2/span 12;
    }
}

@media (max-width: 991.98px) {
    .our-values .values-container .value-item {
        flex: 0 0 calc(33.33% - var(--grid-gap) / 3 * 2);
    }
}

@media (max-width: 767.98px) {
    .our-values .values-container .value-item {
        flex: 0 0 calc(50% - var(--grid-gap) / 2);
    }
}

@media (max-width: 575.98px) {
    .our-values .values-container .value-item {
        flex: 0 0 100%
    }
}