.card-header.clickable {
      cursor: pointer;
      user-select: none;
    }
    .card-header.clickable:hover {
      background-color: rgb(206, 225, 241)!important;
      opacity: 0.9;
    }

body {
    background-color: #f8f9fa;
    height: 100vh;
}

.main-bg::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/abg_web_bg.svg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  opacity: 0.15;
  z-index: -1;
}

.bg-primary {
    background-color: rgb(235, 243, 250)!important;
}

h5 {
    color: rgb(19, 61, 141) !important;
    font-weight: 400;
}

.text-primary {
    color: rgb(19, 61, 141) !important;
}

.card {
    --bs-card-border-color: rgba(0, 0, 0, 0);
    opacity: 0.9;
}