.blur-bg {
  position: relative;
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../../static/img/image6.jpg');
  height: 100vh;
}

.blur-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*backdrop-filter: blur(6px);*/
  /* adjust blur as needed */
  z-index: -1;
}

.navbar {
  margin-left: auto;
  /* Push the logo to the right */
}

.navbar-brand {
  position: relative;
  /* Allow adjustments within the navbar */
  margin: 0 auto;
  /* Center the logo initially */
}

.navbar-brand.move-right {
  margin-right: 0px;
  /* This will push the logo to the far right */
}

.container-fluid {
  display: flex;
  /* Enable flexbox */
  justify-content: space-between;
  /* Space between logo and any other elements */
}

.highlight {
    border: 1px solid red;
  }


#card-errors {
  color: #fa755a;
  font-size: small;;
}

.selectable-option {
  cursor: pointer;
  transition: all 0.3s ease;
}

.selectable-option:hover {
  background-color: gray !important;
}

.option-box.selectable-option.active {
  border: 2px solid black !important;
  background-color: #1c1c3a !important;
  color: white !important;
}

.option-box.selectable-option.active h5,
.option-box.selectable-option.active p {
  color: white;
}