.personal-shopper-main {
    max-width: 1280px;
    margin: 0 auto;
}

.personal-shopper-main .page-title-wrapper h1 {
}

form#personal_shopper_form fieldset {
    margin-top:20px;
    border:1px solid #ddd;
}

button#personal_shopper_submit {
    margin-top:20px;
}

.control.terms-and-condition-container {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.date-of-travel label::after,
.flight-time label::after,
.flight-no label::after,
.passenger-name label::after,
.date-of-birth label::after,
.gender-select-label::after,
.mobile-no label::after,
.email label::after,
.travelling-to label::after,
.whatsapp-no label::after,
.passport-no label::after,
.fav-brands label::after,
.remark label::after
{
    color: red;
    content: "*";
}

.gender-select {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gender-select .gender-select-container {
    display: flex;
    gap: 20px;
}

.gender-select .gender-select-container label {
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

form#personal_shopper_form fieldset input {
    font-size: 16px;
    color: black !important;
}

form#personal_shopper_form fieldset input._has-datepicker {
    width:100%;
}

form#personal_shopper_form fieldset.personal-information {
    padding-top: 20px;
}

.field.specific-category {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    gap: 10px;
}

.control.specific-category-container {
    display: flex;
    gap: 20px;
}

fieldset.flight-details legend span,
fieldset.personal-information legend span {
    font-weight: 700;
}

input#date_of_travel,
input#date_of_birth {

}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-timepicker-select {
    color:#000!important;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    color:#000!important;
}
.ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-buttonpane button.ui-datepicker-close {
    padding:7px 15px!important;
}