.find-job-bx .select2-container--default .select2-selection--single {
    border-width: 0 0 2px 0 !important; /* Match Bootstrap Select */
    border-color: #24695C !important; /* Primary color */
    background-color: transparent !important; /* Transparent background */
    border-radius: 0; /* No border radius */
    height: 50px; /* Fixed height */

    font-family: rubik; /* Font family */
    color: #000; /* Text color */
    font-size: 15px; /* Font size */
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 250px;
    overflow-y: auto;
}

/* Style for the dropdown toggle */
.find-job-bx .select2-container--default .select2-selection--single .select2-selection__rendered {
    position: relative;
    top: 10px;
   text-align: start;
}

/* Align placeholder text to the left */
.find-job-bx .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000; /* Black color for the placeholder */
    text-align: left; /* Ensure it's left-aligned */
}

/* Style for the dropdown items */
.find-job-bx .select2-container--default .select2-results__option {
    font-size: 15px !important; /* Item font size */
    text-align: left; /* Align dropdown items to the left */
}

/* Caret (dropdown arrow) styling */
.find-job-bx .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%; /* Center it vertically */
    transform: translateY(-50%); /* Adjust for perfect centering */
    right: 10px; /* Position from right */
    width: 20px; /* Width of caret */
    height: 20px; /* Height of caret */
}

/* Caret icon */


/* Hover state for Select2 */

.select2-results__option {
    max-height: 250px ; 
background-color: white;
color: #000;
}
.select2-results__option:hover{
    background-color: #24695C;
    color: white;
}
/* Style for the Select2 search input */
.select2-search__field {
    border: 1px solid #ddd !important; /* Light border color */
    border-radius: 6px !important; /* Rounded corners */
    padding: 8px 12px !important; /* Comfortable padding */
    font-size: 14px; /* Modern font size */
    color: #333; /* Darker text color */
    outline: none; /* Remove default outline */
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
    width: 100% !important; /* Full width */
}

/* Style for focus state */
.select2-search__field:focus {
    border-color: #24695C; /* Primary color for focus */
    box-shadow: 0 0 5px rgba(36, 105, 92, 0.2); /* Subtle shadow on focus */
}

/* Optional placeholder color */
.select2-search__field::placeholder {
    color: #aaa; /* Lighter placeholder color */
    opacity: 1; /* Ensures full opacity */
}