

.platform-box {
    border-right: 1px solid var(--light-line);
    border-bottom: 1px solid var(--light-line);
    justify-content: center;
    padding: 14px;
    text-align: center;
    height: 100%;
}

.platform-box img {
    width: 56px;
}

.platform-box .platform-title {
    color: var(--text-light);
    transition: color .2s ease;   
}

.platform-box:hover .platform-title {
    color: var(--text-dark);
}


/* ---- Mobile (2 per row) — 0 to 575px ---- */
@media (max-width: 575px) {

    /* Remove right border: right column items */
    .col-6:nth-child(2n) .platform-box {
        border-right: none;
    }

    /* Remove right border: last item only if in right column */
    .col-6:last-child:nth-child(2n) .platform-box {
        border-right: none;
    }

    /* Remove bottom border: last row */
    .col-6:nth-last-child(-n+2):nth-child(2n+1) .platform-box,
    .col-6:nth-last-child(-n+2):nth-child(2n+1) ~ .col-6 .platform-box {
        border-bottom: none;
    }
}

/* ---- Tablet (3 per row) — 576px to 991px ---- */
@media (min-width: 576px) and (max-width: 991px) {

    /* Remove right border: every 3rd item */
    .col-sm-4:nth-child(3n) .platform-box {
        border-right: none;
    }

    /* Remove right border: last item only if in 3rd column */
    .col-sm-4:last-child:nth-child(3n) .platform-box {
        border-right: none;
    }

    /* Remove bottom border: last row */
    .col-sm-4:nth-last-child(-n+3):nth-child(3n+1) .platform-box,
    .col-sm-4:nth-last-child(-n+3):nth-child(3n+1) ~ .col-sm-4 .platform-box {
        border-bottom: none;
    }
}

/* ---- Desktop (4 per row) — 992px+ ---- */
@media (min-width: 992px) {
    .platform-box {
        padding: 40px;
    }
    
    /* Remove right border: every 4th item */
    .col-lg-3:nth-child(4n) .platform-box {
        border-right: none;
    }

    /* Remove right border: last item only if in 4th column */
    .col-lg-3:last-child:nth-child(4n) .platform-box {
        border-right: none;
    }

    /* Remove bottom border: last row */
    .col-lg-3:nth-last-child(-n+4):nth-child(4n+1) .platform-box,
    .col-lg-3:nth-last-child(-n+4):nth-child(4n+1) ~ .col-lg-3 .platform-box {
        border-bottom: none;
    }
}