.our-offers-list {
    @include list-reset;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;

    @include breakpoint(lg) {
        gap: 32px;
    }

    &__item {
        flex: 1 1 100%;
        max-width: 468px;

        @include breakpoint(md) {
            flex-basis: calc((100% - 24px) / 2);
        }

        @include breakpoint(lg) {
            flex-basis: calc((100% - 64px) / 3);
        }
    }
}