.single_notification_div{
  padding: 15px;
  border: 1px solid #AD6AB4;
  width: 100%;
  /* background: red; */
  margin:10px;
  border-radius: 10px;
  cursor: pointer;
  background: -webkit-linear-gradient(90deg, #4768DC 0.67%, #AD6AB4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.single_notification_div:hover{
  background: linear-gradient(90deg, #4768DC 0.67%, #AD6AB4 100%);
  -webkit-text-fill-color: #FFFFFF;
}

h3{
  background: -webkit-linear-gradient(90deg, #4768DC 0.67%, #AD6AB4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
hr{
  border: 0.5px solid transparent;
  border-radius: 5px;
  /* background: linear-gradient(90deg, #4768DC 0.67%, #AD6AB4 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box; */
  background:
    linear-gradient(to right, #4768DC, #4768DC),
    linear-gradient(to right, #AD6AB4 , #AD6AB4);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}