.form__field  {
    display:  flex;
    flex-direction:  column;
    width:  100%;
    margin:  16px 0;
    align-items:  flex-start;
}
.form__control  {
    font-family:  'Activ-Grotesk-Regular';
    display:  flex;
    width:  100%;
    max-width:  100%;
    padding:  24px;
    min-height:  40px;
    border-radius:  8px;
    border:  solid 1px #9F7D23;
    background-color:  transparent;
    font-size:  14px;
}
.form__control:focus  {
    border:  solid 2px #9F7D23;
    outline:  solid 2px black;
    outline-offset:  2px;
}
.form__control-title  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    width:  100%;
    max-width:  100%;
    border:  none;
    text-align:  center;
    font-size:  20px;
    pointer-events:  none;
    padding:  16px;
    min-height:  40px;
    background-color:  whitesmoke;
    border-radius:  5px;
    margin-top:  16px;
}
.form__label  {
    display:  flex;
    margin-bottom:  8px;
    font-size:  12px;
}
.form__search  {
    position:  relative;
    display:  flex;
    border-radius:  16px;
}
.form__search .form__control  {
    border-bottom-left-radius:  16px;
    border-top-left-radius:  16px;
    border-bottom-right-radius:  0;
    border-top-right-radius:  0;
    background-color:  white;
    border:  none;
}
.form__search .form__control:focus  {
    outline:  none;
}
.form__search .form__control::-webkit-input-placeholder,  .form__search .form__control::-moz-placeholder,  .form__search .form__control:-ms-input-placeholder,  .form__search .form__control:-moz-placeholder  {
    font-weight:  600;
    color:  red;
}
.form__search .form__btn-container  {
    background-color:  white;
    border-radius:  16px;
    border-top-left-radius:  0;
    border-bottom-left-radius:  0;
    padding:  8px;
}
.form__search .form__btn  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    padding:  8px 24px;
    background-color:  #244C5A;
    color:  white;
    font-size:  12px;
    height:  100%;
    border-radius:  8px;
    border:  none;
    cursor:  pointer;
}
.form__search .form__btn-text  {
    margin-right:  16px;
}
.form__search .form__btn .material-symbols-outlined  {
    color:  #CEFDC9;
    font-size:  20px;
}
.form__search-icon  {
    display:  none;
    position:  absolute;
    top:  16px;
    left:  16px;
    color:  #FF5C39;
}
.form__search-icon .material-symbols-outlined  {
    font-size:  32px;
}
.form__search-icon-control .form__control  {
    padding-left:  72px;
}
.form__search-icon-control .form__search-icon  {
    display:  block;
}
.form__select-group  {
    display:  flex;
}
.form__select-group-cell  {
    flex-grow:  1;
    flex-basis:  0;
}
.form__select-group-spacer  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    width:  30px;
    min-width:  30px;
    max-width:  30px;
}
.form__select-group-label  {
    display:  block;
    margin-top:  24px;
    font-size:  12px;
}
.field-validation-error  {
    color:  #F9423A;
    font-size:  12px;
    margin-top:  8px;
}
.input-validation-error  {
    border:  solid 1px #F9423A;
}
.validation-summary-errors  {
    background:  #F9423A;
    width:  100%;
    color:  white;
    border-radius:  16px;
    text-align:  left;
    padding:  24px;
}
.validation-summary-errors:before  {
    content:  'Please complete the following fields before continuing:';
}
.validation-summary-errors ul  {
    padding-left:  16px;
}
@media (max-width: 700px)  {
    .form__search .form__control  {
    border-bottom-left-radius:  8px;
    border-top-left-radius:  8px;
    border-bottom-right-radius:  0px;
    border-top-right-radius:  0px;
    height:  60px;
}
.form__search .form__btn  {
    border-bottom-right-radius:  8px;
    border-top-right-radius:  8px;
}
}
@media (max-width: 500px)  {
    .form__search .form__btn-text  {
    display:  none;
}
}