.ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content {
    display: flex;
    align-items: flex-end;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-tab {
    display: flex;
    align-items: flex-end;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper {
    display: flex;
    align-items: flex-end;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields {
    display: flex;
    align-items: flex-end;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2 {
    flex-direction: row;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-tab,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2
{
    grid-gap: 10px;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .chbs-tabs-content,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content-step-1,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields .stop-field-item,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields .stop-field-item {
    flex: 1;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-group span.chbs-my-location-link,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-group span.chbs-my-location-link a,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-group .chbs-form-field-label,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields .stop-field-item,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields .stop-field-item,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields .stop-field-item .chbs-form-field,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields .stop-field-item .chbs-form-field,
.ryde-widget-booking-bar.ryde-variant-1 .ryde-mt-30 {
    margin-top: 0 !important;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-group .chbs-form-field-label,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-group span.chbs-my-location-link,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-group span.chbs-my-location-link a {
    font-size: 11px;
}
.ryde-widget-booking-bar.ryde-variant-1.chbs-main .chbs-form-field-label span[class*="chbs-meta-icon-"],
.ryde-widget-booking-bar.ryde-variant-1 .chbs-main .chbs-form-field-label span[class*="chbs-meta-icon-"] {
    font-size: 9px !important;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .chbs-tab-menu-btn:after {
    font-size: 11px;
    top: 60%;
    right: 14px;
}

.ryde-widget-booking-bar.ryde-variant-1 input.chbs-button-base.b-step-1-btn,
.ryde-widget-booking-bar.ryde-variant-1 button.chbs-button-base.b-step-1-btn,
.ryde-widget-booking-bar.ryde-variant-1 button[type=submit].chbs-button-base.b-step-1-btn,
.ryde-widget-booking-bar.ryde-variant-1 button[type=button].chbs-button-base.b-step-1-btn,
.ryde-widget-booking-bar.ryde-variant-1 .chbs-button-base.b-step-1-btn {
    padding: 14px 24px 16px 24px;
}

.ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .c-chbs-menu {
    width: 140px;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-form-field.chbs-column-2 .chbs-form-field-column.date-col {
    width: 152px;
}
.ryde-widget-booking-bar.ryde-variant-1 .chbs-form-field.chbs-column-2 .chbs-form-field-column.time-col {
    width: 137px;
}

@media (max-width: 1200px) {
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab {
        flex-direction: column;
    }
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content-step-1,
    .ryde-widget-booking-bar.ryde-variant-1 .step-1-btn-wrapper,
    .ryde-widget-booking-bar.ryde-variant-1 .step-1-btn-wrapper .b-step-1-btn,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .c-chbs-menu,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .chbs-tabs-content {
        width: 100%;
    }
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content, .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2 {
        grid-gap: 15px;
    }
    .ryde-widget-booking-bar.ryde-variant-1 button.rideTypeToggle, .ryde-widget-booking-bar.ryde-variant-1 button[type=button].rideTypeToggle, .ryde-widget-booking-bar.ryde-variant-1 .rideTypeToggle {
        text-align: center !important;
    }
}
@media (max-width: 991px) {
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields {
        flex-direction: column;
    }
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content-step-1,
    .ryde-widget-booking-bar.ryde-variant-1 .step-1-btn-wrapper,
    .ryde-widget-booking-bar.ryde-variant-1 .step-1-btn-wrapper .b-step-1-btn,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .c-chbs-menu,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab .chbs-tabs-content,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-form-field.chbs-column-2 .chbs-form-field-column.date-col,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-form-field.chbs-column-2 .chbs-form-field-column.time-col,
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields .stop-field-item {
        width: 100%;
    }
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content, .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2 {
        grid-gap: 15px;
    }
}
@media (max-width: 767px) {
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-main-content, .ryde-widget-booking-bar.ryde-variant-1 .chbs-tab, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .transfer-stop-fields, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .hourly-stop-fields, .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2 {
        grid-gap: 20px;
    }
}
@media (max-width: 479px) {
    .ryde-widget-booking-bar.ryde-variant-1 .chbs-bar-form-fields-wrapper .chbs-form-field.chbs-column-2 {
        flex-direction: column;
    }
}