.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
select {
    width: 100% !important;
    /* Forces it to fill the container */
    max-width: 600px;
    /* Or whatever size you prefer */
    border: .125rem solid #1a1a1a !important;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0 0 2.5rem;
    padding: .625rem 1rem;
    transition: box-shadow .1s ease-in-out
}

/* */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
.form-control:active,
input[type="text"]:active,
input[type="email"]:active,
input[type="number"]:active,
input[type="search"]:active,
select:active {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    transition: box-shadow .1s ease-in-out
}

/* */
.search-container {
    text-align: left !important;
    /* Adjust alignment if needed */
}

textarea {
    display: block;
    width: 100%;
    min-height: 9rem;
    margin: 0 0 1.5rem;
    white-space: pre-wrap
}

/* select {
    border: 2px solid #1a1a1a;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0 0 2.5rem;
    max-width: 48rem;
    width: 100%;
    padding: .625rem 1rem;
    transition: box-shadow .1s ease-in-out
        /* width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box; } Ensures padding doesn't affect total width */
 

.captcha-cell {
    padding-left: 28px;
}

.ontario-input:focus,
.ontario-input:active {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    transition: box-shadow .1s ease-in-out
}

.ontario-input {
    border: 2px solid #1a1a1a;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0 0 2.5rem;
    max-width: 48rem;
    width: 100%;
    padding: .625rem 1rem;
    transition: box-shadow .1s ease-in-out
}

.ontario-input--2-char-width {
    max-width: 8ex;
    min-width: 8ex
}

.ontario-input--3-char-width {
    max-width: 10ex;
    min-width: 10ex
}

.ontario-input--4-char-width {
    max-width: 12ex;
    min-width: 12ex
}

.ontario-input--5-char-width {
    max-width: 14ex;
    min-width: 14ex
}

.ontario-input--7-char-width {
    max-width: 17ex;
    min-width: 17ex
}

.ontario-input--10-char-width {
    max-width: 23ex;
    width: 100%
}

.ontario-input--20-char-width {
    max-width: 41ex;
    width: 100%
}

.ontario-form-group:last-of-type {
    margin-bottom: 3rem
}

.ontario-form-group:last-of-type .ontario-checkboxes,
.ontario-form-group:last-of-type .ontario-radios {
    margin-bottom: 0
}

.ontario-date__group {
    display: flex
}

.ontario-date__group label {
    font-weight: 600
}

.ontario-date__group input {
    margin-top: 1rem
}

.ontario-date__group-input {
    display: flex;
    flex-direction: column;
    margin-right: 1.5rem
}

.ontario-date--error input {
    border: .125rem solid #cd0000
}