@charset "utf-8";
/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"); */
@import url(assets/css/header-footer.css);
@import url(assets/css/seacrh.css);
@import url(assets/css/month-seacrh.css);
@import url(assets/css/detail-modal.css);
@import url(assets/css/passenger-info.css);
@import url(assets/css/booking-details.css);
body {
   background: #fff;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   color: #080808;
   font-size: 15px;
   line-height: 22px;
   overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   color: #000;
   font-weight: 400;
   margin: 0 0 15px 0;
   font-family: "Poppins", sans-serif;
}
.wrapper {
   overflow: hidden;
   position: relative;
   width: 100%;
}
[class*="col-lg"], [class*="col-md"], [class*="col-sm"] {
    display: inline-block;
    float: none;
    margin: 0 -4px 0 0;
    vertical-align: top;
}
h1 {
   font-size: 30px;
   line-height: 38px;
   position: relative;
   z-index: 2;
}
h2 {
   font-size: 26px;
   line-height: 34px;
}
h3 {
   font-size: 23px;
   line-height: 30px;
}
h4 {
   font-size: 20px;
   line-height: 26px;
}
h5 {
   font-size: 17px;
   line-height: 24px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
   color: #000;
}
a {
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   text-decoration: none;
   transition: all 0.3s ease-in-out;
   color: #000;
}
a:hover,
a:focus,
a:active {
   color: #f37323;
   outline: none;
   text-decoration: none;
}
p {
   line-height: 22px;
   margin: 0 0 20px;
}
p strong {
   font-weight: 500;
   color: #000;
}
ul ul {
   margin: 0px;
}
figure {
   margin-bottom: 0;
   position: relative;
}
select,
textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="file"] {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 100%;
   border-radius: 0;
   border: 0;
   border-bottom: 1px solid #dcdcdc;
   line-height: 38px;
   height: 38px;
   font-size: 16px;
   font-weight: 400;
   padding: 0 0;
   outline: none;
   background: none;
}
select {
   -webkit-appearance: none;
   -moz-appearance: window;
   background-image: url(assets/images/icons/down.png);
   background-repeat: no-repeat;
   background-position: 96% center;
   background-size: 12px;
   font-family: "Poppins", sans-serif;
   background-color: transparent;
   outline: none;
   cursor: pointer;
}
select{
   width: 100%;
   border-radius: 0;
   border: 0;
   border-bottom: 1px solid #dcdcdc;
   line-height: 38px;
   height: 38px;
   font-size: 16px;
   font-weight: 400;
   padding: 0 0;
   outline: none;
}
label {
   font-weight: 400;
   color: #000;
   font-size: 14px;
   line-height: 15px;
   margin: 0 0 0 0;
   display: block;
}
textarea {
   height: 150px;
}
input:focus {
   outline: 0;
}
::-webkit-input-placeholder {
   color: #000;
}
:-moz-placeholder {
   color: #000;
   opacity: 1;
}
::-moz-placeholder {
   color: #b2bbc0;
   opacity: 1;
}
:-ms-input-placeholder {
   color: #666;
}
#main {
   margin-top: 0;
}

