.form-container {
     border-radius: 12px;
     border: 1px solid var(--Neutral-300, #D2D9E1);
     margin: auto;
     width: 95%;
     margin-bottom: 5vh;
     padding-bottom: 10vh;
 }

 .form-container h2 {
     margin-left: 3rem;
     margin-top: 2rem;
     color: var(--Neutral-950, #121A21);
     font-family: Syne;
     font-style: normal;
     font-weight: 500;
 }

 form {
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
     align-items: flex-end;
     padding: 3rem;
 }

 .form-group {
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 label {
     color: var(--Neutral-950, #121A21);
     font-family: Syne;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 input,
 select {
     padding: 10px 14px;
     border: none;
     border-radius: 8px;
     font-size: 1rem;
     outline: none;
     color: #111827;
     border-radius: 8px;
     border: 1px solid var(--Neutral-300, #D2D9E1);
     background: var(--Neutral-0, #FFF);
 }

 select {
     appearance: none;
     background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 0.7rem center;
     background-size: 1rem;
 }

 button {
    
    margin-right: 3.5rem;
    margin-bottom: 5vh;
    float: right;
     padding: 1vh 2vh;
     background: var(--Surface-Blue-Default, #2782D0);
     color: white;
     border: none;
     border-radius: 8px;
     cursor: pointer;
     font-size: 1rem;
 }

 button:hover {
     background-color: #1d4ed8;
 }