.icon-box-wrapper {
    display: flex;
    justify-content: space-around;
    /* Hapus gap: 20px; karena akan membuat total lebar melebihi 100% saat item banyak */
    
    /* WAJIB: Mencegah iconbox turun ke baris baru ketika ada 7 item */
    flex-wrap: nowrap; 
}
 
.icon-box {
    text-align: center;
    padding-left: 20px;
    background-color: #f8f9fa;
    border-radius: 10px;
    
    /* PERUBAHAN UTAMA: Kurangi lebar menjadi sekitar 13% */
    /* Ini akan memastikan 7 item (7 * 13% = 91%) muat di dalam kontainer */
    width: 13%; 
    
    /* WAJIB: Agar iconbox tidak menyusut saat ruang sempit */
    flex-shrink: 0; 
    
    cursor: pointer;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
 
.icon-box:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
 
.icon-box i {
    font-size: 3rem;
    color: #007bff;
}
 
.icon-box h3 {
    margin-top: 15px;
    font-size: 1.2rem;
    color: #333;
    /* Tambahan: Pastikan teks panjang tidak terpotong */
    overflow-wrap: break-word; 
    word-wrap: break-word;
}
 
.icon-box p {
    font-size: 0.9rem;
    color: #6c757d;
}