/* Over-Right Css */
/* #posts-content { background: #0a549c; }
.navbar ul#menu-main-menu { flex-direction: inherit;}
a:focus { outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } */
/* Over-Right Css */

/* Css Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}
/* Css Reset */
body {caret-color: transparent;}
.formArea .field {caret-color: black;}
input:focus { box-shadow: none; border: 0px; outline: 0;  }

ul.tabs li{ cursor: pointer; }
.form_tab-content{ display: none; max-width: calc(100% - 60px);flex: 0 0 calc(100% - 60px); flex-direction: column; }
.form_tab-content.active{ display: flex; }


.formbg {background-color: white;padding: 0px;border-radius: 15px;} 
.submitbtnsec { display: flex; justify-content: center; align-items: center; position: relative; margin-top: 5px; }
.submitbtnsec #flightSearch{ width: 271px; line-height: 40px; border: 0;  font-family: 'Reem Kufi'; background: #005798 url(../images/search.svg) left 65px center no-repeat; color: white; font-size: 16px; border-radius: 5px; margin: auto; right: 0px; position: relative; cursor: pointer; text-align: center; background-size: 16px; transition: 0.3s; }
.submitbtnsec #flightSearch:hover { background-color: #013a64; }
.submitbtnsec a { font-size: 14px; color: #0A549C; text-decoration: none;  font-family: 'Reem Kufi'; }
.submitbtnsec a span { margin-right: 5px;;}

.submitbtnsec p { font: normal 400 14px/22px 'Mulish'; color: #000000; margin: 0; position: absolute; right: 0; }
.submitbtnsec p a { background-color: #e7eef5; border: 1px solid #9dbbd7; color: #262626; padding: 0px 8px; font: normal 400 14px/22px 'Mulish'; border-radius: 4px; }
.submitbtnsec p a + a {}


.formbg h2 { font-size: 20px; font-weight: 400; font-family: 'Reem Kufi'; color: #005798; padding: 30px 0;}

.location-select {display: flex;margin: 16px 0 0;position: relative;width: 100%;}
.location-select>div { flex: 0 0 25%; max-width: 25%; -ms-flex: 0 0 25%; }
.formArea .field:first-child { margin-left: 0; }

.field input[type="text"], .field input[type="emial"], .field input[type="number"], .field select
{width: 100%; border: 1px solid #D9D9D9; height: 40px; box-sizing: border-box; border-radius: 4px; }

.topSec > ul { display: flex; justify-content: flex-start; align-items: center; padding: 0px; margin: 0px; width: 100%; list-style: none; }
.topSec > ul > li:last-child { padding: 0 15px 0 0;display: flex;justify-content: flex-end;align-items: center;}

.adultsList a svg path { fill: #0a549c;;}
.adultsList select {border: 0;background: transparent;color: #0a549c; text-decoration: none; font-size: 14px; font-weight: 400; cursor: pointer; font-family: 'Mulish', sans-serif;}
.adultsList select option { background: transparent;}
.form-tab-list ul {display: flex;justify-content: flex-start;align-items: center;list-style: none;padding: 0;margin: 0;}
.form-tab-list ul li { background: #fafafa; border: 1px solid #d9d9d9;  border-radius: 11px; margin-right: 8px; cursor: pointer; font-size: 12px;font-family: 'Mulish', sans-serif;padding: 0px 7px; transition: 0.3s; color: #262626; line-height: 20px; font-weight: 400;  } 
.form-tab-list ul li.active { background: #e7eef5; border: 1px solid #9dbbd7; color: #0A549C;  }

.adultsList {text-align: right;padding: 0px 0 0 5px;position: relative;}
.adultsList a#travel, .adultsList a.flightClass {color: #0a549c; text-decoration: none; font-size: 14px; font-weight: 400; cursor: pointer; font-family: 'Reem Kufi'; border-radius: 4px; padding: 4px 10px; display: flex; flex-wrap: nowrap; }
#travel img:first-of-type {margin-left: 6px;}
.adultsList #adultDD { display: flex; justify-content: center; align-items: center; }
.adultsList #adultDD img { margin-left: 5px; }
.adultsList svg.adult { height: 22px; margin-bottom: -4px; }
.adultsList a:hover, .adultsList a.flightClass:hover { background-color: rgba(0, 0, 0, 0.018); }
.formbg img.hide-mobile { width: 12px; margin-left: 3px; }

#flightName.flightName { display: flex; flex-wrap: nowrap; }
.flightClass>p { color: #0a549c; }

.adultsList .innerSec {  z-index: 10; background-color: #fff; background-clip: padding-box; border-radius: 12px; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; min-width: 350px; text-align: left; padding: 20px; box-sizing: border-box; position: absolute; left: 0; display: none; z-index: 20; top: 47px;  }
.adultsList .innerSec h3 {color: #0a549c; font-weight: 400; font-size: 0.875rem; font-family: 'Reem Kufi', sans-serif;padding: 0 0 20px;margin: 0;}
.adultsList .innerSec .closeAdultList {position: absolute;right: 20px;top: 20px;font-family: 'Mulish', sans-serif;font-size: 14px;color: #0a549c; padding: 0; }
.adultsList .innerSec .closeAdultList { width: 11px; height: 11px; } 
.adultsList .innerSec > ul { padding: 0; margin: 17px 0 25px; }
.adultsList .innerSec > ul > li:first-child { padding-top: 0;}
.adultsList .innerSec > ul > li { min-width: 100%; padding: 16px 10px 0 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;  }
.adultsList .innerSec > ul > li .leftTxt {padding-left: 30px;position: relative;}
.adultsList .innerSec > ul > li .leftTxt svg, .adultsList .innerSec > ul > li .leftTxt>img { width: 15px; height: 16px; position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.adultsList .innerSec > ul > li .leftTxt svg path { fill: #0a549c;}
.adultsList .innerSec > ul > li .leftTxt h5 {font-size: 14px;font-weight: 400;color: #262626;padding: 0;margin: 0;font-family: 'Reem Kufi', sans-serif;line-height: 20px;}
.adultsList .innerSec > ul > li .leftTxt h5 span {display: block;font-family: 'Mulish', sans-serif;font-size: 0.75rem;font-weight: 400;}

button.counter-plus:disabled svg path:first-child, button.counter-plus:disabled svg path:last-child { fill: #aaa; }

.adultsList .innerSec > ul > li > div { flex: 1 0 0;  }
.adultsList .innerSec > ul > li input[type="submit"],
.adultsList .innerSec > ul > li a.travelers_done { color: #fff; border-color: #0a549c; background: #0a549c; text-shadow: 0 -1px 0 rgb(0 0 0 / 12%); box-shadow: 0 2px 0 rgb(0 0 0 / 5%); cursor: pointer; border: 0; width: 200px; line-height: 33px; border-radius: 5px; text-align: center; }
.adultsList .innerSec > ul > li:last-child { justify-content: center;  flex-direction: column; }
.adultsList .innerSec > ul > li p { color: #ff4d4f; font-size: 12px; font-weight: 400; text-align: center; width: 100%;; }

.adultsList #travel span {margin-right: 0.25rem; padding-right: 1px; }

.formArea { display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;max-width: 100%;}
.formArea .field {margin: 0 0 0 20px;box-sizing: border-box;position: relative;}
.formArea .field input#destinationDate, .formArea .field input#originDate { background: url(../images/calander_date.svg) left 11px center no-repeat; background-size: 18px; padding-left: 35px; caret-color: transparent; }
.formArea .field input {padding-left: 34px; font: normal 400 16px/26px 'Reem Kufi'; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/09/location.svg) left 15px top 11.75px no-repeat; background-size: 11.25px 15.75px;}
.formArea .field + .field {margin-left: 20px;}
.formArea .field .countryList .dropdown-toggle {  background: url(../images/location.svg) left 15px center no-repeat; background-size: 12px auto; padding: 7px 0 7px 35px;  }
.formArea .field + .field.disableDate input { color: rgba(0, 0, 0, 0.25); }
.btn.dropdown-toggle.btn-light.bs-placeholder:hover, .btn.dropdown-toggle.btn-light.bs-placeholder:focus { border-color: #0a549c !important; box-shadow: 0 0 4px 0px rgba(24, 144, 255, 0.5) !important; }
.switch.disableSwitch { pointer-events: none; }
.switch {position: absolute;left: 24%;top: 0px;width: 40px;height: 40px;background: white;border-radius: 50%;padding: 0;box-shadow: 0px 1px 4px rgb(0 0 0 / 25%); z-index: 10; display: flex; justify-content: center; align-items: center; border: 1px solid white; transition: 0.3s; }
.switch:hover, .switch:focus { color: #256ba8; border-color: #256ba8; }
#multicity .switch { left: 38%; }
#multicity .location-select { padding-right: 45px; }

.FCbox { z-index: 10; background-color: #fff; background-clip: padding-box; border-radius: 12px; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; min-width: 390px; text-align: left; padding: 20px; box-sizing: border-box; position: absolute; left: 0; display: none; z-index: 20; top: 47px;  }
.adultsList a.closeFCList { position: absolute; right: 20px; top: 20px; font-family: 'Mulish', sans-serif; font-size: 14px; color: #0a549c;  padding: 0; margin: 3px 0 0 0; }
.adultsList a.closeFCList img { max-width: 11px; }
.FCbox h3 { color: #0a549c; padding-bottom: 10px; font: normal 500 14px/1.5715 'Reem Kufi'; }

.flightClass {margin: 0px 0 0 0;color: #0a549c;text-decoration: none;font-size: 14px;font-weight: 400;cursor: pointer;font-family: 'Reem Kufi', sans-serif; display: flex;}
/* .flightClass .flight-icon { margin-left: 4px;} */
.flightClass ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding: 8px 0 18px 0; }
.flightClass ul li { position: relative; margin: 10px 0 16px; padding: 0 0 0 28px; color: #262626; font-size: 0.75rem; font-family: 'Mulish'; font-weight: 400; }
.flightClass ul li a {font-size: 12px;color: #262626;font-weight: 400;}
.flightClass ul li:before {content: '';border: 1px solid #d9d9d9;border-radius: 50%;position: absolute;left: 0;top: 0;width: 16px;height: 16px;}
.flightClass ul li:hover:before, .flightClass ul li.active:before { border-color: #0a549c; }
.flightClass ul li:after {width: 8px; height: 8px; left: 4px; top: 4px; position: absolute; content: ''; background: transparent; border-radius: 50%; }
.flightClass ul li:hover:after, .flightClass ul li.active:after { background: #0a549c; }

.adultsList .innerSec > ul #error, .adultsList .innerSec > ul #errorDouble {color: #f5222d; font-size: 0.75rem; font-weight: 400; font-family: 'Reem Kufi'; font-family: 'Reem Kufi'; padding-top: 10px; line-height: 1.5715; }

.submitBtn {padding: 10px 0 0 0;text-align: center;width: 100%;}
.submitBtn a {color: #fff; background: #0a549c; text-shadow: 0 -1px 0 rgb(0 0 0 / 12%); box-shadow: 0 2px 0 rgb(0 0 0 / 5%); text-decoration: none; width: 200px; display: block; margin: auto; line-height: 37px; border-radius: 4px; transition: 0.3s; }
.submitBtn a:hover {  background: #1a73ca; }

.text-muted {display:  block;padding: 7px 0 7px 0 !important;color: #212529 !important;font-size: 12px;}
.countryList .btn { background: transparent; border: 1px solid #d9d9d9; width: 100%; height: 40px; }
.countryList .bootstrap-select { width: 100% !important; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: transparent; border-color: #d3d9df; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus { background: transparent !important; color: #212529;  }
.bootstrap-select .dropdown-menu li.active small { color: #6c757d!important; }
.bootstrap-select .dropdown-menu li {background: url(../images/airoplan.svg) left 10px top 13px no-repeat;padding-left: 15px !important;background-size: 17px;font-family: 'Reem Kufi'; font-weight: 400; font-size: 0.875rem; }
.bootstrap-select .dropdown-menu li:hover { background-image: url(../images/airoplan_blue.svg); }
.bootstrap-select .dropdown-menu li:hover { background-color: #e7eef5;}
.bootstrap-select .dropdown-menu li:hover a, .bootstrap-select .dropdown-menu li:hover small { color: #0a549c !important; }

.rangePicker, #disableInput input {background: url(../images/calander_date.svg) left 14px center no-repeat; padding: 0 20px 0 40px; background-size: 16px; }

.dd-container, .dd-select { width: 100% !important; }
.dd-selected { padding: 5px 10px !important; border: 0px solid #d9d9d9; height: 38px; box-sizing: border-box; border-radius: 3px; background-color: white; }
.dd-option-image, .dd-selected-image { max-width: 20px !important; margin-top: 5px; margin-right: 10px !important; }
label.dd-selected-text { line-height: 32px !important; }
.dd-option-description { font-size: 12px; }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { width: 40px; height: 28px;}

.formArea #multicity .field:first-child { -ms-flex: 0 0 50%; flex: 0 0 10%; max-width: 10%; display: flex; align-items: center; }
.formArea #multicity .field { -ms-flex: 0 0 28.5%; flex: 0 0 28.5%; max-width: 28.5%; } 
.addDesti {color: #0a549c; border-color: transparent; background: transparent; box-shadow: none; cursor: pointer; padding: 0; }
.addDesti .iconPlus svg {width: 13px;height: auto;  }
button:focus { outline: none; }
.formArea #multicity .field.delete { -ms-flex: 0 0 15px; flex: 0 0 15px; max-width: 15px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
#multicity.form_tab-content { max-width: calc(100% - 10px); flex: 0 0 calc(100% - 10px); }


.formbg .bootstrap-select .dropdown-toggle .filter-option-inner-inner {  line-height: 28px; font-size: 16px; font-family: 'Reem Kufi'; }
.formbg .dropdown-toggle::after { display: none; } 
/* .formbg .bootstrap-select .dropdown-toggle .filter-option { top: -2px; } */

.formbg button.btn.dropdown-toggle.btn-light.bs-placeholder.bs-invalid { border: 1px solid red; }

.formbg .bootstrap-select .dropdown-menu li.optgroup-1.dropdown-header { background-image: none; }
.bootstrap-select .dropdown-toggle:focus { outline: 0px auto -webkit-focus-ring-color!important; }


#travellers li .quantity{ display: flex; justify-content: flex-end; }
#travellers li .quantity input.minus-btn { background: transparent; border: 0; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/minuscircle-blue.svg) center top no-repeat; font-size: 0;width: 18px; height: 18px; background-size: contain; }
#travellers li .quantity input.value-input { border: 0; max-width: 18px; padding: 0px; margin: 0; height: 25px; line-height: 25px; font-size: 16px; font-family: 'reem kufi'; text-align: center; margin-top: -4px; }
#travellers li .quantity input.plus-btn { background: transparent; border: 0; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/PlusCircle.svg) center top no-repeat; font-size: 0; width: 18px; height: 18px; background-size: contain; }
#travellers li .quantity input.btn.focus, #travellers li .quantity input.btn:focus { box-shadow: none; }
#travellers li .quantity input.value-input:focus { box-shadow: none; }
#travellers li .quantity .btn.disabled, #travellers li .quantity .btn:disabled { opacity: .25; filter: grayscale(100%); }




/* Calander Styling */
.ui-widget-header { border: 0; background: transparent; color: #333333; font-weight: normal; font-family: 'Reem Kufi'; font-size: 14px; }
.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 { border: 0px solid #c5c5c5; background: transparent; font-weight: normal; color: rgba(0, 0, 0, 0.85); font-family: 'Reem Kufi'; width: 51px; height: 50px; }
 .ui-datepicker td span,
 .ui-datepicker td a { padding: 1em; text-align: center; }
.ui-widget.ui-widget-content { min-width: 740px;}
.ui-datepicker th { font-weight: 400; font-family: 'Reem Kufi'; }

.formArea .field.disableDate input#destinationDate { background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; }
.ui-datepicker th span[title="Saturday"], .ui-datepicker th span[title="Sunday"] { color: #005a94; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 24px; height: 24px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span { background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/left-arrow.svg) left top no-repeat; width: 24px; height: 24px; }
.ui-widget-header .ui-icon { width: 24px; height: 24px; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/right-arrow.svg) ;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 0; background: transparent; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px;; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; }
.ui-datepicker .ui-datepicker-next span { margin-left: -15px; margin-top: -8px; }
/* Calander Styling */

a.clear { position: absolute; right: 20px; top: 12px; display: block; z-index: 1; }

#ui-id-1.ui-widget.ui-widget-content, #ui-id-2.ui-widget.ui-widget-content { max-width: 278px; width: auto !important; min-width: inherit; }

#crossOrigin, #crossDestination { position: absolute; right: 15px; top: 12px; z-index: 5; cursor: pointer; }
#crossOrigin svg path, #crossDestination svg path { fill: #005a94; }

.ui-datepicker td { padding: 0; }
.ui-datepicker td.dp-highlight a { background-color: #e7eef5; padding-bottom: 35px; position: relative; }
.ui-datepicker td.dp-highlight.dp-departure.ui-datepicker-current-day a,
.ui-datepicker td.dp-highlight.dp-departure a { border: 1px solid #005798; background: white; }
.ui-datepicker td.dp-highlight.dp-departure.ui-datepicker-current-day a:before,
.ui-datepicker td.dp-highlight.dp-departure a::before { content: 'Depart on'; position: absolute; left: -1px; right: -1px; top: -12px; font-size: 10px; color: white; background: #005798; padding: 2px 0; text-align: center; font-family: 'Reem Kufi'; }


.ui-datepicker td.dp-highlight.dp-return a { border: 1px solid #005798; background: white; border-top: 0; }
.ui-datepicker td.dp-highlight.dp-return a:before { content: 'Return on'; position: absolute; left: -1px; right: -1px; top: -12px; font-size: 10px; color: white; background: #005798; padding: 2px 0; text-align: center; font-family: 'Reem Kufi';}


.dropdown-menu.show { transform: none !important; padding: 0 25px 0 0; margin-top: 0px; border: 0; background: transparent; width: 100%; }
.formArea .field .bs-searchbox { padding: 0;}
.formArea .field .bs-searchbox input[type=search] { border: 0; background-size: 12px auto; background-position: left 15px center; background: transparent; }
.formArea .field .bs-searchbox input[type=search].form-control:focus { box-shadow: none; }
.formArea .field .inner.show { background-color: white; /* box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);*/ margin-top: 7px; border: 1px solid rgba(0,0,0,0.05); }

.error { color: #f5222d; font-size: 12px; font-family: 'Mulish'; line-height: 19px; display: inline-block;  }

.bootstrap-select.show .filter-option-inner-inner { opacity: 0; }


.bootstrap-select .dropdown-menu li.no-results { padding: 0 !important; margin: 0; }
.nodata { width: 100%; background-color: white; text-align: center; color: rgba(0, 0, 0, 0.25); font: normal 400 14px/22px 'Reem Kufi'; position: relative; padding: 70px 0 15px 0; margin: -10px 0 0 0px; }
.nodata::before { width: 60px; height: 55px; left: 0px; right: 0px; top: 20px; content: ''; position: absolute; background: url(https://www.sastaticket.pk/wp-content/uploads/2024/01/search-no-data.png) center top no-repeat; margin: auto; background-size: 100% 80%; }


@media (max-width: 1200px) {
    .mtop-100 { margin-top: 30px; } 

    .submitbtnsec #flightSearch { right: inherit; margin-bottom: 15px; margin: 0px 0 0 0; width: 271px; margin: auto; }
    .submitbtnsec { flex-direction: column; align-items: flex-start; margin-top: 0;}
    .submitbtnsec p { position: relative;     padding: 6px 0 0 0; }
    .submitbtnsec p span { display: block; padding-bottom: 4px;  }

}


@media (max-width: 1000px) {
    .location-select>div { flex: 0 0 100%; max-width: 100%; -ms-flex: 0 0 100%; }
    .switch { left: inherit; right: 50px; top: 35px; transform: rotate(90deg); }
}

@media (max-width: 767px) {
    .mtop-100 { margin-top: 30px; } 
    section.breadcrumbs.mt-4.mb-3 { padding-top: 40px; }
    .topSec > ul {  flex-direction: column; align-items: flex-start; }
    .location-select { flex-direction: column; }

    .topSec > ul > li:last-child {position: absolute; left: 0px; top: 285px; border: 1px solid #d9d9d9; padding: 12px 15px; width: calc(100% - 24px); justify-content: flex-start; border-radius: 4px; right: 0; margin: auto; }
    .adultsList #adultDD { flex-direction: row-reverse; }
    .adultsList #adultDD, .flightClass { font-size: 16px; color: #262626;  }
    .newbanner .formbg { position: relative; padding: 21px 12px 20px 12px; margin-bottom: -39px;     box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); }
    .adultsList { padding: 0px 0px 0 0px;}
    .hide-mobile { display: none;}
    .adultsList #adultDD img { margin-left: 0px; margin-right: 5px; }

    #crossOrigin, #crossDestination { right: 10px; top: 25px; }
    
    .formArea .field, .formArea .field + .field { margin: 0; padding-bottom: 15px; position: relative;     padding: 10px 0 0 0; }
    /* .error { position: absolute; left: 0; bottom: 0; } */
    .formArea .field input, .formArea .field .countryList .dropdown-toggle { padding-top: 10px; padding-bottom: 10px; }
    .formArea .field .countryList .dropdown-toggle { max-width: inherit;}
    .location-select>div { flex: 0 0 100%; max-width: 100%; -ms-flex: 0 0 100%; }
    /* .submitbtnsec #flightSearch { right: inherit; margin-bottom: 15px; margin: 0px 0 0 0; width: 100%; }
    .submitbtnsec { flex-direction: column; align-items: flex-start; margin-top: 72px; }
    .submitbtnsec p { position: relative;     padding: 6px 0 0 0; }
    .submitbtnsec p span { display: block; padding-bottom: 4px;  } */
    .form_tab-content {  max-width: calc(100% - 0px); flex: 0 0 calc(100% - 0px); }

    .FCbox {left: -116px; min-width: 350px; }
    .adultsList .innerSec { left: -20px;}
    .adultsList a#travel { flex-direction: row-reverse; }
    .adultsList a#travel img { margin-right: 5px; }
    .ui-widget.ui-widget-content { min-width: calc(100% - 50px); }
}



/* Mobile Styling for FORM */
.mobTravelersOverlay { background: rgba(0,0,0,0.5); position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ''; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 150; }
.mobTravelersOverlay.active { opacity: 1; visibility: visible; }
.mobile-form { display: none; }
.mobile-form .mob-top-btn { margin-bottom: 12px; display: flex;}
.mobile-form .mob-top-btn a  { background: #fafafa; border: 1px solid #d9d9d9; border-radius: 11px; margin-right: 8px; cursor: pointer; font-size: 0.875rem; font-family: 'Mulish', sans-serif; padding: 0px 7px; transition: 0.3s; color: #262626; line-height: 20px; font-weight: 400; }
.mobile-form .mob-top-btn a.active  { background: #e7eef5; border: 1px solid #9dbbd7; color: #0A549C; }

.mobile-form .mob-form-area {position: relative;}
.mobile-form .mob-mb-10 { margin-bottom: 10px; display: flex; }

.mobile-form input { display: block; width: 100%; line-height: 1.5715; background-color: #fff; color: rgba(0, 0, 0, 0.85); border: 1px solid #d9d9d9; border-radius: 4px; padding: 8px 11px 8px 34px;  line-height: 28px; font-size: 16px; font-family: 'Reem Kufi'; }

.mobile-form .mob-flying-from input { background: url(../images/location.svg) left 12px center no-repeat; background-size: 15px 16px; }
input.return { display: none; margin-left: 6px; }
.mobile-form .mob-calander-from input {background: url(../images/calander_date.svg) left 11px center no-repeat; background-size: 18px;}
.mobile-form .mob-travelers input {background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/Traveler.svg) left 14px center no-repeat; background-size: 18px auto;}
.mobile-form .form-submit button[type="submit"] { width: 100%; line-height: 40px; border: 0; font-family: 'Reem Kufi'; background-color: #005798; color: white; font-size: 16px; border-radius: 5px; margin: auto; cursor: pointer; text-align: center; }
.mobile-form .form-submit button[type="submit"] span svg { bottom: -2px; position: relative; }
.mobile-form .form-submit button[type="submit"] span + span { margin-left: 8px; }
.mobile-form .mob-flying-from input:hover, .mobile-form .mob-flying-from input:focus, .mobile-form .mob-calander-from input:hover, .mobile-form .mob-calander-from input:focus, div#test:hover { border-color: #256ba8; box-shadow: 0 0 0 2px rgba(10, 84, 156, 0.2);  }
.mobile-form .mob-trending-links {}
.mobile-form .mob-trending-links p { font: normal 400 14px/22px 'Mulish'; color: #000000; margin: 0; }
.mobile-form .mob-trending-links p a {background-color: #e7eef5; border: 1px solid #9dbbd7; color: #262626; padding: 0px 8px; font: normal 400 14px/22px 'Mulish'; border-radius: 4px; text-decoration: none; }
.mobile-form .mob-trending-links p span { display: block; margin-bottom: 5px; }


.popu-fields { position: fixed; left: 0; right: 0; bottom: 0; height: 0%; width: 100%; background-color: white; z-index: 1100; transition: 0.5s; padding: 8px; }
.popu-fields.active { height: 100%; }
.popu-fields .close-popup { margin-right: 0.5rem; display: flex; justify-content: flex-start; align-items: center; }
.popu-fields .close-popup svg { width: 18px; height: 18px; }
.popu-fields .popup-input-div:first-child { padding-top: 10px; }
.popu-fields .popup-input-div { padding: 0px 16px 0px 16px; margin: 0 0 20px 0; }
.popu-fields .popup-input-div h2 { padding: 0; margin: 0 0 0.5em 0; font: normal 400 16px/20px 'Reem Kufi'; color: rgba(0,0,0,0.85); display: flex;  }
.popu-fields .popup-input-div input { padding: 0 11px; height: 40px; background-image: none; background-color: white; }

.popu-fields .popup-input-div.bor-bot { padding: 0; }
.popu-fields .popup-input-div.bor-bot h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.06); line-height: 1.5715; padding-left: 16px; padding-right: 16px; }

.popu-fields .buttons-area { padding: 0 16px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.popu-fields .buttons-area button { background: #fafafa; border-radius: 11px; cursor: pointer; border: 1px solid #d9d9d9; margin-bottom: 0.5rem !important; font: normal 400 12px/20px 'Mulish'; color: #262626;padding: 0 8px; margin-right: 0.46rem; }

.popu-fields .dropdown-menu.show { padding: 0px 0 0 0; background-color: white; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }
.popu-fields .bs-searchbox { padding: 0; }
.popu-fields .inner.show { padding-top: 5px; } 
.popu-fields .bootstrap-select .dropdown-menu li.selected.active { background-color: #e7eef5; }
.popu-fields .bootstrap-select .dropdown-menu li.selected.active a,
.popu-fields .bootstrap-select .dropdown-menu li.active small { color: #0a549c !important; }
.formbg .popu-fields .bootstrap-select .dropdown-toggle .filter-option-inner-inner { line-height: 24px; }

.popup-travelers { position: fixed; left: 0; right: 0; bottom: -20px;height: 0%;width:100%; background-color: white; transition: 0.5s; padding: 16px; border-radius: 10px 10px 0 0;z-index: 1155; overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
/* .popup-travelers.active { height: calc(100% - 40px); } */
.popup-travelers.active {height: 100%; bottom: 0; border-radius: 0;} 
.popup-travelers h2 { padding: 0 0 15px 0; }
.mobTravelersCloser { position: absolute; right: 15px; top: 15px; }
.mobTravelersCloser svg { width: 22px; height: 22px; }

#mobCrossOrigin, #mobCrossDestination{ position: absolute; right: 15px; top: 12px; z-index: 105; cursor: pointer; }
#mobCrossOrigin svg, #mobCrossDestination svg { width: 18px; height: 18px; }
.popu-fields .popup-input-div .field { position: relative; }
.popu-fields .popup-input-div .field svg path { fill: #005a94; }

ul#mob-travellers { padding: 0; margin: 17px 0 25px; width: 100%; }
ul#mob-travellers > li:first-child { padding-top: 0;}
ul#mob-travellers > li { min-width: 100%; padding: 16px 10px 0 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;  }
ul#mob-travellers > li .leftTxt {padding-left: 30px;position: relative;}
ul#mob-travellers > li .leftTxt svg, ul#mob-travellers > li .leftTxt>img { width: 15px; height: 16px; position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
ul#mob-travellers > li .leftTxt svg path { fill: #0a549c;}
ul#mob-travellers > li .leftTxt h5 {font-size: 14px;font-weight: 400;color: #262626;padding: 0;margin: 0;font-family: 'Reem Kufi', sans-serif;line-height: 20px;}
ul#mob-travellers > li .leftTxt h5 span {display: block;font-family: 'Mulish', sans-serif;font-size: 0.75rem;font-weight: 400;}
button.counter-plus:disabled svg path:first-child, button.counter-plus:disabled svg path:last-child { fill: #aaa; }

ul#mob-travellers > li > div { flex: 1 0 0;  }
ul#mob-travellers > li input[type="submit"],
ul#mob-travellers > li a.travelers_done { color: #fff; border-color: #0a549c; background: #0a549c; text-shadow: 0 -1px 0 rgb(0 0 0 / 12%); box-shadow: 0 2px 0 rgb(0 0 0 / 5%); cursor: pointer; border: 0; width: 200px; line-height: 33px; border-radius: 5px; text-align: center; }
ul#mob-travellers > li:last-child { justify-content: center;  flex-direction: column; }
ul#mob-travellers > li p { color: #ff4d4f; font-size: 12px; font-weight: 400; text-align: center; width: 100%;; }



#mob-travellers li .quantity{ display: flex; justify-content: flex-end; }
#mob-travellers li .quantity input.minus-btn { background: transparent; border: 0; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/minuscircle-blue.svg) center top no-repeat; font-size: 0;width: 18px; height: 18px; background-size: contain; padding: 0; }
#mob-travellers li .quantity input.value-input { border: 0; max-width: 18px; padding: 0px; margin: 0; height: 25px; line-height: 25px; font-size: 16px; font-family: 'reem kufi'; text-align: center; margin-top: -4px; }
#mob-travellers li .quantity input.plus-btn { background: transparent; border: 0; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/PlusCircle.svg) center top no-repeat; font-size: 0; width: 18px; height: 18px; background-size: contain; padding: 0; }
#mob-travellers li .quantity input.btn.focus, #mob-travellers li .quantity input.btn:focus { box-shadow: none; }
#mob-travellers li .quantity input.value-input:focus { box-shadow: none; }
#mob-travellers li .quantity .btn.disabled, #mob-travellers li .quantity .btn:disabled { opacity: .25; filter: grayscale(100%); }


.mobFlightClass .radio-container { box-sizing: border-box;  display: flex; justify-content: center; align-items: center; flex-flow: row wrap;}
.mobFlightClass input.radio-input { appearance: none; background-color: #ffffff; width: 16px; height: 16px; border: 1px solid #cccfdb; margin: 0; border-radius: 50%; display: grid; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 0; }
.mobFlightClass input.radio-input::before { content: ""; width: 14px; height: 14px; border-radius: 50%; transform: scale(0); transition: 0.3s transform ease-in-out; /* box-shadow: inset 6px 6px #ffffff; */ background-color: #0a549c; border: 3px solid white; }
.mobFlightClass input.radio-input:checked { background: #0a549c; border: 1px solid #0a549c; padding: 0; }
.mobFlightClass input.radio-input:checked::before { transform: scale(1); }
.mobFlightClass .radio { cursor: pointer; padding: 6px 8px; font: normal 400 12px/19px 'Mulish'; color: rgb(38, 38, 38);}
.mobFlightClass .radio:not(:last-child) { margin-right: 6px; }
.mobFlightClass h3 { font: normal 400 14px/22px 'Reem Kufi'; color: rgb(10, 84, 156);  }
.mobFlightClass ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.mobFlightClass ul li {margin-bottom: 10px; }


.travelers-btn {box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, 0.1); padding: 16px; width: calc(100% + 40px); margin-top: auto; margin-left: -15px; }
.travelers-btn button { color: #fff; border: 0px; background: #0a549c; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); width: 214px; height: 40px; padding: 6.4px 15px; border-radius: 4px; display: block; margin: auto; font: normal 400 16px/24px 'Reem Kufi'; }
.travelers-btn button:disabled { color: rgba(0, 0, 0, 0.25); border: 1px solid #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; }
.mobSwitch { position: absolute; right: 40px; top: 30px; width: 40px; height: 40px; background: white; border-radius: 50%; padding: 0; box-shadow: 0px 1px 4px rgb(0 0 0 / 25%); z-index: 10; display: flex; justify-content: center; align-items: center; border: 1px solid white; transition: 0.3s; }
.mobSwitch img { transform: rotate(90deg); }
a.mobSwitch:hover, a.mobSwitch:focus { border-color: #256ba8; }

div#test { display: block; width: 100%; line-height: 1.5715; background-color: #fff; color: rgba(0, 0, 0, 0.85); border: 1px solid #d9d9d9; border-radius: 4px; padding: 8px 11px 8px 38px; font-size: 16px; font-family: 'Reem Kufi'; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/Traveler.svg) left 14px center no-repeat; background-size: 18px auto; }

.travel-counter-sec { width: 100%; }
.travel-counter-sec > ul {}
.travel-counter-sec > ul > li { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 18px; }
.travel-counter-sec > ul > li:last-child { margin: 0; }
.travel-counter-sec > ul > li .left-info { display: flex; justify-content: center; padding-left: 25px; position: relative; }
.travel-counter-sec > ul > li .left-info h5 { font-size: 14px; font-weight: 400; color: #262626; padding: 0; margin: 0; font-family: 'Reem Kufi', sans-serif; line-height: 22px; }
.travel-counter-sec > ul > li .left-info h5 span { display: block; font-family: Mulish, sans-serif; font-size: .75rem; font-weight: 400; }
.travel-counter-sec > ul > li .left-info > img { width: 15px; height: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.travel-counter-sec > ul > li .right-counter { margin-left: auto; display: flex; justify-content: center; align-items: center; padding-right: 10px; }
.travel-counter-sec > ul > li .right-counter span { margin: 0 10px; font-size: 1rem; font-family: 'Reem Kufi'; font-weight: 400; min-width: 12px; text-align: center; }
.travel-counter-sec > ul > li .right-counter [type="button"]:first-child { background: transparent; border: 0; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/minuscircle-blue.svg) center top no-repeat; font-size: 0; width: 20px; height: 20px; background-size: contain; }
.travel-counter-sec > ul > li .right-counter [type="button"]:last-child { background: transparent; border: 0; background: url(https://www.sastaticket.pk/wp-content/uploads/2023/11/PlusCircle.svg) center top no-repeat; font-size: 0; width: 20px; height: 20px; background-size: contain;}

.travel-counter-sec > ul > li [type="button"]:disabled { opacity: .50; filter: grayscale(100%); }

span#errorText p { color: #ff4d4f; font-weight: 400; font-size: 0.75rem; padding: 3px 0 25px; font-family: 'Reem Kufi'; }



/* datepicker styling */
.select-date { background-color: white; box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); padding: 0 24px; position: absolute; left: 0; right: 0; top: 0; display: flex; justify-content: flex-start; align-items: center; height: 68px; }
.calander-close { position: absolute; right: 28px; }
.select-date h3 {color: #0a549c; font-size: 20px; line-height: 28px; font-family: 'Reem Kufi'; }
#datepicker-container { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; border: 0px solid #ccc; z-index: 9999; padding: 70px 0 0 0; transform: translateY(100%); transition: 0.5s; height: 100%; visibility: hidden; }
#datepicker-container .datepickerSec { overflow-y: scroll; height: 100%; }
#datepicker-container.active { transform: translateY(0); visibility: visible; }
#datepicker-container .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-12.ui-datepicker-multi { display: flex !important; justify-content: center; align-items: center; flex-direction: column; width: 100% !important; height: auto; }

#datepicker-container .depart-on a,
#datepicker-container .dp-return a { position: relative; border: 1px solid #005798; }

.depart-on a:before, .dp-return a:before { content: 'Depart on'; position: absolute; left: -1px; right: -1px; top: -12px; font-size: 10px; color: white; background: #005798; padding: 2px 0; text-align: center; font-family: 'Reem Kufi'; }
.no-overflow { overflow: hidden; }
.dp-return a:before { content: 'Return on' }
#datepicker-container .ui-widget.ui-widget-content { border: 0px solid #c5c5c5; }
#datepicker-container .ui-datepicker .ui-datepicker-title { font: normal 400 16px/28px 'Reem Kufi'; color: rgba(0, 0, 0, 0.85); }
.calander-close svg { width: 1.2em; height: 1.3em; }

/* Datepicker Styling */
.mobile-form .ui-datepicker td.custom-class { background: #e7eef5; }
.mobile-form .ui-datepicker-multi .ui-datepicker-group { float: none; width: 100%; }
.mobile-form .ui-datepicker-multi .ui-datepicker-group table { width: 100%; }
/* Datepicker Styling */

.return-calander { padding-bottom: 70px; }

/* Mobile Styling for FORM */


/* Selectpicker Testing Styling */
#hoverGrayField { position: absolute; left: 2px; top: -1px; background: transparent; border: 0; width: auto; }
.popu-fields .dropdown-menu.show, .popu-fields .popup-input-div input[type="search"] { background: transparent;}
.popu-fields .inner.show { background-color: white; }
.formbg .popu-fields .bootstrap-select.show .filter-option-inner-inner { opacity: 0.5; }

#mobCrossOrigin { z-index: 115; }
.popu-fields .orig.show { z-index: 110;}

#mobCrossDestination { z-index: 105; }
.popu-fields .dest.show { z-index: 100;}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {border-color: #256ba8; box-shadow: 0 0 0 2px rgba(10, 84, 156, 0.2); }
.dest:focus {}
.dest .bootstrap-select .dropdown-toggle:focus { border-color: #256ba8 !important; box-shadow: 0 0 0 2px rgba(10, 84, 156, 0.2) !important; }
.bootstrap-select .dropdown-toggle:focus {border-color: #256ba8 !important; box-shadow: 0 0 0 2px rgba(10, 84, 156, 0.2) !important; }
.whiteBg { background-color: #ffffff !important; }
/* Selectpicker Testing Styling */


.return-date-popup {width: 100%; display: flex; justify-content: center; padding: 10px 16px; column-gap: 20px; background-color: white; height: 67px; position: fixed; left: 0; bottom: 0; margin: auto; z-index: 9999; box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, 0.1); }
.mobile-form input.oneway-date, .mobile-form input.return-date
{ background: url(../images/calander_date.svg) left 11px center  no-repeat; background-size: 18px; }
.return-date-popup input:focus { border-color: #0a549c; box-shadow: 0 0 4px 0px rgba(24, 144, 255, 0.5);}

/* INLINE flight search styling */
.inline-search#posts-content { background: none; background-color: white;border-bottom: 1px solid rgba(0, 0, 0, .1); box-shadow: rgba(0, 0, 0, .1) 0 0 12px; border-top: 1px solid rgba(0, 0, 0, .1); }
.inline-search .desktop-form { padding: 2rem 14px 14px 1rem; }
.inline-search .location-select>div { flex: 0 0 20%; max-width: 20%; -ms-flex: 0 0 20%; }
.inline-search .dropdown-menu.show { padding: 0; }
.inline-search .submitbtnsec #flightSearch { width: 100%; background: #e7eef5 url(https://www.sastaticket.pk/wp-content/uploads/2024/02/blue-serch.svg) 28% center no-repeat; color: #0a549c; }
.inline-search .switch { left: 19%; }
.inline-search #switch:hover { border: 1px solid #005798; }
.inline-search .submitbtnsec { display: block;}
/* INLINE flight search styling */


@media (max-width: 1200px) {
    .inline-search .submitbtnsec #flightSearch { background-position: 22%;}
}


@media (max-width: 1000px) {
    .inline-search { padding-top: 20px !important; }
    .inline-search div#disableInput { margin-top: 15px; }
    .location-select { flex-direction: column;}
    .inline-search .location-select>div { flex: 0 0 100%; max-width: 100%; -ms-flex: 0 0 100%; }
    .location-select .field, .location-select .field + .field { margin-left: 0; }
    .location-select .field.disableDate { margin-top: 15px; }
    .inline-search .switch { left: inherit; right: 30px; top: 30px; transform: rotate(90deg); }
    .inline-search .mobile-form .form-submit button[type="submit"] { background-color: #e7eef5; color: #0a549c; }
    .inline-search .submitbtnsec #flightSearch { background-position: 40%; }

    .form_tab-content { max-width: 100%; flex: 0 0 100%; }
}



@media (max-width: 767px) {

    .no-overflow { overflow: hidden; position: fixed; top: 0; }
    
    .mobile-form { display: block; padding: 0 5px; }
    .desktop-form { display: none; }

    .mobile-form .mob-flying-from.mob-mb-10 { flex-direction: column; }


    .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 { width: auto; height: auto; }

    .ui-datepicker-next, .ui-datepicker-prev { display: none !important; }
}