@media screen and (max-width: 768px){
    html {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    html::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
}

@media (min-width:992px) {
.ele_scroll::-webkit-scrollbar {width: 11px;height: 11px;}
.ele_scroll::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 12px;border: 3px solid #fff;}
body.night-mode .ele_scroll::-webkit-scrollbar-thumb {border-color: #212121;background-color: #525252;}
.ele_scroll::-webkit-scrollbar-button {display:none;}
}
.valign {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.ele_toggle_search {border: none;background: var(--header-background);padding: 5px;line-height: 1;color: var(--header-color);position: fixed;left: 10px;top: 9px;display: none;}
/*Post Filters*/
.ele_post_filters {
    margin-bottom: 5px;
}
.ele_post_filters_nav {
    margin: 0 0 0 -4px;
    overflow-x: auto;
    padding: 0 0 3px;
    white-space: nowrap;
    line-height: 1;
}
.ele_post_filters_nav > .filterby {
    margin: 0 4px;padding: 0 10px;background-color: white;
    flex: 0 0 auto;display: block;
    border-radius: 10px;
    line-height: 42px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);color: var(--body-color);
}
body.night-mode .ele_post_filters_nav > .filterby:not(.active) {
    background-color: #252525;
    color: var(--body-color-dark);box-shadow: 0 0 0 1px rgb(255 255 255 / 10%);
}
.ele_post_filters_nav > .filterby.active {
    background-color: var(--main-btn);
    color: var(--main-color);
}
.ele_post_filters_nav.not_filter > .filterby.active {
    background-color: #607d8b;
    color: #fff;
}

.ele_post_filters_nav > .booker {
    margin: 0 4px;padding: 0 10px;background-color: white;
    flex: 0 0 auto;display: block;
    border-radius: 10px;
    line-height: 42px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);color: var(--body-color);
}
body.night-mode .ele_post_filters_nav > .booker:not(.active) {
    background-color: #252525;
    color: var(--body-color-dark);box-shadow: 0 0 0 1px rgb(255 255 255 / 10%);
}
.ele_post_filters_nav > .booker.active {
    background-color: var(--main-btn);
    color: #fff;
}
.ele_post_filters_nav.not_filter > .booker.active {
    background-color: #607d8b;
    color: #fff;
}

.ele_booker {position: relative;right: 0;z-index: 1045;top: 0;padding: 8px 15px;}
.ele_booker > .dropdown {margin: 0 5px;}
.ele_booker > .dropdown .counter {padding: 1px 5px;border-radius: 2em;color: var(--main-color);font-size: 12px;z-index: 1;pointer-events: none;position: absolute;background-color: var(--main-btn);min-width: 19px;height: 19px;text-align: center;top: -5px;right: -5px;}
.ele_booker > .dropdown .dropdown-menu {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;min-width: 350px;max-height: calc(100vh - 100px);max-width: 350px;overflow-y: auto;padding: 3px 10px;margin: 0;overscroll-behavior-y: contain;background: #fff;}

@media (max-width: 668px) {
.ele_booker {top: auto;padding: 0;justify-content: space-around;left: 0;bottom: 0;right: 0;height: 45px;width: 100%;z-index: 1045;background: var(--header-background);border-top: 1px solid rgba(0,0,0,.0975);}
.ele_booker.flex-end {justify-content: space-between;padding: 0 20px;}
.ele_booker.flex-end .ele_hdr_user_droptoggle span {display: inline-block;}
body.night-mode .ele_booker {background: var(--header-background-dark);border-color: rgb(255 255 255 / 10%);}
.ele_booker > .dropdown, .empty_stories, .ele_home_stories #stories, body:not(.booker-focus) .booker-message:not(.colored) .colored-text-wrapper .btn-live svg {margin: 0;}
.ele_booker > .dropdown .dropdown-menu {position: fixed;top: 0;bottom: 45px;left: 0;border-radius: 0;max-height: calc(100% - 45px);box-shadow: none;padding: 6px 10px;right: 0;margin: 0;height: calc(100vh - 45px);height: calc(var(--vh, 1vh) * 100 - 45px);max-width: none;min-width: 100%;}
.booker, .post:not(.product), #ele_side_people, .profile-header.group > .ele_content {margin-left: 0px;margin-right: 0px;border-radius: 0;box-shadow: none;margin-bottom: 15px;}
}

.dropdown-booker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

@media (max-width: 668px) {
    .booker > .dropdown .dropdown-menu, .search_dropdown {
        position: fixed !important;        
        border-radius: 0 !important;
        width: 100% !important;
        /*top: 0;*/
    }
    .ui-datepicker {
        position: fixed;
        top: 221.375px;
        z-index: 100000;
        display: block;
        left: 0px !important;
        width: 100% !important;
    }
}

.ui-datepicker {
    position: fixed;
    z-index: 100000;
    display: block;
}

.booker-slider {
    border-bottom: 0px solid #e6ecf0;
}

.booker .date-input {margin: 0 0px;position: relative;z-index: 100000 !important;}
.booker .date-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .date-input i {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}

.booker > .dropdown .dropdown-menu, .search_dropdown {
    position: absolute;
    z-index: 100001;
    border-radius: 0;
    box-shadow: none;    
    left: 0;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
}

.booker .date-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 15px;
}

.form-text {
    color: #000 !important;
}

.form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 10px 10px 10px 10px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 15px;
}
.form-control::-webkit-input-placeholder{color: var(--header-search-color);opacity: 0.5;}
.form-control:-moz-placeholder{color: var(--header-search-color);opacity: 0.5;}
.form-control:-ms-input-placeholder{color: var(--header-search-color);opacity: 0.5;}
.form-control:focus+svg {transform: translateY(-50%) translateX(-10px);opacity: 0;}

