.option-box {
    border: 1px solid #861514;
    padding: 10px;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
    border-radius: 5px;
    margin:5px;
    background-color: #86151424!important;
}

/* hide radio */
.option-box input[type="radio"] {
    display: none;
}

/* default style */
.option-box {
    background: #fff;
}

/* hover effect */
.option-box:hover {
    background: #f5f5f5;
}

/* active (checked) */
.option-box input[type="radio"]:checked + span,
.option-box input[type="radio"]:checked {
    /* fallback */
}

.option-box input[type="radio"]:checked {
    /* nothing here, we style parent instead */
}

/* trick: use :has() (modern browsers) */
.option-box:has(input[type="radio"]:checked) {
    background: #861514!important;
    color: #fff;
    border-color: #861514!important;
}

.option-box input[type="radio"]:checked + span {
    background: #007bff;
    color: #fff;
    display: block;
    padding: 15px;
}

.option-box span {
    display: block;
    padding: 15px;
}

fieldset {
  margin-bottom: 1rem;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 10px;
}

legend {
  font-weight: bold;
  border-style: none;
  border-width: 0;
  font-size: 0.9rem;
  line-height: 20px;
  margin-bottom: 0;
  width: auto;
  padding: 3px 10px;
  border-radius: 3px;
  color:var(--main-color);
  border:1px solid var(--main-color);
}

.booking-department{
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 10px;
    max-height: 300px; 
    overflow-y:auto;
}

#lab_section ,#clinic_section, #pharmacy_section{
    display: none;
}

.total_price_section{
    background-color: #86151424!important;
    color:#861514;
    padding:5px!important;
    border-radius: 5px;
}

.select2-container--bootstrap4 .select2-results__option{
    color: black!important;
}