.highlights-flex {
    display:flex;
    width: 822px;
    max-width:100%;
    margin: 0 auto;
    row-gap:25px;
    column-gap:0;
    flex-wrap: wrap;

}

.highlight-item {
    display:flex;
    flex-direction:column;
    gap:16px;
    width: 33.33%;
    padding: 20px;
    text-align:center;
}

.highlight-item:nth-child(3n+1 of :not(.hrow-sep):not(.hrow-sep-mobile)), .highlight-item:nth-child(3n+2 of :not(.hrow-sep):not(.hrow-sep-mobile)) {
    border-right: 1px solid var(--mn8-orange);
}

.highlight-item:nth-child(3n+3) {
    display:flex;
    flex-direction:column;
    gap:16px;
    padding: 20px;
}

.hrow-sep {
    width: 100%;
    height: 1px;
    background-color: var(--mn8-orange);
}

.hrow-sep-mobile {
    display: none;
    width: 100%;
    height: 1px;
    background-color: var(--mn8-orange);
}

.highlight-flex {
    display:flex;
    gap:0;
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    text-align:center;
    color:var(--black);
    justify-content:center;
    align-items:center;
}
.highlight-text {
    font-weight: 500;
    color: var(--dark-gray-2);
}

@media screen and (max-width: 768px) {

    .highlight-item {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 50%;
        padding: 20px;
        text-align: center;
    }
    /* Remove all borders first */
    .highlight-item {
        border-right: none !important;
    }
    
    /* Add border only to odd-numbered highlight items (1st, 3rd, 5th, etc.) */
    .highlight-item:nth-child(odd of :not(.hrow-sep):not(.hrow-sep-mobile)) {
        border-right: 1px solid var(--mn8-orange) !important;
    }
    
    .hrow-sep {
        display: none;
    }
    .hrow-sep-mobile { display: block; }
   
}