.InstructorsRequests {

    height: 80vh;
    overflow: scroll;
    scrollbar-width: none;

    .requestCard {
        background-color: #F1F3F8;
        min-height: 100px;
        border-radius: 10px;
        padding: 20px;
        position: relative;

        img{
            width: 52px;
            height: 52px;
            border-radius: 50%;
        }

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

        h2 {
            color: #262626;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        p {
            color: #A6A6A6;
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 26px;
            margin: 0;
        }

        .button_group {

            display: flex;
            gap: 4px;
            flex-wrap: wrap;

            h6 {
                font-size: 10px;
                background-color: white;
                padding: 5px;
                border-radius: 10px;
                width: fit-content;

            }
        }


        .date {
            position: absolute;
            top: 10px;
            right: 10px;

            h5 {
                font-size: 10px;
                background-color: #0071DC;
                padding: 5px 10px;
                border-radius: 10px;
                width: fit-content;
                color: white;
            }
        }

    }


}