/* Ensure the dropdown appears above other content */
.scrollable-form-container .form-select {
    position: relative;
    z-index: 1050;
}

/* Styles for small screens (e.g., less than 768px) */
@media (max-width: 767.98px) {
    .scrollable-form-container {
        /*overflow: visible !important;*/
        overflow-x: auto; /* Enable horizontal scrolling if needed */
        white-space: nowrap; /* Prevent wrapping of child elements */
    }
   
    .Phone-input {
        width: 140px; /* Small fixed width */
    }

    .scrollable-form-container .d-flex {
        display: inline-flex !important; /* Ensure flex items stay in a single row */
        flex-wrap: nowrap; /* Prevent wrapping */
        width: auto; /* Allow the container to expand horizontally */
    }

    .scrollable-form-container .col-1,
    .scrollable-form-container .col-2 {
        flex: 0 0 auto; /* Prevent flex items from shrinking */
        width: auto; /* Allow columns to take their natural width */
        min-width: 150px; /* Set a minimum width for columns */
    }
}