.search-form-container {
    background: var(--red);
    padding: 20px;
    border-radius: 15px;
    max-width: 100%;
    margin: 0 20px;
}

.search-form-group {
    position: relative;
    margin-bottom: 25px;
}

.search-form-label {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    color: white;
    /* border-bottom: 2px solid white; */
    /* position: absolute; */
    /* height: 100%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* background: var(--blue); */
    /* border-radius: 15px; */
    /* border-bottom-right-radius: 0; */
    /* border-top-right-radius: 0; */
}

.search-form-title {
    font-weight: bold;
    color: white;
    font-size: 25px;
    margin-bottom: 24px;
    border-bottom: 2px solid;
    padding-bottom: 15px;
}

input.search-form-input, select.search-form-select {
    outline: none;
    user-select: none;
    border: 2px solid white !important;
    border-radius: 20px;
    padding: 5px 5px;
    text-align: center;
}

/* input#search_form_promo_code {
    text-align: left;
} */

input.search-form-input.flatpicker {
    /* padding-left: 85px; */
    cursor: pointer;
}

.search-form-two-columns{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    align-items: center;
}

.search-form-choices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.search-form-choice {
    border: 2px solid white;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    color: white;
    position: relative;
}

.search-form-choice input{
    display: none !important;
}

.search-form-choice::before,
.search-form-choice::after
{
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
}

.search-form-choice label{
    cursor: pointer;
    padding: 2px;
    width: 100%;
    transition: 0.5s;
    font-weight: bold;
}

.search-form-choice span.search-form-icon path {
    transition: 0.5s;
    fill: var(--white);
}

.search-form-choice input:checked + label{
    background-color: white;
    color: var(--red);
}

.search-form-choice input:checked + label span.search-form-icon path {
    fill: var(--black);
}

button.search-form-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
    color: white;
    border: 2px solid;
    transition: 0.5s;
    padding: 5px 15px;
    outline: none !important;
}

button.search-form-submit:hover,
button.search-form-submit:focus {
    background: var(--yellow);
    color: var(--black);
    border-color: var(--red);
}

button.search-form-submit svg{
    width: 40px;
    height: 40px;
}

button.search-form-submit path{
    stroke: white;
    transition: 0.5s;
}

button.search-form-submit:hover path,
button.search-form-submit:focus path{
    stroke: var(--black);
}

.search-form-choice label div {
    transform: translateY(-8px);
}

.flatpickr-time input {
    border: none !important;
    border-radius: 0 !important;
}

.search-form-group.search-form-datetime-group {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "label label" "input-date input-time";
    gap: 5px;
}
.search-form-group.search-form-datetime-group .search-form-label{
    grid-area: label;
}
.search-form-group.search-form-datetime-group .flatpicker{
    grid-area: input-date;
}
.search-form-group.search-form-datetime-group .flatpicker-time{
    grid-area: input-time;
}

.search-form-datetime-group .search-form-input.flatpicker-time {
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .search-form-two-columns {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 25px;
    }
    .search-form-two-columns .search-form-group {
        margin-bottom: 0;
    }
}