.scrollable-select {
		height: 100px;
        overflow-y: auto;
    }
    fieldset {
        border: 2px solid #007bff; /* Blue border for fieldset */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5em; /* Padding inside the fieldset */
        margin-top: 1em; /* Spacing above the fieldset */
        background-color: #f9f9f9; /* Light background color */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    }

    legend {
        font-size: 1em; /* Slightly larger font size */
        color: #007bff; /* Blue color to match the border */
        padding: 0 10px; /* Padding around the legend text */
        font-weight: bold; /* Bold for emphasis */
        margin-bottom: 10px; /* Space below the legend */
    }

    .dob-tob-group {
        display: flex; /* Use flexbox for a horizontal layout */
        flex-wrap: wrap; /* Allow wrapping for small screens */
        gap: 20px; /* Add space between the select elements */
    }

    .dob-tob-group .col-4 {
        flex: 1 1 calc(33.33% - 20px); /* Ensure each select takes up equal width */
    }

    select {
        border-radius: 4px; /* Rounded corners for select elements */
        border: 1px solid #ced4da; /* Light border */
        padding: 0.5em; /* Padding for readability */
        font-size: 1em; /* Consistent font size */
        width: 100%; /* Full width for responsive design */
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow */
    }
	small.tts-red {
    margin-top: 1em; /* Adjust this value as needed */
    display: block; /* Ensure it behaves as a block-level element */
}

/* Custom scrollbar styling */
.form-select.scrollable-select {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #007bff #f1f1f1;
}

.form-select.scrollable-select::-webkit-scrollbar {
    width: 8px;
}

.form-select.scrollable-select::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.form-select.scrollable-select::-webkit-scrollbar-thumb {
    background-color: #007bff;
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

.form-select.scrollable-select::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3;
}
/* Custom scrollbar styling */
#suggestions {
    scrollbar-width: thin;
    scrollbar-color: #007bff #f1f1f1;
}

/* WebKit browsers (Chrome, Safari, Edge) */
#suggestions::-webkit-scrollbar {
    width: 8px;
}

#suggestions::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#suggestions::-webkit-scrollbar-thumb {
    background-color: #007bff; 
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

#suggestions::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3;
}