/* Main style Start */
.airticket-services {
   padding: 20px 0px;
}
.servives-slider {
   padding: 50px 0 60px;
   margin: 0 -15px;
   
}
.servives-slider .service-box {
   display: block;
   text-decoration: none;
}
.servives-slider .draggable{
   height: 290px;
    overflow: hidden;
}
.servives-slider .slick-track {
   height: 290px;
   overflow: hidden;
}
.servives-slider .product-item {
   float: left;
   padding: 0 15px;
}
.servives-slider .service-box .figure {
   width: 100%;
   padding-top: 0;
   position: relative;
   border-radius: 10px;
   margin-bottom: 10px;
   overflow: hidden;
   height: 238px;
}
.servives-slider .service-box .figure .child {
   position: relative;
}
.slick-slide img {
   display: block;
}
img.hover-img {
   display: none;
}
img.simple-img, img.hover-img {
   width: 100%;
}
.servives-slider .service-box p {
   text-align: center;
   color: #000;
   font-size: 20px;
   font-weight: 500;
}
.servives-slider .service-box:hover img.simple-img {
   display: none;
}
.servives-slider .service-box:hover img.hover-img {
   display: block !important;
}
.servives-slider .service-box:hover p {
   color: #f5821f;
}
.servives-slider ul.slick-dots {
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.servives-slider ul.slick-dots li{
   list-style: none;
   margin: 0;
   padding: 0 2px;
}
.servives-slider ul.slick-dots li button {
   margin: 0;
   font-size: 0;
   line-height: 0;
   border-radius: 10px;
   width: 12px;
   height: 12px;
   border: 2px solid #f5821f;
   display: block;
   padding: 0;
   background: #fff;
   transition: all 0.3s ease-in-out;
}
.servives-slider ul.slick-dots li:hover button,
.servives-slider ul.slick-dots li.slick-active button{
   background: #f5821f;
}

.about-us {
   padding:80px 0px 40px;
}
.about-us-heading {
   height: 100%;
   padding-right: 30px;
   display: flex;
   align-items: center;
}
.about-us-heading .heading-area {
   text-align: left;
   margin-bottom: 0px;
}
.about-us-heading .heading-area h2 {
   margin-bottom: 0;
   font-size: 40px;
   line-height: 40px;
   letter-spacing: -1.2px;
   color: #f5821f;
   font-weight: 800;
}
.about-us-content {
   padding: 0;
}
.about-us-content p {
   color: rgb(35, 31, 32);
   font-weight: normal;
   line-height: 26px;
}
.clients {
   background-color:#f5821f;
   padding: 30px 0px;
}
.cleint-wrapper{
   display: flex;
    align-items: center;
}
.cleint-heading {
   padding: 0;
}
.cleint-heading h2 {
   color: #fff;
   font-size: 40px;
   line-height: 42px;
   font-weight: normal;
}
.cleint-heading h2 b {
   display: block;
}
.cleint-wrapper .client-container {
   width: calc(100% - 181px);
   padding-left: 20px;
}
.cleint-wrapper .client-container .d-flex {
   height: 100%;
   align-items: center;
   justify-content: flex-end;
   flex-flow: wrap;
   display: flex;
}
.cleint-wrapper .client-container a {
   padding: 5px 0px 5px 10px;
   display: block;
}
.last-banners {
   padding: 30px 0;
}
.last-banners .add-box{
   margin: 0 -15px;
}
.add-box .inner-add-left {
   display: inline-block;
   width: 50%;
   margin: 0 -4px 0 0;
   vertical-align: top;
   padding: 0 10px;
}
.add-box .img-holder {
   margin: 0;
   padding: 0;
}
.add-box .img-holder figure {
   overflow: hidden;
   border-radius: 10px;
   margin: 0;
}
.add-box .img-holder figure img {
   width: 100%;
}
.add-box .inner-add-right {
   width: 50%;
   display: inline-block;
   margin: 0 -14px 0 -10px;
   vertical-align: top;
   padding: 0 10px;
}
.add-box .inner-add-right .img-holder {
   width: 50%;
   display: inline-block;
   margin-right: -4px;
   padding: 0 7px;
}
.heading-bg {
   background: #f8f8f8;
   padding: 25px 0 25px 0;
   margin: 0 0 0 0;
}
.heading-holder {
   text-align: center;
   padding: 0 0 0 0;
}
.heading-holder h2 {
   margin: 0 0 10px 0;
}
.heading-holder ul {
   padding: 0;
   margin: 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}
.heading-holder ul li {
   list-style: none;
   margin: 0 30px 0 0;
   padding: 0;
   color: #2f2f2f;
   font-size: 16px;
   line-height: 24px;
}
.flight-criteria {
   padding: 30px 0 30px 0;
}
ul.air-stop {
   margin: 0;
   padding: 0;
}
ul.air-stop li {
   list-style: none;
   margin: 0;
   padding: 8px 0;
   font-size: 14px;
   line-height: 24px;
   border-bottom: 1px solid #ced4da;
}
ul.air-stop li:first-child {
   border-bottom: 2px solid #ced4da;
}
ul.air-stop li strong {
   font-weight: 500;
   font-size: 16px;
   display: block;
}
ul.air-list {
   margin: 0;
   padding: 0;
   position: relative;
}
ul.air-list li {
   float: left;
   margin: 0;
   padding: 0 1px;
   list-style: none;
}
ul.air-list li span:first-child {
   border-bottom: 1px solid #ced4da;
   background: rgba(245, 130, 32, 0.4);
   padding: 8px 10px;
}
ul.air-list li span {
   display: block;
   margin: 0;
   padding: 8px 0;
   font-size: 14px;
   line-height: 24px;
   border-bottom: 1px solid #ced4da;
   text-align: center;
}
ul.air-list li span img{
   width: 100%;
}
ul.air-list .draggable {
   overflow: hidden;
}
ul.route-detail-list {
   margin: 0;
   padding: 0;
   border: 1px solid #ced4da;
   border-radius: 10px;
   background: #fff;
}

ul.route-detail-list li {
   display: block;
   padding: 0;
   margin: 0;
   list-style: none;
   border-bottom: 1px solid #ced4da;
}
ul.air-list button {
   font-size: 0;
   border: 0;
   width: 24px;
   height: 24px;
   border-radius: 50px;
   position: absolute;
   top: 54%;
   margin-top: 0;
   background: none;
   left: -15px;
}
ul.air-list button.slick-next {
   left: auto;
   right: -15px;
}
ul.air-list button:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   background: #f58220 url(assets/images/icons/next-w.png) no-repeat 4px 3px/18px;
   width: 24px;
   height: 24px;
   border-radius: 30px;
   transform: scaleX(-1);
}
ul.air-list button.slick-next:after {
   transform: scaleX(1);
}
ul.air-list button:hover:after {
   color: #3452e1;
}
.air-slide-holder {
   padding: 10px 0 30px;
}
ul.route-detail-list li {
   display: block;
   padding: 0;
   margin: 0;
   list-style: none;
   border-bottom: 1px solid #ced4da;
}
/* ul.route-detail-list li:nth-child(even) {
   background: #f8f8f8;
} */
ul.route-detail-list li:last-child {
   border-bottom: 0;
}
ul.route-detail-list li .holder-box {
   position: relative;
   padding: 15px;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   overflow: hidden;
}
ul.route-detail-list li .holder-box:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 1px solid #f37323;
   opacity: 0;
   transition: all 0.3s ease-in-out;
   pointer-events: none;
}
ul.route-detail-list li:first-child .holder-box:after {
   border-radius: 10px 10px 0 0;
}
ul.route-detail-list li:last-child .holder-box:after {
   border-radius: 0 0 10px 10px;
}
ul.route-detail-list li .holder-box:hover:after {
   opacity: 1;
}
ul.route-detail-list li .holder-box .flight-holder {
   display: flex;
   padding: 0;
   width: 75%;
   flex-wrap: wrap;
}
.fligut-route {
   width: 100%;
   display: flex;
   align-items: center;
   padding-bottom: 10px;
}
.fligut-route:last-child {
   padding-bottom: 0;
}
.fligut-route .holder {
   overflow: hidden;
   padding: 0;
   width: 50%;
}
.fligut-route .holder figure {
   float: left;
}
.fligut-route .holder figure img {
   width: 100%;
}
.fligut-route .holder .text-box {
   overflow: hidden;
   padding: 0 0 0 10px;
}
.fligut-route .holder .text-box h5 {
   font-size: 14px;
   line-height: 24px;
   color: #080808;
   font-weight: 500;
   margin: 0;
   font-family: "Poppins", sans-serif;
}
.fligut-route .holder .text-box p {
   font-size: 11px;
   line-height: 14px;
   color: #696969;
   margin: 0;
   font-weight: normal;
}
.fligut-route .holder-end {
   padding: 0;
   width: 30%;
}
.fligut-route .holder-end h5 {
   font-size: 14px;
   line-height: 24px;
   color: #080808;
   font-weight: 500;
   margin: 0;
   font-family: "Poppins", sans-serif;
}
.fligut-route .holder-end p {
   font-size: 11px;
   line-height: 14px;
   color: #696969;
   margin: 0;
   font-weight: normal;
}
.fligut-route .holder-m {
   position: relative;
   width: 30%;
   margin: 0 30px 0 0;
   text-align: center;
}
.fligut-route .holder-m span {
   font-size: 12px;
}
.fligut-route .holder-m span img {
   margin: 0 5px;
   vertical-align: middle;
}
ul.route-detail-list li .holder-box .detail-icon {
   padding: 100px 0 100px 0;
   width: 12.5%;
   text-align: center;
   margin-bottom: -100px;
   margin-top: -100px;
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
}
ul.route-detail-list li .holder-box .detail-icon span {
   display: block;
   margin-bottom: 10px;
}
ul.route-detail-list li .holder-box .detail-icon span a.not-add {
   position: relative;
   cursor: no-drop;
}
ul.route-detail-list li .holder-box .detail-icon span a.not-add:after {
   content: "";
   position: absolute;
   top: 12px;
   left: -6px;
   width: 29px;
   height: 2px;
   background: #f58220;
   transform: rotate(-45deg);
   display: block !important;
}
ul.route-detail-list li .holder-box .detail-icon span img {
   display: inline-block;
   padding: 0 2px;
   vertical-align: middle;
}
ul.route-detail-list li .holder-box .detail-icon span a:hover img {
   filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(2685%)
      hue-rotate(350deg) brightness(99%) contrast(92%);
}
ul.route-detail-list li .holder-box .detail-icon > a {
   font-size: 16px;
   line-height: 24px;
   color: #f58220;
}
ul.route-detail-list li .holder-box .detail-icon > a:hover {
   color: #f37323;
}
ul.route-detail-list li .holder-box .price-holder {
   padding: 0;
   width: 12.5%;
   text-align: center;
}
    ul.route-detail-list li .holder-box .price-holder figure{
        display:none;
    }
    ul.route-detail-list li .holder-box .price-holder .price {
        font-size: 18px;
        line-height: 22px;
        color: #080808;
        font-weight: 600;
        display: block;
    }
