.bootcamp-infinite-scroll-container {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center; /* برای تراز عمودی در وسط */
}

/* * این نوار متحرک است که تمام آیتم‌ها را در خود دارد.
 * display: flex مهم‌ترین قانون برای چیدن آیتم‌ها در یک خط افقی است.
*/
.bootcamp-infinite-scroll-wrap {
    display: flex !important; /* <<<<<< این مهم‌ترین بخش است */
    flex-direction: row; /* اطمینان از جهت افقی */
    flex-wrap: nowrap; /* جلوگیری از شکستن خط و رفتن آیتم‌ها به خط بعد */
    align-items: center; 
}

/* استایل هر آیتم در نوار */
.header-icon-box {
    display: flex;
    align-items: center;
    white-space: nowrap; /* جلوگیری از شکستن متن داخل هر آیتم */
    padding: 0 15px; /* ایجاد فاصله داخلی */
    font-size: 16px; /* یک اندازه پیش‌فرض برای خوانایی */
    font-weight: 600;
}

/* استایل دایره یا مربع دور آیکون */
.header-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px; /* فاصله آیکون از متن */
}