/* Add custom CSS styles below */ 
1. تكبير وتعبئة الدوائر باللون الأحمر في ثيم نمو */
.feature-item .icon-container,
.feature-item-icon,
.features-item-icon,
.s-feature-item-icon {
    background-color: #b61a2e !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 15px auto !important;
}

/* 2. جعل الأيقونات بداخل الدائرة بيضاء وتكبير حجمها */
.feature-item .icon-container *,
.feature-item-icon i,
.feature-item-icon svg,
.features-item-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    font-size: 35px !important;
    width: 35px !important;
    height: 35px !important;
}

/* 3. العنوان الرئيسي باللون الأحمر وخط ألكسندريا بحجم أكبر */
.feature-item .title,
.feature-item-title,
.features-item-title {
    font-family: 'Alexandria', sans-serif !important;
    color: #b61a2e !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* 4. النص الفرعي بخط ألكسندريا وحجم أصغر */
.feature-item .description,
.feature-item-subtitle,
.features-item-description {
    font-family: 'Alexandria', sans-serif !important;
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}