.passenger-selector{position:relative}
.passenger-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}
.passenger-popup{position:absolute;top:76px;left:50%;z-index:50;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(0,0,0,.08);border-radius:12px;padding:12px;width:340px;margin-top:0;transform:translateX(-50%);animation:slideDown .2s ease-out;z-index:99999999}
@keyframes slideDown{
from{opacity:0;transform:translateX(-50%) translateY(-10px)}
to{opacity:1;transform:translateX(-50%) translateY(0)}
}
.passenger-popup .passenger-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f3f4f6}
.passenger-popup .passenger-row:last-of-type{border-bottom:none}
.passenger-popup .label-group .title{font-weight:600;color:#111827;font-size:14px;margin-bottom:2px}
.passenger-popup .label-group .desc{font-size:12px;color:#6b7280;font-weight:400}
.passenger-popup .counter-group{display:flex;align-items:center;gap:12px}
.passenger-popup .counter-group .btn-dec,.passenger-popup .counter-group .btn-inc{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}
.passenger-popup .counter-group .btn-dec:hover,.passenger-popup .counter-group .btn-inc:hover{background:#e5e7eb;border-color:#9ca3af}
.passenger-popup .counter-group .btn-dec:disabled,.passenger-popup .counter-group .btn-inc:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}
.passenger-popup .counter-group .btn-dec:disabled:hover,.passenger-popup .counter-group .btn-inc:disabled:hover{background:#f9fafb;border-color:#d1d5db}
.passenger-popup .counter-group .count{min-width:24px;text-align:center;font-weight:600;color:#111827;font-size:14px}
.passenger-popup .popup-actions{text-align:right;padding-top:0;margin-top:8px}
.passenger-popup .btn-done{background:#155ed2;color:#fff;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}
.passenger-popup .btn-done:hover{background:#1247a3;transform:translateY(-1px)}
.passenger-popup .btn-done:active{transform:translateY(0)}
button#passengerSelectorTrigger{padding:12px 12px 12px 46px;font-size:15px;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%}
button#passengerSelectorTrigger:hover{background:#f8fafc;border-color:#cbd5e1}
button#passengerSelectorTrigger:focus{outline:2px solid #155ed2;outline-offset:2px}
button#passengerSelectorTrigger svg{transition:transform .2s ease;flex-shrink:0}
button#passengerSelectorTrigger[aria-expanded=true] svg{transform:rotate(180deg)}
.passenger-popup :focus{outline:2px solid #155ed2;outline-offset:1px}
@media (max-width:768px){
.passenger-popup{width:300px;padding:10px;z-index:4;top:55px}
.passenger-popup .counter-group .btn-dec,.passenger-popup .counter-group .btn-inc{width:36px;height:36px;font-size:18px}
}
.btn-base{outline:0;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;background-color:#155ed2;color:#fff;cursor:pointer;display:flex;justify-content:center;gap:8px;align-items:center}
.btn-base .btn-icon{width:24px;height:24px}
.btn-booking-add{border:1px solid #155ed2;color:#fff;padding:7px 16px;border-radius:6px;display:flex;gap:8px;justify-content:flex-start;font-size:12px;font-weight:600;line-height:16px;color:#155ed2}
.icon{display:flex;justify-content:center;align-items:center}
.custom-radio:checked{width:20px;height:20px;background-size:24px 24px;background-image:url(../images/checked-payment-icon.svg);border:none}
[type=radio]{color:#fff;border:1px solid #06081F1A;width:24px;height:24px;box-shadow:none!important}
@media screen and (max-width:1279px){
[type=radio]{width:20px;height:20px}
}
.custom-radio{width:20px;height:20px;border:2px solid #475569}
[type=checkbox]:checked{background-size:.8rem .8rem}
.order-primary-400{color:#10061f;font-size:14px;font-weight:400;line-height:20px}
.order-primary-500{color:#10061f;font-size:14px;font-weight:500;line-height:20px}
.order-gray-400{color:#7f8ea4;font-size:14px;font-weight:400;line-height:20px}
button:disabled{opacity:20%}
.norecord{display:flex;flex-direction:column;padding:12px 12px 24px 12px;gap:12px;border-radius:6px;background-color:#fbfcfc}
.norecord .norecord-icon{height:160px;display:flex;justify-content:center;width:100%}
.norecord .norecord-icon img{width:160px;height:100%;overflow:hidden;object-fit:contain}
.notfound{display:flex;flex-direction:column;padding:12px 12px 24px 12px;gap:12px;border-radius:6px;background-color:#fbfcfc}
.notfound .notfound-icon{height:160px;display:flex;justify-content:center;width:100%}
.notfound .notfound-icon img{width:160px;height:100%;overflow:hidden;object-fit:contain}
.notfound-block{min-height:calc(100vh - 610px)}
.modal-custom{background-color:#fff;padding:24px;border-radius:12px}
.backdrop-screen{display:none}
.drawer-sidebar-close{position:absolute;top:16px;right:24px;width:32px;height:32px}
.list-sidebar-links{background-color:transparent;width:100%}
.list-sidebar-links .sidebar-link{padding:12px;font-size:16px;line-height:22px;color:#10061f;font-weight:500}
.list-sidebar-links .sidebar-link.has-menu .sub-sidebar-links{display:none;padding-top:6px}
.list-sidebar-links .sidebar-link.has-menu.active svg{transform:rotate(180deg)}
.list-sidebar-links .sidebar-link.has-menu.active .sub-sidebar-links{display:block}
.list-sidebar-links .sidebar-link+.sidebar-link{border-top:1px dotted #e1e1ea;padding-top:28px}
.list-sidebar-links .sidebar-link a{display:flex;justify-content:flex-start;gap:6px;align-items:center}
.list-sidebar-links .sidebar-link.social-link{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding-top:12px}
.list-sidebar-links .sidebar-link.social-link a{padding:10px 12px 10px 0}
@media screen and (max-width:1279px){
html{scrollbar-width:thin;scroll-behavior:smooth}
.backdrop-screen{width:100vw;height:100vh;z-index:98;position:fixed;background-color:#10061F99;top:0;left:0;right:0;bottom:0}
.backdrop-screen.show{display:block}
.backdrop-screen.show-manual{display:block}
.fixed-action img{width:40px;height:40px}
.screen-overflow{overflow-x:hidden;overflow-y:hidden}
.screen-overflow-manual{overflow-x:hidden;overflow-y:hidden}
#drawer-sidebar{top:50px;height:auto;border-radius:0 0 12px 12px}
#drawer-sidebar.active{transform:none}
}
@media screen and (max-width:767px){
.container{width:100%;padding:0 12px}
.fixed-action img{width:32px;height:32px}
#drawer-sidebar{top:40px;height:auto}
.list-sidebar-links .sidebar-link{padding-top:6px;font-size:14px;padding-bottom:6px}
.list-sidebar-links .sidebar-link+.sidebar-link{border-top:1px dotted #e1e1ea;padding-top:20px}
.drawer-sidebar-close{width:30px;height:30px;right:16px}
.drawer-sidebar-close svg{width:100%;height:100%}
}
@media screen and (max-width:565px){
.ui-datepicker.ui-datepicker-multi{display:flex!important;flex-direction:column}
.ui-datepicker-multi-2 .ui-datepicker-group{width:100%}
.ui-datepicker-inline .ui-datepicker-group.ui-datepicker-group-first{border-right:none!important}
}
.bg-header-img{background-image:url(//file.smiletrip.vn/images/background/top-fhd.png);min-height:720px;object-fit:fill;background-size:cover}
.bg-header-img.search-header{height:230px;min-height:unset}
.bg-header-img.booking-header{height:unset;min-height:unset}
@media screen and (max-width:1279px){
.bg-header-img{min-height:542px}
}
@media screen and (max-width:767px){
.bg-header-img{min-height:316px;background-position:-65px 0}
}
.item-menu .img{display:block}
.item-menu .img-hover{display:none}
.item-menu:hover{color:#155ed2}
.item-menu:hover .img{display:none}
.item-menu:hover .img-hover{display:block}
.menu-icon{width:28px;height:28px;padding:5px;border-radius:5px;border:1px solid #155ed2;box-shadow:0 4px 8px 0 #091E4233}
.swiper{width:100%;height:100%;padding:10px 0}
.swiper-button-prev{box-shadow:0 4px 8px 0 #091e4233;width:40px;height:40px;background-color:#fff;border-radius:50%}
.swiper-button-prev::after{display:none}
.swiper-button-prev:hover{background:#155ed2;color:red}
.swiper-button-prev:hover svg path{stroke:#0f6764}
.swiper-button-prev svg{width:18px}
@media screen and (max-width:1439px){
.swiper-button-prev{height:44px}
}
@media screen and (max-width:1280px){
.swiper-button-prev{left:calc((100vw - 676px)/ 2 - 36px);width:40px;height:40px}
}
@media screen and (max-width:767px){
.swiper-button-prev{left:16px;width:40px;height:40px;display:none;margin-top:-16px}
}
.swiper-button-next{box-shadow:0 4px 8px 0 #091e4233;width:40px;height:40px;background-color:#fff;border-radius:50%}
.swiper-button-next::after{display:none}
.swiper-button-next:hover{background:#155ed2}
.swiper-button-next:hover svg path{stroke:#0f6764}
.swiper-button-next svg{height:18px}
@media screen and (max-width:1280px){
.swiper-button-next{right:calc((100vw - 676px)/ 2 - 36px);width:40px;height:40px;margin-top:-16px}
}
@media screen and (max-width:767px){
.swiper-button-next{display:none;right:16px;width:40px;height:40px}
}
footer{padding:50px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(../images/footer-background.png)}
@media screen and (max-width:1439px){
footer{padding:24px 0}
footer .footer-item{font-size:14px}
}
@media screen and (max-width:1279px){
footer .footer-item{font-size:12px}
footer .footer-item img{width:20px;height:20px}
}
@media screen and (max-width:767px){
footer{padding:16px 0}
footer .footer-item{font-size:10px}
footer .footer-item img{width:12px;height:12px}
footer .footer-item+.footer-item{margin-top:8px}
}
.ui-datepicker-calendar td a[data-cell-minprice]{border:1px solid #24be4e;background:#fff}
.ui-datepicker-calendar td a[data-price]{position:relative}
.ui-datepicker-calendar td a[data-slot]::before{content:attr(data-slot);display:block;position:absolute;font-size:8px;font-weight:500;color:#bcbcbc;right:2px;top:-1px}
.ui-datepicker-calendar td a[data-price]::after{content:attr(data-price);display:block;font-size:8px;font-weight:500;color:#10061f}
.ui-datepicker-inline{width:100%!important;padding:0!important}
.ui-datepicker-inline .ui-datepicker-group{padding:20px 10px}
.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header{padding:0!important}
.ui-datepicker-inline .ui-datepicker-group.ui-datepicker-group-first{border-right:1px solid #ecf0f1}
.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-prev{background-image:url(../images/cheveron-left-datepicker.svg);background-repeat:no-repeat;background-position:center center;background-color:#fff;border:none;cursor:pointer}
.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-prev .ui-icon{display:none}
.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-next{background-image:url(../images/cheveron-right-datepicker.svg);background-repeat:no-repeat;background-position:center center;background-color:#fff;border:none;cursor:pointer}
.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-next .ui-icon{display:none}
.ui-datepicker-inline .ui-datepicker-header{font-size:18px;line-height:24px;color:#10061f;font-weight:600}
.ui-datepicker-inline th.ui-datepicker-week-end{color:#ff6a55}
.ui-datepicker-inline .ui-state-default{padding:0;text-align:center;font-size:14px;color:#10061f;padding:4px 4px;border-radius:4px;width:40px;height:40px;border:1px solid transparent}
.ui-datepicker-inline .ui-state-default.ui-state-active,.ui-datepicker-inline .ui-state-default.ui-state-highlight{border:1px solid #24be4e;background:#fff}
.ui-datepicker-inline .ui-state-default:hover{background-color:#ecf0f1}
.ui-datepicker-inline .ui-datepicker-today .ui-state-default{background-color:#ecf0f1}
.ui-datepicker-inline .ui-datepicker-today .ui-state-default:not(.ui-state-active){border:1px solid transparent}
@media screen and (max-width:767px){
.ui-datepicker-inline .ui-datepicker-header{font-size:14px}
.ui-datepicker-inline .ui-datepicker-group.ui-datepicker-group-first{padding-top:0;padding-left:0}
.ui-datepicker table{font-size:14px}
.ui-datepicker-group.ui-datepicker-group-last{border-top:1px dashed #ecf0f1}
}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:20px;height:20px;cursor:default;-ms-touch-action:none;touch-action:none;border-radius:50%;border:1.5px solid #155ed2!important;color:#155ed2!important;background-color:#fff;background-image:url(../images/filter-airplan-icon.png);background-repeat:no-repeat;background-position:center center;outline:0!important}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;background-color:#155ed2}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:2px;background-color:#10061f}
.ui-slider-horizontal .ui-slider-handle{top:-9px;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-handle:first-of-type{margin-left:0}
.ui-slider-horizontal .ui-slider-handle:last-of-type{margin-left:-1.2em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.vn-icon{background:url(../images/vn-icon.png) no-repeat center center;width:18px;height:18px;display:block}
.with-icon{background:url(../images/with-icon.png) no-repeat center center;width:16px;height:16px;display:block}
.refresh-icon{background:url(../images/refresh-icon.svg) no-repeat center center;width:16px;height:16px;display:block}
.cancellation-icon{background:url(../images/cancellation-icon.svg) no-repeat center center;width:16px;height:16px;display:block}
.signed-luggage-icon{background:url(../images/signed-luggage-icon.svg) no-repeat center center;width:16px;height:16px;display:block}
.luggage-icon{background:url(../images/luggage-icon.svg) no-repeat center center;width:16px;height:16px;display:block}
.luggage-direction-icon{background:url(../images/luggage-direction-icon.svg) no-repeat center center;width:32px;height:20px;display:block}
.plus-icon{background:url(../images/plus-icon.svg) no-repeat center center;width:32px;height:20px;display:block}
.information-circle-icon{background:url(../images/information-circle-icon.svg) no-repeat center center;width:16px;height:16px;display:block}
.currency-dollar-icon{background:url(../images/currency-dollar-icon.svg) no-repeat center center;width:16px;height:16px;display:block}
.person-icon{background:url(../images/person-icon.svg) no-repeat center center;width:20px;height:20px;display:block}
.child-icon{background:url(../images/child-icon.svg) no-repeat center center;width:20px;height:20px;display:block}
.icon-copy{background:url(../images/icon-copy.svg) no-repeat center center;width:32px;height:32px;display:block}
.baby-icon{background:url(../images/baby-icon.svg) no-repeat center center;width:20px;height:20px;display:block}
.icon-point{background:url(../images/search-item-plain-point.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.icon-backward{background:url(../images/icon-backward.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-next{background:url(../images/icon-next.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain;transform:rotate(180deg)}
.curency-icon{background:url(../images/curency-icon.svg) no-repeat center center;width:20px;height:20px;display:block;background-size:contain;transform:rotate(180deg)}
.icon-booking-ticket{background:url(../images/icon-booking-ticket.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-global{background:url(../images/icon-payment-global.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-incountry{background:url(../images/icon-payment-incountry.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-bank{background:url(../images/icon-payment-bank.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-cash{background:url(../images/icon-payment-cash.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-qr{background:url(../images/icon-payment-qr.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-latter{background:url(../images/icon-payment-latter.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-location{background:url(../images/icon-location.svg) no-repeat center center;width:20px;height:20px;display:block;background-size:contain}
.icon-phonenumber{background:url(../images/icon-phonenumber.svg) no-repeat center center;width:20px;height:20px;display:block;background-size:contain}
.icon-contact{background:url(../images/icon-contact.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-payment-btn{background:url(../images/icon-payment-btn.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-ticket-code{background:url(../images/icon-ticket-code.svg) no-repeat center center;width:48px;height:48px;display:block;background-size:contain}
.icon-print{background:url(../images/icon-print.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-print-white{background:url(../images/icon-print-white.svg) no-repeat center center;width:24px;height:24px;display:block;background-size:contain}
.icon-step3-logo{background:url(../images/step3-logo.svg) no-repeat center center;width:69.55px;height:17.12px;display:block;background-size:contain}
.icon-document-add{background:url(../images/icon-document-add.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.fly-world-icon{background:url(../images/fly-world-icon.svg) no-repeat center center;width:62px;height:48px;display:block;background-size:contain}
.icon-menu-mobile{background:url(../images/icon-menu-mobile.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.icon-location-marker{background:url(../images/icon-location-marker.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.icon-mail{background:url(../images/icon-mail.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.icon-phone{background:url(../images/icon-phone.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.icon-user-circle{background:url(../images/icon-user-circle.svg) no-repeat center center;width:16px;height:16px;display:block;background-size:contain}
.icon-search{background:url(../images/icon-search.svg) no-repeat center center;width:20px;height:20px;display:block;background-size:contain}
.icon-clock{background:url(../images/icon-clock.svg) no-repeat center center;width:48px;height:48px;display:block;background-size:contain}
.icon-document-search{background:url(../images/icon-document-search.svg) no-repeat center center;width:20px;height:20px;display:block;background-size:contain}
.icon-close-mobile{background:url(../images/icon-close-mobile.svg) no-repeat center center;width:24px;height:24px;background-size:contain}
.ticket-icon{width:20px;height:20px;display:block}
.ticket-icon.ticket-normal{background:url(../images/ticket-normal-icon.svg) no-repeat center center;background-size:contain}
.ticket-icon.ticket-normal-special{background:url(../images/ticket-normal-special.svg) no-repeat center center;background-size:contain}
.ticket-icon.ticket-economy{background:url(../images/ticket-economy.svg) no-repeat center center;background-size:contain}
.ticket-icon.ticket-best{background:url(../images/ticket-best.svg) no-repeat center center;background-size:contain}
.ticket-row{display:flex;justify-content:flex-start;gap:12px;padding:6px;align-items:center;border-radius:6px}
.ticket-row .ticket-row-icon{width:44px}
.ticket-row .ticket-row-icon img{width:100%}
.ticket-row .ticket-row-content{width:calc(100% - 56px)}
.ticket-row.active{background-color:#e5eff7}
.ticket-row.active .ticket-row-content>div:first-of-type{color:#155ed2}
.ticket-row:hover{background-color:#e5eff7}
.ticket-row:hover .ticket-row-content>div:first-of-type{color:#155ed2}
.filter-wrapper .filter-point{height:62px}
.filter-wrapper .filter-point .dropdown-place-btn{height:100%}
@media screen and (max-width:1439px){
.filter-wrapper .filter-point{height:56px}
.filter-wrapper .dropdown-date-wrap{padding-top:7px;padding-bottom:7px}
.filter-wrapper .filter-person{padding-top:15px;padding-bottom:15px}
}
@media screen and (max-width:1279px){
.filter-route-type.search-type{gap:12px}
.filter-route-type.search-type #filter-search-back{font-size:14px}
.filter-route-type.search-type #filter-search-back img{width:16px}
.filter-wrapper .filter-point{height:48px}
.filter-wrapper .filter-point .dropdown-btn{padding-top:10px;padding-bottom:10px}
.filter-wrapper .dropdown-date-wrap{padding-top:3px;padding-bottom:3px}
.filter-wrapper .filter-person{padding-top:11px;padding-bottom:11px}
.filter-action-search label{display:flex;gap:3px}
}
@media screen and (max-width:767px){
.filter-route-type.search-type{gap:12px}
.filter-route-type.search-type #filter-search-back{width:50px}
.filter-route-type.search-type #filter-search-back span{display:none}
}
.search-block{width:100%;position:absolute;top:165px;z-index:10}
.search-block.fixed-top{position:fixed;top:0;left:0;right:0;background:url(//file.smiletrip.vn/images/background/bg-overlay-top.png) center no-repeat;background-size:cover;z-index:999}
.search-block.fixed-top .search-wraper-text{box-shadow:none;background-color:transparent;padding:8px 0}
.search-block.fixed-top .search-wraper-text-type-2{position:relative}
.search-block.fixed-top .search-wraper-text-type-2>.flex:first-of-type{display:flex;flex-direction:row;gap:0 16px;flex-wrap:wrap;padding-right:52px}
.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item{border-bottom:0;padding:16px 0}
.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item .search-wraper-text-item_number{border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:12px;text-align:center}
.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item{padding-left:6px;padding-right:6px;width:auto}
.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(3){border-left:none;font-weight:400;color:#475569;font-size:12px}
.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(4),.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(5),.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(6){display:none}
.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(4),.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(5),.search-block.fixed-top .search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(6){display:block;color:#475569;font-size:12px;border-left:none;font-weight:400}
.search-block.fixed-top .search-wraper-text-type-2>.flex:last-of-type{position:absolute;top:0;right:0}
.search-block.fixed-top .search-wraper-text-type-2>.flex:last-of-type .change-filter-search{border-radius:12px;width:40px;height:40px;padding:5px;position:relative;top:unset;left:unset;right:unset}
.search-block.fixed-top .search-wraper-text-type-2>.flex:last-of-type .change-filter-search span{display:none}
@media screen and (max-width:767px){
.search-block.fixed-top .search-wraper-text-item{padding:2px 0!important}
.search-block.fixed-top .search-wraper-text-item .search-wraper-item{width:auto!important}
.search-block.fixed-top .search-wraper-text-item .search-wraper-item:nth-of-type(5){margin-top:0!important}
.search-block.fixed-top .search-wraper-text{padding:8px 12px}
}
.search-block .search-wraper-text{box-shadow:0 4px 8px 0 #091E4233}
.search-block .search-wraper-item{padding:0 20px;font-size:16px;font-weight:500;color:#10061f;display:flex;justify-content:flex-start;align-items:center;gap:12px}
.search-block .search-wraper-item+.search-wraper-item{border-left:1px solid #e1e1ea}
.search-block .search-wraper-item:first-of-type{padding-left:0}
.search-block .search-wraper-item:last-of-type{padding-right:0}
.dropdow-person-text-content::before{content:'';width:16px;height:8px;background:url(../images/arrow-dropdown.svg) no-repeat center center;position:absolute;bottom:-8px;left:50%}
.search-left .search-item+.search-item{border-top:1px dotted #bcbcbc;padding-top:16px}
.search-left .search-item .item-content-active{height:auto!important}
.bg-current-sort{background-color:rgba(15,103,100,.1)!important;border-radius:10px!important}
.search-result-top-head{height:54px;border-radius:10px 10px 0 0;padding:16px;background:#0f6764;background-size:cover;position:relative;overflow:hidden}
.search-result-top-head::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}
.search-top-slide-item{padding:4px 12px;width:110px;height:40px;border:1px solid #e1e1ea;border-radius:6px}
.search-top-slide-item.active{border:1px solid #155ed2;box-shadow:0 4px 8px 0 #091E4233}
.search-top-slide-item:hover{border:1px solid #155ed2;box-shadow:0 4px 8px 0 #091E4233}
.search-result-quick{padding:12px 56px 12px 56px;background-color:#fff;display:flex;justify-content:flex-end;align-items:center}
.search-result-quick-item{padding:4px 12px;height:40px;border:1px solid #e1e1ea;border-radius:6px}
.search-result-quick-item.active{border:1px solid #155ed2;box-shadow:0 4px 8px 0 #091E4233}
.search-result-quick-item:hover{border:1px solid #155ed2;box-shadow:0 4px 8px 0 #091E4233}
#dropdownSort{height:40px;cursor:pointer;border-radius:6px}
#dropdownSort:hover{border:1px solid #155ed2;box-shadow:0 4px 8px #091E4233}
.dropdow-sort-content{margin-top:-12px;box-shadow:0 10px 20px 0 #10061F40;overflow:hidden}
.sort-dropdown-item:first-of-type{border-radius:6px 6px 0 0}
.sort-dropdown-item:last-of-type{border-radius:0 0 6px 6px}
.sort-dropdown-item:hover{background-color:#f9e9df}
.search-result-item .search-result-item-head{box-shadow:0 1px 2px 0 #091E4240;background-color:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.search-result-item .search-result-item-head:hover{background-color:#0f676417;box-shadow:0 10px 20px 0 #10061F40;cursor:pointer}
.search-result-item .search-result-item-head:hover .tag-item{background-color:#26a748;color:#fff}
.search-result-item .search-result-item-head:hover .tag-item.special{background-color:#ff6a55;color:#fff}
.search-result-item .search-result-tags .tag-item{padding:0 8px 0 8px;border:1px solid #26a748;color:#26a748;border-radius:32px;font-size:12px;text-align:center}
.search-result-item .search-result-tags .tag-item.special{border:1px solid #ff6a55;color:#ff6a55;position:relative;padding-right:20px}
.search-result-item .search-result-tags .tag-item.special.pr-8i{font-weight:600;font-size:14px;height:24px;line-height:24px;padding:0 15px!important}
.search-result-item .search-item-remain{display:flex;justify-content:flex-end;align-items:center;gap:16px}
.search-result-item .search-result-item-choice{display:flex;justify-content:end;align-items:center;width:auto}
.search-result-item .search-result-item-choice button{display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 8px 0 #091E4233;padding:10px 12px 10px 16px;gap:12px;border-radius:24px;background:#0f6764;color:#fff;width:fit-content}
.search-result-item .search-result-item-choice-content{width:304px;box-shadow:0 10px 20px 0 #10061F40}
.search-result-item .search-result-item-choice-content::before{content:'';width:16px;height:8px;background:url(../images/arrow-dropdown.svg) no-repeat center center;position:absolute;bottom:-8px;left:48%}
.search-result-item .search-result-item-content{display:none;justify-content:flex-start;gap:16px;padding:16px 16px 16px;overflow-x:auto;scroll-behavior:smooth}
.search-result-item.active{border-radius:12px;border:1px solid #155ed2;overflow:hidden}
.search-result-item.active .search-result-item-content{display:flex}
.search-result-item-plan{width:294px}
.search-result-item-plan.short-item{width:100%}
.search-result-item-plan .plan-start{width:44px;position:relative}
.search-result-item-plan .plan-end{width:44px;position:relative}
.search-result-item-plan .time-extented{position:absolute;right:-15px;top:0;color:#f37121;font-size:12px;font-weight:400;line-height:16px}
.search-result-item-plan .plan-map{flex-grow:1}
.search-result-item-plan .plan-map .plan-map-range{width:100%;height:1px;margin-top:6px;margin-bottom:6px;position:relative;background-color:#475569}
.search-result-item-plan .plan-map .plan-map-range .plan-map-range-point{left:50%;top:-6px;width:12px;height:12px;background:url(../images/search-item-plain-point-mid.svg) no-repeat center center;background-size:contain;position:absolute}
.search-result-item-plan .plan-map .plan-map-range::before{content:'';left:-6px;top:-6px;width:12px;height:12px;background:url(../images/search-item-plain-point.svg) no-repeat center center;background-size:contain;position:absolute}
.search-result-item-plan .plan-map .plan-map-range::after{content:'';right:-6px;top:-6px;width:12px;height:12px;background:url(../images/search-item-plain-point.svg) no-repeat center center;background-size:contain;position:absolute}
.search-result-item-plan .plan-map .plan-map-range.has-two-point .plan-map-range-point:first-of-type{left:33%}
.search-result-item-plan .plan-map .plan-map-range.has-two-point .plan-map-range-point:last-of-type{left:66%}
.ticket-class-item{background-color:#fbfcfc;box-shadow:0 1px 2px 0 #091E4240;border-radius:12px;padding:16px;cursor:pointer;user-select:none;width:304px;min-width:304px}
.ticket-class-item:hover{background-color:#0f676417}
.ticket-class-item .ticket-class-head{display:flex;justify-content:flex-start;align-items:center;gap:8px}
.search-item-plan-detail{width:304px;box-shadow:0 10px 20px 0 #10061F40}
.search-item-plan-detail::before{content:'';width:16px;height:8px;background:url(../images/arrow-dropdown.svg) no-repeat center center;position:absolute;bottom:-8px;left:48%}
.search-item-plan-detail .search-item-plan-point{display:flex;position:relative;justify-content:flex-start;align-items:center;gap:8px;padding-top:17px}
.search-item-plan-detail .search-item-plan-point:first-of-type{padding-top:0}
.search-item-plan-detail .search-item-plan-point+.search-item-plan-point::before{background:url(../images/point-type-1.svg) no-repeat center center;background-size:cover;width:12px;height:21px;left:2px;top:-2px;content:'';position:absolute}
.search-item-plan-detail .search-item-plan-point.point-type-1+.point-type-2::before{background:url(../images/point-type-1.svg) no-repeat center center;background-size:cover}
.search-item-plan-detail .search-item-plan-point.point-type-2+.point-type-3::before{background:url(../images/point-type-3.svg) no-repeat center center;background-size:cover}
.search-item-plan-detail .search-item-plan-point.point-type-3+.point-type-2::before{background:url(../images/point-type-3.svg) no-repeat center center;background-size:cover}
.search-item-plan-detail .search-item-plan-point.point-type-2+.point-type-2::before{background:url(../images/point-type-2.svg) no-repeat center center;background-size:cover}
.search-item-plan-detail .search-item-plan-point.point-type-2+.point-type-1::before{background:url(../images/point-type-1.svg) no-repeat center center;background-size:cover}
.search-item-plan-detail .search-item-plan-point.point-type-3{color:#f37121}
.search-item-plan-detail .search-item-plan-point.point-type-3 .icon-point{background:url(../images/search-item-plain-point-mid.svg) no-repeat center center;background-size:contain}
.search-item-plan-detail .search-item-plan-point.point-type-2{color:#10061F80}
.search-item-plan-detail .search-item-plan-point.point-type-2 .icon-point{background:url(../images/search-item-plain-point-type2.svg) no-repeat center center;background-size:contain}
.see-detail-short-item{width:329px;background-color:#f9e9df;box-shadow:0 10px 20px 0 #10061F40}
.see-detail-short-item::before{content:'';width:16px;height:8px;background:url(../images/arrow-dropdown.svg) no-repeat center center;transform:rotate(180deg);position:absolute;top:-8px;right:10px}
.filter-move{width:36px;height:36px;border-radius:50%;box-shadow:0 4px 8px 0 #091e4233;padding:6px;position:absolute;left:46%;background:#fff;cursor:pointer}
.filter-move img{width:100%}
#search-result-top-action .swiper-button-prev{left:18px;top:42px;width:24px;height:24px}
#search-result-top-action .swiper-button-prev svg{width:12px;height:16px}
#search-result-top-action .swiper-button-next{right:18px;top:42px;width:24px;height:24px}
#search-result-top-action .swiper-button-next svg{width:12px;height:8px}
.sugestion{box-shadow:0 10px 20px 0 #10061f40;background:#fff;border-radius:12px;display:none}
.sugestion ul li+li{border-top:1px dotted #bcbcbc}
.sugestion.active{display:block}
.filter-point.mutiple-item{position:relative}
.filter-point.mutiple-item::before{content:attr(data-number);width:20px;height:60px;border-radius:12px 0 0 12px;background-color:#155ed2;color:#fff;position:absolute;z-index:9;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:1279px){
.filter-point.mutiple-item::before{height:48px}
}
@media screen and (max-width:767px){
.filter-point.mutiple-item::before{content:attr(data-number);width:auto;border-radius:12px;height:20px;width:40px;top:8px;left:0;font-size:12px}
}
.search-wraper-text-item{display:flex;justify-content:flex-start;align-items:center;height:24px;border-bottom:1px solid #e1e1ea}
.search-wraper-text-item .search-wraper-text-item_number{color:#fff;background-color:#155ed2;padding:0 2px;font-size:14px;line-height:24px}
.search-wraper-text-item .search-wraper-item:nth-of-type(2){width:384px}
.search-wraper-text-item .search-wraper-item:nth-of-type(3){width:190px}
.search-wraper-text-item .search-wraper-item:nth-of-type(4){width:160px}
.search-wraper-text-item .search-wraper-item:nth-of-type(5){width:160px}
.search-wraper-text-item .search-wraper-item:nth-of-type(6){width:160px}
.search-result-skeleton{border-radius:12px;background-color:#fff;padding:16px}
.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#dddbdd}
.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 30%,rgba(255,255,255,.9) 70%,rgba(255,255,255,0));animation:shimmer 3s infinite;content:''}
@keyframes shimmer{
100%{transform:translateX(100%)}
}
.filter-route-type .filter-route-type-item>label{font-size:16px}
@media screen and (max-width:1399px){
.filter-route-type .filter-route-type-item>label{font-size:14px}
}
.filter-route-type .filter-route-type-item>button>span{font-size:16px}
@media screen and (max-width:1399px){
.filter-route-type .filter-route-type-item>button>span{font-size:14px}
}
.search-wraper .dropdown-place-btn{border:1px solid #e1e1ea}
.search-wraper .filter-date{border:1px solid #e1e1ea}
.search-wraper .filter-person{border:1px solid #e1e1ea}
.dropdown-content-place{z-index:999}
.dropdown-content-place-close{box-shadow:0 4px 8px 0 #091E4233;border:1px solid #f37121;padding:6px;border-radius:6px;width:36px;height:36px;display:flex;justify-content:center;align-items:center}
.search-item-group{padding-top:16px;display:flex;flex-direction:column;gap:16px}
@media screen and (max-width:1439px){
.search-block{top:187px}
.search-wraper-text{padding:16px}
.search-wraper-text .search-wraper-item{font-size:14px;font-weight:500}
.search-wraper-text .change-filter-search{font-size:12px;line-height:16px;padding-top:8px;padding-bottom:8px}
.search-wraper-text .change-filter-search svg{width:16px;height:16px}
.search-result-block>.container>.flex{gap:24px}
.search-left{width:292px}
.search-result{width:calc(100% - 316px)}
.search-result-item .search-result-tags .tag-item{font-size:10px;height:18px}
.search-result-item .search-result-tags .tag-item.special .vn-icon{width:16px;height:16px}
.search-result-item .search-result-item-plan .plan-start>.text-base{font-size:14px}
.search-result-item .search-result-item-plan .plan-end>.text-base{font-size:14px}
.search-result-item .search-result-item-price .search-result-item-price__price{font-size:18px}
.search-result-item .search-result-item-choice button{font-size:12px;height:36px}
.ticket-class-item>.flex{gap:8px}
.ticket-class-item .ticket-class-content{padding-top:8px}
.ticket-class-item .ticket-class-content>.grid-cols-2{padding-top:6px}
.ticket-class-item .ticket-class-footer{padding-top:8px}
.ticket-class-item .ticket-class-footer>.grid-cols-2{padding-top:6px}
.ticket-class-item .ticket-class-footer>.grid-cols-2:first-of-type{padding-top:0}
.ticket-class-item .ticket-class-action{padding-top:8px}
.search-result-item-choice-content>.flex{padding:12px}
.search-result-item-choice-content .search-result-item-choice-title{padding-bottom:12px}
.search-result-item-choice-content .search-result-item-choice-title.text-right{font-size:12px}
.search-result-item-choice-content .search-result-item-choice-body{padding-top:12px;padding-bottom:12px;gap:12px}
.search-result-item-choice-content .search-result-item-choice-body>.flex-col{gap:6px}
.search-result-item-choice-content .search-result-item-choice-body .search-result-item-choice-body-title{padding-bottom:0}
.search-result-item-choice-content .search-result-item-choice-body .search-result-item-choice-body-title>div span{font-size:12px}
.search-result-item-choice-content .search-result-item-choice-footer{padding-top:12px}
.search-result-item-choice-content .search-result-item-choice-footer>div{font-size:12px}
}
@media screen and (max-width:1279px){
.search-result-quick{padding:8px}
.search-result-quick .filter-show-button{display:flex}
.bg-header-img.search-header{min-height:162px;height:162px;background-position:0}
.search-block{top:90px;z-index:9}
.search-block.active{top:74px}
.search-block.active-backdrop{z-index:unset}
.search-block.fixed-top{top:0!important;z-index:999}
.search-wraper{padding:20px 16px 6px}
.search-wraper-text-type-1_row{flex-wrap:wrap}
.search-wraper-text-type-1_row>.search-wraper-item:first-of-type{width:100%;margin-bottom:8px}
.search-wraper-text-type-1_row>.search-wraper-item:nth-of-type(2){border-left:none;padding-left:0}
.search-wraper-text{padding:16px}
.search-wraper-text .search-wraper-item{font-size:14px;font-weight:500}
.search-wraper-text #change-filter-search{white-space:nowrap;margin-top:16px}
.search-wraper-text-item .search-wraper-item{font-size:12px}
.search-wraper-text-item .search-wraper-item>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-wraper-text-item .search-wraper-item:nth-of-type(2){padding-left:6px;padding-right:6px;width:265px}
.search-wraper-text-item .search-wraper-item:nth-of-type(3){padding-left:6px;padding-right:6px;width:122px}
.search-wraper-text-item .search-wraper-item:nth-of-type(4){padding-left:6px;padding-right:6px;width:80px}
.search-wraper-text-item .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:86px}
.search-wraper-text-item .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:100px}
.search-wraper-text-type-2{position:relative}
.search-wraper-text-type-2 .change-filter-search{position:absolute;bottom:0;right:0;width:28px;height:28px;padding:6px}
.search-wraper-text-type-2 .change-filter-search span{display:none}
.dropdown-content-custom{position:fixed!important;width:100%;left:0!important;right:0!important;bottom:0!important;z-index:999;top:unset!important;border-radius:12px 12px 0 0!important;transform:none!important;max-height:80vh}
.dropdown-content-place .search-recently-list>a{font-size:14px;height:24px;border-radius:32px}
.dropdown-content-place .hot-place-search{margin-top:12px;padding-bottom:12px;padding-right:30%}
.dropdown-content-place .hot-place-search>div{font-size:12px;gap:6px}
.dropdown-header{margin-left:-16px;margin-right:-16px;border-bottom:1px dashed #e1e1ea;padding:0 16px;margin-bottom:12px}
.ticket-type-list{gap:4px;margin-bottom:0}
.ticket-type-list li{border-bottom:1px dashed #e1e1ea}
.ticket-type-list li .ticket-row:hover{background-color:#f9e9df}
.ticket-type-list li .ticket-row.active{background-color:#f9e9df;position:relative}
.ticket-type-list li .ticket-row.active::after{content:"";width:16px;height:16px;position:absolute;right:6px;background:url(../images/dropdown-icon-checked.svg) center center no-repeat}
.ticket-type-list li:last-of-type{border-bottom:none}
.ticket-type-list .dropdown-route-row{border-radius:6px;padding:6px;height:28px;font-size:12px;display:flex}
.ticket-type-list .dropdown-route-row:hover{background-color:#f9e9df}
.ticket-type-list .dropdown-route-row.active{background-color:#f9e9df;position:relative}
.ticket-type-list .dropdown-route-row.active::after{content:"";width:16px;height:16px;position:absolute;right:6px;background:url(../images/dropdown-icon-checked.svg) center center no-repeat}
.ticket-person-list{border-bottom:none;margin-bottom:0}
.dropdown-footer{border-top:1px solid #e1e1ea;margin-left:-16px;margin-right:-16px;padding:12px 16px 0}
.search-result-block{padding-top:30px}
.search-result-item .search-result-item-head{padding:12px}
.search-result-item .search-result-item-head>div:last-of-type{gap:16px}
.search-result-item .search-result-item-head .search-result-item-plan{width:208px;gap:8px}
.search-result-item .search-result-item-head .search-result-item-price .search-result-item-price__price{font-size:16px}
.search-result-item .search-result-item-choice button{height:28px}
.search-result-item .search-result-item-choice-content{width:100%!important;padding-bottom:20px}
.search-result-item .search-result-item-choice-content .dropdown-header{margin:0;padding:12px 16px 0;border-bottom:none}
.search-result-item .search-result-item-choice-content>.flex-col{padding-left:32px;padding-right:32px}
.search-ticket-selected{display:none}
.search-result-block .search-left{width:100vw;max-height:88vh;position:fixed;bottom:0;left:0;right:0;z-index:100;display:none;background-color:#fbfcfc}
.search-result-block .search-left.open-filter{display:block}
.search-result-block .search-left .dropdown-header{margin:0 16px;padding:12px 0 8px;border-bottom:none}
.search-result-block .search-left .search-option-wraper{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(88vh - 50px);overflow-x:hidden;gap:0;background-color:transparent;scrollbar-width:thin}
.search-result-block .search-left .search-option-wraper .search-item-selected{background-color:#fff}
.search-result-block .search-left .search-option-wraper .search-item-group{gap:0;padding-top:0;border-top:none;background-color:#f6f9fa;padding-top:16px}
.search-result-block .search-left .search-option-wraper .search-item-group+.search-item-group{border-left:1px dotted #bcbcbc}
.search-result-block .search-left .search-option-wraper .search-item{margin:0 16px 16px;background:#fff;padding:10px;border-top:none}
.search-result-block .search-left .search-option-wraper>.search-item:first-of-type{grid-column:span 2/span 2;padding:0;margin:0;background:0 0}
.search-result-block .search-result{width:100%}
.dropdow-sort-content{border-radius:0}
.dropdow-sort-content .dropdown-header{padding:12px 32px}
.search-item-plan-detail{border-radius:0;padding-bottom:10px}
.search-item-plan-detail .dropdown-header{padding:12px 32px;margin-bottom:0}
.search-result-item-choice-body .search-result-item-choice-body-title{justify-content:flex-start;gap:12px}
.search-result-item-choice-body .search-result-item-choice-body-item{display:flex;justify-content:flex-start;gap:12px}
.search-result-item-choice-body .search-result-item-choice-body-item>div:first-of-type{width:120px}
}
@media screen and (max-width:767px){
.search-result-quick{padding:0 6px}
.search-result-quick>.flex:nth-of-type(2){display:none}
.search-result-block .search-left .search-option-wraper{padding-top:12px;background-color:#fff;grid-template-columns:repeat(1,minmax(0,1fr))}
.search-result-block .search-left .search-option-wraper>.search-item:first-of-type{grid-column:auto}
.search-result-block .search-left .search-option-wraper .search-item-group{background-color:transparent;border-top:1px dotted #bcbcbc;margin-top:12px}
.search-result-block .search-left .search-option-wraper .search-item-group .search-item{padding:0;margin:0;padding-bottom:12px}
.search-result-block .search-left .search-option-wraper .search-item-group .search-item+.search-item{border-top:1px dotted #bcbcbc;padding-top:16px}
.search-result-block .search-left .search-option-wraper .search-item-group+.search-item-group{border-left:none}
.bg-header-img.search-header{min-height:136px;height:136px;background-position:0}
.dropdown-content-custom{border-radius:0!important}
.dropdown-content-place{padding:12px}
.dropdown-content-place .filter-search-input{border-radius:12px;height:32px;padding-top:4px;padding-bottom:4px}
.dropdown-content-place .search-recently{margin-top:12px;padding-bottom:12px}
.dropdown-content-place .hot-place-search{margin-top:12px;padding-bottom:12px;padding-right:0}
.dropdown-content-place .hot-place-search>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.dropdown-content-place .hot-place-search>div:first-of-type{margin-bottom:6px}
.dropdown-content-place-close{box-shadow:none;padding:0;border:none;display:flex;justify-content:center;align-items:center;width:8px}
.filter-action-search{margin-left:0!important;width:100%}
.filter-action-search .search-button{height:36px;padding:10px 12px 10px 8px;font-size:12px;border-radius:24px}
.filter-action-search .search-button svg{width:13px;height:15px}
#filterSearchMulti .filter-wrapper{margin-top:10px}
.search-block{top:40px}
.search-block.active{top:40px;z-index:unset}
.search-block .custom-container{padding-left:0;padding-right:0}
.search-block .search-wraper-text{background:#fffFFFCC;border-radius:0;box-shadow:none;padding:12px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(1){margin-bottom:6px;padding-right:6px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(2){font-size:12px;gap:6px;padding-right:6px;width:50%}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(2) .start-date-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(3){font-size:12px;gap:6px;padding-right:6px;padding-left:6px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(4){font-size:12px;gap:6px;padding-right:6px;padding-left:0;margin-top:10px;width:50%;border-left:0}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(5){font-size:12px;gap:6px;padding-right:6px;padding-left:6px;margin-top:10px;width:50%}
.search-block .search-wraper-text .change-filter-search{background-color:transparent;color:#155ed2;position:absolute;bottom:12px;right:12px;padding-right:0;padding-bottom:0}
.search-block .search-wraper-text .change-filter-search svg path{fill:#155ed2}
.search-wraper-text-type-2>.flex-col{gap:8px}
.search-wraper-text-type-2 .change-filter-search{position:absolute;bottom:-2px!important;right:0!important;width:auto}
.search-wraper-text-type-2 .change-filter-search span{display:block}
.search-wraper-text-type-2 .search-wraper-text-item{flex-wrap:wrap;border-bottom:none;height:auto}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-text-item_number{border-radius:4px 0 0 4px;font-size:12px}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item{font-size:12px}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(2){padding-left:6px;padding-right:6px;width:calc(100% - 40px)}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(3){padding-left:16px;padding-right:6px;width:122px;font-weight:400;border-left:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(4){padding-left:6px;padding-right:6px;width:80px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:86px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:100px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(3){width:100%}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:50%;display:block;font-weight:500;margin-top:6px;border-left:none}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:50%;display:block;margin-top:6px;font-weight:500}
.search-result-item .search-result-item-choice-content{width:100%!important}
.search-result-item .search-result-item-head .search-result-item-head-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1){grid-column:span 3/span 3;align-items:flex-start;gap:6px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-img{width:16px;height:16px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-img img{border-radius:2px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-title .search-result-item-source{margin-left:-21px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-title .search-result-item-code{margin-left:-21px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(2){order:1;grid-column:span 5/span 5;width:calc(100% - 20px)}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3){grid-column:span 3/span 3;gap:2px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3) .search-result-item-price{text-align:end}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3) .search-result-item-price .search-result-item-price__price{font-size:14px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3)>div:last-of-type{font-size:10px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(4){order:2;grid-column:span 1/span 1}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(4) .base-button{padding:5px}
.search-result-tags .tag-item{display:none}
.search-result-tags .tag-item:first-of-type{display:block}
.search-item-remain>div:first-of-type>span:last-of-type{display:none}
}
.ticket-icon-wrapper{min-width:40px;min-height:40px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}
.ticket-icon-wrapper:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ticket-icon-wrapper i{color:#fff!important;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.fare-economy{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}
.fare-premium{background:linear-gradient(135deg,#f97316,#ea580c)!important}
.fare-business{background:linear-gradient(135deg,#eab308,#ca8a04)!important}
.fare-first{background:linear-gradient(135deg,#a855f7,#7c3aed)!important}
.ticket-class-head{padding:8px 0}
.ticket-class-head:last-child{border-bottom:none;margin-bottom:0}
@media (max-width:768px){
.ticket-icon-wrapper{min-width:36px;min-height:36px}
.ticket-icon-wrapper i{font-size:1rem}
}
.ticket-row-content i{min-width:16px;text-align:center;transition:all .2s ease}
.ticket-row-content i:hover{transform:scale(1.1)}
.cancellations .fa-check-circle,.changes .fa-check-circle{color:#16a34a!important}
.cancellations .fa-times-circle,.changes .fa-times-circle{color:#dc2626!important}
.fa-briefcase{color:#2563eb!important}
.fa-suitcase{color:#9333ea!important}
.fa-exchange-alt{color:#16a34a!important}
.fa-undo{color:#ea580c!important}
.baggage-detail,.cancellations,.changes{display:flex;align-items:center}
@media (max-width:768px){
.ticket-row-content i{font-size:.875rem;min-width:14px}
}
.modern-search-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:1200px;margin:0 auto}
.modern-flight-form{display:flex;flex-direction:column;gap:24px}
.trip-type-tabs{display:flex;justify-content:center;margin-bottom:8px}
.tab-container{display:flex;background:#f8fafc;border-radius:12px;padding:4px;position:relative}
.tab-container input[type=radio]{display:none}
.tab-label{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;color:#64748b;transition:all .3s ease;position:relative;z-index:2}
.tab-label:hover{color:#0f6764}
.tab-container input[type=radio]:checked+.tab-label{background:#0f6764;color:#fff;box-shadow:0 2px 8px rgba(15,103,100,.3)}
.search-fields-grid{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr 1fr auto;gap:16px;align-items:end}
.search-field{position:relative}
.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;z-index:2;font-size:18px;margin-top:10px}
.field-content{position:relative}
.field-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}
.field-input{width:100%;height:56px;padding:16px 16px 16px 52px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:16px;color:#374151;transition:all .3s ease;outline:0}
.field-input:focus{border-color:#0f6764;box-shadow:0 0 0 3px rgba(15,103,100,.1)}
.field-input::placeholder{color:#9ca3af}
.swap-airports{display:flex;align-items:center;justify-content:center;margin-top:32px}
.swap-btn{width:44px;height:44px;border:2px solid #e5e7eb;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .3s ease;outline:0}
.swap-btn:hover{border-color:#0f6764;color:#0f6764;transform:rotate(180deg)}
.passengers-selector{position:relative}
.passengers-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:1000;display:none;margin-top:4px}
.passengers-dropdown.active{display:block}
.passenger-type{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}
.passenger-type:last-of-type{border-bottom:none}
.passenger-info{display:flex;flex-direction:column}
.passenger-title{font-weight:500;color:#374151;font-size:16px}
.passenger-desc{font-size:14px;color:#64748b}
.passenger-controls{display:flex;align-items:center;gap:12px}
.counter-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;outline:0}
.counter-btn:hover{border-color:#0f6764;color:#0f6764}
.counter-btn:disabled{opacity:.5;cursor:not-allowed}
.counter-value{font-size:16px;font-weight:500;color:#374151;min-width:24px;text-align:center}
.passengers-actions{padding-top:16px;border-top:1px solid #f1f5f9;margin-top:16px}
.passengers-done{background:#0f6764;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:0;width:100%}
.passengers-done:hover{background:#0d5a57}
.search-button-container{margin-top:8px}
.modern-search-btn{background:linear-gradient(135deg,#0f6764,#14b8a6);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;width:100%;justify-content:center;position:relative;overflow:hidden;outline:0;min-height:56px}
.modern-search-btn:hover{background:linear-gradient(135deg,#0d5a57,#0f766e);transform:translateY(-2px);box-shadow:0 8px 25px rgba(15,103,100,.3)}
.modern-search-btn:active{transform:translateY(0)}
.modern-search-btn i{font-size:18px}
.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}
@keyframes spin{
to{transform:rotate(360deg)}
}
@media (max-width:1024px){
.search-fields-grid{grid-template-columns:1fr;gap:20px}
.swap-airports{order:-1;margin:0;transform:rotate(90deg)}
.modern-search-container{padding:24px;margin:0 16px}
.return-date.hidden{display:none!important}
}
@media (max-width:768px){
.modern-search-container{padding:20px;border-radius:16px}
.tab-label{padding:10px 16px;font-size:14px}
.tab-label span{display:none}
.field-input{height:48px;padding:12px 12px 12px 44px;font-size:15px}
.field-icon{left:12px;font-size:16px}
.modern-search-btn{padding:14px 24px;font-size:15px}
}
.ui-datepicker{border:none!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important;border-radius:12px!important;font-family:inherit!important;padding:16px!important;background:#fff!important}
.ui-datepicker .ui-datepicker-header{background:#0f6764!important;border:none!important;border-radius:8px!important;color:#fff!important;padding:12px!important;margin-bottom:12px!important}
.ui-datepicker .ui-datepicker-title{color:#fff!important;font-weight:600!important}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{background:rgba(255,255,255,.2)!important;border:none!important;border-radius:6px!important;color:#fff!important}
.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover{background:rgba(255,255,255,.3)!important}
.ui-datepicker table{font-size:14px!important}
.ui-datepicker th{background:#f8fafc!important;border:none!important;color:#64748b!important;font-weight:500!important;padding:8px!important;text-align:center!important}
.ui-datepicker td{border:none!important;padding:2px!important}
.ui-datepicker td a{border:none!important;border-radius:6px!important;padding:8px!important;text-align:center!important;text-decoration:none!important;background:0 0!important;color:#374151!important;font-weight:500!important;transition:all .2s ease!important}
.ui-datepicker td a:hover{background:#f0fdfa!important;color:#0f6764!important}
.ui-datepicker td.ui-datepicker-today a{background:#e0f2fe!important;color:#0369a1!important;font-weight:600!important}
.ui-datepicker td a.ui-state-active,.ui-datepicker td.ui-datepicker-current-day a{background:#0f6764!important;color:#fff!important;font-weight:600!important}
.ui-datepicker td.ui-datepicker-other-month a{color:#9ca3af!important}
.ui-datepicker td.ui-datepicker-unselectable{opacity:.3!important}
.return-date.hidden{display:none}
.datepicker-input{cursor:pointer}
#modernFlightSearchForm input#departureDate,#modernFlightSearchForm input#returnDate{border:1px solid transparent;border-radius:8px;padding:12px 16px;font-size:14px;background-color:#fff;width:100%;min-height:48px;color:#10061f;text-indent:20px}
.ui-slider{position:relative;text-align:left;background:#e1e5e9;border-radius:8px;height:8px;margin:10px 0}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:20px;height:20px;cursor:pointer;background:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .2s ease}
.ui-slider .ui-slider-handle:hover{background:#2563eb;transform:scale(1.1);box-shadow:0 4px 12px rgba(59,130,246,.3)}
.ui-slider .ui-slider-handle:focus{outline:0;box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.ui-slider .ui-slider-range{position:absolute;z-index:1;background:#3b82f6;border-radius:8px;height:8px}
.ui-slider-horizontal .ui-slider-handle{top:-6px;margin-left:-10px}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.slider-amount{border:0;color:#f6931f;font-weight:700;background:0 0;font-size:14px;text-align:center;width:100%;margin-bottom:10px}
#price-slider .ui-slider-handle{background:#f59e0b;border-color:#fff}
#price-slider .ui-slider-handle:hover{background:#d97706}
#price-slider .ui-slider-range{background:#f59e0b}
#price-slider-amount{color:#f6931f;font-weight:700}
#duration-slider .ui-slider-handle,#time-end-slider .ui-slider-handle,#time-start-slider .ui-slider-handle{background:#10b981;border-color:#fff}
#duration-slider .ui-slider-handle:hover,#time-end-slider .ui-slider-handle:hover,#time-start-slider .ui-slider-handle:hover{background:#059669}
#duration-slider .ui-slider-range,#time-end-slider .ui-slider-range,#time-start-slider .ui-slider-range{background:#10b981}
#duration-slider-amount,#time-end-slider-amount,#time-start-slider-amount{color:#f6931f;font-weight:700}
.filter-section{margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.filter-title{font-weight:700;color:#333;margin-bottom:10px;font-size:16px}
.filter-subtitle{color:#f6931f;font-size:14px;margin-bottom:15px}
.search-item-plan-detail .search-item-plan-point.point-type-3 .icon-point{background:url(../images/search-item-plain-point-mid.svg) no-repeat center center;background-size:contain}
.search-item-plan-detail .search-item-plan-point.point-type-2{color:#10061F80}
.search-item-plan-detail .search-item-plan-point.point-type-2 .icon-point{background:url(../images/search-item-plain-point-type2.svg) no-repeat center center;background-size:contain}
.see-detail-short-item{width:329px;background-color:#f9e9df;box-shadow:0 10px 20px 0 #10061F40}
.see-detail-short-item::before{content:'';width:16px;height:8px;background:url(../images/arrow-dropdown.svg) no-repeat center center;transform:rotate(180deg);position:absolute;top:-8px;right:10px}
.filter-move{width:36px;height:36px;border-radius:50%;box-shadow:0 4px 8px 0 #091e4233;padding:6px;position:absolute;left:46%;background:#fff;cursor:pointer}
.filter-move img{width:100%}
#search-result-top-action .swiper-button-prev{left:18px;top:42px;width:24px;height:24px}
#search-result-top-action .swiper-button-prev svg{width:12px;height:16px}
#search-result-top-action .swiper-button-next{right:18px;top:42px;width:24px;height:24px}
#search-result-top-action .swiper-button-next svg{width:12px;height:8px}
.sugestion{box-shadow:0 10px 20px 0 #10061f40;background:#fff;border-radius:12px;display:none}
.sugestion ul li+li{border-top:1px dotted #bcbcbc}
.sugestion.active{display:block}
.filter-point.mutiple-item{position:relative}
.filter-point.mutiple-item::before{content:attr(data-number);width:20px;height:60px;border-radius:12px 0 0 12px;background-color:#155ed2;color:#fff;position:absolute;z-index:9;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:1279px){
.filter-point.mutiple-item::before{height:48px}
}
@media screen and (max-width:767px){
.filter-point.mutiple-item::before{content:attr(data-number);width:auto;border-radius:12px;height:20px;width:40px;top:8px;left:0;font-size:12px}
}
.search-wraper-text-item{display:flex;justify-content:flex-start;align-items:center;height:24px;border-bottom:1px solid #e1e1ea}
.search-wraper-text-item .search-wraper-text-item_number{color:#fff;background-color:#155ed2;padding:0 2px;font-size:14px;line-height:24px}
.search-wraper-text-item .search-wraper-item:nth-of-type(2){width:384px}
.search-wraper-text-item .search-wraper-item:nth-of-type(3){width:190px}
.search-wraper-text-item .search-wraper-item:nth-of-type(4){width:160px}
.search-wraper-text-item .search-wraper-item:nth-of-type(5){width:160px}
.search-wraper-text-item .search-wraper-item:nth-of-type(6){width:160px}
.search-result-skeleton{border-radius:12px;background-color:#fff;padding:16px}
.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#dddbdd}
.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 30%,rgba(255,255,255,.9) 70%,rgba(255,255,255,0));animation:shimmer 3s infinite;content:''}
@keyframes shimmer{
100%{transform:translateX(100%)}
}
.filter-route-type .filter-route-type-item>label{font-size:16px}
@media screen and (max-width:1399px){
.filter-route-type .filter-route-type-item>label{font-size:14px}
}
.filter-route-type .filter-route-type-item>button>span{font-size:16px}
@media screen and (max-width:1399px){
.filter-route-type .filter-route-type-item>button>span{font-size:14px}
}
.search-wraper .dropdown-place-btn{border:1px solid #e1e1ea}
.search-wraper .filter-date{border:1px solid #e1e1ea}
.search-wraper .filter-person{border:1px solid #e1e1ea}
.dropdown-content-place{z-index:999}
.dropdown-content-place-close{box-shadow:0 4px 8px 0 #091E4233;border:1px solid #f37121;padding:6px;border-radius:6px;width:36px;height:36px;display:flex;justify-content:center;align-items:center}
.search-item-group{padding-top:16px;display:flex;flex-direction:column;gap:16px}
@media screen and (max-width:1439px){
.search-block{top:187px}
.search-wraper-text{padding:16px}
.search-wraper-text .search-wraper-item{font-size:14px;font-weight:500}
.search-wraper-text .change-filter-search{font-size:12px;line-height:16px;padding-top:8px;padding-bottom:8px}
.search-wraper-text .change-filter-search svg{width:16px;height:16px}
.search-result-block>.container>.flex{gap:24px}
.search-left{width:292px}
.search-result{width:calc(100% - 316px)}
.search-result-item .search-result-tags .tag-item{font-size:10px;height:18px}
.search-result-item .search-result-tags .tag-item.special .vn-icon{width:16px;height:16px}
.search-result-item .search-result-item-plan .plan-start>.text-base{font-size:14px}
.search-result-item .search-result-item-plan .plan-end>.text-base{font-size:14px}
.search-result-item .search-result-item-price .search-result-item-price__price{font-size:18px}
.search-result-item .search-result-item-choice button{font-size:12px;height:36px}
.ticket-class-item>.flex{gap:8px}
.ticket-class-item .ticket-class-content{padding-top:8px}
.ticket-class-item .ticket-class-content>.grid-cols-2{padding-top:6px}
.ticket-class-item .ticket-class-footer{padding-top:8px}
.ticket-class-item .ticket-class-footer>.grid-cols-2{padding-top:6px}
.ticket-class-item .ticket-class-footer>.grid-cols-2:first-of-type{padding-top:0}
.ticket-class-item .ticket-class-action{padding-top:8px}
.search-result-item-choice-content>.flex{padding:12px}
.search-result-item-choice-content .search-result-item-choice-title{padding-bottom:12px}
.search-result-item-choice-content .search-result-item-choice-title.text-right{font-size:12px}
.search-result-item-choice-content .search-result-item-choice-body{padding-top:12px;padding-bottom:12px;gap:12px}
.search-result-item-choice-content .search-result-item-choice-body>.flex-col{gap:6px}
.search-result-item-choice-content .search-result-item-choice-body .search-result-item-choice-body-title{padding-bottom:0}
.search-result-item-choice-content .search-result-item-choice-body .search-result-item-choice-body-title>div span{font-size:12px}
.search-result-item-choice-content .search-result-item-choice-footer{padding-top:12px}
.search-result-item-choice-content .search-result-item-choice-footer>div{font-size:12px}
}
@media screen and (max-width:1279px){
.search-result-quick{padding:8px}
.search-result-quick .filter-show-button{display:flex}
.bg-header-img.search-header{min-height:162px;height:162px;background-position:0}
.search-block{top:90px;z-index:9}
.search-block.active{top:74px}
.search-block.active-backdrop{z-index:unset}
.search-block.fixed-top{top:0!important;z-index:999}
.search-wraper{padding:20px 16px 6px}
.search-wraper-text-type-1_row{flex-wrap:wrap}
.search-wraper-text-type-1_row>.search-wraper-item:first-of-type{width:100%;margin-bottom:8px}
.search-wraper-text-type-1_row>.search-wraper-item:nth-of-type(2){border-left:none;padding-left:0}
.search-wraper-text{padding:16px}
.search-wraper-text .search-wraper-item{font-size:14px;font-weight:500}
.search-wraper-text #change-filter-search{white-space:nowrap;margin-top:16px}
.search-wraper-text-item .search-wraper-item{font-size:12px}
.search-wraper-text-item .search-wraper-item>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-wraper-text-item .search-wraper-item:nth-of-type(2){padding-left:6px;padding-right:6px;width:265px}
.search-wraper-text-item .search-wraper-item:nth-of-type(3){padding-left:6px;padding-right:6px;width:122px}
.search-wraper-text-item .search-wraper-item:nth-of-type(4){padding-left:6px;padding-right:6px;width:80px}
.search-wraper-text-item .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:86px}
.search-wraper-text-item .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:100px}
.search-wraper-text-type-2{position:relative}
.search-wraper-text-type-2 .change-filter-search{position:absolute;bottom:0;right:0;width:28px;height:28px;padding:6px}
.search-wraper-text-type-2 .change-filter-search span{display:none}
.dropdown-content-custom{position:fixed!important;width:100%;left:0!important;right:0!important;bottom:0!important;z-index:999;top:unset!important;border-radius:12px 12px 0 0!important;transform:none!important;max-height:80vh}
.dropdown-content-place .search-recently-list>a{font-size:14px;height:24px;border-radius:32px}
.dropdown-content-place .hot-place-search{margin-top:12px;padding-bottom:12px;padding-right:30%}
.dropdown-content-place .hot-place-search>div{font-size:12px;gap:6px}
.dropdown-header{margin-left:-16px;margin-right:-16px;border-bottom:1px dashed #e1e1ea;padding:0 16px;margin-bottom:12px}
.ticket-type-list{gap:4px;margin-bottom:0}
.ticket-type-list li{border-bottom:1px dashed #e1e1ea}
.ticket-type-list li .ticket-row:hover{background-color:#f9e9df}
.ticket-type-list li .ticket-row.active{background-color:#f9e9df;position:relative}
.ticket-type-list li .ticket-row.active::after{content:"";width:16px;height:16px;position:absolute;right:6px;background:url(../images/dropdown-icon-checked.svg) center center no-repeat}
.ticket-type-list li:last-of-type{border-bottom:none}
.ticket-type-list .dropdown-route-row{border-radius:6px;padding:6px;height:28px;font-size:12px;display:flex}
.ticket-type-list .dropdown-route-row:hover{background-color:#f9e9df}
.ticket-type-list .dropdown-route-row.active{background-color:#f9e9df;position:relative}
.ticket-type-list .dropdown-route-row.active::after{content:"";width:16px;height:16px;position:absolute;right:6px;background:url(../images/dropdown-icon-checked.svg) center center no-repeat}
.ticket-person-list{border-bottom:none;margin-bottom:0}
.dropdown-footer{border-top:1px solid #e1e1ea;margin-left:-16px;margin-right:-16px;padding:12px 16px 0}
.search-result-block{padding-top:30px}
.search-result-item .search-result-item-head{padding:12px}
.search-result-item .search-result-item-head>div:last-of-type{gap:16px}
.search-result-item .search-result-item-head .search-result-item-plan{width:208px;gap:8px}
.search-result-item .search-result-item-head .search-result-item-price .search-result-item-price__price{font-size:16px}
.search-result-item .search-result-item-choice button{height:28px}
.search-result-item .search-result-item-choice-content{width:100%!important;padding-bottom:20px}
.search-result-item .search-result-item-choice-content .dropdown-header{margin:0;padding:12px 16px 0;border-bottom:none}
.search-result-item .search-result-item-choice-content>.flex-col{padding-left:32px;padding-right:32px}
.search-ticket-selected{display:none}
.search-result-block .search-left{width:100vw;max-height:88vh;position:fixed;bottom:0;left:0;right:0;z-index:100;display:none;background-color:#fbfcfc}
.search-result-block .search-left.open-filter{display:block}
.search-result-block .search-left .dropdown-header{margin:0 16px;padding:12px 0 8px;border-bottom:none}
.search-result-block .search-left .search-option-wraper{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(88vh - 50px);overflow-x:hidden;gap:0;background-color:transparent;scrollbar-width:thin}
.search-result-block .search-left .search-option-wraper .search-item-selected{background-color:#fff}
.search-result-block .search-left .search-option-wraper .search-item-group{gap:0;padding-top:0;border-top:none;background-color:#f6f9fa;padding-top:16px}
.search-result-block .search-left .search-option-wraper .search-item-group+.search-item-group{border-left:1px dotted #bcbcbc}
.search-result-block .search-left .search-option-wraper .search-item{margin:0 16px 16px;background:#fff;padding:10px;border-top:none}
.search-result-block .search-left .search-option-wraper>.search-item:first-of-type{grid-column:span 2/span 2;padding:0;margin:0;background:0 0}
.search-result-block .search-result{width:100%}
.dropdow-sort-content{border-radius:0}
.dropdow-sort-content .dropdown-header{padding:12px 32px}
.search-item-plan-detail{border-radius:0;padding-bottom:10px}
.search-item-plan-detail .dropdown-header{padding:12px 32px;margin-bottom:0}
.search-result-item-choice-body .search-result-item-choice-body-title{justify-content:flex-start;gap:12px}
.search-result-item-choice-body .search-result-item-choice-body-item{display:flex;justify-content:flex-start;gap:12px}
.search-result-item-choice-body .search-result-item-choice-body-item>div:first-of-type{width:120px}
}
@media screen and (max-width:767px){
.search-result-quick{padding:0 6px}
.search-result-quick>.flex:nth-of-type(2){display:none}
.search-result-block .search-left .search-option-wraper{padding-top:12px;background-color:#fff;grid-template-columns:repeat(1,minmax(0,1fr))}
.search-result-block .search-left .search-option-wraper>.search-item:first-of-type{grid-column:auto}
.search-result-block .search-left .search-option-wraper .search-item-group{background-color:transparent;border-top:1px dotted #bcbcbc;margin-top:12px}
.search-result-block .search-left .search-option-wraper .search-item-group .search-item{padding:0;margin:0;padding-bottom:12px}
.search-result-block .search-left .search-option-wraper .search-item-group .search-item+.search-item{border-top:1px dotted #bcbcbc;padding-top:16px}
.search-result-block .search-left .search-option-wraper .search-item-group+.search-item-group{border-left:none}
.bg-header-img.search-header{min-height:136px;height:136px;background-position:0}
.dropdown-content-custom{border-radius:0!important}
.dropdown-content-place{padding:12px}
.dropdown-content-place .filter-search-input{border-radius:12px;height:32px;padding-top:4px;padding-bottom:4px}
.dropdown-content-place .search-recently{margin-top:12px;padding-bottom:12px}
.dropdown-content-place .hot-place-search{margin-top:12px;padding-bottom:12px;padding-right:0}
.dropdown-content-place .hot-place-search>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.dropdown-content-place .hot-place-search>div:first-of-type{margin-bottom:6px}
.dropdown-content-place-close{box-shadow:none;padding:0;border:none;display:flex;justify-content:center;align-items:center;width:8px}
.filter-action-search{margin-left:0!important;width:100%}
.filter-action-search .search-button{height:36px;padding:10px 12px 10px 8px;font-size:12px;border-radius:24px}
.filter-action-search .search-button svg{width:13px;height:15px}
#filterSearchMulti .filter-wrapper{margin-top:10px}
.search-block{top:40px}
.search-block.active{top:40px;z-index:unset}
.search-block .custom-container{padding-left:0;padding-right:0}
.search-block .search-wraper-text{background:#fffFFFCC;border-radius:0;box-shadow:none;padding:12px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(1){margin-bottom:6px;padding-right:6px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(2){font-size:12px;gap:6px;padding-right:6px;width:50%}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(2) .start-date-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(3){font-size:12px;gap:6px;padding-right:6px;padding-left:6px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(4){font-size:12px;gap:6px;padding-right:6px;padding-left:0;margin-top:10px;width:50%;border-left:0}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(5){font-size:12px;gap:6px;padding-right:6px;padding-left:6px;margin-top:10px;width:50%}
.search-block .search-wraper-text .change-filter-search{background-color:transparent;color:#155ed2;position:absolute;bottom:12px;right:12px;padding-right:0;padding-bottom:0}
.search-block .search-wraper-text .change-filter-search svg path{fill:#155ed2}
.search-wraper-text-type-2>.flex-col{gap:8px}
.search-wraper-text-type-2 .change-filter-search{position:absolute;bottom:-2px!important;right:0!important;width:auto}
.search-wraper-text-type-2 .change-filter-search span{display:block}
.search-wraper-text-type-2 .search-wraper-text-item{flex-wrap:wrap;border-bottom:none;height:auto}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-text-item_number{border-radius:4px 0 0 4px;font-size:12px}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item{font-size:12px}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(2){padding-left:6px;padding-right:6px;width:calc(100% - 40px)}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(3){padding-left:16px;padding-right:6px;width:122px;font-weight:400;border-left:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(4){padding-left:6px;padding-right:6px;width:80px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:86px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:100px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(3){width:100%}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:50%;display:block;font-weight:500;margin-top:6px;border-left:none}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:50%;display:block;margin-top:6px;font-weight:500}
.search-result-item .search-result-item-choice-content{width:100%!important}
.search-result-item .search-result-item-head .search-result-item-head-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1){grid-column:span 3/span 3;align-items:flex-start;gap:6px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-img{width:16px;height:16px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-img img{border-radius:2px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-title .search-result-item-source{margin-left:-21px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-title .search-result-item-code{margin-left:-21px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(2){order:1;grid-column:span 5/span 5;width:calc(100% - 20px)}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3){grid-column:span 3/span 3;gap:2px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3) .search-result-item-price{text-align:end}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3) .search-result-item-price .search-result-item-price__price{font-size:14px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3)>div:last-of-type{font-size:10px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(4){order:2;grid-column:span 1/span 1}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(4) .base-button{padding:5px}
.search-result-tags .tag-item{display:none}
.search-result-tags .tag-item:first-of-type{display:block}
.search-item-remain>div:first-of-type>span:last-of-type{display:none}
}
.ticket-icon-wrapper{min-width:40px;min-height:40px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}
.ticket-icon-wrapper:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ticket-icon-wrapper i{color:#fff!important;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.fare-economy{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}
.fare-premium{background:linear-gradient(135deg,#f97316,#ea580c)!important}
.fare-business{background:linear-gradient(135deg,#eab308,#ca8a04)!important}
.fare-first{background:linear-gradient(135deg,#a855f7,#7c3aed)!important}
.ticket-class-head{padding:8px 0}
.ticket-class-head:last-child{border-bottom:none;margin-bottom:0}
@media (max-width:768px){
.ticket-icon-wrapper{min-width:36px;min-height:36px}
.ticket-icon-wrapper i{font-size:1rem}
}
.ticket-row-content i{min-width:16px;text-align:center;transition:all .2s ease}
.ticket-row-content i:hover{transform:scale(1.1)}
.cancellations .fa-check-circle,.changes .fa-check-circle{color:#16a34a!important}
.cancellations .fa-times-circle,.changes .fa-times-circle{color:#dc2626!important}
.fa-briefcase{color:#2563eb!important}
.fa-suitcase{color:#9333ea!important}
.fa-exchange-alt{color:#16a34a!important}
.fa-undo{color:#ea580c!important}
.baggage-detail,.cancellations,.changes{display:flex;align-items:center}
@media (max-width:768px){
.ticket-row-content i{font-size:.875rem;min-width:14px}
}
.modern-search-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:1200px;margin:0 auto}
.modern-flight-form{display:flex;flex-direction:column;gap:24px}
.trip-type-tabs{display:flex;justify-content:center;margin-bottom:8px}
.tab-container{display:flex;background:#f8fafc;border-radius:12px;padding:4px;position:relative}
.tab-container input[type=radio]{display:none}
.tab-label{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;color:#64748b;transition:all .3s ease;position:relative;z-index:2}
.tab-label:hover{color:#0f6764}
.tab-container input[type=radio]:checked+.tab-label{background:#0f6764;color:#fff;box-shadow:0 2px 8px rgba(15,103,100,.3)}
.search-fields-grid{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr 1fr auto;gap:16px;align-items:end}
.search-field{position:relative}
.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;z-index:2;font-size:18px;margin-top:10px}
.field-content{position:relative}
.field-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}
.field-input{width:100%;height:56px;padding:16px 16px 16px 52px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:16px;color:#374151;transition:all .3s ease;outline:0}
.field-input:focus{border-color:#0f6764;box-shadow:0 0 0 3px rgba(15,103,100,.1)}
.field-input::placeholder{color:#9ca3af}
.swap-airports{display:flex;align-items:center;justify-content:center;margin-top:32px}
.swap-btn{width:44px;height:44px;border:2px solid #e5e7eb;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .3s ease;outline:0}
.swap-btn:hover{border-color:#0f6764;color:#0f6764;transform:rotate(180deg)}
.passengers-selector{position:relative}
.passengers-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:1000;display:none;margin-top:4px}
.passengers-dropdown.active{display:block}
.passenger-type{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}
.passenger-type:last-of-type{border-bottom:none}
.passenger-info{display:flex;flex-direction:column}
.passenger-title{font-weight:500;color:#374151;font-size:16px}
.passenger-desc{font-size:14px;color:#64748b}
.passenger-controls{display:flex;align-items:center;gap:12px}
.counter-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;outline:0}
.counter-btn:hover{border-color:#0f6764;color:#0f6764}
.counter-btn:disabled{opacity:.5;cursor:not-allowed}
.counter-value{font-size:16px;font-weight:500;color:#374151;min-width:24px;text-align:center}
.passengers-actions{padding-top:16px;border-top:1px solid #f1f5f9;margin-top:16px}
.passengers-done{background:#0f6764;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:0;width:100%}
.passengers-done:hover{background:#0d5a57}
.search-button-container{margin-top:8px}
.modern-search-btn{background:linear-gradient(135deg,#0f6764,#14b8a6);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;width:100%;justify-content:center;position:relative;overflow:hidden;outline:0;min-height:56px}
.modern-search-btn:hover{background:linear-gradient(135deg,#0d5a57,#0f766e);transform:translateY(-2px);box-shadow:0 8px 25px rgba(15,103,100,.3)}
.modern-search-btn:active{transform:translateY(0)}
.modern-search-btn i{font-size:18px}
.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}
@keyframes spin{
to{transform:rotate(360deg)}
}
@media (max-width:1024px){
.search-fields-grid{grid-template-columns:1fr;gap:20px}
.swap-airports{order:-1;margin:0;transform:rotate(90deg)}
.modern-search-container{padding:24px;margin:0 16px}
.return-date.hidden{display:none!important}
}
@media (max-width:768px){
.modern-search-container{padding:20px;border-radius:16px}
.tab-label{padding:10px 16px;font-size:14px}
.tab-label span{display:none}
.field-input{height:48px;padding:12px 12px 12px 44px;font-size:15px}
.field-icon{left:12px;font-size:16px}
.modern-search-btn{padding:14px 24px;font-size:15px}
}
.ui-datepicker{border:none!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important;border-radius:12px!important;font-family:inherit!important;padding:16px!important;background:#fff!important}
.ui-datepicker .ui-datepicker-header{background:#0f6764!important;border:none!important;border-radius:8px!important;color:#fff!important;padding:12px!important;margin-bottom:12px!important}
.ui-datepicker .ui-datepicker-title{color:#fff!important;font-weight:600!important}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{background:rgba(255,255,255,.2)!important;border:none!important;border-radius:6px!important;color:#fff!important}
.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover{background:rgba(255,255,255,.3)!important}
.ui-datepicker table{font-size:14px!important}
.ui-datepicker th{background:#f8fafc!important;border:none!important;color:#64748b!important;font-weight:500!important;padding:8px!important;text-align:center!important}
.ui-datepicker td{border:none!important;padding:2px!important}
.ui-datepicker td a{border:none!important;border-radius:6px!important;padding:8px!important;text-align:center!important;text-decoration:none!important;background:0 0!important;color:#374151!important;font-weight:500!important;transition:all .2s ease!important}
.ui-datepicker td a:hover{background:#f0fdfa!important;color:#0f6764!important}
.ui-datepicker td.ui-datepicker-today a{background:#e0f2fe!important;color:#0369a1!important;font-weight:600!important}
.ui-datepicker td a.ui-state-active,.ui-datepicker td.ui-datepicker-current-day a{background:#0f6764!important;color:#fff!important;font-weight:600!important}
.ui-datepicker td.ui-datepicker-other-month a{color:#9ca3af!important}
.ui-datepicker td.ui-datepicker-unselectable{opacity:.3!important}
.return-date.hidden{display:none}
.datepicker-input{cursor:pointer}
#modernFlightSearchForm input#departureDate,#modernFlightSearchForm input#returnDate{border:1px solid transparent;border-radius:8px;padding:12px 16px;font-size:14px;background-color:#fff;width:100%;min-height:48px;color:#10061f;text-indent:20px}
.search-item-plan-detail .search-item-plan-point.point-type-3 .icon-point{background:url(../images/search-item-plain-point-mid.svg) no-repeat center center;background-size:contain}
.search-item-plan-detail .search-item-plan-point.point-type-2{color:#10061F80}
.search-item-plan-detail .search-item-plan-point.point-type-2 .icon-point{background:url(../images/search-item-plain-point-type2.svg) no-repeat center center;background-size:contain}
.see-detail-short-item{width:329px;background-color:#f9e9df;box-shadow:0 10px 20px 0 #10061F40}
.see-detail-short-item::before{content:'';width:16px;height:8px;background:url(../images/arrow-dropdown.svg) no-repeat center center;transform:rotate(180deg);position:absolute;top:-8px;right:10px}
.filter-move{width:36px;height:36px;border-radius:50%;box-shadow:0 4px 8px 0 #091e4233;padding:6px;position:absolute;left:46%;background:#fff;cursor:pointer}
.filter-move img{width:100%}
#search-result-top-action .swiper-button-prev{left:18px;top:42px;width:24px;height:24px}
#search-result-top-action .swiper-button-prev svg{width:12px;height:16px}
#search-result-top-action .swiper-button-next{right:18px;top:42px;width:24px;height:24px}
#search-result-top-action .swiper-button-next svg{width:12px;height:8px}
.sugestion{box-shadow:0 10px 20px 0 #10061f40;background:#fff;border-radius:12px;display:none}
.sugestion ul li+li{border-top:1px dotted #bcbcbc}
.sugestion.active{display:block}
.filter-point.mutiple-item{position:relative}
.filter-point.mutiple-item::before{content:attr(data-number);width:20px;height:60px;border-radius:12px 0 0 12px;background-color:#155ed2;color:#fff;position:absolute;z-index:9;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:1279px){
.filter-point.mutiple-item::before{height:48px}
}
@media screen and (max-width:767px){
.filter-point.mutiple-item::before{content:attr(data-number);width:auto;border-radius:12px;height:20px;width:40px;top:8px;left:0;font-size:12px}
}
.search-wraper-text-item{display:flex;justify-content:flex-start;align-items:center;height:24px;border-bottom:1px solid #e1e1ea}
.search-wraper-text-item .search-wraper-text-item_number{color:#fff;background-color:#155ed2;padding:0 2px;font-size:14px;line-height:24px}
.search-wraper-text-item .search-wraper-item:nth-of-type(2){width:384px}
.search-wraper-text-item .search-wraper-item:nth-of-type(3){width:190px}
.search-wraper-text-item .search-wraper-item:nth-of-type(4){width:160px}
.search-wraper-text-item .search-wraper-item:nth-of-type(5){width:160px}
.search-wraper-text-item .search-wraper-item:nth-of-type(6){width:160px}
.search-result-skeleton{border-radius:12px;background-color:#fff;padding:16px}
.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#dddbdd}
.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 30%,rgba(255,255,255,.9) 70%,rgba(255,255,255,0));animation:shimmer 3s infinite;content:''}
@keyframes shimmer{
100%{transform:translateX(100%)}
}
.filter-route-type .filter-route-type-item>label{font-size:16px}
@media screen and (max-width:1399px){
.filter-route-type .filter-route-type-item>label{font-size:14px}
}
.filter-route-type .filter-route-type-item>button>span{font-size:16px}
@media screen and (max-width:1399px){
.filter-route-type .filter-route-type-item>button>span{font-size:14px}
}
.search-wraper .dropdown-place-btn{border:1px solid #e1e1ea}
.search-wraper .filter-date{border:1px solid #e1e1ea}
.search-wraper .filter-person{border:1px solid #e1e1ea}
.dropdown-content-place{z-index:999}
.dropdown-content-place-close{box-shadow:0 4px 8px 0 #091E4233;border:1px solid #f37121;padding:6px;border-radius:6px;width:36px;height:36px;display:flex;justify-content:center;align-items:center}
.search-item-group{padding-top:16px;display:flex;flex-direction:column;gap:16px}
@media screen and (max-width:1439px){
.search-block{top:187px}
.search-wraper-text{padding:16px}
.search-wraper-text .search-wraper-item{font-size:14px;font-weight:500}
.search-wraper-text .change-filter-search{font-size:12px;line-height:16px;padding-top:8px;padding-bottom:8px}
.search-wraper-text .change-filter-search svg{width:16px;height:16px}
.search-result-block>.container>.flex{gap:24px}
.search-left{width:292px}
.search-result{width:calc(100% - 316px)}
.search-result-item .search-result-tags .tag-item{font-size:10px;height:18px}
.search-result-item .search-result-tags .tag-item.special .vn-icon{width:16px;height:16px}
.search-result-item .search-result-item-plan .plan-start>.text-base{font-size:14px}
.search-result-item .search-result-item-plan .plan-end>.text-base{font-size:14px}
.search-result-item .search-result-item-price .search-result-item-price__price{font-size:18px}
.search-result-item .search-result-item-choice button{font-size:12px;height:36px}
.ticket-class-item>.flex{gap:8px}
.ticket-class-item .ticket-class-content{padding-top:8px}
.ticket-class-item .ticket-class-content>.grid-cols-2{padding-top:6px}
.ticket-class-item .ticket-class-footer{padding-top:8px}
.ticket-class-item .ticket-class-footer>.grid-cols-2{padding-top:6px}
.ticket-class-item .ticket-class-footer>.grid-cols-2:first-of-type{padding-top:0}
.ticket-class-item .ticket-class-action{padding-top:8px}
.search-result-item-choice-content>.flex{padding:12px}
.search-result-item-choice-content .search-result-item-choice-title{padding-bottom:12px}
.search-result-item-choice-content .search-result-item-choice-title.text-right{font-size:12px}
.search-result-item-choice-content .search-result-item-choice-body{padding-top:12px;padding-bottom:12px;gap:12px}
.search-result-item-choice-content .search-result-item-choice-body>.flex-col{gap:6px}
.search-result-item-choice-content .search-result-item-choice-body .search-result-item-choice-body-title{padding-bottom:0}
.search-result-item-choice-content .search-result-item-choice-body .search-result-item-choice-body-title>div span{font-size:12px}
.search-result-item-choice-content .search-result-item-choice-footer{padding-top:12px}
.search-result-item-choice-content .search-result-item-choice-footer>div{font-size:12px}
}
@media screen and (max-width:1279px){
.search-result-quick{padding:8px}
.search-result-quick .filter-show-button{display:flex}
.bg-header-img.search-header{min-height:162px;height:162px;background-position:0}
.search-block{top:90px;z-index:9}
.search-block.active{top:74px}
.search-block.active-backdrop{z-index:unset}
.search-block.fixed-top{top:0!important;z-index:999}
.search-wraper{padding:20px 16px 6px}
.search-wraper-text-type-1_row{flex-wrap:wrap}
.search-wraper-text-type-1_row>.search-wraper-item:first-of-type{width:100%;margin-bottom:8px}
.search-wraper-text-type-1_row>.search-wraper-item:nth-of-type(2){border-left:none;padding-left:0}
.search-wraper-text{padding:16px}
.search-wraper-text .search-wraper-item{font-size:14px;font-weight:500}
.search-wraper-text #change-filter-search{white-space:nowrap;margin-top:16px}
.search-wraper-text-item .search-wraper-item{font-size:12px}
.search-wraper-text-item .search-wraper-item>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-wraper-text-item .search-wraper-item:nth-of-type(2){padding-left:6px;padding-right:6px;width:265px}
.search-wraper-text-item .search-wraper-item:nth-of-type(3){padding-left:6px;padding-right:6px;width:122px}
.search-wraper-text-item .search-wraper-item:nth-of-type(4){padding-left:6px;padding-right:6px;width:80px}
.search-wraper-text-item .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:86px}
.search-wraper-text-item .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:100px}
.search-wraper-text-type-2{position:relative}
.search-wraper-text-type-2 .change-filter-search{position:absolute;bottom:0;right:0;width:28px;height:28px;padding:6px}
.search-wraper-text-type-2 .change-filter-search span{display:none}
.dropdown-content-custom{position:fixed!important;width:100%;left:0!important;right:0!important;bottom:0!important;z-index:999;top:unset!important;border-radius:12px 12px 0 0!important;transform:none!important;max-height:80vh}
.dropdown-content-place .search-recently-list>a{font-size:14px;height:24px;border-radius:32px}
.dropdown-content-place .hot-place-search{margin-top:12px;padding-bottom:12px;padding-right:30%}
.dropdown-content-place .hot-place-search>div{font-size:12px;gap:6px}
.dropdown-header{margin-left:-16px;margin-right:-16px;border-bottom:1px dashed #e1e1ea;padding:0 16px;margin-bottom:12px}
.ticket-type-list{gap:4px;margin-bottom:0}
.ticket-type-list li{border-bottom:1px dashed #e1e1ea}
.ticket-type-list li .ticket-row:hover{background-color:#f9e9df}
.ticket-type-list li .ticket-row.active{background-color:#f9e9df;position:relative}
.ticket-type-list li .ticket-row.active::after{content:"";width:16px;height:16px;position:absolute;right:6px;background:url(../images/dropdown-icon-checked.svg) center center no-repeat}
.ticket-type-list li:last-of-type{border-bottom:none}
.ticket-type-list .dropdown-route-row{border-radius:6px;padding:6px;height:28px;font-size:12px;display:flex}
.ticket-type-list .dropdown-route-row:hover{background-color:#f9e9df}
.ticket-type-list .dropdown-route-row.active{background-color:#f9e9df;position:relative}
.ticket-type-list .dropdown-route-row.active::after{content:"";width:16px;height:16px;position:absolute;right:6px;background:url(../images/dropdown-icon-checked.svg) center center no-repeat}
.ticket-person-list{border-bottom:none;margin-bottom:0}
.dropdown-footer{border-top:1px solid #e1e1ea;margin-left:-16px;margin-right:-16px;padding:12px 16px 0}
.search-result-block{padding-top:30px}
.search-result-item .search-result-item-head{padding:12px}
.search-result-item .search-result-item-head>div:last-of-type{gap:16px}
.search-result-item .search-result-item-head .search-result-item-plan{width:208px;gap:8px}
.search-result-item .search-result-item-head .search-result-item-price .search-result-item-price__price{font-size:16px}
.search-result-item .search-result-item-choice button{height:28px}
.search-result-item .search-result-item-choice-content{width:100%!important;padding-bottom:20px}
.search-result-item .search-result-item-choice-content .dropdown-header{margin:0;padding:12px 16px 0;border-bottom:none}
.search-result-item .search-result-item-choice-content>.flex-col{padding-left:32px;padding-right:32px}
.search-ticket-selected{display:none}
.search-result-block .search-left{width:100vw;max-height:88vh;position:fixed;bottom:0;left:0;right:0;z-index:100;display:none;background-color:#fbfcfc}
.search-result-block .search-left.open-filter{display:block}
.search-result-block .search-left .dropdown-header{margin:0 16px;padding:12px 0 8px;border-bottom:none}
.search-result-block .search-left .search-option-wraper{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(88vh - 50px);overflow-x:hidden;gap:0;background-color:transparent;scrollbar-width:thin}
.search-result-block .search-left .search-option-wraper .search-item-selected{background-color:#fff}
.search-result-block .search-left .search-option-wraper .search-item-group{gap:0;padding-top:0;border-top:none;background-color:#f6f9fa;padding-top:16px}
.search-result-block .search-left .search-option-wraper .search-item-group+.search-item-group{border-left:1px dotted #bcbcbc}
.search-result-block .search-left .search-option-wraper .search-item{margin:0 16px 16px;background:#fff;padding:10px;border-top:none}
.search-result-block .search-left .search-option-wraper>.search-item:first-of-type{grid-column:span 2/span 2;padding:0;margin:0;background:0 0}
.search-result-block .search-result{width:100%}
.dropdow-sort-content{border-radius:0}
.dropdow-sort-content .dropdown-header{padding:12px 32px}
.search-item-plan-detail{border-radius:0;padding-bottom:10px}
.search-item-plan-detail .dropdown-header{padding:12px 32px;margin-bottom:0}
.search-result-item-choice-body .search-result-item-choice-body-title{justify-content:flex-start;gap:12px}
.search-result-item-choice-body .search-result-item-choice-body-item{display:flex;justify-content:flex-start;gap:12px}
.search-result-item-choice-body .search-result-item-choice-body-item>div:first-of-type{width:120px}
}
@media screen and (max-width:767px){
.search-result-quick{padding:0;min-width:100%;justify-content:center;align-items:center}
.search-result-quick>.flex:nth-of-type(2){display:none}
.search-result-block .search-left .search-option-wraper{padding-top:12px;background-color:#fff;grid-template-columns:repeat(1,minmax(0,1fr))}
.search-result-block .search-left .search-option-wraper>.search-item:first-of-type{grid-column:auto}
.search-result-block .search-left .search-option-wraper .search-item-group{background-color:transparent;border-top:1px dotted #bcbcbc;margin-top:12px}
.search-result-block .search-left .search-option-wraper .search-item-group .search-item{padding:0;margin:0;padding-bottom:12px}
.search-result-block .search-left .search-option-wraper .search-item-group .search-item+.search-item{border-top:1px dotted #bcbcbc;padding-top:16px}
.search-result-block .search-left .search-option-wraper .search-item-group+.search-item-group{border-left:none}
.bg-header-img.search-header{min-height:136px;height:136px;background-position:0}
.dropdown-content-custom{border-radius:0!important}
.dropdown-content-place{padding:12px}
.dropdown-content-place .filter-search-input{border-radius:12px;height:32px;padding-top:4px;padding-bottom:4px}
.dropdown-content-place .search-recently{margin-top:12px;padding-bottom:12px}
.dropdown-content-place .hot-place-search{margin-top:12px;padding-bottom:12px;padding-right:0}
.dropdown-content-place .hot-place-search>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.dropdown-content-place .hot-place-search>div:first-of-type{margin-bottom:6px}
.dropdown-content-place-close{box-shadow:none;padding:0;border:none;display:flex;justify-content:center;align-items:center;width:8px}
.filter-action-search{margin-left:0!important;width:100%}
.filter-action-search .search-button{height:36px;padding:10px 12px 10px 8px;font-size:12px;border-radius:24px}
.filter-action-search .search-button svg{width:13px;height:15px}
#filterSearchMulti .filter-wrapper{margin-top:10px}
.search-block{top:40px}
.search-block.active{top:40px;z-index:unset}
.search-block .custom-container{padding-left:0;padding-right:0}
.search-block .search-wraper-text{background:#fffFFFCC;border-radius:0;box-shadow:none;padding:12px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(1){margin-bottom:6px;padding-right:6px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(2){font-size:12px;gap:6px;padding-right:6px;width:50%}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(2) .start-date-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(3){font-size:12px;gap:6px;padding-right:6px;padding-left:6px}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(4){font-size:12px;gap:6px;padding-right:6px;padding-left:0;margin-top:10px;width:50%;border-left:0}
.search-block .search-wraper-text .search-wraper-text-type-1_row .search-wraper-item:nth-of-type(5){font-size:12px;gap:6px;padding-right:6px;padding-left:6px;margin-top:10px;width:50%}
.search-block .search-wraper-text .change-filter-search{background-color:transparent;color:#155ed2;position:absolute;bottom:12px;right:12px;padding-right:0;padding-bottom:0}
.search-block .search-wraper-text .change-filter-search svg path{fill:#155ed2}
.search-wraper-text-type-2>.flex-col{gap:8px}
.search-wraper-text-type-2 .change-filter-search{position:absolute;bottom:-2px!important;right:0!important;width:auto}
.search-wraper-text-type-2 .change-filter-search span{display:block}
.search-wraper-text-type-2 .search-wraper-text-item{flex-wrap:wrap;border-bottom:none;height:auto}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-text-item_number{border-radius:4px 0 0 4px;font-size:12px}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item{font-size:12px}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(2){padding-left:6px;padding-right:6px;width:calc(100% - 40px)}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(3){padding-left:16px;padding-right:6px;width:122px;font-weight:400;border-left:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(4){padding-left:6px;padding-right:6px;width:80px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:86px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:100px;display:none}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(3){width:100%}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(5){padding-left:6px;padding-right:6px;width:50%;display:block;font-weight:500;margin-top:6px;border-left:none}
.search-wraper-text-type-2 .search-wraper-text-item:last-of-type .search-wraper-item:nth-of-type(6){padding-left:6px;padding-right:6px;width:50%;display:block;margin-top:6px;font-weight:500}
.search-result-item .search-result-item-choice-content{width:100%!important}
.search-result-item .search-result-item-head .search-result-item-head-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1){grid-column:span 3/span 3;align-items:flex-start;gap:6px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-img{width:16px;height:16px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-img img{border-radius:2px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-title .search-result-item-source{margin-left:-21px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(1) .search-result-item-title .search-result-item-code{margin-left:-21px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(2){order:1;grid-column:span 5/span 5;width:calc(100% - 20px)}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3){grid-column:span 3/span 3;gap:2px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3) .search-result-item-price{text-align:end}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3) .search-result-item-price .search-result-item-price__price{font-size:14px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(3)>div:last-of-type{font-size:10px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(4){order:2;grid-column:span 1/span 1;min-width:30px}
.search-result-item .search-result-item-head .search-result-item-head-content>div:nth-of-type(4) .base-button{padding:4px}
.search-result-tags .tag-item{display:none}
.search-result-tags .tag-item:first-of-type{display:block}
.search-item-remain>div:first-of-type>span:last-of-type{display:none}
}
.ticket-icon-wrapper{min-width:40px;min-height:40px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}
.ticket-icon-wrapper:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ticket-icon-wrapper i{color:#fff!important;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.fare-economy{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}
.fare-premium{background:linear-gradient(135deg,#f97316,#ea580c)!important}
.fare-business{background:linear-gradient(135deg,#eab308,#ca8a04)!important}
.fare-first{background:linear-gradient(135deg,#a855f7,#7c3aed)!important}
.ticket-class-head{padding:8px 0}
.ticket-class-head:last-child{border-bottom:none;margin-bottom:0}
@media (max-width:768px){
.ticket-icon-wrapper{min-width:36px;min-height:36px}
.ticket-icon-wrapper i{font-size:1rem}
}
.ticket-row-content i{min-width:16px;text-align:center;transition:all .2s ease}
.ticket-row-content i:hover{transform:scale(1.1)}
.cancellations .fa-check-circle,.changes .fa-check-circle{color:#16a34a!important}
.cancellations .fa-times-circle,.changes .fa-times-circle{color:#dc2626!important}
.fa-briefcase{color:#2563eb!important}
.fa-suitcase{color:#9333ea!important}
.fa-exchange-alt{color:#16a34a!important}
.fa-undo{color:#ea580c!important}
.baggage-detail,.cancellations,.changes{display:flex;align-items:center}
@media (max-width:768px){
.ticket-row-content i{font-size:.875rem;min-width:14px}
}
.modern-search-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:1200px;margin:0 auto}
.modern-flight-form{display:flex;flex-direction:column;gap:24px}
.trip-type-tabs{display:flex;justify-content:center;margin-bottom:8px}
.tab-container{display:flex;background:#f8fafc;border-radius:12px;padding:4px;position:relative}
.tab-container input[type=radio]{display:none}
.tab-label{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;color:#64748b;transition:all .3s ease;position:relative;z-index:2}
.tab-label:hover{color:#0f6764}
.tab-container input[type=radio]:checked+.tab-label{background:#0f6764;color:#fff;box-shadow:0 2px 8px rgba(15,103,100,.3)}
.search-fields-grid{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr 1fr auto;gap:16px;align-items:end}
.search-field{position:relative}
.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;z-index:2;font-size:18px;margin-top:10px}
.field-content{position:relative}
.field-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}
.field-input{width:100%;height:56px;padding:16px 16px 16px 52px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:16px;color:#374151;transition:all .3s ease;outline:0}
.field-input:focus{border-color:#0f6764;box-shadow:0 0 0 3px rgba(15,103,100,.1)}
.field-input::placeholder{color:#9ca3af}
.swap-airports{display:flex;align-items:center;justify-content:center;margin-top:32px}
.swap-btn{width:44px;height:44px;border:2px solid #e5e7eb;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .3s ease;outline:0}
.swap-btn:hover{border-color:#0f6764;color:#0f6764;transform:rotate(180deg)}
.passengers-selector{position:relative}
.passengers-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:1000;display:none;margin-top:4px}
.passengers-dropdown.active{display:block}
.passenger-type{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}
.passenger-type:last-of-type{border-bottom:none}
.passenger-info{display:flex;flex-direction:column}
.passenger-title{font-weight:500;color:#374151;font-size:16px}
.passenger-desc{font-size:14px;color:#64748b}
.passenger-controls{display:flex;align-items:center;gap:12px}
.counter-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;outline:0}
.counter-btn:hover{border-color:#0f6764;color:#0f6764}
.counter-btn:disabled{opacity:.5;cursor:not-allowed}
.counter-value{font-size:16px;font-weight:500;color:#374151;min-width:24px;text-align:center}
.passengers-actions{padding-top:16px;border-top:1px solid #f1f5f9;margin-top:16px}
.passengers-done{background:#0f6764;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:0;width:100%}
.passengers-done:hover{background:#0d5a57}
.search-button-container{margin-top:8px}
.modern-search-btn{background:linear-gradient(135deg,#0f6764,#14b8a6);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;width:100%;justify-content:center;position:relative;overflow:hidden;outline:0;min-height:56px}
.modern-search-btn:hover{background:linear-gradient(135deg,#0d5a57,#0f766e);transform:translateY(-2px);box-shadow:0 8px 25px rgba(15,103,100,.3)}
.modern-search-btn:active{transform:translateY(0)}
.modern-search-btn i{font-size:18px}
.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}
@keyframes spin{
to{transform:rotate(360deg)}
}
@media (max-width:1024px){
.search-fields-grid{grid-template-columns:1fr;gap:20px}
.swap-airports{order:-1;margin:0;transform:rotate(90deg)}
.modern-search-container{padding:24px;margin:0 16px}
.return-date.hidden{display:none!important}
}
@media (max-width:768px){
.modern-search-container{padding:20px;border-radius:16px}
.tab-label{padding:10px 16px;font-size:14px}
.tab-label span{display:none}
.field-input{height:48px;padding:12px 12px 12px 44px;font-size:15px}
.field-icon{left:12px;font-size:16px}
.modern-search-btn{padding:14px 24px;font-size:15px}
}
.ui-datepicker{border:none!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important;border-radius:12px!important;font-family:inherit!important;padding:16px!important;background:#fff!important}
.ui-datepicker .ui-datepicker-header{background:#0f6764!important;border:none!important;border-radius:8px!important;color:#fff!important;padding:12px!important;margin-bottom:12px!important}
.ui-datepicker .ui-datepicker-title{color:#fff!important;font-weight:600!important}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{background:rgba(255,255,255,.2)!important;border:none!important;border-radius:6px!important;color:#fff!important}
.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover{background:rgba(255,255,255,.3)!important}
.ui-datepicker table{font-size:14px!important}
.ui-datepicker th{background:#f8fafc!important;border:none!important;color:#64748b!important;font-weight:500!important;padding:8px!important;text-align:center!important}
.ui-datepicker td{border:none!important;padding:2px!important}
.ui-datepicker td a{border:none!important;border-radius:6px!important;padding:8px!important;text-align:center!important;text-decoration:none!important;background:0 0!important;color:#374151!important;font-weight:500!important;transition:all .2s ease!important}
.ui-datepicker td a:hover{background:#f0fdfa!important;color:#0f6764!important}
.ui-datepicker td.ui-datepicker-today a{background:#e0f2fe!important;color:#0369a1!important;font-weight:600!important}
.ui-datepicker td a.ui-state-active,.ui-datepicker td.ui-datepicker-current-day a{background:#0f6764!important;color:#fff!important;font-weight:600!important}
.ui-datepicker td.ui-datepicker-other-month a{color:#9ca3af!important}
.ui-datepicker td.ui-datepicker-unselectable{opacity:.3!important}
.return-date.hidden{display:none}
.datepicker-input{cursor:pointer}
#modernFlightSearchForm input#departureDate,#modernFlightSearchForm input#returnDate{border:1px solid transparent;border-radius:8px;padding:19px 16px;font-size:14px;background-color:#fff;width:100%;min-height:48px;color:#10061f;text-indent:20px;color:#898989;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal}
.booking-steps{display:flex;justify-content:center;margin-bottom:2rem;padding:0;list-style:none}
.booking-steps li{flex:1;text-align:center;position:relative;max-width:200px}
.booking-steps li:not(:last-child)::after{content:'';position:absolute;top:15px;right:-50%;width:100%;height:2px;background:#e0e0e0;z-index:1}
.booking-steps li.active:not(:last-child)::after{background:#28a745}
.booking-steps .step-number{width:30px;height:30px;border-radius:50%;background:#e0e0e0;color:#666;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:5px;position:relative;z-index:2}
.booking-steps li.active .step-number{background:#28a745;color:#fff}
.booking-steps .step-title{font-size:12px;color:#666;line-height:1.2}
.booking-steps li.active .step-title{color:#28a745;font-weight:600}
.booking-form-container{min-height:100vh;padding:2rem 0}
.form-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.form-section-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}
.form-section-header .icon{margin-right:.5rem;color:#ff6b35}
.form-section-header h5{margin:0;color:#333;font-weight:600}
.flight-summary{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:2rem}
.flight-route{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.airport-info{text-align:center}
.airport-code{font-size:18px;font-weight:700;color:#333}
.airport-name{font-size:12px;color:#666}
.flight-arrow{color:#ff6b35;font-size:20px}
.flight-details{background:#f8f9fa;padding:.75rem;border-radius:6px;margin-bottom:1.5rem}
.price-breakdown{border-top:1px solid #eee;padding-top:1rem}
.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.price-row.total{font-weight:700;font-size:16px;border-top:1px solid #eee;padding-top:.75rem;margin-top:.75rem}
.price-total-link{color:#007bff;text-decoration:none;font-weight:600}
.price-total-link:hover{text-decoration:underline}
.passenger-section{border:1px solid #e9ecef;border-radius:6px;padding:1.5rem;margin-bottom:1rem}
.passenger-title{font-weight:600;margin-bottom:1rem;color:#333}
.form-row-custom{display:flex;gap:1rem;margin-bottom:1rem}
.form-row-custom .form-group{flex:1}
.form-group label{font-weight:500;color:#333;margin-bottom:.5rem;display:block}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-height:40px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}
.date-selectors{display:flex;gap:.5rem}
.date-selectors select{flex:1}
.phone-input-group{display:flex;align-items:center}
.phone-input-group .country-code{background:#f8f9fa;border:1px solid #ced4da;border-right:none;padding:.5rem .75rem;border-radius:4px 0 0 4px;font-size:14px;display:flex;align-items:center;gap:.25rem}
.phone-input-group input{border-radius:0 4px 4px 0}
.checkbox-section{margin:1.5rem 0}
.checkbox-section input[type=checkbox]{margin-right:.5rem}
.discount-link{color:#007bff;text-decoration:none;font-size:14px}
.discount-link:hover{text-decoration:underline}
.action-buttons{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}
.btn-apply{background:#ff6b35;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-weight:600;cursor:pointer;margin-bottom:1rem}
.btn-apply:hover{background:#e55a30}
.btn-back{background:#fff;color:#666;border:1px solid #dee2e6;padding:.75rem 2rem;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;font-weight:500}
.btn-next{background:#007bff;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-weight:600;cursor:pointer}
.btn-next:hover{background:#0056b3}
.required{color:#dc3545}
.baggage-section{background:#f8f9fa;border:1px solid #e9ecef}
.baggage-info{margin-bottom:1rem}
.baggage-included{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e9ecef}
.baggage-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:14px}
.baggage-item:last-child{margin-bottom:0}
.baggage-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}
.baggage-option{position:relative}
.baggage-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.baggage-option label{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .3s ease}
.baggage-option label:hover{border-color:#007bff;background:#f8f9fa}
.baggage-option input[type=radio]:checked+label{border-color:#28a745;background:#d4edda}
.option-title{font-weight:500;color:#333}
.option-price{font-weight:600;color:#28a745}
.baggage-upgrade{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e9ecef}
.baggage-upgrade label{font-weight:600;color:#212529;margin-bottom:.75rem;display:block}
.baggage-upgrade label i{color:#007bff}
.baggage-upgrade select#additional_baggage{height:auto;padding:.75rem 1rem;font-size:1rem;border:2px solid #dee2e6;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;transition:all .2s ease}
.baggage-upgrade select#additional_baggage:hover{border-color:#80bdff}
.baggage-upgrade select#additional_baggage:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.15);outline:0}
.baggage-upgrade select#additional_baggage option{padding:.5rem}
.baggage-upgrade .form-text{font-size:.875rem;color:#6c757d}
.baggage-info-message{margin-top:1rem}
.baggage-info-message .alert{padding:1rem;border-radius:6px;border:1px solid #b8daff;background-color:#d1ecf1;color:#0c5460}
.baggage-info-message .alert i{margin-right:.5rem}
.payment-method-option{transition:all .2s ease}
.payment-method-option:hover{border-color:#007bff!important;background-color:#f8f9ff}
.payment-method-option.selected{border-color:#007bff!important;background-color:#f0f7ff;box-shadow:0 0 0 1px #007bff}
.alert{padding:.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.375rem}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-info i{margin-right:.5rem}
@media (max-width:768px){
.booking-container{flex-direction:column}
.flight-summary{position:static;order:-1;margin-bottom:1.5rem}
.form-row-custom{flex-direction:column;gap:.5rem}
.action-buttons{flex-direction:column}
}
.toast-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px}
.toast{background:#fff;border-radius:12px;padding:1rem 1.5rem;margin-bottom:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);border-left:4px solid #667eea;opacity:0;transform:translateX(100%);transition:all .3s ease;max-width:400px;word-wrap:break-word;white-space:pre-line;font-size:14px}
.toast.show{opacity:1;transform:translateX(0)}
.toast.error{border-left-color:#ef4444;background:#fef2f2}
.toast.success{border-left-color:#10b981;background:#f0fdf4}
.toast.warning{border-left-color:#f59e0b;background:#fffbeb}
.toast.info{border-left-color:#3b82f6;background:#eff6ff}
@media (max-width:640px){
.toast-container{left:10px;right:10px;top:10px;max-width:none}
.toast{max-width:none}
}
input[data-auto-format=true]{position:relative}
input[data-auto-format=true]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}
input[data-auto-format=true]::after{content:'âœ¨';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;opacity:0;transition:opacity .3s ease}
.search-result-item{animation:fadeInUp .3s ease-out}
@keyframes fadeInUp{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .3s ease}
.filter-overlay.active{display:block;opacity:1}
@media (max-width:1023px){
.search-left{position:fixed;top:0;left:0;bottom:0;z-index:1000;background:#fff;padding:20px;overflow-y:auto;width:85%;max-width:400px;height:100vh;transform:translateX(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 8px rgba(0,0,0,.1)}
.search-left.active{transform:translateX(0);opacity:1}
.filter-show-button{background:#f8f9fa;border:1px solid #e9ecef;transition:all .2s ease}
.filter-show-button:hover{background:#e9ecef;border-color:#dee2e6}
.filter-show-button:active{transform:scale(.98)}
}
@media (min-width:1024px){
.search-left{position:relative;transform:none;display:flex!important}
.filter-overlay{display:none!important}
}
@media (max-width:768px){
.search-left{padding:16px}
.search-result-quick{margin-bottom:16px}
.search-result-item{margin-bottom:12px}
}
@media (max-width:480px){
.search-left{padding:12px}
.search-result-quick-item .text-xs{font-size:10px}
.sort-content-1{gap:6px}
.search-result-quick-item{flex-shrink:0;padding:6px!important}
}
.search-result-quick-item{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .2s ease;white-space:nowrap}
.search-result-quick-item:hover{border-color:#155ed2;background:#f8fafc}
.search-result-quick-item.active{border-color:#155ed2;background:#155ed2;color:#fff}
.search-result-quick-item.active .text-primary-600{color:#fff!important}
.search-result-quick-item.active .text-blackPrimary{color:#fff!important}
.filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .3s ease}
.filter-overlay.active{display:block;opacity:1}
@media (max-width:1023px){
.search-left{position:fixed;top:0;left:0;bottom:0;z-index:1000;background:#fff;width:85%;max-width:100%;height:100vh;transform:translateX(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 8px rgba(0,0,0,.1);overflow-y:auto;padding:20px;opacity:0}
.search-left.active{transform:translateX(0)}
.filter-show-button{background:#f8f9fa;border:1px solid #e9ecef;transition:all .2s ease;cursor:pointer}
.filter-show-button:hover{background:#e9ecef;border-color:#dee2e6}
.filter-show-button:active{transform:scale(.98)}
}
@media (min-width:1024px){
.search-left{position:relative;transform:none;display:flex!important;flex-direction:column}
.filter-overlay{display:none!important}
}
@media (max-width:768px){
.search-left.active{width:90%}
.search-result-top-head{padding:6px}
}
@media (max-width:480px){
.search-left.active{width:100%}
}