.benefit {
    display: flex;
}

.benefit:not(:last-child) {
    border-bottom: 1px solid var(--border-color-light);
    padding-bottom: 32px;
}

.benefitIndex {
    display: flex;
    flex: 0 0 auto;
    width: 80px;
}

.benefitDetails {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.soloDetails {
    gap: 24px;
}

@media (width <= 768px) {
    .benefit:not(:last-child) {
        padding-bottom: 16px;
    }
}
