.subjects-section{

    background:white;
}

.subjects-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;
}

.subject-card{

    background:white;

    border:1px solid #E5E7EB;

    border-radius:16px;

    padding:30px;

    text-align:center;

    transition:0.3s ease;

    cursor:pointer;
}


.subject-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.subject-card:hover .subject-icon{

    transform:scale(1.1);
}
.subject-icon{

    transition:0.3s ease;
}

.subject-card i{

    font-size:3rem;

    color:var(--primary-blue);

    margin-bottom:15px;

    display:block;
}

.subject-card h4{

    margin:0;
}
.subjects-btn-wrapper{
    text-align:center;
    margin-top:40px;
}

.btn-subjects{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:var(--primary);
    color:white;

    padding:14px 30px;

    border-radius:10px;

    text-decoration:none;
    font-weight:600;

    transition:0.3s ease;
}

.btn-subjects{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    background:var(--primary);
    color:#ffffff !important;

    padding:16px 36px;

    border-radius:10px;

    text-decoration:none !important;

    font-weight:600;

    transition:0.3s ease;
}

.btn-subjects i{
    color:#ffffff;
}

.btn-subjects:hover{
    background:#173f92;
    color:#0f50d1;

    transform:translateY(-3px);
}