/* subject */
.subjects {
    padding: 67px 0 123.5px;
}

.subjects .subject-navigation {
    background-color: #FEFEFD;
    box-shadow: 0px 1px 6px 2px #00000012;
    border-radius: 15px;
    padding: 66px 56px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 425px;
    position: sticky;
    position: -webkit-sticky;
    top: 152px;
}

.subjects .subject-navigation .nav-item {
    display: flex;
    align-items: center;
    gap: 18px;
}

.subjects .subject-navigation .nav-item .subject-icon {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-width: 47px;
    min-height: 47px;
}

.subjects .subject-navigation .nav-item .subject-name {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #414551;
}

.subjects .subject-navigation .nav-item .subject-name.active {
    font-weight: 700;
}

.subjects .subjecets-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.subjects .subjecets-wrapper .subject-element {
    padding: 67px 0;
}

.subjects .subjecets-wrapper .subject-element-header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.subjects .subjecets-wrapper .subject-element-header .subject-icon {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.subjects .subjecets-wrapper .subject-element-header .subject-name {
    font-family: 'Palanquin Dark', sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 45.28px;
    text-align: left;
    color: #414551;
}
.subjects .subjecets-wrapper .subject-element .content {
    margin-top: 35px;
    color: #414551;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.subjects .subjecets-wrapper .subject-element .content ul {
    list-style-position: inside;
    padding-left: 5px;
    margin-bottom: 21px;
}
.subjects .subjecets-wrapper .subject-element .content p{
    margin-bottom: 16px;
}
.subjects .subjecets-wrapper .subject-element .content a {
    text-decoration: underline;
    color: #414551;
}
@media screen and (max-width:1199.9px){
    .subjects{
        padding: 50px 0;
    }
    .subjects .subject-navigation{
        padding: 30px 20px; 
    }
    .subjects .subjecets-wrapper .subject-element{
        padding: 30px 0;
    }
}
@media screen and (max-width:991.9px){
    .subjects .subject-navigation{
        max-width: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .subjects .subject-navigation .nav-item {
        display: flex;
        align-items: center;
        gap: 18px;
        width: calc(50% - 18px);
    }
}
@media screen and (max-width:767.9px){
    .subjects .subject-navigation .nav-item {
        width: 100%;
    }
    .subjects .subject-navigation{
        flex-direction: column;
    }
}
/* subject end */