ul.route-detail-list li .holder-box .price-holder .price em {
   font-style: normal;
   font-weight: 300;
   font-size: 12px;
}
ul.route-detail-list li .holder-box .price-holder .btn-box {
   padding: 5px 0 0 0;
   display: inline-block;
}
ul.route-detail-list li .holder-box .price-holder .btn-box .btn-book,
ul.route-detail-list li .holder-box .price-holder .btn-box button.btn-book {
   display: inline-block;
   background: #f58220;
   color: #fff;
   padding: 2px 15px;
   border-radius: 20px;
   font-size: 14px;
   line-height: 20px;
   border: 0;
}
ul.route-detail-list li .holder-box .price-holder .btn-box .btn-book:hover,
ul.route-detail-list li .holder-box .price-holder .btn-box button.btn-book:hover {
   background: #f37323;
}
.tooltip {
   position: relative;
   display: inline-block;
   opacity: 1;
   color: #fff;
   cursor: default;
}
.tooltip {
   position: relative;
   display: inline-block;
   opacity: 1;
   color: #fff;
}
.tooltip:after,
.tooltip:before {
   opacity: 0;
   pointer-events: none;
   bottom: 100%;
   left: 50%;
   position: absolute;
   z-index: 10;
   transform: translate(-50%, 10px);
   transform-origin: top;
   transition: all 0.18s ease-out 0.18s;
}

.tooltip:after {
   background-color: #f58220;
   content: attr(data-tooltip);
   padding: 4px 10px;
   white-space: nowrap;
   margin-bottom: 11px;
   color: #fff;
   border-radius: 5px;
}

.tooltip:before {
   width: 0;
   height: 0;
   content: "";
   margin-bottom: 6px;
}

.tooltip:hover:before,
.tooltip:hover:after {
   opacity: 1;
   pointer-events: auto;
   transform: translate(-50%, 0);
}

[data-tooltip-pos="down"]:before {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #f58220;
   margin-top: 6px;
}
[data-tooltip-pos="down"]:before,
[data-tooltip-pos="down"]:after {
   bottom: auto;
   left: 50%;
   top: 100%;
   transform: translate(-50%, -10px);
}

[data-tooltip-pos="down"]:after {
   margin-top: 11px;
}

[data-tooltip-pos="down"]:hover:before,
[data-tooltip-pos="down"]:hover:after {
   transform: translate(-50%, 0);
}

[data-tooltip-length="small"]:after {
   width: 80px;
}

[data-tooltip-length="medium"]:after {
   width: 150px;
}

[data-tooltip-length="large"]:after {
   width: 260px;
}

[data-tooltip-length="fit"]:after {
   width: 100%;
}

.side-filters {
   background: #f8f8f8;
   padding: 15px 15px 10px;
   border-radius: 10px;
}

.side-filters h4 {
   font-size: 18px;
}
ul.filters {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 0 0 15px 0;
   padding: 0 10px 10px 10px;
   border-bottom: 1px solid #d7d7d7;
}
ul.filters li {
   margin: 0;
   padding: 0;
   list-style: none;
}
ul.filters.fares-filter li .form-input::before {
    top: 0;
}

ul.filters.fares-filter li .form-input::after {
    top: 11px;
}

ul.filters.fares-filter li .form-row {
    width: 30px;
}
.form-row {
   overflow: hidden;
   position: relative;
   display: inline-block;
   text-align: center;
   vertical-align: top;
}
.form-input {
   -webkit-appearance: none;
   appearance: none;
}

.form-input::before {
   content: "";
   cursor: pointer;
   height: 22px;
   position: absolute;
   width: 22px;
   border-radius: 30px;
   left: 50%;
   top: 35%;
   border: 1px solid #ddd;
   margin-left: -11px;
}

.form-input:checked::before {
   background: #fff;
}

.form-input::after {
   content: "";
   cursor: pointer;
   height: 12px;
   border-radius: 50px;
   border: 0;
   left: 50%;
   position: absolute;
   top: 45%;
   transform: translate(0, -50%);
   width: 12px;
   background: #fff;
   margin-left: -6px;
}

.form-input:checked::after {
   border: 0;
   background: #000;
}

