/* Container for each form group */
.form-group {
    display: flex; /* Use flexbox */
    align-items: center; /* Align items vertically */
    margin-bottom: 10px; /* Optional: Add margin bottom for spacing between form groups */
}

/* Label styling */
label {
    flex: 0 0 110px; /* Set fixed width for labels */
    margin-right: 10px; /* Optional: Add margin right for spacing between label and input */
    text-align: left; /* Align labels to the right */
}

    label.required::after {
        content: '*'; /* Insert the star */
        color: red; /* Set the color to red */
        margin-right: 5px; /* Optional: Add some spacing between the star and the label text */
    }
/* Input fields */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {
    /*flex: 1;*/ /* Use remaining space for input fields */
    /*border-radius: 5px;*/ /* Rounded corners */
    /*padding: 8px;*/ /* Add padding for spacing inside the input boxes */
    width: calc(100% - 100px);
    */ /* Adjust width to fit the remaining space after the label */
    /*margin-bottom: 5px;*/ /* Optional: Add margin bottom for spacing between inputs */
}

/* Adjust button styling */
.button-container {
    display: flex;
    justify-content: flex-end; /* Align items to the right */
    margin-top: 10px; /* Optional: Add margin top for spacing between button and inputs */
}

button[type="submit"] {
    background-color: #4caf50; /* Grass green color */
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    button[type="submit"]:hover {
        background-color: #388e3c; /* Darker shade of grass green color on hover */
    }

    button[type="submit"]:disabled {
        background-color: rgba(76, 175, 80, 0.5); /* Lighter shade of grass green with 50% opacity */
        cursor: not-allowed; /* Change cursor to indicate button is disabled */
    }