/* core-features.css — হোমপেজের "স্কুল ম্যানেজমেন্ট এর মূল ফিচার ও সুবিধা সমূহ" গ্রিড
   সেকশন। services-section.css/why-choose-us.css এর কনভেনশনে: wrapper-স্কোপড CSS
   ভ্যারিয়েবল (হেক্সকোড সরাসরি প্রোপার্টিতে না, var() দিয়ে), 'Anek Bangla' ফন্ট,
   ১৩০০px কন্টেইনার, translateY+box-shadow হভার (services-section.css এর
   .service-card:hover এর একই প্যাটার্ন)। */

.core-features-wrapper {
    --cf-title-color: #1E1E2D;
    --cf-card-bg: #FFFFFF;
    --cf-card-border: #E7E4F5;
    --cf-icon-gradient-start: #4FA3F7;
    --cf-icon-gradient-end: #1A3FA0;
    --cf-icon-text: #FFFFFF;
    --cf-feature-title-color: #157A6E;
    --cf-text-muted: #6B7280;
    --cf-bg-page: #F8F9FB;

    background-color: var(--cf-bg-page);
    color: var(--cf-title-color);
    padding: 60px 0;
    font-family: 'Anek Bangla', sans-serif;
}

.core-features-wrapper * {
    box-sizing: border-box;
}

.core-features-wrapper .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

/* সেকশন টাইটেল — বড়, বোল্ড, কালো, মাঝ বরাবর */
.core-features-wrapper .section-header {
    text-align: center;
    margin-bottom: 40px;
}

.core-features-wrapper .section-title {
    color: var(--cf-title-color);
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

/* গ্রিড — ডেস্কটপে ২ কলাম */
.core-features-wrapper .core-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

/* কার্ড */
.core-features-wrapper .core-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: var(--cf-card-bg);
    border: 1.5px solid var(--cf-card-border);
    border-radius: 14px;
    padding: 24px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.core-features-wrapper .core-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(95, 37, 217, 0.1);
    border-color: var(--cf-icon-gradient-end);
}

/* বাম দিকে গোলাকার আইকন ব্যাজ — নীল গ্রেডিয়েন্ট */
.core-features-wrapper .core-feature-icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cf-icon-gradient-start) 0%, var(--cf-icon-gradient-end) 100%);
    color: var(--cf-icon-text);
    font-size: 26px;
}

.core-features-wrapper .core-feature-body {
    flex-grow: 1;
    min-width: 0;
}

.core-features-wrapper .core-feature-title {
    color: var(--cf-feature-title-color);
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.4;
}

.core-features-wrapper .core-feature-desc {
    color: var(--cf-text-muted);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

/* রেসপন্সিভ ব্রেকপয়েন্ট */
@media (max-width: 992px) {
    .core-features-wrapper .core-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .core-features-wrapper .section-title {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .core-features-wrapper {
        padding: 45px 0;
    }

    .core-features-wrapper .core-features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .core-features-wrapper .section-title {
        font-size: 24px;
    }

    .core-features-wrapper .core-feature-card {
        padding: 18px;
        gap: 14px;
    }

    .core-features-wrapper .core-feature-icon {
        width: 52px;
        height: 52px;
        font-size: 21px;
    }

    .core-features-wrapper .core-feature-title {
        font-size: 17px;
    }

    .core-features-wrapper .core-feature-desc {
        font-size: 13.5px;
        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .core-features-wrapper .core-feature-card {
        flex-direction: column;
        align-items: flex-start;
    }
}