.doctor-item{
    margin: 10px 10%;
    box-shadow: 2px 2px 2px lightgrey, -2px -2px 2px lightgrey;
}

.doctor-item:hover{
    box-shadow: 3px 3px 3px lightgrey, -3px -3px 3px lightgrey;
    transform: scale(1.005);
}

.doctor-image{
    border-radius: 100%;
    padding: 10px;
}

.doctor-name{
    color: #2e1572;
    font-weight: bold;;
    text-align: center;
    padding: 10px 0px;
    font-size: 17px;
}

.doctor-designation{
    font-size: 16px;
    font-style: italic;
    text-align: -webkit-center;
    padding-bottom: 10px;
}

.doctor_see_schedule_btn_div{
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.doctor_see_schedule_btn{
    color: #fff;
    padding: 10px;
    font-size: 17px;
    max-width: max-content;
    background: #526984;
    font-weight: bold;
    cursor: pointer;
}