th {
    white-space: nowrap !important;
}
.element-with-background {
    background-image: url('../../images/image_3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    border-radius: 15px !important;
}

.card-overlay {
    background: rgba(100, 68, 0, 0.7);
    border-radius: 15px !important;
}
.search-style {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
}
.family-row {
    background-color: #f2f2f2; 
}
.custom-control input[type="checkbox"] {
    width: 2rem; /* Adjust the width as needed */
    height: 2rem; /* Adjust the height as needed */
}