/*==============================
        CONTENT
==============================*/

.content{

    background:rgba(255,255,255,.02);

}

.subjects{

    display:grid;

    gap:28px;

}

.subject-card{

    padding:32px;

}

.subject-header{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:24px;

}

.subject-icon{

    font-size:2rem;

}

.subject-header h3{

    color:var(--white);

    font-family:var(--title);

    font-size:1.5rem;

}

.subject-list{

    display:grid;

    gap:14px;

}

.subject-list li{

    position:relative;

    padding-left:30px;

    color:var(--text);

}

.subject-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--accent);

    font-weight:bold;

}

.notice{

    margin-top:40px;

    padding:24px;

    border-radius:var(--radius);

    border:1px solid var(--border);

    background:rgba(29,78,216,.08);

    text-align:center;

    color:var(--text);

}

.notice strong{

    color:var(--white);

}