.profile-title {
  margin-left: 17%;
}
.purple-bg,
.bg-danger {
  background-color: #c04334 !important;
  color: #ffffff;
}

.green-bg,
.bg-danger {
  background-color: #34a4c0 !important;
  color: #ffffff;
}

.ash-bg,
.bg-danger {
  background-color: #9e6e61 !important;
  color: #ffffff;
}

a:hover {
  text-decoration: none !important;
}
@media screen and (min-device-width: 200px) and (max-device-width: 1100px) {
  .table_responsive {
    overflow-x: scroll;
    overflow-y: scroll;
  }
}

/* Add this to your CSS or in a separate stylesheet */
.list-group-scrollable {
  max-height: 400px;
  overflow-y: auto;
}

.image-row-scrollable {
  max-height: 400px;
  overflow-y: auto;
}