/* General Form Styling */
.form_1 {
    max-width: 1120px;
    /*margin-left: 20px;*/

    font-family: Arial, sans-serif;
    background-color: #fff; /* Optional: Set the background */
}

/* Label Styling */
.form_1 label {
    font-weight: 550; /* Lighter weight for labels */
    color: #333; /* Darker text color */
    display: block; /* Block-level for spacing */
    margin-bottom: 5px; /* Spacing below label */
    /*font-size: 14px; /* Slightly smaller font size */
}

/* Dropdown Styling */
.form_1 select {
    width: 100%; /* Full width dropdowns */
    padding: 8px 10px; /* Internal padding for better appearance */
    font-size: 14px; /* Consistent font size */
    color: #495057; /* Bootstrap-style text color */
    background-color: #fff; /* White background */
    border: 1px solid #ced4da; /* Light gray border */
    border-radius: 4px; /* Subtle rounded corners */
    appearance: none; /* Remove default browser dropdown styling */
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%23495057' d='M3.204 5h9.592L8 10.481z'/%3E%3C/svg%3E"); /* Custom down arrow */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center; /* Position arrow on the right */
    background-size: 12px; /* Arrow size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: border-color 0.2s ease-in-out; /* Smooth transitions */
}

/* Dropdown Hover */
.form_1 select:hover {
    border-color: #80bdff; /* Light blue border on hover */
}

/* Dropdown Focus */
.form_1 select:focus {
    /*border-color: #80bdff; /* Light blue border on focus */
    outline: none; /* Remove default focus outline */
}

/* Disabled Dropdown */
.form_1 select:disabled {
    background-color: #e9ecef; /* Light gray background for disabled */
    color: #6c757d; /* Gray text for disabled state */
    cursor: not-allowed; /* Not-allowed cursor */
}

/* Spacing Between Fields */
.form_1 div {
    margin-bottom: 20px; /* Space below each field */
}