.side_overview {

    margin-top: 10px;
    height: 90vh;
    overflow-y: scroll !important;
    scrollbar-width: none;

    .profile_overview {
        h5 {
            color: #262626;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        p {
            color: #A6A6A6;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .pf {
            width: fit-content;
            border-radius: 50%;
            border: 4px solid #D9D9D9;
            // position: relative;
            // padding: 10px;

            // .progress_count {
            //     position: absolute;
            //     top: 0;
            //     right: 0;
            //     background-color: #0071DC;
            //     color: white;
            //     color: #FFF;
            //     font-size: 14px;
            //     font-style: normal;
            //     font-weight: 600;
            //     line-height: normal;
            //     padding: 5px 10px;
            //     border-radius: 20px;

            // }
            img {
                border-radius: 50% !important;
                width: 100px !important;
                height: 100px !important;
            }

            // .progress_track {
            //     position: absolute;
            //     border-radius: 50%;
            //     border: 4px solid #0071DC;
            //     width: 100%;
            //     height: 100%;
            //     z-index: 999;
            //     top: 0;
            //     left: 0;
            // }
        }


        .side_card{
            width: 100%;
            min-height: 80px;
            background-color: rgb(235, 235, 235);
            padding: 20px;
            border-radius: 10px;
        }
    }


}