/* ============================
        SUBJECTS
============================ */

.subjects{

    padding:100px 8%;

}

/* Title */

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-title h2{

    font-size:42px;

    color:#FFD54F;

    margin-bottom:15px;

}

.section-title p{

    color:#cccccc;

    font-size:18px;

}

/* Grid */

.subject-container{

    display:grid;

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

    gap:35px;

}

/* Card */

.subject-card{

    background:#263238;

    padding:40px;

    border-radius:20px;

    text-align:center;

    transition:.4s;

    border:1px solid rgba(255,255,255,.08);

}

/* Hover */

.subject-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.4);

}

/* Image */

.subject-card img{

    width:90px;

    margin-bottom:25px;

}

/* Heading */

.subject-card h3{

    font-size:28px;

    margin-bottom:15px;

}

/* Text */

.subject-card p{

    color:#cccccc;

    line-height:1.8;

    margin-bottom:25px;

}

/* Link */

.subject-card a{

    color:#FFD54F;

    font-weight:600;

    transition:.3s;

}

.subject-card a:hover{

    letter-spacing:1px;

}