
.sfef-custom-dropdown {
    right: 6px; /* Moves the dropdown 14px inward from the right edge */
    /* margin-left:14px !important; */
    left:6px !important;
    position: absolute;
    top: calc(100% + 1px); /* Adjust based on input height */
    width:auto;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
    display: none; /* Hidden by default */
    z-index: 10;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);

    /* Add scrolling for long lists */
    max-height: 200px; /* Maximum height for the dropdown */
    overflow-y: auto; /* Enables vertical scrolling if content exceeds max-height */
}

.sfef-custom-dropdown li {
    padding: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
}

.sfef-custom-dropdown li:hover {
    background: #f0f0f0;
}



/* ❗CSS for Cool Form Builder❗ */
.cool-form__field-group.is-field-type-state{
    position: relative;
}
.cool-form__field-group .sfef-custom-dropdown{
    position: absolute;
    top: 50px;
}

/* ❗CSS for Hello Plus Form Builder❗ */
.ehp-form__field-group.is-field-type-state{
    position: relative;
}