.creator-lms-page {
    .creator-lms-student-profile {
        .student-notifications {
            .creator-lms-notification-box {
                border-radius: 8px;
                background-color: #FFF;
                box-shadow: 0px 1px 4px 0px #D3D6DD;
                padding: 24px 30px;
            }

            .creator-lms-notification-settings-group {
                border-bottom: 1px solid #EBEBEF;
                padding: 35px 0;

                &:first-child {
                    padding-top: 0;
                }
                &:last-child {
                    padding-bottom: 0;
                    border-bottom: none;
                }
            }

            .settings-group-title {
                color: #8C929B;
                font-size: 12px;
                font-weight: 400;
                line-height: 14px;
                letter-spacing: 1.2px;
                text-transform: uppercase;
                margin-bottom: 24px;
            }

            .notification-settings-left {
                width: calc(100% - 130px);
            }

            .single-notification-settings {
                display: flex;
                flex-flow: row wrap;
                align-items: center;
                justify-content: space-between;
                gap: 14px;
                margin-bottom: 24px;

                &:last-child {
                    margin-bottom: 0;
                }

                .settings-title {
                    color: var(--creator-lms-heading-color);
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 1.3;
                    letter-spacing: 0;
                    margin: 0;
                    text-transform: none;
                }

                .settings-desc {
                    color: #696971;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.4;
                    margin: 7px 0 0;
                }
            }
        }
    }
}


@media screen and (max-width: 1199px) {
    .creator-lms-page .creator-lms-student-profile .student-notifications .creator-lms-notification-box {
        border-radius: 10px;
        padding: 20px 20px;
    }
}

@media screen and (max-width: 991px) {
    .creator-lms-page .creator-lms-student-profile .student-notifications .creator-lms-notification-box {
        border-radius: 10px;
        padding: 20px 16px;
    }

    .creator-lms-page .creator-lms-student-profile .student-notifications .creator-lms-notification-settings-group {
        padding: 20px 0;
    }

    .creator-lms-page .creator-lms-student-profile .student-notifications .single-notification-settings {
        margin-bottom: 18px;
    }

    .creator-lms-page .creator-lms-student-profile .student-notifications .notification-settings-left {
        width: calc(100% - 80px);
    }

    .creator-lms-page .creator-lms-student-profile .student-notifications .settings-group-title {
        margin-bottom: 18px;
    }

    .creator-lms-page .creator-lms-student-profile .student-notifications .single-notification-settings .settings-title {
        font-size: 15px;
    }

    .creator-lms-page .creator-lms-student-profile .student-notifications .single-notification-settings .settings-desc {
        font-size: 13px;
        margin: 6px 0 0;
    }

}

@media screen and (max-width: 767px) {
    .creator-lms-page .creator-lms-student-profile .student-notifications .settings-group-title {
        font-size: 11px;
    }

}