/* Style for the input container */
.input-container {
    width: 100%;
    border: 0.5px solid #D2D2D2; /* Black border */
    border-radius: 15px; /* Increase border radius for more curved edges */
    flex: 1; /* Take up the remaining available space */
}

/* Style for the left <p> element */
.card-text-address {
    text-align: right; /* Align the <p> elements to the left */
    margin-right: 10px; /* Add spacing between the <p> and the container */
    margin-bottom: 30%; /* Add space below the address */
}

.card-text{
    text-align: right; /* Align the <p> elements to the right */
}

.provider-field {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px; /* Added margin to separate the fields vertically */
    width: 50%; /* Set the common width for all field elements */
    text-align: left;
}

/* Style for each input field within .sub-address-container */
.input-field {
    padding: 5px; /* Add padding from all directions */
    flex: 1; /* Grow to fill available space */
}

/* Style for the container holding the address and input container */
.address-container {
    display: flex;
    flex-wrap: wrap; /* Wrap the input fields to the next line if they don't fit */
    align-items: center; /* Vertically align items */
}

/* Add this style for .sub-address-container */
.sub-address-container {
    display: flex; /* Add this line to make it a flex container */
    flex-wrap: wrap; /* Wrap the input fields to the next line if they don't fit */
    padding: 5px;
}

.provider_address {
    width: 180px; /* Set a specific width for the input fields */
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
}

.add-record{
    text-align: right;
    padding-right: 5%;
}