.form-label {
   color: #fff;
   font-size: 13px;
   margin: 0;
   line-height: 29px;
   z-index: 1;
   position: relative;
   text-align: center;
   cursor: pointer;
}
.form-label img {
   display: inline-block;
}
.form-label span {
   display: block;
   font-size: 10px;
   color: #000;
   margin: 25px 0 0 0;
   font-weight: 500;
}
.form-input:checked ~ .form-label {
   color: #fff;
   position: relative;
}
.range-slides {
   padding: 0;
}
.range-slides h5 {
   font-size: 15px;
   font-weight: 500;
   margin: 0 0 10px 0;
}
.price-range-slider, 
.transit-time-slider, 
.departure-time-slider, 
.return-time-slider {
   width: 94%;
   padding: 0 0 15px;
   margin-left: 10px;
}
.price-range-slider .range-value {
   margin: 0;
   font-size: 12px;
   color: #8b8b8b;
   line-height: 18px;
}
.price-range-slider .range-value input {
   width: 100%;
   background: none;
   color: #8b8b8b;
   font-size: 12px;
   line-height: 18px;
   height: 18px;
   border: none;
   margin: 10px 0 0 0;
   font-weight: 500;
   padding: 0;
}
.price-range-slider .range-bar {
   border: none;
   background: #d7d7d7;
   height: 5px;
   width: 96%;
   margin-left: 8px;
   border-radius: 10px;
}
.price-range-slider .range-bar .ui-slider-range {
   background: #ff8900;
   border-radius: 10px;
   height: 5px;
   top: 0;
}
.price-range-slider .range-bar .ui-slider-handle {
   border: none;
   border-radius: 5px;
   background: #f58220;
   border: 0;
   height: 18px;
   width: 18px;
   top: -7px;
   cursor: pointer;
   box-shadow: 0px 0 0px 1px rgba(0, 0, 0, 0.1);
}
.price-range-slider .range-bar .ui-slider-handle + span {
   background: #f58220;
}
ul.sortby {
   margin: 0 0 15px 0;
   padding: 0 0 10px 0;
   border-bottom: 1px solid #d7d7d7;
}
ul.sortby li {
   list-style: none;
   display: block;
   margin: 0;
   padding: 0;
}
ul.sortby li label {
   color: #080808;
   padding: 0 0 0 20px;
   font-weight: normal;
   display: inline-block;
}
ul.sortby li .form-input::before {
   left: 11px;
   top: 5px;
   width: 18px;
   height: 18px;
}
ul.sortby li .form-input::after {
   left: 10px;
   top: 14px;
   width: 10px;
   height: 10px;
}
ul.sortby li .form-input:checked ~ .form-label {
   color: #080808;
}
.overlayFix2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
}
.ldrpup0 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   height: 100%;
}
.ldrpup0 h2 span {
   width: 100%;
   display: block;
}
.registration-sec{
   padding:50px 0 30px 0;
}
.regis-holder {
   box-shadow: rgba(8, 8, 8, 0.06) 0px 14px 40px;
   padding:30px 20px;
   background:#fff;
   border-radius: 10px;
   margin: 0 20%;
}
.registration-heading{
   padding: 0 0 20px 0;
   text-align: center;
}
.registration-heading h2 {
   font-size: 36px;
   font-weight: normal;
   color: #000;
   line-height: 40px;
   letter-spacing: -1.2px;
   margin: 0;
}
.registration-heading h2 b {
   color:#f5821f;
}
.registration-sec .fieldset{
   margin: 0 0 15px 0;
   position: relative;
}
span.text-danger.field-validation-error {
   color: red;
   position: absolute;
   width: auto;
   right: 0;
   top: 25px;
   font-size: 12px;
}
.registration-sec .fieldset a{
   line-height: 38px;
}
.registration-sec .fieldset p{
   line-height: 38px;
   margin: 0;
}
.registration-sec .fieldset select{
   width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    line-height: 38px;
    height: 38px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px;
    outline: none;
    border-top: 0;
    box-shadow: none;
    -webkit-appearance: none;
   -moz-appearance: window;
   background-image: url(assets/images/icons/down.png);
   background-repeat: no-repeat;
   background-position: 96% center;
   background-size: 12px;
}
.btn-regis{
   border-radius: 30px;
    background: #f5821f;
    height: 38px;
    line-height: 1;
    padding: 0 25px;
    border: 2px solid #f5821f;
    color: #fff;
    min-width: 120px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.btn-regis:hover {
   border: 2px solid #f5821f;
   background: none;
   box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
   color: #000;
}

/*** Contact Page style ***/
.contact-sec{
   padding:100px 0px 60px 0;
   background-image: url(assets/images/genral-images/map.png);
   background-position: center top;
   background-repeat: no-repeat;
}
.contact-box {
   display: flex;
   height: 100%;
   padding: 0px 0px 30px;
}
.contact-box .child {
   width: 100%;
   box-shadow: rgba(0, 0, 0, 0.03) 6px 22px 32px;
   border-radius: 10px;
   background-color: #fff;
   padding: 30px;
   text-align: center;
}
.contact-box .figure {
   background-color: rgb(255, 241, 232);
   height: 60px;
   width: 60px;
   margin: 0px auto 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.contact-box img {
   max-width: initial;
}
.contact-box h4 {
   font-weight: 600;
   font-size: 20px;
   color: #000;
   letter-spacing: -0.2px;
   line-height: 24px;
}
.contact-box a, .contact-box p {
   color: #000;
   text-decoration: none;
   line-height: 22px;
   pointer-events: none;
}
.contact-map{
   margin-top: 30px;
   width: 100%;
   box-shadow: rgba(0, 0, 0, 0.03) 6px 22px 32px;
   border-radius: 10px;
   background-color: #fff;
   padding:10px;
}
/*** Agent Style Start ***/
.agent-sec{
   padding: 60px 0 0 0;
}
.agent-sec .agent-box {
   margin-bottom: 16px;
}
.agent-sec .agent-box .heading-area {
   margin-bottom: 16px;
   text-align: left;
}
.agent-sec .heading-area h2 {
   font-size: 36px;
   font-weight: normal;
   color: #000;
   line-height: 40px;
   letter-spacing: -1.2px;
}
.agent-sec .heading-area h2 b {
   color:#f5821f;
}
.agent-box p {
   margin: 0 0 15px;
   font-size: 15px;
   line-height: 22px;
   color: #000;
}
.agent-box p:last-child{
   margin: 0;
}
.checkbox-container {
   list-style: none;
   margin: 0px;
   display: flex;
   padding: 0px;
   flex-flow: wrap;
}
.checkbox-container li {
   position: relative;
   padding-right: 20px;
}
.checkbox-container input {
   padding: 0px;
   height: initial;
   width: initial;
   margin-bottom: 0px;
   display: none;
   cursor: pointer;
}
.checkbox-container label {
   position: unset;
   font-weight: normal;
   text-transform: uppercase;
   color: rgba(8, 8, 8, 0.68);
   font-size: 14px;
 }
 .checkbox-container label::before {
   content: "";
   appearance: none;
   background-color: transparent;
   border: 1px solid rgba(35, 31, 32, 0.1);
   padding: 8px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 5px;
   border-radius: 4px;
}
.checkbox-container input:checked + label {
   color: rgb(8, 8, 8) !important;
 }
 .checkbox-container input:checked + label::before {
   border-color: var(--black-color);
 }
 .checkbox-container input:checked + label::after {
   content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border-style: solid;
    border-color: var(--black-color);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
 }
 .regis-holder .registration-heading {
   padding: 10px 0 20px 0;
   text-align: left;
}
.regis-holder .registration-heading h2{
   line-height: 34px;
   font-size: 26px;
}

/*** Logout style start ***/
.logout-sec {
   padding: 60px 0;
}
.logout-box {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   flex-direction: column;
   gap: 15px;
}
.logout-box .text-holder{
   text-align: center;
}
.logout-box .text-holder p{
   margin: 0;
   font-weight: 500;
   font-size: 20px;
   line-height: 26px;
}


/*** Agent Management style ***/
.agent-manage-sec{
   padding: 60px 0;
}
.agent-manage-box{
   padding: 0;
   margin: 0;
}
.agent-manage-box h3 {
   font-size: 22px;
   margin: 0 0 15px 0;
   line-height: 30px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   color: #000;
}
.agent-manage-box h3 a{
   font-size: 16px;
}
.agent-manage-box .table{

}
.agent-manage-box .table tr th {
   border: 0;
   background: #362b39;
   color: #fff;
   font-weight: normal;
   font-size: 13px;
   padding: 10px 15px;
}
.agent-manage-box .table tr th:first-child{
   border-radius: 10px 0 0 0;
}
.agent-manage-box .table tr th:last-child{
   border-radius: 0 10px 0 0;
}
.agent-manage-box .table tr td {
   color: #000;
   font-weight: normal;
   font-size: 14px;
   padding: 10px 15px;
}
.agent-manage-box .table tr td {
   color: #000;
   font-weight: normal;
   font-size: 14px;
   padding: 10px 15px;
   border: 0;
   border-left: 1px solid #ddd;
}
.agent-manage-box .table tr td:first-child{
   border: 0;
}
.agent-manage-box .table tr td a{
   display: inline-block;
   margin: 0 0 0 10px;
   padding: 0 10px 0 0;
   border-right: 1px solid #ddd;
}
.agent-manage-box .table tr td a:last-child{
   border: 0;
}
.agent-manage-box .table tr td a:hover img{
   filter: brightness(0) saturate(100%) invert(49%) sepia(98%) saturate(726%) hue-rotate(348deg) brightness(100%) contrast(93%);
}
.payment {
   background: #fff;
   border-radius: 10px;
   box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.1);
   margin: 0 0 20px 0;
   padding: 30px 20px 0;
}
.payment h2 {
   position: relative;
   margin: 0 0 15px 0;
   padding: 11px 0 15px 100px;
   color: #228d27;
}
.payment h2 img {
   position: absolute;
   left: 0;
   border-radius: 50%;
   border: 0;
   width: 94px;
   height: 94px;
   top: -17px;
   object-fit: contain;
}
    .payment p {
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        margin: 0 0 10px 0;
    }
.payment p strong {
   font-size: 20px;
   line-height: 32px;
   margin: 0 0 -10px 0;
   display: block;
   color: #080808;
   font-weight: 500;
}
.payment .box {
   display: block;
   padding: 0 0 15px 0;
}
.payment .box .holder {
   padding: 0;
   display: inline-block;
}
.payment .box .holder:first-child {
  /* width: 30%;*/
}
.payment .box .holder span {
   display: block;
   font-size: 14px;
   line-height: 26px;
   color: #5b5b5b;
   margin: 0 0 5px 0;
}
.payment .box .holder strong {
   /*display: block;*/
   color: #080808;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   margin: 0 0 10px 0;
}
.new-agent {
   background: #fff;
   border-radius: 10px;
   padding: 15px 20px;
   box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
}

.new-agent .agent-holder{
   display: flex;
}
.new-agent .agent-holder .img-holder {
   width: 110px;
   display: flex;
   height: 110px;
}
.new-agent .agent-holder .img-holder figure {
   display: flex;
   align-items: center;
   width: 110px;
   background: rgb(255, 241, 232);
   border-radius: 50%;
   justify-content: center;
}
.new-agent .agent-holder .text-holder {
   padding: 0 0 0 20px;
   width: 85%;
}
.new-agent .agent-holder .text-holder p{
   color: #161b21;
   font-size: 17px;
   line-height: 26px;
   margin: 0 0 16px 0;
}
.new-agent .agent-holder .text-holder .btm-box{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.new-agent .agent-holder .text-holder .btm-box a{
   border-radius: 30px;
    background: #f5821f;
    height: 33px;
    line-height: 29px;
    padding: 0 15px;
    border: 2px solid #f5821f;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
.new-agent .agent-holder .text-holder .btm-box a:last-child{
   border-color: transparent;
   background-color: transparent;
   color: #f5821f;
}
.new-agent .agent-holder .text-holder .btm-box a:hover{
   border: 2px solid #f5821f;
    background: none;
    box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
    color: #000;
}
.news-holder{
   padding: 0;
}
.side-heading{
   margin-bottom: 10px;
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.side-heading h3 {
   font-size: 22px;
   letter-spacing: -0.2px;
   margin: 0;
}
.side-heading a {
   font-weight: 500;
   font-size: 12px;
   color:#f5821f;
}
.news-box{
   display: flex;
   text-decoration: none;
   padding: 10px 0px;
   border-bottom: 1px solid rgb(234, 234, 234);
   height: 100%;
}
.news-box .img-holder{
   display: flex;
}
.news-box .img-holder figure{
   width: 129px;
   margin: auto;
}
.news-box .text-holder{
   padding-left: 15px;
}
.news-box .text-holder span{
   font-size: 12px;
   color: #f5821f;
   margin-bottom: 0px;
   font-weight: 500;
   position: relative;
   display: block;
   /*background: url(assets/images/icons/calendar-clr.png) no-repeat 0px 3px / 14px;*/
   padding: 0 0 0 19px;
}
.news-box .text-holder a{
   display: block;
   font-size: 15px;
   color: #000;
}
.news-box .text-holder a:hover{
   color: #f5821f;
}
.news-item {
   display: none; /* Hidden by default */
}
.news-item.show-news {
   display: inline-block; /* Use inline-block when shown */
}
.load-more{
   padding: 15px 0 0 0;
   text-align: center;
}
.load-more .btn-loadmore{
   border-radius: 30px;
   background: #f5821f;
   height: 43px;
   line-height: 43px;
   justify-content: center;
   padding: 5px 15px;
   border: 2px solid #f5821f;
   color: #fff;
}
.load-more .btn-loadmore:hover {
   border: 2px solid #f5821f;
   color: #000;
   background: none;
   box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
}
.heading-area{
   margin-bottom: 10px;
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.heading-area h2 {
   font-size: 22px;
   letter-spacing: -0.2px;
   margin: 0;
}
.heading-area a{
   color: #f5821f;
}
.heading-area a:hover{
   color: #000;
}
.flight-search{
   padding: 30px 0;
}
.flight-table {
   /* overflow-x: auto; */
   padding-bottom: 10px;
}
.flight-table table {
   box-shadow: rgba(0, 0, 0, 0.04) 8px 8px 28px;
   border-radius: 10px;
}
.flight-table table thead th {
   background-color: rgb(54, 43, 57);
   color: #fff;
   font-size: 11px;
   padding: 12px 16px;
   font-weight: 500;
   text-align: center;
   border-width: 1px;
   border-style: solid;
   border-color: transparent rgb(54, 43, 57) rgb(54, 43, 57);
   border-image: initial;
   line-height: initial;
}
.flight-table table thead th:first-child {
   border-radius: 10px 0px 0px;
   border-left-color: transparent;
}
.flight-table table thead th:last-child {
   border-radius: 0px 10px 0px 0px;
   border-right-color: transparent;
}
.flight-table table tbody tr {
   position: relative;
}
.flight-table table tbody td {
   text-align: center;
   padding: 10px 6px;
   border: 1px solid rgb(213, 211, 213);
   font-size: 13px;
   line-height: initial;
}
.flight-table table tbody td:first-child {
   border-left-color: transparent;
}
.flight-table table tbody td .action-done {
   height: 18px;
   width: 18px;
   border-radius: 50%;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}
.flight-table table tbody td .action-done img,
.flight-table table tbody td .reject img{
   width: 100%;
}
.flight-table table tbody td .reject {
   height: 21px;
   width: 21px;
   border-radius: 50%;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}
a.action-btn{
   position:relative;
   height: 18px;
    width: 18px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.action-btn img{
   width: 100%;
}
.tooltip-info{
   position:relative;
   height: 20px;
    width: 20px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip-info img{
   width: 18px;
   height: 18px;
}
.tooltip-info:before {
   content:attr(data-description);
   box-sizing:border-box;
   display:block;
   background:rgba(0,0,0,.7);
   color: #fff;
   padding: 5px 20px;
   position:absolute;
   left:50%;
   top:-30px;
   margin-left: -75px;
   width: 150px;
   height: 30px;
   line-height:25px;
   border-radius:5px;
   opacity:0;
   transition:.25s ease-in-out;
   font-size: 13px;
   line-height: 22px;
 }
 .tooltip-info:after {
   content:'';
   display:block;
   position:absolute;
   top:0px;
   left:50%;
   margin-left:-8px;
   height:0;
   width:0;
   border-left:8px solid transparent;
   border-right:8px solid transparent;
   border-top:8px solid rgba(0,0,0,.7);
   transition:.25s ease-in-out;
   opacity:0;
 }
 .tooltip-info:hover:before {
   opacity:1;
   top: -39px;
 }
 
 .tooltip-info:hover:after {
   opacity:1;
   top: -9px;
 }
.flight-table table tbody td a {
   color: var(--theme-color);
   font-size: 18px;
}
.flight-table table tbody tr:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   border: 1px solid #f5821f;
   border-radius: 5px;
   opacity: 0;
   transition: all 0.4s ease;
   z-index: -1;
}
.flight-table table tbody tr:hover:after {
   opacity: 1;
}
.flight-table table tbody td .passengers {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-flow: wrap;
   padding: 0;
   background: none;
   margin: 0;
}
.flight-table table tbody td .passengers span {
   margin: 0px 5px;
}
.flight-table table tbody td .status {
   color: rgb(255, 181, 26);
}
.flight-table table tbody td .date {
   color: rgb(255, 0, 0);
}

.search-filters {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin: 0 0 15px 0;
}
.filter-fields {
   display: flex;
}
.filter-fields .fieldset{
   margin-right: 15px;
   position: relative;
}
.filter-fields .fieldset input[type="text"],
.filter-fields .fieldset select {
   height: 30px;
   line-height: 30px;
   font-size: 14px;
   position: relative;
}
.filter-fields .fieldset select{
   padding: 0 20px 0 0;
}
.search-filters .btn-search{
   border-radius: 30px;
    background: #f5821f;
    height: 30px;
    line-height: 25px;
    padding: 0 25px;
    border: 2px solid #f5821f;
    color: #fff;
    min-width: 120px;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    text-transform: uppercase;
}
.search-filters .btn-search:hover{
   border: 2px solid #f5821f;
   background: none;
   box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
   color: #000;
}
.filter-fields .fieldset img {
   position: absolute;
   right: 2px;
   top: 7px;
   height: 19px;
   pointer-events: none;
   filter: brightness(0) saturate(100%) invert(43%) sepia(1%) saturate(0%) hue-rotate(230deg) brightness(97%) contrast(86%);
}

.action-table table {
   width: 100%;
}
.action-table table input[type='text'] {
   border-radius: 20px;
   border: 1px solid #d2d2d2;
   width: 200px;
   font-size: 12px;
   line-height: 34px;
   padding: 0 15px;
   height: 34px;
   outline: none;
}
.flight-table.action-table .send-mailbox {
   text-align: right;
   padding: 5px 0;
}
.flight-table.action-table .send-mailbox label {
   font-size: 14px;
   line-height: 42px;
   color: #2b2b2b;
   font-weight: 500;
   margin-right: 10px;
   display: inline-block;
}
.flight-table.action-table .send-mailbox input[type='text'] {
   border-radius: 20px;
   border: 1px solid #d2d2d2;
   width: 325px;
   font-size: 15px;
   line-height: 42px;
   padding: 0 15px;
   height: 42px;
   outline: none;
   color: #000;
   margin-right: 10px;
}
.flight-table.action-table .send-mailbox input[type='submit'] {
   border-radius: 30px;
   background: #f5821f;
   height: 38px;
   line-height: 1;
   padding: 0 25px;
   border: 2px solid #f5821f;
   color: #fff;
   min-width: 120px;
   font-weight: 500;
   font-size: 14px;
   transition: all 0.3s ease-in-out;
}
.flight-table.action-table .send-mailbox input[type='submit']:hover{
   border: 2px solid #f5821f;
    background: none;
    box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
    color: #000;
}
.note-box {
   background: #f6f6f6;
   margin: 20px 0 0 0;
   padding: 20px;
   border-radius: 10px;
}
.note-box h3 {
   font-size: 18px;
   line-height: 24px;
   margin: 0 0 5px 0;
   font-weight: 500;
   color: #f5821f;
}
.note-box ul{
   margin: 0;
   padding: 0 0 0 15px;
 }
 .note-box ul li{
   font-size: 13px;
   line-height: 22px;
   color: #626262;
   padding: 0;
   margin: 0;
   list-style: decimal;
 }
 .btn-holder {
   padding: 0 0 10px 0;
   margin: 0;
}
.btn-holder a {
   display: inline-block;
   color: #f5821f;
   border: 1px solid #f5821f;
   border-radius: 20px;
   font-size: 13px;
   line-height: 28px;
   padding: 0 20px;
   letter-spacing: .5px;
   margin: 0 10px 15px 0;
}
.btn-holder a:hover, .btn-holder a.active {
   color: #fff;
   background: #f5821f;
   border-color: #f5821f;
}
.btn-holder a:nth-child(2).active {
   background: #7fc446;
   border-color: #7fc446;
}
.info-box {
   margin-bottom: 20px;
   width: 100%;
}
.search-result-box-title {
   width: 100%;
   padding: 10px 14px;
   background: #f58220;
   color: #fff;
   font-size: 16px;
   position: relative;
   border-radius: 8px;
}
.info-box-inner {
   width: 100%;
   padding: 15px;
   background: #fff;
   border: 1px #f0f0f0 solid;
   margin-top: 20px;
   border-radius: 8px;
}
.info-box-inner ul{
   margin: 0;
   padding: 0;
}
.info-box-inner ul li{
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   font-size: 15px;
   line-height: 28px;
}
.info-box-inner ul li span{
   display: flex;
   margin: 0 30px 0 0;
}
.info-box-inner ul li span:first-child{
   width: 33%;
}
.info-box-inner ul li a{
   color:#f58220 ;
}
.info-box-inner ul li a:hover{
   color: #000;
}
.info-box-inner ul li.tickting-deadline{
   font-weight: 600;
   color: red;
}
.fl-title {
   width: 100%;
   padding: 5px 0;
}
.fl-title h4 {
   color: #f58220;
   font-weight: 500;
   font-size: 18px;
}


ul.n-booking-list {
   margin: 0 0 40px 0;
   padding:30px 0 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
ul.n-booking-list li {
   display: block;
   width: 48%;
   margin: 0 0 30px 0;
   padding: 0;
}
ul.n-booking-list li a {
   display: block;
}
ul.n-booking-list li .booking-box {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
ul.n-booking-list li .booking-box .img-holder {
   width: 20%;
   height: 105px;
   background: #fff;
   border-radius: 10px;
   box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);
   text-align: center;
   display: flex;
   transition: all 0.3s ease-in-out;
}
ul.n-booking-list li .booking-box .img-holder figure {
   display: inline-block;
   width: 80px;
   vertical-align: bottom;
   margin: auto;
}
ul.n-booking-list li .booking-box .img-holder figure img {
   width: 100%;
}
ul.n-booking-list li .booking-box .text-holder {
   width: 80%;
   padding: 0 0 0 20px;
}
ul.n-booking-list li .booking-box .text-holder h4 {
   color: #000;
   font-size: 20px;
   line-height: 34px;
   margin: 0;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
}
ul.n-booking-list li .booking-box .text-holder p {
   font-size: 16px;
   line-height: 20px;
   color: #000;
   margin: 0;
}
ul.n-booking-list li a:hover .booking-box .img-holder {
   box-shadow: 0 0 5px 2px rgba(244, 129, 32, 0.2);
   background: rgba(244, 129, 32, 0.8);
}
ul.n-booking-list li a:hover .booking-box .img-holder figure img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(2981%) hue-rotate(320deg) brightness(129%) contrast(113%);
}
ul.n-booking-list li a:hover .booking-box .text-holder h4 {
   color: #F58220;
}
.new-signup-box {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   margin-bottom: 50px;
}
.new-signup-box .form-box {
   width: 70%;
   box-shadow: rgba(8, 8, 8, 0.06) 0px 14px 40px;
   padding: 30px;
   background: #fff;
   border-radius: 10px;
}
.new-signup-box .form-box h2 {
   font-size: 30px;
   color: #f5821f;
   line-height: 40px;
   letter-spacing: 0;
   font-weight: 500;
   text-align: center;
   padding: 0 0 10px 0;
   margin-bottom: 15px;
   border-bottom: 1px solid rgba(35, 31, 32, 0.1);
}
.new-signup-box .form-box .inner-box {
   text-align: center;
   margin: 0 20%;
}
.new-signup-box .form-box .inner-box a{
   border-radius: 30px;
    background: #f5821f;
    height: 38px;
    line-height: 33px;
    padding: 0 25px;
    border: 2px solid #f5821f;
    color: #fff;
    min-width: 120px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.new-signup-box .form-box .inner-box a:hover{
   border: 2px solid #f5821f;
   background: none;
   box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
   color: #000;
}
.agent-content{
   padding: 0;
}
.agent-content h2{
   font-size: 22px;
   margin: 0 0 15px 0;
}
.agent-content p{
   margin-bottom: 10px;
}


.facilities-holder .panel-group .panel {
   box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   padding: 5px;
   margin: 0 0 10px 0;
}
.facilities-holder .panel-heading{
   padding: 0;
    border-radius: 0;
}
.facilities-holder .panel-heading a.collapsed,
.facilities-holder .panel-heading a {
   display: flex;
   padding: 10px;
   width: 100%;
   align-items: center;
   position: relative;
}
.facilities-holder .panel-heading a.collapsed span,
.facilities-holder .panel-heading a span{
   display: flex;
   margin-left: 15px;
   font-size: 16px;
   line-height: 30px;
   font-weight: 500;
   color: #000;
}
.facilities-holder .panel-heading a span{
   color: #f5821f;
}
.facilities-holder .panel-heading a span em{
   font-weight: normal;
   font-size: 11px;
   font-style: normal;
   line-height: 18px;
   background: #e5e6e7;
   padding: 0 10px;
   color: #000;
}
.facilities-holder .panel-heading a.collapsed:after,
.facilities-holder .panel-heading a:after{
   content: '';
   position: absolute;
   right: 6px;
    top: 12px;
   width: 30px;
   height: 30px;
   background: url(assets/images/icons/angle-down-icon.png) no-repeat 0 0;
   transform: rotate(0deg);
}
.facilities-holder .panel-heading a:after{
   background: url(assets/images/icons/angle-down-clr-icon.png) no-repeat 0 0;
   transform: rotate(-180deg);
   top: 8px;
   right: 10px;
}
.facilities-holder .panel-group .panel-heading + .panel-collapse > .panel-body{
   border: 0;
}
ul.bookseats-list{
   margin: 0;
   padding: 0;
}
ul.bookseats-list li{
   list-style: none;
   margin: 0 0 2px 0;
   padding: 0;
   border-bottom: 1px solid #ddd;
}
ul.bookseats-list li a{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   padding:6px 0 8px 0;
}
ul.bookseats-list li a span{
   display: flex;
   align-items: center;
   color: #8b8b8b;
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
}
ul.bookseats-list li a:hover span{
   color: #f5821f;
}
ul.bookseats-list li a span figure{
   width: 30px;
   height: 30px;
   background:#9d9d9d ;
   margin-right: 10px;
   border-radius: 50%;
}
ul.bookseats-list li a:hover span figure{
   background: #f5821f;
}
ul.bookseats-list li a span:last-child{
   font-weight: 400;
   color: #fff;
   background: #8acd33;
   font-size: 12px;
   line-height: 18px;
   padding: 2px 10px;
}

.seat-modal .modal-lg {
   width: 1370px;
}
.seat-modal .top-heading{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin: 0 30%;
}
.seat-modal .top-heading h3 {
   margin: 0;
   font-size: 20px;
   line-height: 30px;
}
.seat-modal .top-heading a{
   border-radius: 5px;
   background: #f5821f;
   height: 30px;
   line-height: 28px;
   padding: 0 15px;
   border: 2px solid #f5821f;
   font-weight: 500;
   text-transform: uppercase;
   color: #fff;
}
.seat-body{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
   padding: 15px 0 0;
}
.seat-body .box-holder{
   width: 32%;
   height: 500px;
   background: #228d27;
}
.payment h3 {
    position: relative;
    font-size: 26px;
    line-height: 64px;
    font-weight: 400;
    color: #080808;
    margin: 0 0 15px 0;
    padding-left: 70px;
}

h3.fail {
    color: #ed1b24;
    padding-left: 125px;
}

.payment h3 img {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #ededed;
    border-radius: 50%;
    width: 64px;
    height: 64px;
}

h3.fail img {
    border: 0;
    width: auto;
    height: auto;
    top: -17px;
}

.payment .btn-submit {
    background: #ff8900;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    font-weight: 700;
    text-align: center;
    border: 0;
    border-radius: 30px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 40px;
    float: right;
}

.input-validation-error {
   border-color: red !important;
}
ul.ui-widget.ui-widget-content {
   border-top: 0;
   margin-top: -6px;
   border-color: #ddd;
   border-radius: 5px;
   overflow: hidden;
}

ul.ui-widget.ui-widget-content li.ui-menu-item {
   padding: 0;
   border-bottom: 1px solid #ddd;
   background: #fff;
}

ul.ui-widget.ui-widget-content li.ui-menu-item div {
   padding: 8px 10px;
}

.ui-widget-content .ui-state-active {
   
   background: #f58220;
   color: #fff;
   border-color: #f58220;
}
button#resetFilters {
   border-radius: 30px;
   background: #f5821f;
   height: 36px;
   line-height: 1;
   padding: 0px 15px;
   border: 2px solid #f5821f;
   display: block;
   width: 100%;
   color: #fff;
}
button#resetFilters:hover{
   border: 2px solid #f5821f;
   background: none;
   box-shadow: rgb(227 111 38 / 16%) 8px 10px 22px !important;
    color:#000
}


.side-filters .ui-state-default, 
.side-filters .ui-widget-content .ui-state-default, 
.side-filters .ui-widget-header .ui-state-default, 
.side-filters .ui-button, 
html .side-filters .ui-button.ui-state-disabled:hover, 
html .side-filters .ui-button.ui-state-disabled:active {
   border: 1px solid #f58220;
   background: #f58220;
   font-weight: normal;
   color: #454545;
   top: -6px;
}
.side-filters .ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 6px;
}
.side-filters .ui-widget.ui-widget-content {
   border: 0;
    height: 6px;
    background: #d7d7d7;
    margin-bottom: 8px;
}


span.filter-results {
   width: 100%;
   background: none;
   color: #8b8b8b;
   font-size: 12px;
   line-height: 18px;
   height: 18px;
   border: none;
   margin: 10px 0 0 -10px;
   font-weight: 500;
   padding: 0;
}
.top-search .fieldset input:focus {
   border: 2px solid #f58220;
}
.top-search .fieldset.field-1 input:focus{
   border-radius: 10px 0 0 10px;
}
span.age-display {
   display: none;
}
button.btn-book-d {
   border-radius: 30px;
   background: #f5821f;
   height: 30px;
   line-height: 27px;
   padding: 0 15px;
   border: 2px solid #f5821f;
   font-weight: normal;
   text-transform: none;
   color: #fff;
}


.servives-slider {
   
   height: 290px; /* Fixed height to prevent jumps */
}

.servives-slider .slick-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   background-color: #f0f0f0; /* Placeholder background color */
   min-height: 238px; /* Minimum height to prevent jumps */
}





a.btn-fliter {
    position: fixed;
    right: 0;
    bottom: 30px;
    width: 50px;
    height: 50px;
    z-index: 99;
    display: none;
}
a.btn-fliter img {
    width: 100%;
}

a.close-fliter {
    position: absolute;
    right: 30px;
    top: 10px;
    width: 30px;
    height: 30px;
    padding: 3px 0 0 8px;
    border-radius: 30px;
    border: 1px solid #f58220;
    background: #f58220;
    display: none;
}

a.close-fliter img {
    width: 12px;
}
.right-btns span.cancel-btn,
.right-btns span.btn-confirmed,
.right-btns span.finalized-btn  {
   display: inline-block;
   background: #ff6060;
   color: #fff;
   padding: 0 19px 0 10px;
   border-radius: 15px;
   line-height: 30px;
}

.right-btns span.cancel-btn img,
.right-btns span.btn-confirmed img,
.right-btns span.finalized-btn img {
   width: 24px;
   display: inline-block;
   vertical-align: text-bottom;
}
.right-btns span.btn-confirmed,
.right-btns span.finalized-btn {
   background: #ffae00;
}
.right-btns span.finalized-btn{
   background: #767676;
}
.infopup {
   padding: 15px;
}
.infopup p {
   margin: 0 0 5px 0;
}
select.faretype-sel {
    background-color: #fff;
    background-image: url(assets/images/icons/down.png);
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
}
.side-filters hr {
    border-top: 1px solid #d7d7d7;
    margin: 10px 0 20px 0;
}
span.type-img {
    display: block;
    padding: 5px 0 0 0;
    height: 16px;
}

    span.type-img img {
        width: 100%;
        height: 16px;
        object-fit: contain;
    }
ul.route-detail-list li.fare-list {
    padding: 0;
}

    ul.route-detail-list li.fare-list .holder-box .flight-holder {
        width: 100%;
        flex-wrap: wrap;
    }

    ul.route-detail-list li.fare-list .holder-box .detail-price {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 15px 0 0 0;
    }

        ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon {
            margin: 0;
            padding: 0;
            border: 0;
            width: auto;
        }

    ul.route-detail-list li.fare-list .fligut-route .holder-m {
        text-align: left;
        width: 40%;
    }

    ul.route-detail-list li.fare-list .fligut-route .holder {
        width: 30%;
    }

    ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon span {
        display: inline-block;
        margin: 0 10px 0 0;
        font-size: 14px;
        line-height: 22px;
    }

    ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon a {
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
    }

    ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon img {
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 5px 0 0;
    }

    ul.route-detail-list li.fare-list .holder-box .price-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: auto;
        align-items: center;
    }

        ul.route-detail-list li.fare-list .holder-box .price-holder em {
            font-weight: normal;
            font-size: 14px;
        }

        ul.route-detail-list li.fare-list .holder-box .price-holder .btn-box {
            padding: 0 0 0 15px;
        }

    ul.route-detail-list li.fare-list .flight-holder {
        position: relative;
    }

        ul.route-detail-list li.fare-list .flight-holder .flight-opt {
            position: absolute;
            right: 0;
            top: 0;
            text-align: right;
        }

            ul.route-detail-list li.fare-list .flight-holder .flight-opt span {
                display: block;
                font-size: 12px;
            }

    ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon span em {
        position: relative;
    }

        ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon span em:after {
            content: '';
            position: absolute;
            right: 3px;
            top: -4px;
            width: 10px;
            height: 10px;
            background: #f00;
            border-radius: 50%;
        }

        ul.route-detail-list li.fare-list .holder-box .detail-price .detail-icon span em.green:after {
            background: green;
        }
    /*    Notification unread*/
/* History Sec Start*/
.history-sec {
    padding: 30px 0 10px;
}

    .history-sec h2 {
        margin: 0;
        font-size: 24px;
        line-height: 30px;
        color: #555;
    }

        .history-sec h2 a {
            display: inline-block;
            margin: 0 0 0 5px;
            font-size: 16px;
            color: #f58220;
        }

ul.history-list {
    margin: 0 -10px;
    padding: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.history-list li {
        width: 25%;
        padding: 0 10px;
        list-style: none;
        margin: 0 0 15px 0;
        position:relative;
    }

        ul.history-list li a {
            display: block;
            margin: 0;
        }

        ul.history-list li .history-box {
            border-bottom: 2px solid #ffc899;
            position: relative;
            padding: 0 0 10px 0;
            transition: all 0.3s ease-in-out;
        }

        ul.history-list li a:hover .history-box {
            border-bottom: 2px solid #f58220;
        }

        ul.history-list li span.close-his {
            opacity: 0;
            position: absolute;
            right: 13px;
            top: 0;
            transition: all 0.3s ease-in-out;
            z-index: 9999;
            padding: 0 0 10px 20px;
        }

        ul.history-list li:hover span.close-his {
            opacity: 1;
        }

        ul.history-list li .history-box h3 {
            font-size: 18px;
            line-height: 24px;
            margin: 0 0 5px 0;
            color: #555;
            transition: all 0.3s ease-in-out;
        }

        ul.history-list li a:hover .history-box h3 {
            color: #f58220;
        }

        ul.history-list li .history-box h3 span {
            display: inline-block;
            margin: 0;
            padding: 0;
            text-align: center;
            color: #7f7f7f;
        }

            ul.history-list li .history-box h3 span img {
                width: 28px;
            }

        ul.history-list li .history-box .details {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            ul.history-list li .history-box .details span {
                font-size: 14px;
                color: #555;
            }


    ul.history-list.today {
        margin-bottom: 30px;
    }

        ul.history-list.today .history-box {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start;
            border-bottom: 4px solid #ffc899;
        }

        ul.history-list.today li a:hover .history-box {
            border-bottom: 4px solid #f58220;
        }

        ul.history-list.today .history-box .img-holder {
            width: 18%;
        }

        ul.history-list.today .history-box .details {
            width: 82%;
            display: block;
        }

        ul.history-list.today .history-box.nearest .img-holder img {
            filter: brightness(0) saturate(100%) invert(23%) sepia(100%) saturate(7374%) hue-rotate(359deg) brightness(91%) contrast(122%);
        }

        ul.history-list.today .history-box.nearest .near-date {
            color: #da1821;
        }

        ul.history-list.today .history-box .details span {
            font-size: 13px;
        }

        ul.history-list.today .history-box .details h3 {
            margin: 0;
        }

        ul.history-list.today a:hover .history-box .img-holder img {
            filter: brightness(0) saturate(100%) invert(55%) sepia(31%) saturate(2113%) hue-rotate(349deg) brightness(103%) contrast(92%);
        }