/* ---------Old Form Overwrite CSS------ */
body { caret-color: black !important; }
/* .breadcrum-revamp { padding-top: 30px; }
.revamp-header .header-info>ul>li:last-child { margin-top: 0; }
.revamp-header .header-info>ul>li .search { font: normal 400 14px / 22px 'Mulish'; color: white; }
.headerLink { margin-right: auto; margin-top: 30px; }
.headerLink a { font: normal 400 14px/22px 'Mulish'; color: white; }
.headerLink a + a { margin-left: 25px; } */
.newbanner .formbg { padding: 20px; }
.form-tab-list ul li { background-color: white; border: 0px; position: relative; padding-left: 20px;  }
.form-tab-list ul li.active { background: transparent; border: 0px solid #9dbbd7; color: #262626; }
.form-tab-list ul li:before { content: ''; position: absolute; left: 0; top: 0; border: 1px solid #8C8C8C; width: 16px; height: 16px; border-radius: 50%; bottom: 0; margin: auto; background-color: white; }
.form-tab-list ul li:after { content: ''; width: 8px; height: 8px; background-color: #0A549C; position: absolute; left: 4px; top: 0px; bottom: 0; margin: auto; border-radius: 50%; opacity: 0; transition: 0.2s; }
.form-tab-list ul li.active:after { opacity: 1; }
.submitbtnsec #flightSearch { width: 224px; line-height: 50px; border: 0; font-family: 'Mulish'; background: #0466C8; color: white; font-size: 24px; border-radius: 8px; position: relative; cursor: pointer; text-align: center; transition: 0.3s; z-index: 1; }
.formArea .field .countryList .dropdown-toggle { background: none; border: 0; padding: 0; height: auto;     margin-top: -5px; }
.formArea .field .countryList { margin-top: 2px; }
.btn.dropdown-toggle.btn-light.bs-placeholder:hover, .btn.dropdown-toggle.btn-light.bs-placeholder:focus { border-color: transparent !important; box-shadow: inherit !important; }
.dropdown-menu.show { padding: 0; }
.bootstrap-select .dropdown-toggle:focus { border-color: transparent !important; box-shadow: inherit !important; }
.formArea .field .bs-searchbox input[type=search] { padding-left: 20px; }
.formArea .field .bs-searchbox input[type=search]:focus-visible { outline: none; }
.bootstrap-select .dropdown-menu { min-width: 215px; margin-left: -21px; /* margin-top: 18px; */ }
.switch { width: 30px; height: 30px; border: 2px solid #BFBFBF; bottom: 0; margin: auto; left: 200px; }
.switch:hover { border: 2px solid #BFBFBF;  }
.formArea .field + .field { margin-left: 5px; } 
.formArea .field { margin: 0 0 0 5px; max-width: 215px; }
.formArea .field.smlBox { max-width: 150px; }
.form_tab-content { max-width: calc(100% - 15px); flex: 0 0 calc(100% - 15px); }
.formArea .field .inputContainer input.inps { background: none !important; padding: 0 !important; border: 0; font: normal 400 18px / 24px 'Mulish'; margin-top: -8px; color: #262626; }
.text-muted { display: block; padding: 0 !important; color: #212529 !important; font-size: 12px; font-family: 'Mulish'; font-weight: 300; line-height: 14px; margin-top: -2px; }
.submitbtnsec { margin-top: 19px; }

#travellers li .quantity input.plus-btn { width: 34px; height: 34px; background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/plus-box.svg); }
#travellers li .quantity input.minus-btn {width: 34px; height: 34px; background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/minus-box.svg); }
#travellers li .quantity input.value-input { color: black; font-family: 'Mulish'; margin-top: 0; width: 30px; height: 34px; max-width: inherit; background: white; }

.adultsList .innerSec > ul { margin: 0; }
.adultsList .innerSec .closeAdultList.adultListApplyBtn { position: relative; left: 0; top: 0; display: block; color: white; background: #0465c6; width: 100%; height: 45px; text-align: center; border-radius: 4px; font: normal 500 20px / 45px 'Mulish'; text-decoration: none; }
.adultsList .innerSec > ul > li .leftTxt { padding-left: 0; }
.adultsList .innerSec > ul > li .leftTxt h5 { font-size: 18px; font-weight: 700; font-family: 'Mulish', sans-serif; line-height: 24px; }
.adultsList .innerSec > ul > li .leftTxt h5 span {  font-size: 14px; line-height: 24px; }

/* datepicker styling overwrite */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 40px; height: 40px; cursor: pointer; right: 0; }
.ui-widget-header .ui-icon { width: 40px; height: 40px; background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/calander-right-arow.svg); }
.ui-datepicker .ui-datepicker-next span { margin-left: -32px;margin-top: 0; top: 0;  }
.ui-datepicker .ui-datepicker-prev span { width: 40px; height: 40px; background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/calander-right-arow.svg); margin-top: 0; margin-left: 5px; top: 0; left: 0; transform: rotate(180deg); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { margin: 3px; border-radius: 4px; background: #F8F8F8; width: auto; height: auto; font-size: 14px; font-weight: 400; font-family: 'Mulish'; color: #52575C; line-height: 17px;}
.ui-datepicker td.dp-highlight.dp-departure.ui-datepicker-current-day a, .ui-datepicker td.dp-highlight.dp-departure a { background: #0466C8; color: white; border-radius: 4px; border: 3px solid #0466C833; width: auto; height: auto; padding: 10px; font: normal 400 14px / 18px 'Mulish'; }
a.ui-state-default.ui-state-hover {background-color: #0466c8;color: white;}
.ui-datepicker .ui-datepicker-title { font: normal 500 16px / 35px 'Mulish'; color: #52575C; }
.ui-datepicker th { font-weight: 400; font-family: 'Mulish'; font-size: 12px; line-height: 24px; color: #595959; }
.ui-datepicker th span[title="Saturday"], .ui-datepicker th span[title="Sunday"] { color: #595959; }
.ui-datepicker td.dp-highlight a { padding-bottom: 1rem; color: #52575C; }
.ui-datepicker td.dp-highlight.dp-return a { border: 0px solid #005798; background: #0466c8; border-top: 0; color: white; }
.ui-datepicker td.dp-highlight.dp-departure.ui-datepicker-current-day a:before, .ui-datepicker td.dp-highlight.dp-departure a::before, .ui-datepicker td.dp-highlight.dp-return a:before { display: none;}
#crossOrigin, #crossDestination { display:  none !important;}

/* datepicker styling overwrite */
.error { position: relative; bottom: -25px; left: -20px; width: 215px; }
.countryList.des-to .error { left: -12px; }

.adultsList a:hover, .adultsList a.flightClass:hover { background-color: transparent; }
.adultsList { text-align: left; padding: 0; position: unset; }
.adultsList a#travel, .adultsList a.flightClass { color: #262626; font-size: 18px; font-weight: 400; font-family: 'Mulish'; border-radius: 0; padding: 4px 0 0 0; }
.adultsList .innerSec { left: inherit; right: -14px; top: 75px; }
.adultsList a#travel { position: absolute; width: 150px; height: 75px; top: 0; left: 0; padding: 28px 0 0 10px; }


.formArea .field ul.inner.show { border: 0px solid rgba(0,0,0,0.05); }


/* ---------Old Form Overwrite CSS------ */
/* .revamp-header { background-color: #08437d; }
.newbanner h1 { margin-bottom: 0; line-height: 50px; }
.newbanner h1 img { max-width: 68px; margin: 0; position: relative; top: 6px;}
.newbanner h1 span { background-color: white; padding: 15px; text-align: center; position: absolute; left: 0; right: 0; margin: auto; width: 190px; height: 46px; display: flex; border-radius: 10px 10px 0 0; justify-content: center; align-items: center; margin-bottom: -5px; } */
.searchNew { background: #08437D; padding: 20px 0 0 0; height: 200px; margin-bottom: 100px; }
.searchNew>.container { max-width: 970px;  }
.inputContainer { height: 75px; border: 1px solid #BFBFBF; border-radius: 4px; padding: 8px 12px 6px; cursor: pointer;     position: relative; }
.smlBox .inputContainer  {padding: 8px 12px 6px; }
.inputContainer>p { font: normal 400 14px/18px 'Mulish'; color: #595959; position: relative; }
.inputContainer>p>img { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.formArea .field .inputContainer input { padding: 0;}

.calanderDayName, #flightname { margin-top: -7px; color: #212529; font-size: 12px; font-family: 'Mulish'; font-weight: 300; line-height: 14px; text-transform: none;  }
.formArea .field.disableDate input#destinationDate, .field.disableDate .calanderDayName { color: #bfbfbf;}

.menu-overlay { z-index: 68; }
.new-menu { z-index: 70; }

.formbg .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-family: 'Mulish'; font-size: 13px; } 
.bootstrap-select .dropdown-menu li, .bootstrap-select .dropdown-menu li:hover { font: normal 400 14px / 24px 'Mulish'; background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/plan.svg); padding-left: 10px !important; }
.bootstrap-select .dropdown-menu li a span.text {color: black; }
.adultsList .innerSec > ul > li { padding-right: 0; }
.adultsList .innerSec h3 { color: #262626; font-weight: 700; font-size: 18px; font-family: 'Mulish', sans-serif; padding: 0px; margin: 0; }
.adultsList select { border: 0; background: transparent; color: #262626; text-decoration: none; font-size: 17px; font-weight: 400; cursor: pointer; font-family: 'Mulish', sans-serif; border: 1px solid #BFBFBF; border-radius: 6px; height: 45px; margin: 10px 0 17px 0; appearance: none; background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/Polygon-1.svg) right 10px center no-repeat; padding-left: 10px; }
.adultsList select:focus-visible  { outline: none; }
#flightname { margin-top: 25px; }
.new-menu { top: 0; }

.hideOrig, .hideDesti { display: none; }

.filter-option-inner-inner strong { font-weight: 700; font-size: 16px; }
.inputContainer.padL20 { padding-left: 20px; }

.formArea .field input#destinationDate::placeholder, .formArea .field input#originDate::placeholder { font-family: 'mulish'; font-size: 13px; }

.returnDate.return p { margin-bottom: 2px; }
.locationError { background-color: #FFF1F0 !important; }
.locationError input { background-color: transparent !important; }



.mobDatepickers p { position: absolute; left: 15px; top: 10px; z-index: 1; }
.mobDatepickers .departureDate { padding: 0px; position: relative; }



.field .locationError select, .field .locationError button { opacity: 0; }
.field .locationError .error { bottom: 20px; font-size: 14px; font-weight: 600; padding-left: 12px; }
.field .locationError.padL20 .error { padding-left: 20px; width: 212px; }




@media (min-width: 1000px) {
.ui-widget.ui-widget-content { min-width: 800px; top: 280px !important; padding: 20px; }
.ui-datepicker-group.ui-datepicker-group-first { margin-right: 50px; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: calc(50% - 25px); }

.formArea .field .inner.show { overflow: hidden !important ;}
.bootstrap-select .dropdown-menu { min-width: 255px !important; top: -6px !important; }
.newbanner h1 img{max-width: 68px; margin: 0;}
}

@media (max-width: 1000px) {
    .headerLink { display: none;}
    .revamp-header .header-info { margin-left: auto; }
    .newbanner .formbg { padding: 10px; }
    .location-select { flex-direction: row; }
    .formArea .field { max-width: 20%; }
    .formArea .field.smlBox { max-width: 20%; }
    .location-select .field.disableDate { margin-top: 0px; }
    .switch { bottom: inherit; margin: auto; left: 18.5%; right: inherit; top: 22px; transform: rotate(0deg); }

    .returnDate.return.locationError input::placeholder { color: #AA0000; }
}
@media (max-width: 767px) {
/* header re-design */
/* html body { background-color: white; }
.revamp-header { background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/mobile-bg.png) center top no-repeat; background-size: cover; padding-bottom: 28px; height: auto; padding-top: 10px; }
.revamp-header .header-info { padding-top: 0; }
.revamp-header .header-info>ul>li:last-child { display: block; }
.revamp-header .header-info>ul>li, .newbanner h1 { display: none;} */
/* header re-design */
/* .searchNew { padding: 0px 0 0 0; height: auto; margin: -15px 0 0 0; position: relative; z-index: 65; background-color: white; border-radius: 12px 12px 0 0; } 
.newbanner .formbg { padding: 10px 7px; height: 286px; margin: 15px 0 60px 0; box-shadow: none; background-color: #1E4266; border-radius: 8px; } */
.mobile-form .mob-top-btn a { background: transparent; border: 0px solid #d9d9d9; padding: 0px 7px 0px 25px; color: white; font-size: 12px; text-decoration: none; position: relative; }
.mobile-form .mob-top-btn a.active { background: transparent; border: 0px solid #9dbbd7; color: white; }
.mobile-form .form-submit { margin-top: 20px; }
.mobile-form .form-submit button[type="submit"] { background-color: #0466C8; font: normal 400 18px / 55px 'Mulish'; color: white; width: calc(100% + 24px); margin-left: -12px; margin-top: 8px;}

.mobile-form .mob-top-btn a:before { width: 16px; height: 16px; content: ''; background: white; border: 1px solid gray; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.mobile-form .mob-top-btn a.active:after { content: ''; background-color: #1e4266; width: 8px; height: 8px; display: block; position: absolute; left: 4px; top: 0; bottom: 0; margin: auto; border-radius: 50%; }
.mobile-form .mob-top-btn { margin-bottom: 10px; margin-top: 3px; }
input.return { margin-left: 2px; }

.mobile-form .mobBgInput { background-color: white; border: 0; border-radius: 7px 7px 0 0; margin-bottom: 2px; padding: 14px 15px 8px;         position: relative; }
.mobile-form .mobBgInput p { font: normal 400 13px/10px 'Mulish'; color: #595959;  }
.mobile-form .mobBgInput input { border: 0; border-radius: 8px 8px 0 0; background: none; padding: 22px 25px 6px 15px; background: white; font: normal 400 16px / 24px 'Mulish'; color: #262626; }
.mob-popu-input::placeholder { font-size: 12px; color: #757575; }

.mobDatepickers { background: transparent; padding: 0; border-radius: 0; display: flex; }
.mobDatepickers p { font: normal 400 10px / 10px 'Mulish'; color: #595959;}
.departureDate { background-color: white; border: 0; margin-bottom: 2px; padding: 13px 15px 8px; width: 100%;}
.returnDate { background-color: white; border: 0; border-radius: 0; margin-bottom: 2px; padding: 0px; margin-left: 2px; min-width: 50%; position: relative; }
.mobile-form .mobDatepickers input { border: 0; border-radius: 0; background: none; padding: 20px 10px 5px 15px; background: white; font: normal 400 18px / 24px 'Mulish'; color: #262626; background-position: left 16px top 26px; }

.return { display: none; }

.mob-travelers {background-color: white;border: 0;border-radius: 0 0 7px 7px; padding: 11px 15px 8px; }
.mob-travelers p { font: normal 400 10px / 10px 'Mulish'; color: #595959; }
.mob-travelers #test { border: 0; border-radius: 0 0 7px 7px; margin: 0 0 2px 0; padding: 0; background: none; font: normal 400 16px / 24px 'Mulish'; color: #262626; }
.bootstrap-select .dropdown-menu { margin-left: 0px; }
.error { bottom: -2px; left: 16px; width: auto; position: absolute; }

.mobSwitch img { transform: rotate(0deg); } 
.mobSwitch { width: 30px; height: 30px; border: 2px solid #052442; right: 12px; top: 42px; }
.popup-input-div.hideOrig h2 { text-align: center; }
.popup-input-div.hideDesti h2 { text-align: center; }

.formbg .popu-fields .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .popu-fields .popup-input-div h2, .bootstrap-select .dropdown-menu li { font: normal 400 14px / 24px 'Mulish'; }
.popu-fields .popup-input-div h2 { padding: 15px 0px 10px 0px; display: block;}
.bootstrap-select .dropdown-menu li { background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/plan.svg); }
.bootstrap-select .dropdown-menu li a { padding-left: 18px; }
.popu-fields .close-popup { margin-right: 0; position: absolute; left: 23px; top: 25px; }
.popu-fields .close-popup img { width: 25px; height: 25px; }
.popu-fields .popup-input-div.bor-bot { margin: 0; }
.popu-fields .popup-input-div.bor-bot h2 { border: 0; font: normal 400 14px/24px 'Mulish'; color: black; margin-bottom: 10px; }
.popu-fields .popup-input-div.bor-bot h4 { font: normal 400 12px / 24px 'Mulish'; color: #262626; margin-bottom: 10px; padding-left: 16px; padding-right: 16px; }
.popu-fields .buttons-area { justify-content: space-around; }
.popu-fields .buttons-area button { background: #F5F5F5; border-radius: 6px; cursor: pointer; border: 0px solid #d9d9d9; margin-bottom: 20px !important; font: normal 400 13px / 24px 'Mulish'; color: #262626; padding: 5px 0.3rem; margin-right: 0.46rem; width: 30%; }
.bootstrap-select .dropdown-toggle:focus { border: 1px solid #d9d9d9 !important; }

#datepicker-container .depart-on a, #datepicker-container .dp-return a { position: relative; border: 0px solid #005798; background-color: #0466C8; color: white; }
.depart-on a:before, .dp-return a:before { display: none; }
.mobile-form .ui-datepicker td.custom-class { background: transparent; }
.mobile-form .ui-datepicker td.custom-class a { background-color: #EAF4FF; }

.btn.dropdown-toggle.btn-light.bs-placeholder:hover, .btn.dropdown-toggle.btn-light.bs-placeholder:focus { border-color: #d9d9d9 !important; }

.calander-close { position: absolute; left: 28px; right: inherit; top: 12px; }
.select-date { justify-content: center; box-shadow: none; border-bottom: 1px solid #D9D9D9; height: auto; padding: 10px 0; }
.select-date h3 { color: #000000; font-size: 14px; line-height: 24px; font-family: 'Mulish'; text-align: center;  }
.select-date h3 strong { display: block;}
.select-date h3 span { font-size: 10px; color: #8C8C8C; display: none !important; }
#mobReturnDate { display: none; padding-left: 10px; margin-left: 10px; position: relative; }
#mobReturnDate:before { content: '-'; position: absolute; left: -5px; top: 0; }
#datepicker-container .ui-datepicker .ui-datepicker-title { font: normal 700 16px / 35px 'Mulish'; color: #262626; }
.ui-datepicker th { font-size: 14px; line-height: 25px; color: #595959; }

.mobFlightClass { width: 100%; margin-bottom: 28px; }
.mobFlightClass select { border: 1px solid #BFBFBF; border-radius: 5px; width: 100%; /* display: block; */ background-color: white; font: normal 400 17px/22px 'Mulish'; color: #262626; padding: 12px; appearance: none; background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/Polygon-1.svg) right 10px center no-repeat; }
.mobFlightClass h3 { font: normal 700 16px / 22px 'Mulish'; color: #262626; padding-bottom: 7px; }
.mobTravelersCloser { right: inherit; top: 18px; left: 15px; }
.popup-travelers h2 { padding: 0 0 15px 0; font-size: 14px; line-height: 24px; color: black; font-family: 'Mulish'; justify-content: center; width: 100%; }
.travel-counter-sec > ul > li .right-counter [type="button"]:last-child { background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/plus-box.svg); width: 29px; height: 29px; }
.travel-counter-sec > ul > li .right-counter [type="button"]:first-child { background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/minus-box.svg);width: 29px; height: 29px;  }
.travel-counter-sec > ul > li .right-counter span { font-size: 14px; font-family: 'Mulish'; color: black; }
.travel-counter-sec > ul > li .left-info h5 { font-size: 16px; font-weight: 700; font-family: 'Mulish', sans-serif; }
.travel-counter-sec > ul > li .left-info { padding-left: 0; }
.travel-counter-sec > ul > li .left-info h5 span { font-size: 13px; }
.travelers-btn { text-align: center; }
.travelers-btn button { background: #0466C8; width: 85px; padding: 6.4px 10px; display: inline-block; margin: 0 6px; font: normal 400 13px / 26px 'Mulish'; }
.travelers-btn button#cancleBtn { background-color: white; border: 1px solid #0466C8; color: #0466C8;}

.bootstrap-select .dropdown-menu li a span.text { padding-left: 8px; }
.bootstrap-select .dropdown-menu li.optgroup-1 a span.text { padding-left: 0px; }
.bootstrap-select .dropdown-menu li.no-results { padding: 6px 0 6px 40px !important; background-position: left 10px top 9px; }
.no-overflow { overflow: hidden; position: fixed; top: 0; }

.mobile-form .mobBgInput p, .mobDatepickers p, .mob-travelers p { font: normal 400 13px / 10px 'Mulish'; color: #1E4266; }
.revamp-header { background-image: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/banner.png); }
.mobile-form .mobBgInput, .departureDate, .mob-travelers { padding: 13px 15px 8px; gap: 2px; display: flex; flex-direction: column; }
.mobile-form .mob-top-btn { padding-left: 15px; }
.formbg .bootstrap-select .dropdown-menu li.optgroup-1.dropdown-header { padding-left: 40px !important; }
.text-muted { color: #737373 !important; }
.bootstrap-select .dropdown-menu li { background-position: 14px 10px; }
.bootstrap-select .dropdown-menu li a.opt { padding-left: 18px; }
.bootstrap-select .dropdown-menu li.optgroup-1 a span.text { padding-left: 8px; }



.mobile-form .mob-flying-from.mob-mb-10 { padding: 0; }
.mobBgInput p { position: absolute; left: 15px; top: 10px; }
.mobBgInput.locationError input { opacity: 0; z-index: 4; }
.mobBgInput.locationError span.error { font: normal 500 16px/24px 'Mulish'; color: #AA0000; bottom: 6px; z-index: 0; }
.mobile-form .mobBgInput input { background-position: left 15px top 27px; }




} 


@media (max-width: 360px) {
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { padding: 10px; }
}




@media only screen and (min-width : 320px) and (max-width : 900px) {
    .newbanner h1 img {
      width: 68px;
      height: auto;
    }
  }