.passenger-form-control {
    border: 1px solid rgba(0, 0, 0, .15) !important;    
    border-radius: 6px;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 12px;
    width: 100%;
}

.booker .date-input > .passenger-form-control {
    padding: 0px 0px 0px 39px;    
}

.date-dropdown-input select {
    padding: 5px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    margin: 0 2px;
    height: 40px;
}

.booker .dropdown > .passenger-form-control {
    padding: 0px 39px 0px 0px;    
}
.booker .dropdown i {position: absolute;padding-top: 10px;right: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}

.booker .dropdown-widget-header {padding: 10px 5px 5px;font-size: 12px;justify-content: space-between;}
.booker .dropdown-widget-header .title {font-size: 20px;line-height: 22px;font-weight: 600;font-family: 'Gilroy', Roboto, sans-serif;}
.booker .dropdown-widget-header .btn {height: 28px;width: 28px;min-width: auto;border-radius: 50%;padding: 0;text-align: center;color: #006f69;background: rgb(27 195 187 / 30%);line-height: 28px;}
.booker .dropdown-widget-header .btn svg {width: 18px;height: 18px;margin: 0;}
.booker .dropdown-widget-body {padding:0;font-size:12px}
.booker .dropdown-widget-body .title{color:#9a9fbf;padding:8px;display:block;font-size:11px;font-weight:600;line-height:16px}
.booker .dropdown-widget-body .js_scroller, .chat-sidebar-content .js_scroller {height: 100% !important;}
.booker .dropdown-widget-footer {display: block;padding: 7px;text-align: center;font-size: 13px;border-radius: 10px;color: #006f69;background: rgb(27 195 187 / 30%);font-weight: 500;margin: 8px 0;}
.booker body.night-mode .dropdown-widget-footer {color: #ffffff;}

@media (max-width: 668px) {
    .js_close-airport-from {
        display: block;
    }
    
    .js_close-airport-to {
        display: block;
    }    
}
@media (min-width: 668px) {
    .js_close-airport-from {
        display: none;
    }

    .js_close-airport-to {
        display: none;
    }
}
.booker .airport-search-wrapper {margin: 0 auto 0 0px;position:relative;}
.booker .airport-search-wrapper .search-input {margin: 0 0px;position: relative;z-index: 1;}
.booker .airport-search-wrapper .search-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .airport-search-wrapper .search-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 15px;
}
/* Airport menu */
.airport-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 1000;
}
body.night-mode .airport-menu {
    background-color: #343434;
}
.booker .airport-menu {bottom: auto;right: -4px;}
.lightbox .airport-menu {bottom: auto;right: -7px;}

.airport-menu .item {float:left;padding:3px;margin-right:3px;margin-bottom:3px}
.airport-menu .item:hover {cursor:pointer;background:#f3f3f3;border-radius:4px}

.airport-menu .item>img {width:65px;height:65px}
.airport-menu .nav-tabs {
    border-top: 1px solid #dee2e6;
    border-bottom: 0;
    padding: 0;
}
body.night-mode .airport-menu .nav-tabs {
    border-color: #525252;
}
.airport-menu .nav-tabs > li {
    flex: 1;
}
.airport-menu .nav-tabs > li > .nav-link {
    color: var(--body-color);
    padding: 12px 16px;
    margin: 0;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 14px;
}
body.night-mode .airport-menu .nav-tabs > li > .nav-link {
    color: var(--body-color-dark);
}
.airport-menu .nav-tabs >li > .nav-link:hover {background:0 0;color:var(--main-link);}
body.night-mode .airport-menu .nav-tabs >li > .nav-link:hover {color:var(--main-link);}
.airport-menu .nav-tabs >li > .nav-link.active, .airport-menu .nav-tabs > li > .nav-link.active:focus, .airport-menu .nav-tabs > li > .nav-link.active:hover, body.night-mode .airport-menu .nav-tabs >li > .nav-link.active, body.night-mode .airport-menu .nav-tabs > li > .nav-link.active:focus, body.night-mode .airport-menu .nav-tabs > li > .nav-link.active:hover {
    color: var(--main-link);
    border-top-color: 2px solid var(--main-link);
    font-weight: 500;
}
.airport-from-item {
    line-height: 2.5rem;
}
.airport-to-item {
    line-height: 2.5rem;
}

@media (max-width: 668px) {
    .js_close-airline {
        display: block;
    }    
}
@media (min-width: 668px) {
    .js_close-airline {
        display: none;
    }
}
.booker .airline-search-wrapper {margin: 0 auto 0 0px;position:relative;}
.booker .airline-search-wrapper .search-input {margin: 0 0px;position: relative;z-index: 1;}
.booker .airline-search-wrapper .search-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 16px;height: 16px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .airline-search-wrapper .search-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 15px;
}
/* Airport menu */
.airline-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 1000;
}
body.night-mode .airline-menu {
    background-color: #343434;
}
.booker .airline-menu {bottom: auto;right: -4px;}
.lightbox .airline-menu {bottom: auto;right: -7px;}

.airline-menu .item {float:left;padding:3px;margin-right:3px;margin-bottom:3px}
.airline-menu .item:hover {cursor:pointer;background:#f3f3f3;border-radius:4px}

.airline-menu .item>img {width:65px;height:65px}
.airline-menu .nav-tabs {
    border-top: 1px solid #dee2e6;
    border-bottom: 0;
    padding: 0;
}
body.night-mode .airline-menu .nav-tabs {
    border-color: #525252;
}
.airline-menu .nav-tabs > li {
    flex: 1;
}
.airline-menu .nav-tabs > li > .nav-link {
    color: var(--body-color);
    padding: 12px 16px;
    margin: 0;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 14px;
}
body.night-mode .airline-menu .nav-tabs > li > .nav-link {
    color: var(--body-color-dark);
}
.airline-menu .nav-tabs >li > .nav-link:hover {background:0 0;color:var(--main-link);}
body.night-mode .airline-menu .nav-tabs >li > .nav-link:hover {color:var(--main-link);}
.airline-menu .nav-tabs >li > .nav-link.active, .airline-menu .nav-tabs > li > .nav-link.active:focus, .airline-menu .nav-tabs > li > .nav-link.active:hover, body.night-mode .airline-menu .nav-tabs >li > .nav-link.active, body.night-mode .airline-menu .nav-tabs > li > .nav-link.active:focus, body.night-mode .airline-menu .nav-tabs > li > .nav-link.active:hover {
    color: var(--main-link);
    border-top-color: 2px solid var(--main-link);
    font-weight: 500;
}
.airline-item {
    line-height: 3rem;
}

.booker-tools-tabs {
    /*border-top: 1px solid #e6ecf0;*/
    flex-wrap: wrap;
    padding: 0;
}
.booker-tools-tabs > li {
    list-style-type: none;
    display: block;
    width: 33.3333333%;
    padding: 0 6px 6px;
}
.booker-tools-tab {
    padding: 0 12px;
    font-weight: 500;
    background: var(--header-search-bg);
    border-radius: 10px;
    /*border: 1px solid #dadce0;*/
    line-height: 38px;transition: all 0.2s;position: relative;color: var(--body-color);
}
body.night-mode .booker-tools-tab {
    color: var(--body-color-dark);
}
.booker-tools-tab:not(.disabled):hover {cursor:pointer;background-color: #4d61cf;}
.booker-tools-tab.active:hover {cursor:pointer;}
body.night-mode .booker-tools-tab:not(.disabled):hover {
    background: #333333;color: var(--body-color-dark);
}
.booker-tools-tab.active, .booker-tools-tab.activated {color: #fff;background-color: var(--main-btn)}
.booker-tools-tab.active {color: var(--main-btn);background-color: #4d61cf;color: #fff;}
.booker-tools-tab.activated:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: 0.15;
    border-radius: 10px;
}

body.night-mode .booker-tools-tab.activated{background:#111}
.booker-tools-tab[data-tab=audio].activated:after,.booker-tools-tab[data-tab=file].activated:after,.booker-tools-tab[data-tab=video].activated:after{content:"";background:0 0;position:absolute;top:0;bottom:0;left:0;right:0;cursor:initial}

.booker-tools-tab.disabled {position: relative;}
.booker-tools-tab.disabled:hover {cursor: initial;}

body.night-mode .booker-tools-tab.disabled:hover{background:#424242;color:#d5d5d5}
.booker-tools-tab.disabled:after{content:"";background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.6;border-radius:25px}
body.night-mode .booker-tools-tab.disabled:after{background:#000}
.booker-tools-tab.attach {position:relative;overflow:hidden}
.booker-tools-tab.attach form {display:initial}
.booker-tools-tab svg {
    width: 22px;
    height: 22px;
    color: var(--main-btn);
    margin: -1px 10px 0 0;
}

.booker-footer {
    padding: 12px;
    border-bottom: 1px solid #e6ecf0;
    justify-content: flex-end;
    padding-left: 60px;gap: 12px;
}
.booker-footer-options {
    border-top: 1px solid #e6ecf0;padding: 22px 22px 10px;
}
body.night-mode .booker-footer, body.night-mode .booker-tools-tabs, body.night-mode .booker-meta, body.night-mode .booker-footer-options {
    border-color: #424242;
}

/* Passenger menu */
.passengers-menu {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;    
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100000;
}

/* Class menu */
.class-menu {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 38px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100000;
}

.card-menu {
    display: none;
    position: absolute;
    right: 0;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 38px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100001;
}

.ticket-class:hover {cursor: pointer;color: #fff;background-color: #4d61cf;}

body {
  padding-top: 50px !important;
}

.main-header {
  height: 50px !important;
}

.main-header .logo-wrapper {
  height: 50px !important;
}

.main-header .logo {
  height: 50px !important;
  line-height: 50px !important;
}
.main-header .search-wrapper .form-control {
  margin-top: 3px !important;
}
.navbar-wrapper {
  height: 50px !important;
}

.ele_post_filters {
    margin-bottom: 0px !important;
}

.navbar-wrapper>ul>li>a {
    margin-top: 10px !important;
    line-height: 30px !important;
    height: 40px !important;
}

.main-header .menu-icon {    
    top: 0px !important;
}

.sg-offcanvas {
    margin-top: 15px !important;
}

.sg-offcanvas-mainbar {
    padding: 0 !important;
}

.post-header {
    padding: 0px 0px 0 !important;
}

.post-avatar-picture {
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 50% !important;
}

.line-circle{
    background: #fff;
    width: .3125rem;
    height: .3125rem;
    cursor: pointer;
    border: 1px solid #0f0f0f;
    z-index: 3;
    border-radius: 50%;
}

#airport-from-search-input::-webkit-search-cancel-button{
    right:20px;
}

.validation
{
  color: red;
  margin-bottom: 20px;
}

.flight-item {
    font-size: 12px;
    color: #000;    
    cursor: pointer;
}

.flight-item:hover {border: 1px solid #5e72e4;border-radius: 16px;}

.flight-item > .flight-header {    
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 1px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px; /* Optional: ensures bottom-left is explicitly square */
    border-bottom-right-radius: 16px;
}

.flight-item > .flight-detail {
    display: none;
    background-color: #f6f6f6;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px; /* Optional: ensures bottom-left is explicitly square */
    border-bottom-right-radius: 16px;
}

.view-price > .price-detail {
    display: none;
}

.flight-select-detail, .flight-select-price, .flight-traveler-info, .contact-info {
    font-size: 12px;
}

input.error {
    border: 1px solid red;
    background-color: #ffeded;
}

.ui-datepicker.ui-datepicker-multi {
    max-width: 100%;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
    width: 100% !important;
}

/*.ui-datepicker td a {
  height: 3em;
  line-height: 3em;
  width: 3em;
  text-align: center !important;
}*/

.select2-container .select2-selection--single {
    height: 40px !important; /* Adjust this value to your desired height */
}