/* Highlight blue border when checked */
.container_check.version_2 input[type="checkbox"].toggle-trigger:checked ~ .checkmark {
    border: 2px solid #007bff;
}

/* Reset border to gray when NOT checked */
.container_check.version_2 input[type="checkbox"].toggle-trigger:not(:checked) ~ .checkmark {
    border: 2px solid #ccc;
}


/* Override the .active state and keep it neutral */
.container_check.version_2.active,
.container_check.version_2:hover {
    border: 1px solid #ccc !important; /* Or whatever your neutral color is */
    background-color: transparent !important;
}


.container_check.version_2.active,
.container_check.version_2:hover,
.container_radio.version_2.active,
.container_radio.version_2:hover {
    border: 1px solid #ccc !important;
    background-color: transparent !important;
}

.conditional_field.active {
    border: 1px solid #2955a9;
    padding: 15px;
    border-radius: 8px;
    background: #f9fbff;
    transition: all 0.3s ease;
  }