.travelNav {
    background: var(--headclr);
    padding-block: 3px;
}
.bgFlightWidget{background: var(--gradient);}
.TripOption a{ color: #fff; margin:5px 7px 5px; padding-bottom:2px; padding: 7px 9px 5px;}
.TripOption a.active,.TripOption a:hover{border-bottom:2px solid #fff; color: #fff;}
.CstmCheck{color: #fff!important;font-weight: 400!important;display: flex;column-gap: 4px;padding: 8px 12px;border:1px solid transparent}
.CstmCheck.active{border-radius: 100px; border: 1px solid #D2D2D2; background: rgba(255, 255, 255, 0.20);font-weight: 700;}
.CstmCheck input{height: 16px;width: 16px;accent-color: var(--maincolor);}
.CstmCheck label{line-height: 18.3px;}
.text-dark{color:#000!important;}

.flightTab a{ color:var(--dark400);}
.flightTab a.active,.flightTab a:hover{border-bottom:2px solid var(--maincolor); color: var(--maincolor);}

.formcity { flex-basis: 20%;}
.formdate, .formpax { flex-basis: 20%;}
.layoverstopbox{ padding: 0.5rem 0.5rem;}
.filterbtn{white-space: nowrap;}
.fDetailTab .nav-link.active,.fDetailTab .nav-link:focus,.fDetailTab .nav-link:hover{border-color:var(--btnhover) !important;padding: 0.5rem 1rem;color: var(--btnhover) !important; background: inherit !important;}
.exchange_arrow { width: 100%; position: relative; text-align: center;}
.exchange_arrow span { right: 35px; position: absolute; top: -18px; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06); border-radius: 30px; height: 30px; width: 30px; background: #ffff; text-align: center; display: flex; align-items: center; justify-content: space-around;}
.exchange_arrow span.active { background: var(--gradient);}
.exchange_arrow span.active svg path{stroke: #fff;}
.exchange_arrow svg{transition:all 0.5s ease-in;}
.rotate360{transform: rotate(360deg);}
.startPoint{ position: relative;}
.startPoint:before { position: absolute; height:7px; width:7px; border-radius: 15px; background-color: #d9d9d9; content: ""; transform: translate(0, -50%);top: 6px; left: -20px;}
.terminalLine,.layoverLine{position: relative;}
.terminalLine:before{ position: absolute; height: 30%; width: 1px; background-color: #d9d9d9; content: ""; top: 63px; left: 19px;}
.flightLayover{display: flex; flex-direction: column; justify-content: center;  align-items: flex-start; padding: 8px 10px 10px;background: #D5ECE7;border: 1px solid #ACD8D0; border-radius: 8px;font-size: 12px;}
 .layoverLine:before { position: absolute;  height: calc(100% + 55px); width: 0px; content: ""; top: -40px; left: 19px;  border-left: 1px dashed #d9d9d9;}
.selectFdotted{    border-left: 1px dashed #c9c9c9;} 
.border-bottom-dark {border-bottom: 1px solid #dfdfdf !important;}
/*.bigcheck input[type="checkbox"] + label::before{ background: #ffff;border-radius: 7px;}*/
.bigcheck input[type="checkbox"]:checked + label::after{border-radius: 7px;cursor:pointer;}
.mResultBox{position:absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 99;}
.sortlist{top: 36px;}

/*---guest breadcrumb css---*/
.guestBreadcrumb{border-radius: 16px; background: #FFF;padding: 16px 24px; column-gap: 30px;}
.guestBreadcrumb .gsNumber{width: 20px; height: 20px; border-radius: 100px; background: #666; color: var(--maincolortxt); display: inline-block; padding-inline: 7px;
    line-height: 22px; font-size: 12px; position: relative; bottom: 2px;
}
.guestBreadcrumb li a.active{color: var(--maincolor);}
.guestBreadcrumb li a{color: #666;}
.guestBreadcrumb li a.active .gsNumber{background-color: var(--maincolor);}
.guestBreadcrumb li{list-style: none; position: relative;padding-inline: 16px;background-color: var(--whitebg);}
.allotedPax {position:absolute; top:0; color:#fff;text-indent:-99999px;}
.layoverinfoFlight{padding: 6px 8px; border: 1px solid var(--maincolor); border-radius: 8px; background-color: #fff; font-size: 14px; color: var(--maincolor); text-decoration: none solid rgb(29, 29, 29); line-height: 18px; display: flex; align-items: end; column-gap: 4px;}
.border-dashed-left{border-left: 2px dashed #ddd;} 
.brandLight{color: #C92F62;}
.pairlineslft {
    padding-inline-end: 0.5rem;
    max-width: calc(100% - 138px);
    flex:1;
}
.pairlinesrht {
    max-width: 138px;
    padding-inline-start: 0.5rem;
    padding-top: 0.2rem;
}

@media (max-width: 767px) {
    .formcity, .formdate, .formpax { flex-basis: 100%;} 
    .selectFdotted{border-left:0px;} 
}

@media(min-width:768px){
    .guestBreadcrumb{column-gap: 123px;}
    .guestBreadcrumb li:not(:last-child)::after{position: absolute; content: ''; margin: 0; width: 82%; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-1px);
         -moz-transform: translateY(-50%) translateX(-1px); -ms-transform: translateY(-50%) translateX(-1px); -o-transform: translateY(-50%) translateX(-1px); transform: translateY(-50%) translateX(-1px); border-bottom: 2px dashed #D2D2D2;
    }
}
@media(max-width:575px){
    .guestBreadcrumb li{padding-inline-start: 0;}
    .guestBreadcrumb li:not(:last-child)::after{width: 0;}
    .border-dashed-left{border-left: 0;}
}

@media screen and (min-width:768px) (max-width:1024px) {
    .formcity {
        flex-basis: 50%;
    }

    .formdate, .formpax {
        flex-basis: 50%;
    }
}