h1,h2,h3,h4,h5,h6{margin: 0px;}
/* .container-n{background: #eeeeee;} */
.box {max-width: 1300px;margin: 0 auto; padding: 0 15px;}
.box2 {max-width: 1200px;margin: 0 auto;}
.flying-bar{width: 100%;background:#491b40; padding: 12px 0px;}
.flying-bar .box{display: flex; gap: 20px;justify-content: space-between; padding: 0 20px;}
.flying-bar .route{display: flex; align-items: center;width:28%;justify-content:space-between;margin-right:4%;}
.flying-bar .com-text{text-align: center;}
.flying-bar .com-text h4{font-size: 17px;color:#be9f3b; font-weight: normal; margin-bottom: 2px;}
.flying-bar .com-text strong{font-size: 13px; color:#fff; font-weight: normal;}
.flying-bar .com-text strong i{padding-right:4px;;}
.flying-bar .indicators i{font-size: 14px; color:#fff; margin: 0 -2px;}
.flying-bar .depart,.flying-bar .return,.flying-bar .class{width: 15%;}
.flying-bar .btn-col .gradient-btn i{font-size: 20px;position: relative;top: 3px;right: 3px;}
.flying-bar .btn-col .gradient-btn.active i{transform: rotate(180deg);top: 1px;}

.gradient-btn {position: relative;overflow: hidden;background:linear-gradient(269deg, rgba(142, 92, 132, 1) 0%, #4a1c41 100%);font-size: 15px;
color: #fff;border: none;border-radius: 8px;padding:10px 20px;border: 2px solid #4a1c41;transition: all 0.3s ease-in-out;z-index: 1; cursor: pointer;}
.gradient-btn::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(269deg, rgba(142, 92, 132, 1) 0%, rgba(74, 28, 65, 1) 100%);opacity: 0;transition: all 0.3s ease-in-out;z-index: -1;}
.gradient-btn:hover::before {opacity: 1;}
.cheapest-price{margin:0px 0px 15px 0px;}
.cheapest-price .box2{padding:0px;}
.cheapest-price,.cheapest-price ul{width: 100%;}
.cheapest-price ul{display: flex;background:#fff; border-radius: 10px;box-shadow: rgb(0, 0, 0, 0.1) 0px 0px 10px;border: 1px solid #fff;}
.cheapest-price li{width: 33.33%; text-align: center; padding: 15px 0px; cursor: pointer; transition: all ease 0.5s;position:relative;}
.cheapest-price li ~ li{border-left: 2px solid #ebedf0;}
.cheapest-price li h3{font-size:17px; color: #2d2d2d; font-weight: 600;position:relative;z-index: 3; }
.cheapest-price li span{font-size: 12px;  font-weight: 500;position:relative;z-index: 3;}
.cheapest-price li.active{background: #451a41;}
.cheapest-price li.active h3{color: #fff;}
.cheapest-price li.active span{color: #fff;}

.cheapest-price li:first-child{border-radius:7px 0px 0px 7px;}
.cheapest-price li:last-child{border-radius:0px 7px 7px 0px;}

.result-sec{width: 100%;padding:20px 0px 50px 0px;}
.result-sec .box2{display: flex;justify-content: space-between; align-items: flex-start;}
.result-sec .leftcol{width: 325px; background: #fff;box-shadow: rgb(0,0,0, 0.1) 0px 0px 10px;  border-radius: 5px; padding-bottom:20px; }
.result-sec .leftcol .top-row {display: flex;padding:25px;justify-content:space-between;align-items:center; border-bottom: 1px solid #e9e7e7;}
.result-sec .leftcol .top-row h3{font-size: 18px; color: #021d3e;}
.result-sec .leftcol .top-row .clear-btn{font-size:17px; font-weight:600; color: #4e234b; color: #ababab;border:none;cursor: not-allowed;background:none;}
.result-sec .leftcol .top-row .clear-btn.enabled{color: #4e234b;cursor: pointer;}
.result-sec .leftcol .filter-col{padding:20px 25px 0px 25px !important;}
.result-sec .leftcol .filter-col .common-title{width: 100%; display: flex; justify-content:space-between; align-items: center;}
.result-sec .leftcol .filter-col .common-title h3{font-size: 14px;color:#582c50; position: relative; padding-left: 29px; cursor: pointer;}
.result-sec .leftcol .filter-col .common-title h3:before{content:""; width: 8px; height: 8px; border-top:2px solid #582c50;border-right:2px solid #582c50;position:absolute;transform: rotate(-45deg);top: 7px;left:4px; transition: all ease 0.5s;}
.result-sec .leftcol .filter-col .common-title h3.active:before{top:3px;transform: rotate(135deg);}
.result-sec .leftcol .filter-col .common-title .clear-btn{font-size:14px; font-weight:600; color: #ababab;border:none;cursor: not-allowed;background:none;}
.result-sec .leftcol .filter-col .common-title .clear-btn.enabled{color: #4e234b;cursor: pointer;}
.result-sec .leftcol .filter-col.last .list-b{border:none;}
.result-sec .leftcol .filter-col .list-b .price-row{display: flex; justify-content: space-between; padding-top: 15px;}
.result-sec .leftcol .filter-col .list-b .price-row .min-p{font-size:14px; font-weight: 600;}
.result-sec .leftcol .filter-col .list-b .price-row .min-p span{padding-left:2px;}
.checkbox-group {display: flex;flex-direction: column;gap:13px;}
.custom-checkbox {position: relative;padding-left: 30px;cursor: pointer;user-select: none;font-size: 13px;color: #2e2a2d;margin-bottom:0px;}
.custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;}
.custom-checkbox span.checkmark {position: absolute;top: 0px;left: 0;height: 20px;width: 20px;border-radius: 2px;transition: 0.3s;border: 2px solid #ccc;}
.custom-checkbox input:checked ~ .checkmark {background-color: #582c50;border-color: #582c50;}
.custom-checkbox .checkmark:after {content: "";position: absolute;display: none;}
.custom-checkbox input:checked ~ .checkmark:after {display: block;}
.custom-checkbox .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.result-sec .leftcol .filter-col .list-b{padding: 15px 0px 15px 0px;border-bottom: 1px solid #e9e7e7;}
.result-sec .leftcol .filter-col .list-b .ui-slider-horizontal{height: 10px;}
.result-sec .leftcol .filter-col .list-b .ui-slider-range{background: #582c50; border-color: #582c50;}
.result-sec .leftcol .filter-col .list-b .ui-slider-handle{background:url(../images/icon-flight.png) center no-repeat #582c50; width: 30px; height: 30px; top:-10px; background-size: 20px;border-radius:100%;}
.result-sec .rightcol{width: calc(100% - 345px);}
.main-result{width:100%; margin-bottom:15px;}
.flight-result-box{width: 100%; background: #fff;border-radius:5px;box-shadow: rgb(0,0,0, 0.1) 0px 0px 10px; display: flex; flex-flow: wrap;}
.flight-result-box.show{display: flex;}
.flight-result-left{width:74%;}
.flight-result-right{width:26%; border-radius: 0px 12px 12px 0px; border-left: 1px solid #dadbde; text-align: center; color: #2d2d2d; display: flex;flex-direction: column;justify-content: center; padding: 8px 10px;}
.flight-result-right .price-all{display: flex; flex-direction: column; margin-bottom: 0;}
.flight-result-right .price-all strong{font-size:16px;font-weight:500;}
.flight-result-right .price-all h3{font-size: 24px; font-weight: bold; line-height: 24px;}
.flight-result-right .price-all h3 span{font-size: 18px;padding-right:4px;}
.flight-result-right .price-all span{font-size: 11px;}
.flight-result-right .btn-cal{display: flex; flex-direction: column; padding:0 25px;}
.flight-result-right .btn-cal button{border: none;  padding:6px 20px;  border-radius: 5px; margin-bottom: 6px; cursor: pointer;position:relative;border: 1px solid rgb(255, 255, 255);position: relative; text-align: center;background: #582c50;}
.flight-result-right .btn-cal button::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(269deg, rgba(142, 92, 132, 1) 0%, rgba(74, 28, 65, 1) 100%);opacity: 0;transition: all 0.3s ease-in-out; border-radius: 5px;}
.flight-result-right .btn-cal button:hover::before {opacity: 1;}
.flight-result-right .btn-cal button:hover i{padding-left: 8px;}
.flight-result-right .btn-cal button i{font-size: 11px;position: relative;color: #fff;margin-left: 3px;top:-1px;} 
.flight-result-right .btn-cal button span{position: relative; z-index: 5;font-size: 14px; font-weight: 600;color: #fff;}
.flight-result-right .btn-cal button:hover span,.flight-result-right .btn-cal button:hover i{color: #fff;}
.flight-result-right .btn-cal span{font-size: 12px; cursor: pointer;}
.flight-result-right .btn-cal span i{transition: all ease 0.5s;}
.flight-result-right .btn-cal span:hover i{padding-left: 8px;}
.flight-result-right .price-all h3 .info-icon{padding-right: 0px;cursor:pointer;}
.flight-result-left .column-top .flight-total-time .out-icon img {width: 17px;margin-top: 5px;}

.flight-result-left{padding: 8px 10px;}
.flight-result-left .column-top{width: 100%; display: flex; gap: 10px;align-items:center;} 
.flight-result-left .column-top .airline-logo{width: 20%; text-align: center;}
.flight-result-left .column-top .airline-logo img{margin-bottom:3px;max-width:30px;}
.flight-result-left .column-top .airline-logo p,.flight-result-left .column-top .airline-logo span{font-size:12px;line-height:12px;}
.flight-result-left .column-top .flight-origin{width: 18%; display: flex; flex-flow: column; text-align: right;}
.flight-result-left .column-top .flight-origin span{font-size: 11px;}
.flight-result-left .column-top .flight-origin strong{font-size:16px;font-weight:600; color: #2d2d2d;line-height:18px;}
.flight-result-left .column-top .flight-total-time{display: flex;width:35%;justify-content: space-between;position:relative;}
.flight-result-left .column-top .flight-total-time .time-col{text-align: center;position:relative;top:2px;}
.flight-result-left .column-top .flight-total-time .time-col span{display: block; font-size: 11px; line-height: 20px;}
.flight-result-left .column-top .destination-f{text-align: left;}
.flight-result-left .column-top .baggage-info{width: 4%; text-align: right; position: relative;margin-left:10px;margin-right:10px;}
.flight-result-left .column-top .flight-total-time .line-row{content:""; width: 72%; height:2px;border-top: 2px dotted #2d2d2d; position: absolute; top:21px; left: 14%;} 
.flight-result-left .column-top .flight-total-time .line-row:before{content:""; width:7px; height: 7px; background: #542b51; position: absolute; left: 50%; top:-4px;border-radius:100%; z-index: 3; display: block;margin-left:-4px;}
.result-sec .rightcol .btn-row{width:100%; text-align: center;}
.result-sec .rightcol .btn-row .gradient-btn{font-size:20px; padding: 8px 30px;}


.flight-result-left .column-top .baggage-info .tooltip-text {visibility: hidden;background-color: #582c50;color: #fff;text-align: center;border-radius: 4px;padding: 6px 10px;position: absolute;bottom: 25px;left:14px;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;white-space: nowrap;z-index:2; font-size: 11px;z-index:2;}
.flight-result-left .column-top .baggage-info .tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: #582c50 transparent transparent transparent;}
.flight-result-left .column-top .baggage-info:hover .tooltip-text {visibility: visible;opacity: 1;}
.flight-result-left .column-top .baggage-info img{cursor: pointer;width: 18px;}
.flight-result-left .column-top.btm-column{padding-top: 5px;border-top:2px dotted #ececec;margin-top:5px;}


.flight-detail-f{position: fixed;z-index: 999999999;top: 0;right: 0;background-color: rgba(11, 2, 23, .75);backdrop-filter: blur(1px);overflow-x: hidden;overflow-y: hidden;transition: .9s;bottom: 0;width:0;}
.flight-detail-f.active{width:100%;}
.flight-detail-f .flight-detail-in{background: #fff; height:100vh;float: right;width: 797px;}
.flight-detail-in .top-row{width: 100%; display: flex;justify-content: space-between; padding: 20px 25px; border-bottom: 2px solid #ebebeb;}
.flight-detail-in .top-row .close-btn{width:30px; cursor: pointer;}
.flight-detail-in .top-row .close-btn img{opacity:0.6;}
.flight-detail-in .top-row .close-btn:hover img{opacity:1;}
.flight-detail-in .top-row h3{font-size: 24px; color: #2d2d2d;}
.flight-detail-in .mid-content{width: 99%;  overflow-y: scroll; max-height:calc(100vh - 151px);padding-right:10px;}
body.active{overflow: hidden;}

.flight-detail-in .mid-content::-webkit-scrollbar {width: 10px;}
.flight-detail-in .mid-content::-webkit-scrollbar-track {background: #c3c3c3;border-radius: 10px;}
.flight-detail-in .mid-content::-webkit-scrollbar-thumb {background: #582c50;border-radius: 10px;}
.flight-detail-in .mid-content::-webkit-scrollbar-thumb:hover {background: #555;}

.flight-detail-in .dep-title{width: 100%;padding:15px 25px; display: flex; justify-content: space-between;background: #f4f5fa;margin-bottom:5px;}
.flight-detail-in .dep-title h3{font-size: 14px;display: flex;align-items: center;gap: 8px;}
.flight-detail-in .dep-title .total-time-duration{font-size: 12px;  font-weight:600;}
.flight-detail-in .dep-title .total-time-duration img{width:14px;position: relative;top: -2px;}

.flight-detail-in .mid-content .flight-full-info{width:100%; display: flex; gap: 15px; padding: 16px 25px;font-size:13px;}
.flight-detail-in .mid-content .flight-full-info .col1{width:13%;}
.flight-detail-in .mid-content .flight-full-info .col1 strong{display: block;color:#2d2d2d;padding-bottom:2px;}
.flight-detail-in .mid-content .flight-full-info .col1 span{color:#828e98;}
.flight-detail-in .mid-content .flight-full-info .col2{width: 38%;}
.flight-detail-in .mid-content .flight-full-info .col2 ul{display: flex; flex-flow: column; gap: 20px; padding-left: 20px; border-left:2px dotted #2d2d2d;position:relative;}
.flight-detail-in .mid-content .flight-full-info .col2 ul:before{content:"";background:url(../images/FlightLeft.svg) left top no-repeat #fff;width:23px;height: 23px;position:absolute;left:-11px;top:0px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.departure-column,.return-column{margin-bottom:20px;}
.flight-detail-in .mid-content .flight-full-info .col2 ul:after{content:"";background:url(../images/location.svg) left top no-repeat #fff;width:23px;height: 23px;position:absolute;left:-13px;bottom:0px;background-size: 100%;}
.flight-detail-in .mid-content .flight-full-info .col2 li{font-size: 12px;}
.flight-detail-in .mid-content .flight-full-info .col2 li h4{font-size:18px; color: #2d2d2d;padding-bottom:4px;font-weight:500;}
.flight-detail-in .mid-content .flight-full-info .col2 li p{font-size: 12px;}
.flight-detail-in .mid-content .flight-full-info .col2 li.time{color:#542b50;}
.flight-detail-in .mid-content .flight-full-info .col2 li .time-icon{width: 14px;position:relative;top:-2px;}
.flight-detail-in .mid-content .flight-full-info .col3{padding-left: 20px; border-left: 1px solid #ebebeb;margin-left:10px}
.flight-detail-in .mid-content .flight-full-info .col3 li{margin-bottom: 10px;font-size: 12px;}
.flight-detail-in .mid-content .flight-full-info .col3 li img{width: 20px;}
.flight-detail-in .mid-content .stop-over{width: 100%;padding:5px 25px; background: #f4f5fa;font-size:11px;color:#2d2d2d; text-align: center; border-radius: 20px;;}
.flight-detail-in .mid-content .flight-full-info .col3{width:35%;}
.flight-detail-in .btm-row{width: 100%; border-top:2px solid #e2dddd; padding: 12px 25px; display: flex; justify-content: end; gap: 20px; align-items: center;}
.flight-detail-in .btm-row h4{font-size: 18px;}
.flight-detail-in .btm-row p{font-size: 12px;}
.flight-detail-in .btm-row p strong{display: block; font-size: 24px;line-height:20px;}
.fare-breakdown{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;content: '';background: rgba(0, 0, 0, .55);backdrop-filter: blur(8px);
z-index: 9999999; display: none; justify-content: center; align-items: center;}
.fare-breakdown.active{display: flex;}
.fare-breakdown .innerb{width: 621px;box-shadow: 0 2px 16px rgba(0, 0, 0, .5);border-radius: 10px;background: #fff; padding: 20px;}
.fare-breakdown .innerb h3{color: #000; display: flex; justify-content:space-between; font-size: 20px;padding-bottom:10px;border-bottom:1px solid #dcd7d7;}
.fare-breakdown .innerb .close-btn{cursor: pointer;}
.fare-breakdown .innerb .fare-break,.fare-breakdown .innerb .fare-break ul{width: 100%;}
.fare-breakdown .innerb .fare-break ul{display: flex;}
.fare-breakdown .innerb .fare-break li{color: #000;width:25%;text-align:right;font-size:13px;padding:6px 10px;}
.fare-breakdown .innerb .fare-break li:first-child{text-align: left;}
.fare-breakdown .innerb .fare-break.head{background:#fcebf9;margin-top:5px;}
.fare-breakdown .innerb .fare-break li span{font-size:11px;}
.fare-breakdown .innerb .total-price{width:100%; display: flex; font-size:20px; color: #000; justify-content: space-between; padding: 10px; background: #ececec;}
.fare-breakdown .innerb .total-price h4{font-size:16px;}
.fare-breakdown .innerb .total-price h5{font-size:16px;}
.fare-breakdown .innerb .btm-row{width:100%; display: flex; justify-content: space-between; color: #000; gap: 30px; align-items: center; padding:10px 0 0 10px;}
.fare-breakdown .innerb .btm-row p{font-size: 12px; }
.fare-breakdown .innerb .btm-row .gradient-btn{padding:8px 20px;}





.c-button{border: none;  padding: 8px 20px;  border-radius: 5px; margin-bottom: 6px; cursor: pointer;position:relative;border: 1px solid rgb(255, 255, 255);position: relative; text-align: left;}
.c-button::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(269deg, rgba(142, 92, 132, 1) 0%, rgba(74, 28, 65, 1) 100%);opacity: 0;transition: all 0.3s ease-in-out; border-radius: 5px;}
.c-button{border: none;  padding:10px 60px 10px 25px;  border-radius:35px; margin-bottom: 6px; cursor: pointer;position:relative;border: 1px solid rgb(255, 255, 255);position: relative; text-align: left;background: linear-gradient(269deg, rgba(142, 92, 132, 1) 0%, rgba(74, 28, 65, 1) 100%); color: #fff;}
.c-button::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(269deg, rgba(74, 28, 65, 1) 0%, rgba(142, 92, 132, 1) 100%);opacity: 0;transition: all 0.3s ease-in-out;}
.c-button:hover::before {opacity: 1;}
.c-button i{font-size: 16px;position: absolute;color: #fff;animation: moveArrow 2s linear infinite; margin-left: 40px;top:3px;} 
.c-button span{position: relative; z-index: 5;font-size: 18px;}

@keyframes moveArrow {
      0% {
        left: 0;
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        left: 100%;
        opacity: 0;
}
}

.modify-search{width: 100%; background:#F2F3F7; padding:15px 0px; box-shadow: 0 .5px 1px #0000001a, 0 2px 6px #5a646d33;}
.modify-search .radio-group {display: flex;gap: 20px;}
.modify-search .radio-option {position: relative;padding-left: 30px;cursor: pointer;font-size: 16px;user-select: none}
.modify-search .radio-option input {position: absolute;opacity: 0;cursor: pointer;}
.modify-search .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #582c4f;border: 2px solid #582c4f;border-radius: 16px;}
.modify-search .radio-option input:checked ~ .checkmark {background-color: #582c4f;border-color: #582c4f;}
.modify-search .checkmark::after {content: "";position: absolute;display: none;}
.modify-search .radio-option input:checked ~ .checkmark::after {display: block;}
.modify-search .radio-option .checkmark::after {top: 4px;left: 5px;width: 8px;height: 8px;border-radius: 8px;background: white;}
.modify-search .column{width: 100%;display:flex;gap:15px;align-items: start;}
.modify-search .column .col1{width: 40%;display:flex; gap: 15px;}
.modify-search .column .com-css{position: relative; width: 50%;}
.modify-search .column .ac_input{width: 100%;padding:14px 37px 14px 10px;border: 1px solid #e9d9e7;border-radius: 6px;font-size: 14px;}
.modify-search .column .ac_input:focus{outline: none;border: 1px solid #e9d9e7;}
.modify-search .column i{position: absolute;right: 13px;top: 17px;font-size: 18px;}
.modify-search .column .col2{width:25%;display:flex; gap: 15px;position:relative;}
.modify-search .column .col3{width:36%;display:flex; gap: 15px;position:relative;}
.modify-search .column .col3 .pax-col{width:70%; position: relative;}
.modify-search .column .col3 .btn-col{width: 30%;}  
.modify-search .column .btn-col .gradient-btn{width: 100%;}
.modify-search .column .btn-col .gradient-btn i{position:initial; padding-right:7px;}
.modify-search .column .col2 #datepicker{position: absolute;z-index:99;top:50px;width:100%;}
.modify-search .column .col2 .ui-datepicker-inline{width: 100% !important;}
.modify-search .column .col2 .ui-datepicker-row-break {display: none !important;}
.modify-search .column .col3 .travel-class{position: absolute; right:35px; top:16px;font-size:14px; color:#757575;}
.modify-search .column .col3 .travel-class.text-changed{color:#100400;}
.modify-search .column .col3 .pax-data{position: absolute;background-color: #fff;width: 526px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .22);border-radius: 10px !important;
top: 53px;right: -1px;padding: 20px 15px;z-index: 9; display: none; flex-flow: wrap;}
.modify-search .column .col3 .pax-data.active{display: flex;}
.modify-search .column .col3 .pax-data .left-c{width:65%;padding-right:10px; position: relative;}
.modify-search .column .col3 .pax-data .left-c:after{content: "";width: 1px;height: 100%;background: #d9d2d2;position: absolute;right: 0px;top: 0px;}
.modify-search .column .col3 .pax-data .right-c{width:35%;}
.modify-search .column .col3 .pax-data .left-c .row-pax{width: 100%;}
.modify-search .column .col3 .pax-data .left-c .row-pax:first-child ~ .row-pax {margin-top: 15px;}
.modify-search .column .col3 .pax-data .left-c .row-pax h5{font-size:13px; margin-bottom:4px;}
.modify-search .column .col3 .pax-data .left-c .row-pax ul{margin: 0 0 10px;border: 1px solid #000;border-radius: 5px;display: flex;padding: 0;}
.modify-search .column .col3 .pax-data .left-c .row-pax li{width: -webkit-fill-available;display: inline-block;padding: 8px 11px;text-align: center;font-size: 13px;color: #6d6d6d;cursor: pointer;}
.modify-search .column .col3 .pax-data .left-c .row-pax li.active{background-color: #582c50;color: #fff;cursor: pointer;}
.modify-search .column .col3 .pax-data .right-c h5{font-size:13px; margin-bottom:4px;}
.modify-search .column .col3 .pax-data .right-c{padding: 0px 0px 0px 10px;}
.modify-search .column .col3 .pax-data .right-c li{display: block;border-radius: 5px;text-align: left;cursor: pointer;font-size: 12px;color: #6d6d6d;background-color: #fff;
border: 1px solid #adadad;padding: 4px 7px;margin-bottom: 8px;}
.modify-search .column .col3 .pax-data .right-c li.active {background-color: #582c50;color: #fff;border-color: #000;cursor: pointer;}
.modify-search .column .col3 .pax-data .right-c .gradient-btn{padding: 6px 20px; width: 100%;}
.modify-search .column .col3 .pax-data .errormsg{font-size: 13px; color: red;}
.modify-search .column .col2 .com-css{width: 100%;}
.modify-search .top-btn{display: flex; gap: 20px; align-items: center; margin-bottom: 10px;}
.modify-search .top-btn .right-col{display: flex;align-items: center; width:100%;}
.modify-search .top-btn .right-col .checkb-flight {width:18px; height: 18px; position: relative; top:3px;}
.modify-search .top-btn .right-col .airline-b select{padding: 7px;border-radius: 6px;border: 1px solid #b1b3be;font-size: 14px;}
.modify-search .top-btn label{margin:0px;}

.return-to-result{width:100%; padding:12px 0px 30px 0px;}
.return-to-result .box{max-width:1200px;}
.return-to-result .gradient-btn i{padding-right:7px;}
.flight-detail-column .box{width: 100%; display: flex; justify-content: space-between;}
.flight-detail-column .f-detail-left{width: calc(100% - 380px);}
.flight-detail-column .f-detail-right{width: 350px;}
.flight-detail-column{width:100%; display: flex;}
.f-detail-left .flight-detail-in .mid-content{max-height: 100%;overflow-y: visible; width: 100%; padding: 15px;}
.f-detail-left .flight-detail-in .mid-content .flight-full-info .col1{width: 18%;}
.f-detail-left .flight-detail-in{ background: #fff;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;  border-radius: 6px; padding-bottom:20px;margin-bottom:40px;}
.f-detail-left .flight-detail-in .mid-content .title-row{width:100%;display:flex;justify-content: space-between; align-items: start; }
.f-detail-left .flight-detail-in .mid-content .title-row .flight-d-btn i{font-size: 19px; position: relative; top:2px;}
.f-detail-left .flight-detail-in .mid-content .title-row .flight-d-btn{font-size: 15px; font-weight: bold; cursor: pointer;}
.f-detail-left .flight-detail-in .mid-content .title-row h3{font-size:18px;background: #fff;padding: 10px 20px;top: -30px;position: relative; border-radius: 8px;box-shadow: 0 .5px 1px #0000001a, 0 0px 4px #5a646d33;}
.f-detail-left .flight-detail-in .mid-content .title-row .flight-d-btn.active i{transform: rotate(180deg);}
.home-s{display: block;background: rgba(255, 255, 255, 0.5);border: 1.5px solid rgb(255, 255, 255);padding: 28px;border-radius: 20px;}
.home-s.modify-search .radio-group{margin-bottom: 20px;} 
.home-s .box2{max-width: 100%;}
.home-s.modify-search .column .ac_input,.home-s.modify-search .column .btn-col .gradient-btn{height:68px; border-radius: 56px; cursor: pointer;}
.home-s.modify-search .column i{top:26px; font-size: 22px;}
.home-s.modify-search .column .col3 .travel-class{top:27px;}

.home-s.modify-search .column .ac_input.date-cal{background-image: url(../images/icon-calendar.png);background-position:right 15px center; background-repeat: no-repeat; background-size: 20px;}
.home-s.modify-search .column .btn-col .gradient-btn{font-size: 20px;}



.upgrade-fare{background:#fff; width:100%;box-shadow:0 .5px 1px #0000001a,0 2px 6px #5a646d33; padding:20px;  border-radius: 6px; margin-bottom:30px;}
.upgrade-fare .title-row{width:100%; display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px;}
.upgrade-fare .title-row h3{font-size:20px;background: #fff;padding: 10px 20px;top: -30px;position: relative; border-radius: 8px;box-shadow: 0 .5px 1px #0000001a, 0 0px 4px #5a646d33;}
.upgrade-fare .title-row ul{display: flex;gap:10px;}
.upgrade-fare .title-row li{font-size:13px; color: #2d2d2d;padding:5px 15px;border:1px solid #2d2d2d; border-radius:5px; cursor: pointer;}
.upgrade-fare .title-row li.active{background: linear-gradient(96deg, rgba(142, 92, 132, 1) 0%, rgba(74, 28, 65, 1) 100%); color: #fff;}
.return-to-result .gradient-btn{background: #582c50;padding: 7px 17px;}
.upgrade-fare .column{width:100%; display: flex;gap:15px; flex-flow: wrap;}
.upgrade-fare .column .col1{width:calc(33.33% - 10px);padding:12px; border:2px solid #aca8a8; border-radius: 8px; position: relative;}
.upgrade-fare .column .col1 h3{text-align: center;font-size:20px;font-weight:800;}
.upgrade-fare .column .col1 h3 span{font-size:18px;}
.upgrade-fare .column .col1 h3 .dollar{padding-right:3px;}
.upgrade-fare .column .col1 h3 .perperson{font-size: 17px;padding-left:3px;}
.upgrade-fare .column .col1 .t-class{text-align: center; font-size:13px;}
.upgrade-fare .column .col1 .airline-row{width: 100%; display: flex; justify-content: space-between; padding: 12px 0px; align-items: center;}
.upgrade-fare .column .col1 .airline-row span{font-size: 13px;}
.upgrade-fare .column .col1 .airline-row .return-b{background: #eeeeee; padding: 7px 10px;font-size:13px;border-radius:4px;}
.upgrade-fare .column .col1 .airline-row .return-b i{font-size: 9px;}
.upgrade-fare .column .col1 .airline-row .return-b i.fa-arrow-right{position: relative;top: -3px;}
.upgrade-fare .column .col1 .airline-row .return-b i.fa-arrow-left{position: relative;right:2px;top:1px;}
.upgrade-fare .column .col1 ul{margin-top:15px;display:flex;flex-flow:column;gap:10px; margin-bottom: 15px;}
.upgrade-fare .column .col1 ul li{width:100%; font-size: 12px; display: flex; justify-content: space-between;padding:8px 10px; line-height: 16px; align-items: center;}
.upgrade-fare .column .col1 ul li .left-s{position: relative;padding-left: 24px;width: 35%;}
.upgrade-fare .column .col1 ul li .left-s img{position: absolute;left: 0px;top: 50%;width: 18px;transform: translateY(-50%);}
.upgrade-fare .column .col1 ul li .right-s{width: 60%; text-align: right; font-weight:500;}
.upgrade-fare .column .col1 ul li:first-child{background:#e1e5e9; border: 1px solid #e1e5e9; border-radius: 7px;}
.upgrade-fare .column .col1 .gradient-btn{background: #fff; color:#2d2d2d; border-color: #2d2d2d; font-size: 16px; width: 100%; padding:10px;font-weight:500;    border-width: 1px;}
.upgrade-fare .column .col1 .gradient-btn:hover{color: #fff;border-color:transparent;}
.upgrade-fare .column .col1.active{border-color: #000;}
.upgrade-fare .column .col1.active .gradient-btn{color:#fff;border-color:transparent;}
.upgrade-fare .column .col1.active .gradient-btn::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(269deg, rgba(142, 92, 132, 1) 0%, rgba(74, 28, 65, 1) 100%);opacity: 1;transition: all 0.3s ease-in-out;z-index: -1;}
.upgrade-fare .column .col1 .info-icon{position: absolute; right: 15px;cursor:pointer;}

.upgrade-fare .column .col1 .fare-breakdown ul{flex-flow: nowrap; margin: 0px;}
.upgrade-fare .column .col1 .fare-breakdown li{justify-content: end;}
.upgrade-fare .column .col1 .fare-breakdown li:first-child{border: none; background: none; justify-content: start;}
.upgrade-fare .column .col1 .fare-breakdown .innerb .total-price h5{text-align:right;}
.upgrade-fare .column .col1 .fare-breakdown .innerb .total-price h5 span{font-size: 12px; font-weight: normal; display: block;}
.flight-detail-column .f-detail-left .btn-row-btm{width: 100%; margin-bottom: 30px; text-align: center;}
.flight-detail-column .f-detail-left .btn-row-btm .gradient-btn{background:#54264b;font-size: 18px;padding: 11px 45px; border-radius: 6px;}
.price-summary{background: #fff;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;border-radius: 6px;margin-bottom:15px;}
.price-summary h3{background:#582c4f; padding:10px 15px;color:#fff; font-size: 18px; border-radius: 6px 6px 0px 0px;}
.price-summary ul{width:100%;}
.price-summary li{font-size:13px;padding:6px 15px; display: flex; justify-content: space-between;}
.price-summary li ~ li{border-top:1px solid #ececec;}
.price-summary .price-row{ width: 100%;}
.price-summary .price-row button{color: #fff; font-weight: normal;font-size:18px;background: #582c4f;padding: 10px 15px; border-radius: 0px 0px 6px 6px; text-align: center; width: 100%;border: none;}
.price-summary .price-row button strong{font-weight: 800;font-size:22px;line-height:22px;}
.price-summary .price-row button span{display: block; font-size:12px;}
.flight-detail-column .f-detail-right .sticky-div{ position: sticky; top:80px; margin-bottom: 15px;}
.company-info2{width: 100%;background: #fff;box-shadow: 0 .5px 1px #0000001a, 0 2px 6px #5a646d33;border-radius: 6px; padding:0px 25px 10px 25px; text-align: center;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.company-info2 h3 {font-size: 20px;font-weight: 500;color: #ffffff;background: #582c4f;padding:12px 0px;margin: 0px -25px 10px -25px; font-size: 18px;}
.company-info2 ul{width: 100%;}
.company-info2 li{width:100%; padding-bottom:5px; position: relative;}
.company-info2 li img{display: inline-block;}
.company-info2 li p{font-size: 13px;}
.company-info2 li:after{content:""; width:70px; height:1px; background:#8e8e8e; position: absolute; left:50%;margin-left:-35px;bottom:0px;}
.company-info2 li:last-child:after{display:none;}

.pax-box{background: #fff;box-shadow: rgb(35, 66, 100, 0.2) 0px 2px 9px;border-radius: 6px;margin-bottom: 40px;padding:15px;}
.pax-box h3 {font-size:18px;background: #fff;padding: 10px 20px;top: -30px;position: relative;border-radius: 8px;box-shadow: 0 .5px 1px #0000001a, 0 0px 4px #5a646d33;display: table; margin-bottom: -20px;}
.pax-detail{padding-top: 50px;}
.pax-form,.pax-form .row-f{ width:100%;}
.pax-box .row-f{margin-bottom: 20px;}
.pax-title-tab{width:468px;}
.pax-title-tab ul{border: 1px solid #ced4da;display: flex; border-radius:20px;padding:1px 2px 1px 1px;}
.pax-title-tab li{width: 100%;}
.pax-title-tab li a{font-size:13px; color: #383535;padding:8px 28px; display:block;border-radius:20px;}
.pax-title-tab li a.active{background: #555; color:#fff;}
.pax-box label{font-size:13px; font-weight:600;margin-bottom:5px;}
.pax-box label sup{position: relative; left:3px;font-size: 14px;top:0px; color: #f00;}
.pax-form .row-f label{display: block;}
.pax-box .row-f .input{font-size:13px; min-height: 42px;}
.pax-box .row-f.div-flex,.pax-box .row-f{display: flex; gap:15px;}
.pax-box .row-f.div-flex .col-f{width:33.33%;}
.pax-box .row-f.two .col-f{width:50%;}

.pax-form .row-f.div-flex .col-f .radio-option {position: relative;padding-left: 26px;cursor: pointer;font-size: 13px;user-select: none;margin-right:20px;font-weight:400;}
.pax-form .row-f.div-flex .col-f .radio-option input {position: absolute;opacity: 0;cursor: pointer;}
.pax-form .row-f.div-flex .col-f .radio-option .checkmark {position: absolute;top: -2px;left: 0;height: 20px;width: 20px;border: 2px solid #582c4f;border-radius: 16px;}
.pax-form .row-f.div-flex .col-f .radio-option input:checked ~ .checkmark {border-color: #582c4f;}
.pax-form .row-f.div-flex .col-f .radio-option .checkmark::after {content: "";position: absolute;display: none;}
.pax-form .row-f.div-flex .col-f .radio-option input:checked ~ .checkmark::after {display: block;}
.pax-form .row-f.div-flex .col-f .radio-option .checkmark::after {top: 4px;left: 4px;width: 9px;height: 9px;border-radius: 8px;background: #582c4f;}
.pax-form .row-f.div-flex .col-f.gender-c{flex-flow: wrap;display:flex;}
.pax-form .row-f.div-flex .col-f.gender-c .title{width:100%;}
.pax-form .row-f.div-flex .col-f.dob{display: flex; flex-flow: wrap;width: 32%;}
.pax-form .row-f.div-flex .col-f.dob .title{width:100%;}
.pax-form .row-f.div-flex .col-f.dob .select-b{width: 42%;position:relative;}
.pax-form .row-f.div-flex .col-f.dob .select-b.date,
.pax-form .row-f.div-flex .col-f.dob .select-b.month{width: 25%;margin-right: 9px;}
.pax-form .row-f.div-flex .col-f.dob .select-b .form-control,.select-field{background: url(../images/arrow-select.jpg) right center no-repeat; background-size:20px;}
.select-field{padding-right: 28px;}
.c-shadow-box{background: #fff;box-shadow: rgb(35, 66, 100, 0.2) 0px 2px 9px;border-radius: 6px;margin-bottom: 40px;padding: 15px;}
.c-shadow-box .title-row{ width: 100%;display: flex;justify-content: space-between;align-items: start;}
.c-shadow-box .title-row h3{font-size: 18px;background: #fff;padding: 12px 20px;top: -30px;position: relative;border-radius: 8px;box-shadow: 0 .5px 1px #0000001a, 0 0px 4px #5a646d33;}
.refundable-book .refundable-price{display: flex; gap: 20px;}
.refundable-book .refundable-price span{background: #03a84e;color: #fff;padding: 5px 20px;border-radius: 3px;font-size: 18px;font-weight: 700;display:inline-block;}
.c-shadow-box .grey-b{background: #f5f5f5;  border: 1px solid #ebeef2; padding: 7px 15px; border-radius:7px;}
.c-shadow-box .grey-b p{font-size: 13px; line-height: 21px; color: #2d2d2d;}
.refundable-book .listing-p{width:100%;padding:20px 0px;}
.refundable-book .listing-p ul{display:flex; flex-flow:wrap;margin-bottom:0px;}
.refundable-book .listing-p li{width:33%;font-size:13px;margin-bottom:10px;}
.refundable-book .listing-p li:last-child{margin-bottom:0px;}
.refundable-book .listing-p li i{font-size:13px;padding-right: 1px;color: #792166;}
.refundable-book .donot-risk{background:#ffdddd; border:1px solid #d70101; border-radius: 7px; padding:12px; display: flex; gap:10px; align-items: center; margin-bottom: 15px;}
.refundable-book .donot-risk img{width:20px;}
.refundable-book .donot-risk p{font-size:13px; color:#d70101;}
.refundable-book .refund-option{display: flex; gap:20px;}
.refundable-book .refund-option .radio-option {position: relative;padding-left: 26px;cursor: pointer;font-size: 13px;user-select: none;font-weight:400;}
.refundable-book .refund-option .radio-option input {position: absolute;opacity: 0;cursor: pointer;}
.refundable-book .refund-option .radio-option .checkmark {position: absolute;top: -2px;left: 0;height: 20px;width: 20px;border: 2px solid #582c4f;border-radius: 16px;}
.refundable-book .refund-option .radio-option input:checked ~ .checkmark {border-color: #582c4f;}
.refundable-book .refund-option .radio-option .checkmark::after {content: "";position: absolute;display: none;}
.refundable-book .refund-option .radio-option input:checked ~ .checkmark::after {display: block;}
.refundable-book .refund-option .radio-option .checkmark::after {top: 4px;left: 4px;width: 9px;height: 9px;border-radius: 8px;background: #582c4f;}
.refundable-book .oops-error{font-size:13px;  font-weight:500; color: #f00;}
.cont-info.c-shadow-box .grey-b{margin:6px 0px 8px 0px;} 
.review-info .grey-b{margin-bottom:15px;}
.review-info .custom-checkbox a{color:#783c6d;}
.review-info .custom-checkbox a:hover{text-decoration: underline;}
.price-summary .price-row.final{color:#000;font-weight: normal;font-size: 18px;padding: 10px 15px;border-radius: 0px 0px 6px 6px;
text-align: center;width: 100%;border: none; display: flex; justify-content: space-between;align-items:center;}
.price-summary .price-row.final h4{font-size:18px; text-align:left;}
.price-summary .price-row.final h4 span{display:block; font-size:11px; font-weight: 300;}
.price-summary .price-row.final h5{font-size:26px;}

.refund-popup {position: fixed;z-index: 9999999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5); display: none;}
.refund-popup .innerb{background-color: #fff;padding: 20px;border: 1px solid #888;width: 60%;/* min-height: 300px; */max-width: 450px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;border-radius:6px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border: 5px solid #522749;}
.refund-popup .innerb p{margin:0px;line-height: 28px;font-size: 15px;font-weight: 500;}
.refund-popup .innerb .ok-btn1 {background: #502548;padding:10px 25px;font-size: 18px;color: #fff;border-radius: 5px;border: none;margin:20px 0px;}
.refund-popup .innerb .ok-btn1:hover{background:#555;}
.refund-popup h4{background: #502548;font-size: 22px;padding: 10px 10px;color: #ffffff;line-height: 30px;display: flex;align-items: center;gap: 10px;justify-content: center; border-radius:3px;}
.refund-popup h4 img{max-width:30px;}
.refund-popup h5{font-size:20px;font-weight:600;margin-top:10px;}
.refund-popup .red{background: #ff0000;color: #fff;display: inline-block;padding: 0 15px;font-size: 13px;font-weight: normal;line-height: 22px;}
.refund-popup.session-exp .innerb{max-width: 350px;}  

 

@media (min-width: 768px) {
  .ui-datepicker {
    width: auto !important;
  }

  .ui-datepicker-multi {
    display: flex !important;
  }

  .ui-datepicker-group {
    float: none !important;
  }
}
.flight-detail-dd{display: none;}
.flight-detail-dd .out-com{width:100%;background: #eef3fc;padding:15px;border-radius:6px;}
.flight-detail-dd .dep-title{ font-size:13px; display: flex; justify-content: space-between; font-weight: 600;padding: 5px 0px 10px 0px;
border-bottom: 1px solid #bec4cc;}
.flight-detail-dd .dep-title i{padding-right:5px;}
.flight-detail-dd .dep-title h3{font-size: 14px;display: flex;align-items: center;gap: 8px;}
.flight-detail-dd .dep-title h3 img{width:14px;}
.flight-detail-dd .dep-title h3 i{padding: 0 4px;}
.flight-detail-dd .dep-title .total-time-duration{font-size: 12px;  font-weight:600;}
.flight-detail-dd .dep-title .total-time-duration img{width:14px;position: relative;top: -2px;}
.outgoing-flight{width:100%; margin-bottom:15px;}
.outgoing-flight h2{font-size: 18px; margin-bottom: 15px;}
.flight-detail-dd .flight-result-box{background:none;  box-shadow: none; margin: 0px;}
.flight-detail-dd .flight-result-left .column-top .airline-logo p{font-weight: bold;}
.flight-detail-dd .flight-result-left .column-top .flight-total-time{justify-content: center;}
.flight-detail-dd .flight-result-left .column-top .flight-total-time .line-row:after{    content: "";
width: 8px;height: 8px;display:inline-block; border-right: 2px solid #491b40;border-bottom: 2px solid #491b40;position: absolute;right:0px;top: -5px;z-index: 3;display: block;transform: rotate(-45deg);}
.flight-detail-dd .flight-result-left .column-top .flight-total-time .line-row:before{left: 0px;}
.flight-detail-dd .flight-result-right{text-align:left;}
.flight-detail-dd .flight-result-right ul li{font-size:13px;}
.flight-detail-dd .flight-result-right ul li img{width:15px;}
.flight-detail-dd .flight-result-left{padding-bottom: 0px;}
.flight-detail-dd .flight-result-right li ~ li{margin-top: 5px;}
.flight-detail-dd .flight-result-right li:last-child img{border-radius: 100%;}
.flight-detail-dd .out-com.return-com{margin-top: 10px;}
.flight-result-box .btm-row{width:100%; padding:0px 36px 0px 0px; display: flex; justify-content: space-between; position: relative;}
.flight-result-box .btm-row .alternate-opt,.flight-result-box .btm-row .view-flight-detail{font-size: 12px;background: #03a84e;display: inline-block;color: #ffffff;padding: 6px 10px 6px 10px;border-radius: 5px 5px 0px 0px; cursor: pointer;}
.flight-result-box .btm-row .alternate-opt i{font-size:10px;padding-left: 6px;}
.alternate-opt-dd{width: 100%;padding: 10px 10px 1px 10px;background: #502a52; display: none;}
.flight-result-box .btm-row .view-flight-detail.active{background: #eff3fc; color: #000;}
.flight-result-box .btm-row .view-flight-detail{background: #e9edff; color: #000;min-width: 151px;text-align: center;}
.flight-result-box .btm-row .alternate-opt.active{background:#502a52;color: #fff;}
.flight-result-box .btm-row .view-flight-detail i{padding-left: 6px; font-size: 10px;}
.flight-result-box .btm-row .alternate-opt.active i,
.flight-result-box .btm-row .view-flight-detail.active i{transform: rotate(-181deg);position: relative;left: 6px;top: -2px;}
.flight-result-box .btm-row:after {content: "";width: 1px;height: 100%;position: absolute;right: 221px;background: #dadbde;top: 0px;}
.sort-and-filter{border: 1px solid #000;padding: 8px 10px;border-radius: 10px;visibility: #000;color: #542b51;font-size: 14px;text-align: center;width: 300px; display: none;}

.result-sec .leftcol .top-row .clear-btn,.flight-result-right .btn-cal button,.flight-result-right .btn-cal button span,.flight-result-right .btn-cal span,
.flight-detail-in .top-row .close-btn,.c-button,.f-detail-left .flight-detail-in .mid-content .title-row .flight-d-btn i,.upgrade-fare .title-row li,
.flying-bar .btn-col .gradient-btn i{transition: all ease 0.5s;}

.result-sec .leftcol .close-btn{background: #542b51;display: inline-block;margin-left: auto;color: #fff;padding: 5px 15px;font-size: 13px; cursor: pointer; 
  display: none;}


@media only screen and (max-width:1399px) { 
  .pax-form .row-f.div-flex .col-f.dob .select-b.date, .pax-form .row-f.div-flex .col-f.dob .select-b.month{margin-right: 9px;}
}

@media only screen and (max-width:1199px) { /*1024 */
  .modify-search .top-btn .right-col .checkb-flight{margin-right: 5px;}
.modify-search .column .col1,.modify-search .column .col2,.modify-search .column{gap: 7px;}
.modify-search .column .btn-col .gradient-btn{padding: 10px 12px;}
.modify-search .top-btn .right-col .airline-b select{font-size:13px;}
.modify-search .column .ac_input{font-size:13px;}
.modify-search .column .com-css.date-picker-s i{font-size:16px;} 
.result-sec .leftcol{width:280px;}
/*.result-sec .leftcol .filter-col{padding:15px 15px 0px 15px !important;}*/
.result-sec .rightcol {width: calc(100% - 300px);}
.custom-checkbox span.checkmark{width:17px; height: 17px;}
.custom-checkbox{padding-left:25px;}
.flight-result-box .btm-row{padding-right: 15px;}
.flight-result-box .btm-row:after{right: 179px;}
.alternate-opt-dd .flight-result-right .btn-cal{padding: 0px;}
}
@media only screen and (max-width:1199px) { 
  .pax-detail{padding-top: 20px;}
  .f-detail-left .flight-detail-in .mid-content .title-row h3,
  .pax-box h3,.c-shadow-box .title-row h3{font-size: 16px;}
  .flight-detail-in .mid-content .flight-full-info .col2 ul{padding-left: 18px;}
  .flight-detail-in .mid-content .flight-full-info .col2 li h4{font-size:16px;}
  .pax-form .row-f.div-flex .col-f.dob .select-b .form-control, .select-field{font-size: 12px;background-size: 15px; padding: 5px;}
  .pax-form .row-f.div-flex .col-f.dob .select-b.date, .pax-form .row-f.div-flex .col-f.dob .select-b.month{margin-right:7px;}
  .refundable-book .refundable-price span{font-size: 15px;}
  .pax-box label{font-size:11px; font-weight: normal;}
}
@media only screen and (max-width:1023px) { 
  .flight-detail-column .f-detail-right{width: 320px;}
  .flight-detail-column .f-detail-left {width: calc(100% - 340px);  }
  .flight-detail-in .dep-title{align-items: center;}
  .f-detail-left .flight-detail-in .mid-content .title-row h3,
.pax-box h3,.c-shadow-box .title-row h3{font-size:14px; padding:10px;}
.flight-detail-in .dep-title{padding:6px 10px;}
.flight-detail-in .dep-title h3 img{width:15px;}
.flight-detail-in .dep-title h3{font-size:12px;  width:70%;}
.flight-detail-in .dep-title .total-time-duration{font-size:11px;}
.flight-detail-in .dep-title .total-time-duration img{width:12px;}
.flight-detail-in .dep-title{align-items: center;}
.flight-detail-in .mid-content .flight-full-info{padding:10px 0px; font-size:11px; gap: 10px;}
.flight-detail-in .mid-content .flight-full-info .col2 li h4{font-size:13px;}
.flight-detail-in .mid-content .flight-full-info .col2 li p{font-size:11px;}
.flight-detail-in .mid-content .flight-full-info .col2 li .time-icon{width:12px;}
.flight-detail-in .mid-content .stop-over{padding:8px 10px; font-size:11px; line-height: 14px;}
.flight-detail-in .mid-content .flight-full-info .col3{padding-left:10px;}
.flight-detail-in .mid-content .flight-full-info .col3 li{margin-bottom: 5px;font-size: 12px;align-items: center;display: flex;flex-flow: column;border-bottom: 1px dotted #ddd;padding-bottom: 3px;}
.flight-detail-in .mid-content .flight-full-info .col2 ul{gap:6px;}
.flight-detail-in .mid-content .flight-full-info .col2 li{font-size:11px;}
.pax-box .row-f.div-flex, .pax-box .row-f{flex-flow: wrap;}
.pax-box .row-f.div-flex .col-f,.pax-form .row-f.div-flex .col-f.dob{width:100%;}
.pax-title-tab{width:100%;}
.pax-title-tab li{width:auto;}
.pax-title-tab li a{font-size: 12px;padding: 5px 15px;text-align: center;}
.pax-box .row-f.two .col-f{width: 100%;}
.refundable-book .title-row{flex-flow: column;}
.refundable-book .refund-title span{margin-left:0px;display:inline-block; margin:5px 0px;font-weight:600;}
.refundable-book .refund-title p{font-size:14px;width: 72%;}
.refundable-book .refund-title p span{font-size:14px;font-weight:600;}
.refundable-book .term-c p{font-size:13px;}
.refundable-book .listing-p li{width:100%;}
.refundable-book .listing-p li{font-size:13px; margin-bottom:6px;}
.refundable-book .listing-p li i{font-size:12px;}
.refundable-book .listing-p a{font-weight:600;}
.refundable-book .unexpected-situations{font-weight: 400;position: relative;padding: 10px;padding-left: 40px;font-size: 13px;line-height: 16px;}
.refundable-book .unexpected-situations img{position: absolute;left: 8px;top: 15px;max-width: 21px;}
.refundable-book .radio-btn-column{flex-flow:wrap;margin-bottom: 7px;}
.refundable-book .refundable-price{margin-bottom: 10px;}
.refundable-book .refundable-price span{font-size:14px;}
.refundable-book .donot-risk{padding:7px;}
.refundable-book .donot-risk img{width:16px;}
.refundable-book .donot-risk p{font-size:12px;}
.refundable-book .refund-option{flex-flow: column; gap: 5px;}
.pax-box .row-f .input{min-height:38px; font-size: 12px !important;}
.refundable-book .refund-option .radio-option{font-size:12px;}
.company-info2 li{margin-bottom: 15px; padding-bottom: 15px;}
.company-info2 li img{transform:none !important; width:70px;}
.price-summary h3{font-size:16px;}
.price-summary .price-row.final h4{font-size:16px;}
.cont-info.c-shadow-box .grey-b{padding:6px 10px;}
.c-shadow-box .grey-b p{font-size:11px; line-height:17px;}
.flight-detail-column .f-detail-left .btn-row-btm .gradient-btn{font-size:14px;}
.sort-and-filter{display: block;width:calc(100% - 30px);margin-bottom:15px;border-radius:5px;background: #49214a;color: #fff;font-size: 15px; margin: 0 15px;}
.result-sec .leftcol{display: none;}
.result-sec .box2{flex-flow: wrap;}
.result-sec .rightcol{width:100%;}


body{padding-top:58px;}
.mod-search{display: flex; padding:10px 0px 5px 0px;}
.mod-search .btn{width:100%; padding: 8px;}
.modify-search{display: none; margin-bottom: 10px;}
.modify-search .column{flex-flow: column;}
.modify-search .column .col1,
.modify-search .column .col2,
.modify-search .column .col3{width:100%;}
.modify-search .column .col3{gap:7px;}
.modify-search .column .col3 .pax-col,
.modify-search .column .col3 .btn-col{width:50%;}
.modify-search .radio-option{padding-left:27px;}
.modify-search .top-btn .right-col .checkb-flight{top:4px;}
.result-sec{padding-top:0px;}
.mod-search .container{max-width:100% !important; padding: 0 15px;}
.result-sec .leftcol{position: fixed;z-index: 99999999;width:60%;height: 100vh;overflow: auto;top: 0px;left: 0;}
.result-sec .leftcol.active{display:block;}
.result-sec .leftcol.active .close-btn{display: inline-block; left: calc(100% - 40px); position: relative;}
body.active::after {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, .50) !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 9999999 !important;
}
.mod-search .btn.active i{transform: rotate(-184deg);left:6px; position: relative;}
.result-sec .leftcol .top-row{padding:10px 15px 15px 15px;}
.result-sec .leftcol .top-row .clear-btn{font-size:14px; font-weight: normal;}
.custom-checkbox .checkmark:after{top:0px;}
.flight-result-box .btm-row:after{right: 191.5px;}
.cheapest-price li{padding:12px 0px;}
.cheapest-price{margin:10px 0px 15px 0px;}
.cheapest-price .box2{padding:0px;}
}

@media only screen and (max-width:767px) {
  .flight-detail-column .box{flex-flow: wrap;}
  .flight-detail-column .f-detail-left,
  .flight-detail-column .f-detail-right{width:100%;}
    .f-detail-left .flight-detail-in .mid-content .title-row .flight-d-btn{font-size:12px;}
  .f-detail-left .flight-detail-in .mid-content .title-row .flight-d-btn i{font-size:15px;}
  .f-detail-left .flight-detail-in .mid-content{padding: 15px 10px;}
  .f-detail-left .flight-detail-in .mid-content .title-row h3, .pax-box h3, .c-shadow-box .title-row h3{margin-bottom: -20px;}
  .flight-detail-in .mid-content .flight-full-info .col2 ul:before{background-size:100%; width:15px; height: 15px; left: -8px;}
  .flight-detail-in .mid-content .flight-full-info .col2 ul:after{width:17px; height:17px; left: -9px;}
  .f-detail-left .flight-detail-in .mid-content .flight-full-info .col1{text-align: center; width:25%;}
  .flight-detail-in .mid-content .flight-full-info .col2 li.time{padding:12px 0px;}
  .flight-detail-in .mid-content .flight-full-info .col3{margin-left:0px;}
  .flight-detail-in .mid-content .flight-full-info .col3 li{font-size:10px; text-align: center;}
  .flight-detail-in .mid-content .flight-full-info .col3 li img{width:16px;}
  .flight-detail-in .mid-content .stop-over{font-size:10px;}
  .flight-detail-in .mid-content .flight-full-info .col2 ul{padding-left:15px;}
  .flight-detail-in .mid-content .flight-full-info .col2 li p,
  .flight-detail-in .mid-content .flight-full-info .col2 li{font-size:10px;}
  .modify-search .top-btn {flex-flow: wrap; gap: 10px;}
  .modify-search .top-btn .right-col .checkbx{padding-left:0px;}
  .modify-search{padding:10px 0px;background: #ffffff;}
  .modify-search .column .col1, .modify-search .column .col2, .modify-search .column .col3{flex-flow: wrap;}
  .modify-search .column .com-css,
  .modify-search .column .col3 .pax-col, .modify-search .column .col3 .btn-col{width:100%;}
  .modify-search .column .col3 .pax-data{width:100%;}
  .modify-search .column .col3 .pax-data .left-c .row-pax li{font-size:11px; padding: 8px 3px;}
  .modify-search .column .ac_input{font-size:12px; padding: 10px 37px 10px 10px;}
.modify-search .column i{font-size: 15px; top:13px}
.modify-search .radio-option, .modify-search .top-btn label{font-size:12px;}
.modify-search .top-btn .right-col .airline-b select{font-size:12px;}
.modify-search .column .com-css.date-picker-s i{font-size:14px;}
.modify-search .column .col3 .travel-class{font-size:13px; top:10px;}
.modify-search .column .btn-col .gradient-btn{padding: 6px 10px;}
.result-sec .leftcol{width:85%;}
.sort-and-filter{font-size:14px;}
.sort-and-filter i{padding-right:5px;}
.mod-search .btn{font-size:13px;}
.cheapest-price li h3{font-size:14px;line-height:14px;}
.cheapest-price li{padding:10px 0px;}
.result-sec .leftcol .top-row h3{font-size:15px;}
.result-sec .leftcol .top-row .clear-btn{font-size:12px;}
.result-sec .leftcol .filter-col .common-title .clear-btn{font-size:12px;}
.result-sec .leftcol .filter-col .list-b .price-row .min-p{font-size:13px;}
.flight-result-left,.flight-result-right{width:100%; padding:5px;}
.flight-result-box .btm-row .view-flight-detail{min-width:auto;}
.flight-result-box .btm-row:after{display:none;}
.flight-result-box .btm-row{padding:0px;}
.flight-result-left .column-top .flight-origin span{font-size:10px; line-height:12px; padding:4px 0px;}
.flight-result-left .column-top .flight-origin strong{font-size:14px; line-height:16px;}
.flight-result-left .column-top .flight-total-time .out-icon img{width:14px; margin-top:8px;}
.flight-result-left .column-top .airline-logo p, .flight-result-left .column-top .airline-logo span{font-size:11px; line-height:15px;}
.flight-result-left .column-top .baggage-info .tooltip-text{padding:4px 5px; left: 11px; font-size:10px;}
.flight-result-left .column-top .baggage-info{width:7%;}
.cheapest-price li span{font-size:11px;}
.flight-result-right .price-all h3{font-size:18px;}
.flight-result-right .price-all strong{font-size:13px; font-weight: 400;}
.flight-result-right{border-top: 1px solid #dadbde; border-left: none;}
.flight-result-box .btm-row .alternate-opt, .flight-result-box .btm-row .view-flight-detail{padding:6px;}
.flight-detail-dd .dep-title{flex-flow: wrap; justify-content: start;}
.flight-detail-dd .dep-title h3{margin-bottom:7px; width:100%; font-size:13px;}
.flight-detail-dd .dep-title .day-date,
.flight-detail-dd .dep-title .total-time-duration{font-size:11px; font-weight: normal;}
.flight-detail-dd .dep-title .total-time-duration{margin-left:6px;}
.flight-detail-dd .flight-result-right ul li{font-size:11px;}
.flight-detail-dd .out-com{padding:8px;}
.outgoing-flight{margin-bottom:0px;}
.outgoing-flight h2{font-size:15px; margin-bottom:5px;}
.flight-detail-dd .flight-result-right{padding:5px 0px;}
.flight-detail-dd .flight-result-right ul{display: flex;justify-content: space-between; gap: 10px;}
.flight-detail-dd .flight-result-right li ~ li{margin:0px;}
.flight-result-box .btm-row .alternate-opt, .flight-result-box .btm-row .view-flight-detail{font-size:11px;}
.alternate-opt-dd{padding:5px;}
.alternate-opt-dd .flight-result-left .column-top .baggage-info .tooltip-text{left:8px;}
.flight-result-right .btn-cal{align-items: end; width:50%; padding: 0px;}
.flight-result-right .btn-cal button{width:110px; margin: 0px;}
body{padding-top: 0px;}
.flight-detail-column .f-detail-left .btn-row-btm{display:none;}
.make-pyment-col{margin-bottom:10px;}
.make-pyment-col .gradient-btn{width:100%;}
.refund-popup .innerb{width:90%;padding:10px;}
.refund-popup h4{font-size:18px;padding:8px 10px;}
.refund-popup .innerb p{font-size:13px; line-height:20px; font-weight: normal;}
.refund-popup .innerb .ok-btn{margin: 0px;}
.pax-box .row-f{gap:5px; margin-bottom:10px;}
.flight-result-right .price-all{width:50%; text-align: left; padding-left:7px;}
.flight-result-right{display: flex;flex-direction: row;justify-content: space-between; align-items: center;border-bottom: 1px solid #dadbde; padding-bottom:7px; margin-bottom:8px; border-radius: 0px;}
.alternate-opt-dd .flight-result-right .btn-cal span{margin-top:5px;}
.flight-detail-dd .dep-title i{padding-right:2px;}
.modify-search .column .col3 .pax-data{top:42px;}
.refundable-book .refundable-price span{padding:5px 10px;}
.c-shadow-box .grey-b{padding:7px 10px;}
.refundable-book .listing-p li{font-size:12px;}
.modify-search .radio-option .checkmark::after{top:5px;}
.pax-title-tab li a{padding:5px 12px;}
.modify-search .column .col3 .pax-data .errormsg{font-size:11px; padding-top: 10px;}
.modify-search .column .col3 .pax-data .right-c .gradient-btn{font-size:13px; padding:5px 20px;}
    @media only screen and (max-width: 767px) {
        .mobileview{display:none}
        .footer-latest .contact-info li .text {
            text-align: left;
            margin-left: 10px !important;
        }
    }
}
.baggage-allowance .grey-b {
    background: #f5f5f5;
    border: 1px solid #ebeef2;
    padding: 7px 15px;
    border-radius: 7px;
    margin-bottom: 15px;
    
}

    .baggage-allowance .grey-b p {
        font-size: 13px;
        line-height: 21px;
        color: #2d2d2d;
    }
.baggage-allowance-new {
    width: 100%;
    position: relative;
}

    .baggage-allowance-new .heading-area {
        width: 100%;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        background: #f4f4f4;
        padding: 7px 0px;
    }

        .baggage-allowance-new .heading-area .left-area {
            flex-grow: 1
        }

        .baggage-allowance-new .heading-area .right-area {
            display: flex;
            align-items: flex-end;
            width: 50%;
            justify-content: flex-end
        }

            .baggage-allowance-new .heading-area .right-area .bag-heading {
                display: flex;
                flex-wrap: nowrap;
                align-items: center
            }

                .baggage-allowance-new .heading-area .right-area .bag-heading .bag-texts {
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                    min-width: 130px;
                    line-height: 20px
                }

                    .baggage-allowance-new .heading-area .right-area .bag-heading .bag-texts i {
                        font-size: 18px;
                    }

                    .baggage-allowance-new .heading-area .right-area .bag-heading .bag-texts:last-child {
                        border-right: 0
                    }

    .baggage-allowance-new .leg-container-area {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .baggage-allowance-new .leg-area {
        width: 100%;
        border-bottom: solid 1px #ddd;
        margin-bottom: 15px;
    }

    .baggage-allowance-new .leg-container-area .leg-area:last-child {
        border-bottom: 0
    }

    .baggage-allowance-new .summary-container {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding: 5px 0px;
    }

        .baggage-allowance-new .summary-container .left-area {
            flex-grow: 1;
            width: 50%;
            display: flex
        }

            .baggage-allowance-new .summary-container .left-area .summary {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                flex-grow: 1;
                max-width: 100%;
                gap: 6px;
            }

                .baggage-allowance-new .summary-container .left-area .summary .air-logo {
                    height: 20px
                }

                    .baggage-allowance-new .summary-container .left-area .summary .air-logo img {
                        width: auto;
                        max-height: 20px;
                    }

                .baggage-allowance-new .summary-container .left-area .summary .texts {
                    font-size: 14px;
                    font-weight: 500;
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    width: calc(100% - 35px);
                }

                    .baggage-allowance-new .summary-container .left-area .summary .texts i {
                        font-size: 16px;
                        vertical-align: text-bottom
                    }

                    .baggage-allowance-new .summary-container .left-area .summary .texts em {
                        text-transform: uppercase;
                        
                        font-style: normal
                    }

                    .baggage-allowance-new .summary-container .left-area .summary .texts span {
                        max-width: 50%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap
                    }

        .baggage-allowance-new .summary-container .right-area {
            display: flex;
            align-items: flex-end;
            width: 50%;
            justify-content: flex-end
        }

            .baggage-allowance-new .summary-container .right-area .summary {
                display: flex;
                flex-wrap: nowrap;
                align-items: center
            }

                .baggage-allowance-new .summary-container .right-area .summary .bag-texts {
                    font-size: 13px;
                    display: flex;
                    align-items: center;
                    min-width: 130px
                }

                    .baggage-allowance-new .summary-container .right-area .summary .bag-texts.not:before {
                        content: '';
                        font-family: FontAwesome;
                        font-size: 14px;
                    }

    .baggage-allowance-new .leg-area:last-of-type {
        border-bottom: 0
    }

    .baggage-allowance-new .travellers-list-container {
        width: 100%;
        display: none
    }

    .baggage-allowance-new .travellers-list {
        width: 100%;
        display: flex;
        padding: 10px 0px 10px 23px;
    }

        .baggage-allowance-new .travellers-list .travellers {
            flex-grow: 1
        }

            .baggage-allowance-new .travellers-list .travellers .summary {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                gap: 4px;
            }

                .baggage-allowance-new .travellers-list .travellers .summary i {
                    font-size: 18px;
                }

                .baggage-allowance-new .travellers-list .travellers .summary svg {
                    width: 18px;
                    height: 18px;
                }

                .baggage-allowance-new .travellers-list .travellers .summary .texts {
                    font-size: 13px;
                    display: flex;
                    align-items: center
                }

        .baggage-allowance-new .travellers-list .baggage-details {
            display: flex;
            align-items: flex-end;
            width: 40%;
            justify-content: flex-end
        }

            .baggage-allowance-new .travellers-list .baggage-details .summary {
                display: flex;
                flex-wrap: nowrap;
                align-items: center
            }

                .baggage-allowance-new .travellers-list .baggage-details .summary .bag-texts {
                    font-size: 13px;
                    display: flex;
                    align-items: center;
                    min-width: 130px
                }

                    .baggage-allowance-new .travellers-list .baggage-details .summary .bag-texts i {
                        font-size: 15px;
                    }

                    .baggage-allowance-new .travellers-list .baggage-details .summary .bag-texts:last-child {
                        border-right: 0
                    }

    .baggage-allowance-new .bottom-area {
        margin-left: -16px;
        margin-right: -16px;
        padding: 0;
        border-top: dashed 1px #ddd;
        display: block
    }

        .baggage-allowance-new .bottom-area .clickable-content {
            justify-content: flex-end;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 8px;
            padding-right: 40px;
        }

        .baggage-allowance-new .bottom-area .show-text {
            font-size: 12px;
            cursor: pointer;
            user-select: none;
            background: #582c4f;
            color: #fff;
            padding: 4px 30px 4px 10px;
            margin-top: 10px;
            position: relative;
            border-radius: 4px;
        }

            .baggage-allowance-new .bottom-area .show-text:after {
                content: "";
                width: 8px;
                height: 8px;
                border-right: 2px solid #fff;
                border-bottom: 2px solid #fff;
                display: inline-block;
                position: absolute;
                right: 10px;
                transform: rotate(45deg);
                top: 8px;
            }

            .baggage-allowance-new .bottom-area .show-text.active:after {
                transform: rotate(-135deg);
                top: 12px
            }

        .baggage-allowance-new .bottom-area .click-arrow {
            display: flex;
            align-self: center;
            cursor: pointer;
            align-items: center
        }

            .baggage-allowance-new .bottom-area .click-arrow i {
                font-size: 11px;
                width: 20px;
                height: 20px;
                line-height: 19px;
                text-align: center;
                border-radius: 100%;
                margin: 2px;
                z-index: 10
            }

            .baggage-allowance-new .bottom-area .click-arrow .icon_down {
                position: relative;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                text-align: center
            }

                .baggage-allowance-new .bottom-area .click-arrow .icon_down::before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    display: inline-block
                }

            .baggage-allowance-new .bottom-area .click-arrow .icon_right {
                position: relative;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                text-align: center
            }

                .baggage-allowance-new .bottom-area .click-arrow .icon_right::before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    display: inline-block
                }

    .baggage-allowance-new .summary-container.active .right-area {
        display: none;
    }

    .baggage-allowance-new .travellers-list .travellers .summary .texts {
        font-size: 12px;
    }

    .baggage-allowance-new .travellers-list {
        padding: 5px 0px 5px 23px;
    }

    .baggage-allowance-new .summary-container .left-area .summary .texts span {
        
    }

    .baggage-allowance-new .summary-container .left-area .summary .texts em {
        
    }
    .checkh4{
        font-size:17px !important;
    }
.checkh4img {
    width: 27px !important;
    margin-left: 18px;
}
.baggage-allowance-new .summary-container .right-area .summary .bag-texts:first-child,
.baggage-allowance-new .heading-area .right-area .bag-heading .bag-texts:first-child,
.baggage-allowance-new .travellers-list .baggage-details .summary .bag-texts:first-child {
}
@media only screen and (max-width:910px) {
    .baggage-allowance-new .travellers-list .travellers .summary .texts {
        font-size: 12px;
    }

    .baggage-allowance-new .travellers-list {
        padding: 5px 0px 5px 23px;
    }

    .baggage-allowance-new .summary-container .left-area .summary .texts span {
        display: none;
    }

    .baggage-allowance-new .summary-container .left-area .summary .texts em {
        display: block;
        font-size: 12px;
    }

    .baggage-allowance-new .heading-area .right-area .bag-heading .bag-texts {
        font-size: 12px;
        flex-flow: column;
        min-width: 70px;
    }

        .baggage-allowance-new .heading-area .right-area .bag-heading .bag-texts img,
        .baggage-allowance-new .summary-container .left-area .summary .texts {
            width: 12px;
           
        }

    .baggage-allowance-new .summary-container .right-area .summary .bag-texts,
    .baggage-allowance-new .travellers-list .baggage-details .summary .bag-texts {
        min-width: 60px;
    }

    .baggage-allowance-new .travellers-list .travellers .summary img {
        width: 12px;
    }

    .baggage-allowance-new .heading-area {
        padding-right: 5px;
    }

    .baggage-allowance-new .bottom-area .clickable-content {
        padding-right: 30px;
    }
    
    
}