.bato-benefits__inner {
    padding-block: 1.7rem;
    border: 0.1rem solid var(--color-gray-middle);
    border-left: 0;
    border-right: 0;
}

.bato-benefits__content {
    overflow: hidden;
}

.bato-benefits__list {
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 103rem;
    margin-inline: acos();
    gap: 2.2rem;
}

.bato-benefits-item {
    --fs: 11px;
    --ls: 0.1;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    font-size: var(--fs);
    letter-spacing: calc(var(--fs) * var(--ls));
    text-transform: uppercase;
    color: var(--color-gray);
}

.bato-benefits-item__image {
    flex: 0 0 auto;
    display: flex;
    align-content: center;
    justify-content: center;
    width: 2.6rem;
    aspect-ratio: 1;
}

.bato-benefits-item__image img {
    display: block;
    max-width: 100%;
}

@media screen and (max-width: 1024.9px) {
    .bato-benefits__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }
}

@media screen and (max-width: 575.9px) {
    .bato-benefits__inner {
        padding-block: 3rem;
    }

    .bato-benefits__list {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .bato-benefits-item {
        justify-content: flex-start;
        gap: 2rem;
    }
}