.saved_courses {


    .no_courses {

        width: 100%;
        min-height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        h2 {

            color: #262626;
            text-align: center;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;

        }

        button {
            padding: 10px 20px;
            border-radius: 30px;
            background: #0071DC;
            border: none;
            outline: none;
            color: #FFF;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

    }

    background-color: white;
    padding: 20px;
    border-radius: 10px;
    height: 80vh;
    overflow: scroll;
    scrollbar-width: none;

    .search_bar {

        display: flex;
        justify-content: end;

        input {
            width: 40%;
            padding: 10px 20px;
            outline: none;
            border-radius: 30px;
            border: 1px solid #D9D9D9;
            background: #FFF;
            color: #A6A6A6;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

    }


    .savedCourseCard {
        min-height: 100px;
        border-radius: 5px;
        cursor: pointer;

        img {
            width: 100%;
        }

        .course_card_body {
            margin-top: 10px;

            button {
                font-size: 12px;
                padding: 2px 15px;
                border: none;
                background-color: #DCF4F6;
                outline: none;
                color: #44D9E1;
                border-radius: 3px;
            }

            h3 {
                color: #262626;
                font-size: 12px;
                font-weight: 600;
                margin-top: 10px;
                line-height: 20px;
            }

            h4 {
                color: #0071DC;
                font-size: 14px;
                font-weight: 500;
                line-height: 22px;
                margin-top: -5px;
            }

            p {
                color: rgb(115, 115, 0);
                font-size: 12px;
                line-height: 10px;
            }

        }
    }

}



// responsive



@media (max-width:992px) {
    

    .saved_courses{

        height: auto !important;
        overflow: visible !important;
        padding-bottom: 100px !important;

    }
}
