html {
    scroll-behavior: smooth;
}

.container-xxl{width:95%!important;}

/*redesign scroller*/
/*::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--maincolor);
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--maincolor);
}

::-webkit-scrollbar-button {
    display: none;
    max-height: 0;
}*/

.displaynone {
    display: none !important;
}

.disappear {
    display: none;
}

.customepop {
    padding: 0 !important;
}

    .customepop h5 {
        font-size: 18px;
        font-weight: 400;
    }

    .customepop .modal-dialog {
        width: 767px;
        max-width: 100%;
    }

.font-italic {
    font-style: italic !important;
}

.modal-content {
    border-radius: 10px;
}

.modal-header {
    text-align: center;
    color: var(--mainblue);
    font-size: 22px;
    font-weight: 400;
    border: 0;
    padding: 15px;
    border-radius: 10px;
}

    .modal-header span {
        display: block;
        font-size: 16px;
        font-weight: 500;
    }

.customepop .modal-content {
    border: 7px solid #fff;
    border-radius: 10px;
}

.social_log .btn_fb {
    background: #345cad;
    color: #fff;
    font-size: 16px;
    padding: 0;
    padding-right: 14px;
    line-height: 37px;
}

.social_log .btn .fa {
    float: left;
    width: 40px;
    height: 38px;
    text-align: center;
    font-size: 25px;
    line-height: 40px;
    margin-right: 8px;
}

.social_log .btn_fb .fa-facebook-f {
    border-right: 1px solid #1e4490;
}

.social_log .btn_google .fa-google {
    border-right: 1px solid #b03b2d;
}

.social_log .btn_google {
    background: #dd4b39;
    color: #fff;
    font-size: 16px;
    padding: 0;
    padding-right: 14px;
    line-height: 37px;
}

.customepop ul, .checklist {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
    margin-bottom: 20px;
}

    /*.customepop ul li, .checklist li {
        display: inline-block;
        padding-bottom: 5px;
        padding-left: 2px;
    }*/

        .customepop ul li .fa, .checklist li .fa {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            text-align: center;
            background: #557ebf;
            color: #fff;
            font-size: 12px;
            margin-right: 4px;
            line-height: 28px;
        }

        .checklist li .fa {
            width: 20px;
            height: 20px;
            line-height: 22px;
        }

.modal-header .close {
    position: absolute;
    top: 20px;
    right: 24px;
    opacity: 1;
    color: #424242;
    border-radius: 50%;
    padding: 0;
    margin: -1rem -1rem -1rem auto;
    background-color: transparent;
    border: 0;
    font-size: 2rem;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

    .modal-header .close:hover {
        color: #eb4435;
        opacity: 1 !important;
    }

.registerinpt {
    padding-left: 40px !important;
}

.registerinpticon {
    position: absolute;
    left: 30px;
    top: 13px;
    font-size: 22px;
    color: #c1c0c0;
}

.form_control1 {
    width: 100%;
    height: 40px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #9c9c9c;
    padding: 8px 15px;
    background: #f6f6f6;
    transition: 0.5s;
    font-size: 15px;
}

.inpicon .fa {
    font-size: 22px;
    color: #000;
    width: 26px;
    text-align: right;
    position: absolute;
    right: 12px;
    top: 9px;
}

.form_control1:focus, .form_control1:active {
    border-bottom-color: #557ebf;
    /*border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);*/
}

.regMobile .iti,.regMobile ul li{width:100%;}

.acc_form {
    padding: 1.2rem 10px .7rem;
    background: #fff;
    border-radius: 8px;
}

.acc_form .btn_search {
    padding: 6px 10px;
}

.pipe a:before {
    content: '|';
    font-size: 12px;
    padding-inline-end: 5px;
}

.log_ul {
    list-style: none;
    padding: 0;
    margin: 0 5px 0;
    text-align: right;
}

    .log_ul li {
        display: inline-block;
        font-weight: 500;
        padding-right: 0px;
        line-height: 14px;
        padding-left: 1px;
    }

        .log_ul li .fa-user {
            width: 30px;
            height: 30px;
            text-align: center;
            border-radius: 50%;
            line-height: 30px;
            margin:0;
            font-size: 15px;
        }

        .log_ul li a {
            color: #fff
        }

        /*.log_ul li a:hover {
                color: var(--mainblue);
                text-decoration: none
            }*/

    .log_ul .agent_log a {
        background:var(--mainblue);
        color: var(--white);
       padding:3px 10px 4px;
        margin: 6px 6px 6px 10px;
        border-radius: 3px;
        transition: 0.3s;
    }

        .log_ul .agent_log a:hover {
            background: var(--altblue);
            text-decoration: none;
            color:var(--white);
        }

.pipe a:before {
    content: '|';
    font-size: 15px;
    padding-inline: 4px;
}

.icon2 {
    position: absolute;
    right: 16px;
    top: 20px;
}

.backtologin { position: absolute; left:0; top: -60px; font-size: .9rem;cursor:pointer;}

.header_error {
    background: var(--headclr)
}

body {
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #333;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.2px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:700;}
b, strong {
    font-weight: 500;
}

.mb-1p5{margin-bottom:calc(0.25rem * 1.5) !important}
.mb-0p5{margin-bottom:calc(0.25rem * 0.5) !important}

.ui-widget {
    font-family: inherit;
}

.formicon {
    height: 100%;
    display: flex;
    border-radius: 10px 0 0 10px;   
    align-items: center;
    background-color: var(--maincolorbg);
    color: var(--maincolortxt);
}


a {
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

.table td, .table th {
    padding: 8px;
}

button {
    cursor: pointer;
    outline: none;
}

    button:focus {
        outline: none;
    }

input {
    outline: none;
}
    input:focus, .form-control:focus {
        box-shadow: unset;
    }


.z-100 {
    z-index: 100 !important;
}

.word-break {
    word-break: break-word;
}

.small, small {
    font-size: 90%;
}

.fontthin {
    font-weight: 300;
}

.fsize11 {
    font-size: 11px;
}

.fsize12 {
    font-size: 12px;
}

.fsize13 {
    font-size: 13px;
}

.fsize14 {
    font-size: 14px;
}

.fsize16 {
    font-size: 16px;
}

.bradius4 {
    border-radius: 4px;
}

.w-20 {
    width: 20px;
}
.h-20{height: 20px;}
.linksmall {
    font-size: 12px;
}

.flip_x {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}

.w-max-content {
    width: max-content;
}

.form-control {
    padding: 4px;
}

.mylist {
    margin: 0;
    padding: 0;
}

.inner_pages {
    padding: 15px 65px;
}

.main_header {
    padding: 10px 0;
}

main {
    height: 100%;
    min-height: 95vh;
    /*padding-bottom: 1.5rem;*/
}

.error_msg .fa {
    font-size: 15px;
    margin-right: 2px;
}

.height-100 {
    height: 100%;
}

.loginbox {
    border-radius: 8px;
    max-width: 420px;
    padding: 25px;
    margin: 5% auto;
}

.fontthin {
    font-weight: 300;
}

.myright {
    text-align: right;
}

.greytext {
    font-size: 16px;
}

.nrmlinpt {
    padding: 8px;
    width: 100%;
    border-radius: 3px;
}

.btn, .btnm {
    border-radius: var(--btn-border-radius);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    transition: none;
}

.btn {
    padding: 5px 15px;
    font-size: 16px;
}

    .btn + .btn, .btnm + .btnm {
        margin-left: 8px;
    }

.btn_add {
    display: inline-block;
    padding: 2px 15px;
    border-radius: 5px;
}

.btn_normal {
    padding: 2px 10px;
    font-size: 16px;
    border-radius: 4px;
}



.btnm {
    padding: 5px 15px;
    font-size: 14px;
}

.btns {
    padding: 2px 8px;
    font-size: 13px;
}

.instagram {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    font-size: 1.8rem;
    padding: 3px 0;
    vertical-align: middle;
    background: #d6249f;
    background: radial-gradient(circle at 30% 100%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.loginbox {
    border-radius: 8px;
    max-width: 420px;
    padding: 25px;
    margin: 5% auto;
}

.logintextbox input {
    padding-left: 40px;
}

.logintextbox {
    position: relative;
}

    .logintextbox .fa {
        font-size: 18px;
        position: absolute;
        left: 15px;
        top: 10px;
    }

.border-right {
    border-right: 1px solid #e9e9e9;
}
.border-left {
    border-left: 1px solid #e9e9e9;
}
.mborder {
    border-bottom: 1px solid #e9e9e9;
}

/*new header*/
.main-nav {
    list-style: none;
    padding: 5px;
    margin: 0;
    border-radius:var(--radius16);
    display: flex;
    gap: .2rem;
    flex-wrap: nowrap;
}

    .main-nav li {
        display: flex;
        text-align: center;
        justify-content: center;
    }

        .main-nav li a {
            font-size: 1rem;
            padding: .5rem 1rem;
            text-decoration: none;
            z-index: 2;
            position: relative;
            white-space: nowrap;
            border-radius:var(--radius16);
        }


            .main-nav li a:hover, .main-nav li a.active {
                height: 100%;
                opacity: 1;
            }

.topnavicon {
    font-size: 1.5rem;
    margin: auto;
    height: 24px;
    width: 24px;
}

.searchcross {
    position: absolute;
    font-size: 30px;
    color: #1d1d1d;
    cursor: pointer;
    top: 0;
    line-height: 39px;
    right: 10px;
}
.border-inline-end-0{border-right:0!important;}
.cultureLink, .currencyLink {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    align-items: center;
    border-radius: 3px;
}

.cultureLink {
    min-width: 115px;
}

.currencyLink {
    min-width: 90px;
}

.whitebox, .onlydeskwhitebox, .whitebox2 {
    background: #fff;
    border-radius:var(--radius16);
    box-shadow: 0px 10px 30px rgba(46, 47, 56, 0.15);
}

.offwhitebox {
    background-color: #fff;
    border-radius:var(--radius16);
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.08));
}
.offwhitebox .active, .offwhitebox .active svg path{
    color: #E23636; fill: #E23636;
}

.mobnav {
    overflow: auto;
}


.ul.main-nav {
    max-width: max-content;
}

.hotelSearchform, .flightSearchForm, .fhSearchform, .packageSearchForm {
    min-height:250px;
}

#HotelMap{height: 160px !important; border-radius: var(--radius16) var(--radius16) 0 0;}

.mainheading {
    font-size: 1.3rem;
    padding: 25px 0 10px;
    margin: 0;
    font-weight: bold;
}

.recommendedHotels {
    border: 1px solid #e9e9e9;
    width: 100%;
    display: block;
}

    .recommendedHotels img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

.bold-500 {
    font-weight: 700;
}

.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.userlinkbox, .languagebox {
    position: absolute;
    cursor: pointer;
    z-index: 222;
    right: 0;
    top: 51px;
    background: #fff;
    border: #e9e9e9 1px solid;
    border-radius: 5px;
    width: 150px;
}

.usernav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .usernav li {
        display: block;
    }

        .usernav li:not(:last-child) {
            border-bottom: 1px solid #e9e9e9;
        }

        .usernav li a {
            padding: .4rem 1rem;
            display: flex;
            align-items: center;
            color: #555;
            font-size: 1rem;
        }

            .usernav li a .fa {
                padding-inline-end: .5rem;
            }


.langbox {
    background: #e9e9e9;
    border-radius: 5px;
    display: inline-flex;
    min-height: 38px;
    padding-inline-start: 8px;
    padding-inline-end: 22px;
    font-size: 12px;
    align-items: center;
    margin-inline-start: 5px;
    border: 0;
    min-width: 50px;
}

    .langbox:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 9px;
        border: 2px solid;
        border-color: #000 #000 transparent transparent;
        transform: rotate(135deg);
        right: 8px;
        top: 11px;
        transition: all .2s .2s ease;
    }

.headerDropdown.show .langbox:after {
    transform: rotate(315deg);
    top: 17px;
}

.selecttransparent {
    border: 0;
    display: inline-flex;
    align-items: center;
}


    .selecttransparent:not(:first-child) {
        border-left: 2px solid #fff;
    }

.bannerimg img {
    width: 100%;
    object-fit: cover;
}

.ghost-heading {
    font-size: 28px;
    margin: 0;
    padding: .5rem 0 15px 0;
    font-weight: bold;
    letter-spacing:.5px;
}

.newform {
    margin-top: -201px;
    position: relative;
    z-index: 10;
}


.datebox {
    width: 100% !important;
}

/*new flight search*/
.formicon {
    height: 100%;
    display: flex;
    border-radius: 10px 0 0 10px;
    align-items: center;
    background-color: var(--maincolorbg);
    color: var(--maincolortxt);
}




.plusminusinput {
    display: flex;
    justify-content: end;
    align-items: center;
}

    .plusminusinput a, .plusminusinput button {
        width: 20px;
        height: 20px;
        color: #000;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 25px;
        border: 0;
        cursor: pointer;
    }

    .plusminusinput input[type="text"] {
        width: 40px;
        border: none;
        height: 28px;
        text-align: center;
        font-size: 14px;
        font-weight:600;
    }

.pass_form {
    position: absolute;
    right: 0;
    z-index: 1030;
    top: 43px;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 8.241758346557617px 24.72527503967285px 0px #2E2F3826;
}

    .pass_form.add_form {
        top: 224px;
    }
    
    .pass_form.guest_form_v2_res {
        top: 44px;
    }

    .pass_form.guest_form_v2 {
        top: 54px;
    }

    .pass_form .form_control {
        height: 36px;
        padding: 8px;
        border-radius: 3px;
    }

    .flightguest {
        width: 18%;
    }

.flgtdatebox {
    width: 100%;
    max-width: 170px;
}

.brdrgradent {
    border-left-width: 2px;
    border-left-style: solid;
    border-image: linear-gradient(to bottom, #fff, rgb(184, 184, 184), #fff) 0 100%;
}

.newformicon, .newformiconfill {
    width: 24px;
    height: 24px;
    margin-inline-end: 1rem;
}

.bwicon {
    width: 24px;
    height: 24px;
}

.newformmainbox {
    display: flex;
    flex-wrap: wrap;
    /*border: 1px solid #d9d9d9;*/
    position:relative;
}

.boxshadow {
    filter: drop-shadow(0 4px 2px #d9d9d9)
}
.boxshadowlight {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.newhtotelmodifybox {
    justify-content: center;
    gap: .3rem;
}

.newmoddatebox {
    background: #fff;
    border-radius: 10px;
    position: relative;
    width: 30%;
}

.newfrmbox {
    position: relative;
    padding-right: 10px;
}

    .newfrmbox:not(:last-child):after {
        border-right: 1px solid #e9e9e9;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
    }

    .newfrmbox:not(:last-child):after {
        border-right: 1px solid #e9e9e9;
        content: "";
        position: absolute;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
    }

    .newfrmbox label {
        font-size: .9rem;
        color: #888;
        display: block;
        line-height: 18px;
    }

    .newfrmbox small {
        font-size: .7rem;
        display: block;
        margin-top: -5px;
        color: #333
    }

.inputExchange {
    position: absolute;
    background: #e9e9e9;
    height: 30px;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    right: -15px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}

.newforminpt, .newfrmselect {
    border: 1px solid transparent;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
}

.newmoddatebox {
    background: #fff;
    border-radius: 10px;
    position: relative;
    width: 30%;
}

.newnights {
    background: #c6c6c6;
    color: #333;
    border-radius: 6px;
    padding: 2px .5rem;
    font-size: 12px;
    font-weight: 400;
    width: 75px;
    position: static;
    z-index: 10;
    text-align: center;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: none;
}

.newnights:after {
    position: absolute;
    content: '';
    border-left: 2px solid #c6c6c6;
    height: 100%;
    width: 1px;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: -1;
}

.newfrmselect {
    padding-inline-end: 25px !important;
    appearance: none;
    background: transparent
}

.iconselect {
    position: relative;
}

    .iconselect:after {
        content: "";
        font-size: 1rem;
        right: 10px;
        top: 9px;
        position: absolute;
        width: 8px;
        height: 8px;
        border: 1px solid;
        border-color: #fff #000 #000 #fff;
        transform: rotate(45deg);
    }

.newcity {
    width: 21%;
}

.nationalitybox {
    width: 15%;
}

.newguest {
    width: 20%;
}

.rounded-16 {
    border-radius:var(--radius16);
}

.frombox_share {
    display: flex;
    flex-grow: 1;
    align-items: center;
    border-right: 1px solid #d9d9d9;
    padding: 15px;
    position: relative;
}

.popnoimg{width:100%; height:250px;}
.frombox_share:last-of-type {
    border: none;
}

    .frombox_share label {
        font-size: 12px;
    }

.formcity {
    flex-basis: 30%;
}

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

.searchbtn {
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 10px 24px;
    font-size: 16px;
    border-radius: var(--btn-border-radius);
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}
.childagebox{height:38px; border-radius:8px; background:#fff; border:1px solid #E9E7E5; width:100%; padding:.5rem;}
.resultbadge {
    border-radius: 5px;
    padding: 5px .5rem 3px;
    font-size: 12px;
    font-weight: 400;
    display: inline-flex;
    line-height: 16px;
    margin-right: 3px;
}

.imgbox {
    height: 210px;
}

.priceloading {
    background: #DDDBD9;
    height: 24px;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative;
}

    .priceloading:after {
        background: linear-gradient(106deg, #dddbd9, #fff, #dddbd9);
        content: "";
        position: absolute;
        width: 20%;
        height: 100%;
        left: -20px;
        animation: linear loading infinite;
        -webkit-animation: linear loading infinite;
    }



.gradient {
    -webkit-animation-duration: 1.8s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #fafafa 8%, #e6e4e4 38%, hsl(0deg 9% 93%) 54%);
    background-size: 1000px 640px;
    position: relative;
    width: 100px;
    height: 25px;
    text-align: end;
    display: inline-flex;
    float: right;
    overflow: hidden;
    align-self: end;
    border-radius: 8px;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}



.sortby {
    width: max-content;
    border-radius:var(--radius16);
    padding: .75rem 1rem;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor:pointer;
}

.sortbyExpand{border-radius:16px 16px 0 0;}

.sortinginpt {
    border: none;
    cursor: pointer;
}

.sortby .sortinginpt {
    max-width: 105px;
}

.downaero {
    width: 15px;
    height: 15px;
    fill: #333;
    margin-inline-start: .5rem;
}

.sortlist {
    display: none;
    margin: 0;
    padding: 6px .8rem;
    z-index: 100;
    list-style: none;
    position: absolute;
    inset-block-start: 2.4rem;
    width: 100%;
    inset-inline-start: 0;
    background: #fff;
    border-radius: 0 0 16px 16px;
    border-top: 1px solid #c6c6c6;
    box-shadow: 0px 2px 6px #d9d9d9;
}

    .sortlist li {
        padding: 10px 2rem 10px 10px;
        position: relative;
    }

        .sortlist li.active:after {
            content: '\2713';
            width: 22px;
            height: 22px;
            border-radius: 25px;
            padding: 3px;
            align-items: center;
            justify-content: center;
            display: flex;
            font-size: 15px;
            inset-inline-end: 8px;
            inset-block-start: 10px;
            position: absolute;
        }

        .sortlist li:not(:last-child) {
            border-bottom: 1px solid #d9d9d9;
        }

.hotellist-remnd {
    background: #fff;
    border-radius:var(--radius16);
    margin-bottom: 1.5rem;
}

    .hotellist-remnd img {
        border-radius: 16px 16px 0 0;
        height: 200px;
        object-fit: cover;
        width:80vw;
    }

.tagcardview {
    position: absolute;
    inset-inline-start: 1.5rem;
    inset-block-start: 1rem;
}

.filtertag {
    border-radius: 25px;
    width: max-content;
    padding: 9px 15px;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-inline-end: .5rem;
    line-height: 16px;
    white-space: nowrap;
    border:1px solid rgba(29, 29, 29, 0.1);
}

    .filtertag a {
        font-size: 15px;
        /*padding-inline-start: .5rem;*/
    }

.upside {
    transform: rotate(-180deg);
}

.mapshow {
    display: none;
}

.filterbtn {
    align-items: center;
    padding: 0.7rem 1rem;
    font-size: 16px;
    border-radius:var(--radius16);
    border: 1px solid #d9d9d9;
    cursor: pointer;
    width: max-content;
    background:#fff;
    color: #1d1d1d;
}

.nochtabs {
    background: #e9e9e9;
    margin-bottom: 1.5rem;
}

    .nochtabs .nav-item {
        position: relative;
    }

    .nochtabs .nav-link.active:after {
        border-width: 8px;
        left: 50%;
        bottom: -16px;
        margin-left: -4px;
        border-style: solid;
        content: "";
        position: absolute;
    }

.searchedhotel {
    border: 1px solid transparent;
    transition: border;
    border-radius:16px;
    font-size:16px;
    background:#fff;
    padding:16px;
}

#Hotelimgpopup .item img {
    max-height: 85vh;
    width: 90%;
    object-fit: cover;
    margin: auto;
}

.recomended-imgbox {
    width: 100%;
    height: 300px;
    position: relative;
}

    .recomended-imgbox img, .trending-hotel {
        height: 100%;
        object-fit: cover;
        object-position: center center;
        border-radius: 15px;
        width:100%; display:block;
    }

.singlebanner {
    height: 113px;
    margin: auto;
}

.singlebanner img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
    border-radius:var(--radius16);
}

.ptxt{font-size:16px; font-weight:700;}
.hoteltag {
    background: #fff;
    color: var(--maincolorbg);
    border: 1px solid #f0fff9;
    border-radius: 5px;
    padding: 4px 0.5rem 4px;
    font-size: 12px;
    position: absolute;
    left: 0.625rem;
    top: 0.625rem;
    display: flex;
    align-items: center;
    min-height: 29px;
}

.recmHotels {
    height: 130px;
}

.trending-hotel {
    height: 150px;
}
/*prashant*/
.filterMapPopup {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index:100;
}
.mapshowfilter {
    position: absolute;
    top: 1rem;
    inset-inline-start: 1rem;
}

.mapfilterResultmainbox {
    position: absolute;
    bottom: 0px;
    z-index: 100;
    max-height: 280px;
    width: 100%;
    padding: 1rem;
}
/*prashant*/
.addbannersqr, .addbannerstrip {border:1rem;border-radius:16px;}
.addbannersqr{height:300px; width:350px; max-width:100%;}
.addbannerstrip{height:120px; width:100%;}
.media {
    display: flex;
    text-align: start;
}

.media-body {
    flex: 1;
    width: 100%
}

.modifybox {
    background-size: cover;
    background-position: center center;
}

    .modifybox .newfrmbox:not(:last-child) {
        padding: .5rem;
        background-color: #fff;
        border-radius: 8px;
        margin-left: .5rem;
    }

.radiusfull {
    border-radius: 10px;
}

.leftradius {
    border-radius: 8px 0 0 8px;
}

.rightradius {
    border-radius: 0 8px 8px 0;
}

.eight-74 {
    min-height: 74px;
}

.cursor {
    cursor: pointer;
}

.amenities label {
    width: 24%;
    display: inline-block;
    padding: 2px 0;
}

.custbtn, .oddbtn {
    text-decoration: none;
    border-radius: var(--btn-border-radius);
}

    .custbtn:hover:not(:disabled) {
        text-decoration: none;
        box-shadow: 0 2px 4px #00000026,0 2px 4px #0003;
    }
    .oddbtn:hover {
        text-decoration: none;
    }

.facebookbtn {
    padding: 0;
    font-size: 14px;
}

    .facebookbtn i {
        font-size: 18px;
        padding: 8px;
        width: 35px;
    }

.googlebtn {
    padding: 0;
    font-size: 14px;
}

    .googlebtn i {
        font-size: 18px;
        padding: 8px;
        width: 35px;
    }
.bigcheck{display: flex; position: relative; justify-content: space-between;}
.bigcheck input[type="checkbox"], .bigcheck input[type="radio"] { opacity: 0; display: none;}
 .bigcheck label::before, .bigcheck label::after, .myradiobox label::before, .myradiobox label::after {position: absolute; content: "";  display: inline-block;}
.bigcheck label::before { border-radius:15px; border:1px solid #999; }
.bigcheckNoTop label::before, .bigcheckNoTop label::after {top: 0 !important;}
.bigcheck.bigcheckWidth label::before, .bigcheck.bigcheckWidth label::after{ width: 25px;height: 25px;display: flex; justify-content: center; align-items: center;}
.bigcheck label::after {border-radius:15px;text-align: center;border:transparent;}
.bigcheck label::before { inset-inline-end: 0;height:20px; width:20px;  top: 12px;}
.bigcheck label::after { inset-inline-end: 0; height:20px; width:20px; top: 12px; }
.customcheck label::before { inset-inline-start: 0;height:25px; width:25px; top:0;}
.customcheck label::after { inset-inline-start: 0;height:25px; width:25px; top:0;}
.customcheck label{padding-inline-start:.8rem;}

.bigcheck input[type="checkbox"] + label::after,.bigcheck input[type="radio"] + label::after{
        content: none;
}
.bigcheck input[type="checkbox"]:checked + label::after,.bigcheck input[type="radio"]:checked + label::after{
    content: url(../../images/imagesDesktop/check.png);
}
.bigcheck input[type="checkbox"] + label::before{ background: #ffff;border-radius: 7px; cursor:pointer;}
.bigcheck input[type="checkbox"]:checked + label::after{border-radius: 7px;}

.customcheck input[type="checkbox"]:checked + label{color:var(--maincolor);}

.bigcheck_start{display: flex; position: relative; justify-content: space-between; width:74%;}
.bigcheck_start input[type="checkbox"], .bigcheck_start input[type="radio"] { opacity: 0; display: none;}
.bigcheck_start label::before, .bigcheck_start label::after{ position: absolute; content: ""; display: inline-flex; justify-content: center; align-items: center;}
.bigcheck_start label::before { height:25px; width:25px; border-radius:15px; border:1px solid #999; inset-inline-end: 0; left:0; top: 0;}
.bigcheck_start label::after { height: 25px; width: 25px; border-radius:15px; inset-inline-end: 0; top: 0; left:0; text-align: center; border:transparent;}


.mycheckbox, .myradiobox {
    display: inline-block;
}

    .mycheckbox + .mycheckbox, .myradiobox + .myradiobox {
        margin-left: 15px;
    }

    .mycheckbox input[type="checkbox"], .myradiobox input[type="radio"] {
        opacity: 0;
        display: none;
    }

    .mycheckbox label, .myradiobox label {
        position: relative;
        display: inline-block;
        padding-left: 22px;
        line-height: 21px;
        margin-bottom: 0;
    }

        .mycheckbox label::before, .mycheckbox label::after, .myradiobox label::before, .myradiobox label::after {
            position: absolute;
            content: "";
            display: inline-block;
        }

        .mycheckbox label::before {
            height: 16px;
            width: 16px;
            border-width: 1px;
            border-style: solid;
            left: 0;
            top: 3px;
        }

        .mycheckbox label::after {
            height: 7px;
            width: 17px;
            border-inline-start-style: solid;
            border-inline-start-width: 2px;
            border-block-end-style: solid;
            border-block-end-width: 2px;
            transform: rotate(-45deg);
            left: 4px;
            top: 4px;
        }

    .mycheckbox input[type="checkbox"] + label::after, .myradiobox input[type="radio"] + label:after {
        content: none;
    }

    .mycheckbox input[type="checkbox"]:checked + label::after, .myradiobox input[type="radio"]:checked + label:after {
        content: "";
    }

    .myradiobox label::before {
        height: 16px;
        width: 16px;
        border: 1px solid #ccc;
        left: 0;
        top: 1px;
        border-radius: 50%;
    }

    .myradiobox label::after {
        height: 8px;
        width: 8px;
        left: 4px;
        top: 5px;
        border-radius: 50%;
    }

.iconbox {
    border-radius: 15px;
    padding: 0 8px;
    display: inline-block;
    font-size: 13px;
}

.searchinpt {
    padding-bottom: 8px;
    border: none;
    width: 100%;
}

.dateinpt {
    padding-left: 25px;
}

.tabellipsis {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.ellipsis-two-lines {
    display: -webkit-box; /* Flexbox for multiline */
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Hides overflowing text */
    text-overflow: ellipsis; /* Adds ellipsis (...) */
}
.newforminpt::placeholder{color: #C7C7C7; font-weight:normal;}

.searchicon, .selecticon {
    position: absolute;
    top: 4px;
    font-size: 18px;
}

.searchicon {
    left: 0;
}

.selecticon {
    right: 5px;
}

.arrowinpt {
    padding-right: 25px;
    padding-inline-start: 8px;
    appearance: none;
    outline: none;
}


.searchtab {
    padding: 8px 20px;
    font-size: 16px;
    display: inline-block;
    margin-right: 2px;
    border-radius: 5px 5px 0 0;
    color: inherit;
}

    .searchtab.active, .searchtab:hover {
        font-weight: 400;
        text-decoration: none;
        border-bottom: 0;
    }

.mapoverflow {
    height: 98vh;
    overflow: auto;
}
                        

a[id^="linkMap-"].svg {
    stroke: #333;
}

.filter_bx {
    padding: 0 0 1rem;
}
/*.filter_bx:first-child { border-radius: 0; }*/
.app_filter {
    display: block;
    margin-top: 1rem;
    font-size: 18px;
    font-weight: 500;
}

    .app_filter span {
        float: right;
        text-decoration: underline;
    }

        .app_filter span:hover {
            text-decoration: none;
        }

    .app_filter a {
        font-size: 12px;
        padding: 0 3px 0 0;
        line-height: 12px;
        display: inline-block;
        text-decoration: underline;
    }

    .app_filter span a:last-child {
        border-right: 0;
        padding-right: 0;
    }

.filter_bx .app_filter a {
    /*text-transform: uppercase;*/
    font-size: 12px;
}

.search_form {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 20px 20px;
    border-radius: 8px;
}

.sm_fun {
    height: 0;
    overflow: initial;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease 0s;
}

.header_rht {
    text-align: right;
}

.navbar-nav li {
    display: table-cell;
}

.logo {
    display: inline-block;
    padding: 8px 0;
}

    .logo img {
        position: relative;
        z-index: 1;
        height: 60px;
        display: inline-flex;
        object-fit: contain;
        max-width: 100%;
    }

.dateinpt {
    padding-left: 25px;
}

.searchicon, .selecticon {
    position: absolute;
    top: 4px;
    font-size: 18px;
}

.searchicon {
    left: 0;
}

.selecticon {
    right: 5px;
}

.arrowinpt {
    padding-right: 25px;
}




.main_header {
    padding: 0;
}

.fil_remove:hover {
    text-decoration: none;
    cursor:pointer;
}
.closeabsolute{position:absolute; top:1rem; inset-inline-end:1rem; z-index:100;}
.cardbox {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 8px;
    font-size: 13px;
    color: #807f7f;
    text-align: center;
}

.loyaltytext {
    padding: 1px 8px;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    display: block;
    text-align: center;
}

.map_hotel {
    width: 100%;
    height: 100px;
}

.inp_group {
    position: relative;
}


.form_control {
    width: 100%;
    height: 57px;
    outline: none;
    border-radius: 0;
    padding: 10px 1rem;
    transition: .5s;
    font-size: 16px;
    border-radius: 1rem;
    font-weight:700;
}

.filterh, .font-bold {
    font-weight: 700;
}

select.form_control {
    background: url(../../images/imagesDesktop/FireFly/selecticon.png) no-repeat 98% center;
}

.star-rating {
    width: 50px;
    height: 50px;
    border-radius:var(--radius16);
    padding: .5rem .8rem;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .star-rating b, .star-rating svg {
        position: relative;
        z-index: 10;
    }

    .star-rating svg {
        margin-top: -3px;
    }

    .star-rating span {
        width: 100%;
        height: 100%;
        transform: scale(0);
        transition: all .3s ease;
        position: absolute;
        z-index: 1;
    }

    .star-rating.selected span, .star-rating:hover span {
        transform: scale(1);
    }

.rating_bx input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    visibility: hidden;
    z-index: 2;
}

.rating_ibx {
    display: inline-block
}

.star-rating input[type="checkbox"] + .rating_ibx {
    display: flex;
    align-items: center;
}

.star-rating.selected input[type="checkbox"]:checked + .rating_ibx:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.inp_group > svg {
    text-align: right;
    font-style: normal;
    top: 2.8rem;
    left: 0.8rem;
    width: 25px;
    position: absolute;
}

.filterform {
    padding-inline-start: 3rem;
    padding-inline-end:2.5rem;
}

.icon {
    position: absolute;
    right: 10px;
    top: 9px;
}

input[type='range'] {
    width: 100%;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
}

    input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: none;
    }

        input[type='range']::-webkit-slider-runnable-track {
            width: 200px;
            height: 3px;
        }

        input[type='range']:nth-child(2)::-webkit-slider-runnable-track {
            background: none;
        }

        input[type='range']::-webkit-slider-thumb {
            position: relative;
            height: 13px;
            width: 13px;
            margin-top: -6px;
            border-radius: 25px;
            z-index: 1;
        }

        input[type='range']:nth-child(1)::-webkit-slider-thumb {
            z-index: 2;
        }

.rangeslider .right {
    float: right;
}

.mfilter {
    display: none;
}

.rating_bx {
    font-size: 15px;
    display: flex;
    gap: 8px;
}

.rating_bx_inner:last-child {
    border-bottom: 0;
}

.rating_bx_inner a {
    padding: 3px 8px;
    display: block;
}

.rating_bx_inner .fa, .rating_bx_inner1 .fa {
    margin-right: 2px;
}

.rating_bx_inner span {
    float: right;
    font-size: 11px;
    padding-top: 3px;
}

.advisor_ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .advisor_ul li {
        margin-bottom: 5px;
    }

        .advisor_ul li:last-child {
            margin-bottom: 0;
        }

    .advisor_ul .fa-tripadvisor {
        font-size: 20px;
    }

.circle_rating {
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

    .circle_rating.full:before {
        content: "";
        width: 10px;
        height: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        border-radius: 50%;
        top: 2px;
    }

    .circle_rating.half:before {
        content: "";
        width: 10px;
        height: 6px;
        left: -4px;
        right: 0;
        margin: 0 auto;
        position: absolute;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        top: 4.6px;
        transform: rotate(-90deg);
        border-bottom: 0;
    }

    .circle_rating.half:after {
        content: "";
        width: 10px;
        height: 6px;
        right: -5px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        top: 4.6px;
        transform: rotate(90deg);
        border-bottom: 0;
    }

.actionbox {
    border-radius: 5px;
    margin-top: 8px;
    padding: 8px 0;
    z-index: 100;
    width: 350px;
    position: relative;
}

    .actionbox::after {
        border-width: 27px 10px;
        border-style: solid;
        content: "";
        position: absolute;
        right: -19px;
        top: 0;
    }

.conticon {
    display: inline-flex;
    justify-content: center;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    padding: 4px;
    font-size: 24px;
    cursor: pointer;
    margin-left: 5px;
}

.actionlink {
    line-height: 14px;
}
.line-height-20{line-height:20px;}

.mycheck input[type="checkbox"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-left: 0;
    margin-right: 15px;
    font-size: 13px;
}

    .mycheck input[type="checkbox"] + label:before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        margin-right: 15px;
        position: absolute;
        top: 1px;
        left: 0;
        border-radius: 2px;
    }

.mycheck input[type="checkbox"] {
    display: none !important;
    *display: inline;
}

    .mycheck input[type="checkbox"]:checked + label:after {
        content: "✔";
        font-size: 18px;
        line-height: 16px;
        display: block;
        position: absolute;
        top: -1px;
        left: 1px;
        width: 16px;
        height: 16px;
        border-radius: 3px;
    }

aside .mycheck:last-child {
    margin-bottom: 0;
}

.filter_bx .mycheck:last-child label {
    margin-bottom: 0;
}

select.form_control, select.form_control1, .fil_input, .edit_field, .loc_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modifybox {
    padding: 1px 15px;
    margin-top: 15px;
    border-radius: 5px;
}

.sortby_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .sortby_ul li {
        display: inline-block;
        vertical-align: text-top;
        height: 34px;
        margin-right: 1px;
    }

        .sortby_ul li:first-child {
            text-align: center;
            padding: 0 10px;
        }

.fil_field {
    width: 100%;
    position: relative;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}

.paxcountlbl {
    font-size: 12px;
    display: block;
    padding-bottom: 5px;
}

.fil_input {
    width: 100%;
    border-radius: 5px;
    height: 34px;
    padding: 0 20px 0 8px;
    display: inline-flex;
    align-items: center;
}

.fil_field .fa {
    position: absolute;
    right: 6px;
    font-size: 11px;
    top: 12px;
}

    .fil_field .fa.fa-search {
        font-size: 17px;
        top: 7px;
    }

.sortby_ul label {
    padding-top: 9px;
    font-weight: 400;
}

.fil_field1 {
    position: relative;
}

    .fil_field1 .fa {
        position: absolute;
        right: 7px;
        top: 7px;
        font-size: 19px;
    }

.loc_input, .input-outline-none {
    width: 100%;
    border: none;
    height: 34px;
    padding: 0 20px 0 8px;
    border-radius: 3px;
}

.fil_field1 .fil_input {
    padding: 0 26px 0 10px;
}

.rd_bx {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    width: 150px;
    float: left;
}

    .rd_bx li {
        display: inline-block;
        margin-right: 5px;
    }

    .rd_bx .fa {
        font-size: 18px;
        vertical-align: bottom;
    }

.user_rating span {
    display: inline-block;
    padding: 0 4px;
    line-height: 17px;
    border-radius: 4px;
}

.ta_rating {
    padding: 4px .5rem;
    border-radius:var(--radius16);
    width: max-content;
    font-size: 12px;
    align-items: center;
    height: 23px;
    margin: 5px 0;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

    .ta_rating .fa {
        margin-top: -2px;
    }

    .ta_rating b {
        font-size: 13px;
    }

.dis_bx {
    padding-top: 5px;
}

.rd_bx .dis_bx .fa {
    margin-right: 5px;
}

.link_tab {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

    .link_tab li {
        display: inline-block;
        line-height: 11px;
        padding-right: 6px;
        margin-right: 3px;
    }

        .link_tab li:last-child {
            padding-right: 0;
            margin-right: 0;
            border-right: 0;
        }

.btn_room {
    margin: .5rem 0;
    padding: 6px 1rem;
    font-weight: 400;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    border-radius:50px;
}

.changeHotel {
    align-self: end;
}

.fav_add {
    position: absolute;
    left: 8px;
    top: 1px;
    cursor: pointer;
    font-size: 20px;
    z-index: 1;
}

.near_search {
    width: 225px;
}

.box_aside {
    padding: 15px;
    margin-bottom: 1rem;
    border-radius: var(--radius16);
    filter: drop-shadow(0px 0px 2px #d9d9d9);
    border: 1px solid #e0e0e0;
}
.pack_head {
    font-size: clamp(1rem, 2vw, 1.2rem);
    margin: 8px 0 3px;
    font-weight:700;
    font-size:16px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.datebox_desk{display:flex; justify-content:start; align-items:start; flex-direction:column;}



.dest_city {
    margin-bottom: 15px;
}

.rating_star {
    font-size: 15px;
    float: left;
    margin-right: 8px;
    line-height:13px;
}

.hotel_ulbx {
    display: inline-block;
}

.pack_rht {
    text-align: center;
    margin: -14px 0;
    align-content: space-between;
    display: inline-grid;
}

.pack_rht_inner {
    padding: 10px;
}

.pack_mid p {
    font-size: 13px;
    clear: both;
}
.btn_yellow:hover:not(:disabled), .btn_green:hover:not(:disabled) {
    box-shadow: 0 2px 4px #00000026,0 2px 4px #0003;
}

.btn_yellow:hover:not(:disabled) {
    text-decoration: none;
}

.ul_col {
    list-style: none;
    padding: 0;
    column-count: 2;
    font-size: 12px;
    padding-left: 0px;
    width: calc(100% - 150px);
}

    .ul_col li .fa {
        font-size: 14px;
        margin-right: 4px;
    }

    .ul_col li {
        margin: 3px 0;
    }

.colcount-1 {
    column-count: 1;
}

.onoffcheck {
    display: inline-block;
    position: relative;
}

    .onoffcheck input[type=checkbox] {
        height: 0;
        width: 0;
        display: none;
    }

    .onoffcheck label {
        cursor: pointer;
        width: 65px;
        height: 18px;
        margin-bottom: 0;
        font-size: 10px;
        text-align: right;
        padding-right: 8px;
        line-height: 16px;
        display: block;
        border-radius: 50px;
        position: relative;
    }

        .onoffcheck label:after {
            content: '';
            position: absolute;
            top: 2px;
            left: 3px;
            width: 12px;
            height: 12px;
            border-radius: 20px;
            -webkit-transition: .3s;
            transition: .3s;
        }

    .onoffcheck input:checked + label {
        padding-left: 8px;
        padding-right: 0;
        text-align: left;
    }

        .onoffcheck input:checked + label:after {
            left: calc(100% - 2px);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

    .onoffcheck label:active:after {
        width: 15px;
    }

.roundicon {
    width: 20px;
    height: 25px;
    padding: .8rem;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #555;
    color: #fff;
    border-radius: 50%;
}

.pack_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius:var(--radius16);
}

.myclose {
    /*position: absolute;*/
    right: 8px;
    top: 2px;
    font-size: 33px;
    line-height: 33px;
}

.myclose:hover {
    text-decoration: none;
}

.hotelroompop {
    display: none;
    width: 98%;
    max-width: 1200px;
    max-height: 98vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 110;
    margin: auto;
    border-radius: 5px;
    overflow-x: hidden;
    padding-bottom: 10px;
}

.popboddiv {
    max-height: 90%;
    overflow: auto;
    width: 100%;
    display: block;
}

.actionbox {
    border-radius: 5px;
    margin-top: 8px;
    padding: 8px 0;
    z-index: 100;
    width: 350px;
}

    .actionbox::after {
        border-width: 27px 10px;
        border-style: solid;
        content: "";
        position: absolute;
        right: -19px;
        top: 0;
    }

.conticon {
    display: inline-flex;
    justify-content: center;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    padding: 4px;
    font-size: 24px;
    cursor: pointer;
    margin-left: 5px;
}

.actionlink {
    line-height: 14px;
}

.popsubheading {
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 5px;
}

.amenities {
    padding: 0 0 0 25px;
    margin: 0;
}

    .amenities li {
        font-size: 13px;
        padding: 5px;
        width: 25%;
        float: left;
    }

.htlnamefrstltr {
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    padding: 8px;
    text-align: center;
    line-height: 26px;
    position: relative;
    top: 0;
}

.nav-link {
    color: inherit;
}

.htladdress {
    padding: 8px;
    display: inline-block;
    flex-direction: column;
}

.hotelname {
    font-size: 20px;
    margin: 0;
}

.htladdress address {
    font-size: 13px;
    margin: 5px 0 0;
    clear: left;
}

.user_count {
    display: inline-block;
    vertical-align: top;
    padding-top: 11px;
}

.userlikes {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    border-radius: 3px;
    padding: 2px 5px;
    align-items: center;
    font-size: 10px;
}

.user_count .fa {
    font-size: 18px;
    vertical-align: sub;
}

.userlikes:before {
    border-width: 6px 12px;
    border-style: solid;
    content: "";
    position: absolute;
    top: 4px;
    left: -21px;
}

.likes {
    padding-left: 8px;
}

.htlheader {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 15px;
    margin-top: 20px;
}

.htldtltxt {
    padding-top: 8px;
    padding-bottom: 8px;
}

.htldtlrow {
    padding: 0 15px;
    margin-top: -1px;
}

.paxselect {
    padding: 5px;
    width: 80px;
    background: url(../../images/imagesDesktop/down.jpg) no-repeat 97% center;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.vehicletype {
    font-size: 13px;
}

    .vehicletype b {
        font-size: 17px;
    }

    .vehicletype span {
        display: block;
    }

.font18 {
    font-size: 18px;
}

.font28 {
    font-size: 28px;
}
.mapfilter {
    position: absolute;
    left: 0;
    top: 10%;
    right: 0;
    margin: auto;
    display: none;
    z-index: 1200;
    background: #fff;
    padding: 2rem 1rem 1rem;
    border-radius: 1rem;
    border: 1px solid #d9d9d9;
    width: 400px;
    max-width: 100%;
}

.grey_head {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
}

.FilterPopupDesktop {
    width: 400px;
    position: fixed;
    left: 0;
    top: 10%;
    background: #fff;
    padding: 1rem;
    border-radius:var(--radius16);
    right: 0;
    margin: auto;
    z-index: 1270;
    filter: drop-shadow(0px 0px 2px #d9d9d9);
    border: 1px solid #d9d9d9;
    overflow:auto;
    max-height:100%;
    display:none;
}
.right_bx {
    padding: 25px;
    border-radius: 10px;
}

.bortab {
    margin: 0 -65px 20px;
}

.message_bx {
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    width: 560px;
    border-radius: 6px;
    height: 190px;
    max-width: 100%;
}

    .message_bx h4 {
        font-size: 22px;
    }

.ul_table {
    list-style: none;
    padding: 0;
    font-size: 16px;
    width: 100%;
    border-radius: 5px;
    display: table;
}

    .ul_table li {
        display: table-cell;
        padding: 15px 8px;
        text-align: center;
    }

        .ul_table li .fa {
            margin-right: 5px;
        }

        .ul_table li:last-child {
            border-right: 0;
        }

.booking_bx {
    padding: 10px;
}

.pack_inner {
    padding: 8px;
    position: relative;
    margin-bottom: 10px;
}

    .pack_inner:last-child {
        margin-bottom: 0;
    }

    .pack_inner h2 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .pack_inner .fa-building {
        vertical-align: text-top;
    }

.rb_info span {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    text-align: center;
}

    .rb_info span:last-child {
        margin-right: 0;
    }

    .rb_info span b {
        font-weight: 400;
    }

.rb_edit {
    position: absolute;
    bottom: 3px;
    right: 8px;
    font-size: 16px;
}

    .rb_edit .fa {
        font-weight: 700;
    }

.btn_wallet {
    border: 0;
    font-size: 10px;
    padding: 6px 5px;
    border-radius: 5px;
    font-weight: 800;
    line-height: 12px;
    min-height: 36px;
}

    .btn_wallet.btn_green img {
        filter: brightness(0) invert(1);
        margin-right: 5px;
    }

.mutamer_ainfo {
    margin-bottom: 8px;
    font-weight: 700;
}

.alert_congrats {
    border-radius: 5px;
    padding: 8px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

    .alert_congrats a {
        text-decoration: underline;
    }

.voc_download {
    text-align: center;
}

    .voc_download .col-6:last-child {
        border-right: 0;
    }

.pd_head {
    padding: 14px 20px;
    font-size: 18px;
}

.tprice {
    font-size: 17px;
}

    .tprice b {
        font-size: 19px;
    }

.pass_bx label {
    font-size: 13px;
}

.greybg {
    z-index: 1260;
}

.bgwhitetp {
    z-index: 800;
}

.greybg, .bgwhitetp, .imgpopbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.imgpopbg {
    z-index: 1260;
    background:#000;
    display:none;
}

.modifyboxpop {
    position: fixed;
    z-index: 850;
    width: 94%;
    margin: auto;
    max-width: 755px;
    left: 0;
    right: 0;
    top: -6px;
}

.roomlist {
    border-radius:var(--radius16);
    /* padding: 0.5rem 1rem 0.5rem; */
    /* box-shadow: -1px 1px 12px #efefef; */
    margin-top: 1rem;
}


.margin-top--1 {
    margin-top: -1px;
}

.mx--3 {
    margin-inline-start: -1rem;
    margin-inline-end: -1rem;
}

.sticky-top {
    z-index: 100;
}

.nav-tabs .nav-link {
    padding: .5rem 1rem;
}


    .nav-tabs .nav-link.active {
        font-weight: 400;
        padding: 10px 18px;
        border: 0;
    }

.nav-tabs {
    border-bottom: 0;
}


#historyHotel {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 1rem;
}

    #historyHotel .nav-item .nav-link {
        padding: .3rem 1rem;
        font-size: 1.1rem;
        font-weight: 500;
    }
#historyHotelContent .nav-item .nav-link {
    border: 0;
    padding: .3rem 1rem;
}

.sticky {
    position: sticky;
    top: 0;
}

.nav-tabs.r_tab .nav-item {
    margin-right: 4px;
}

.nav-tabs.r_tab .nav-link {
    border-radius: 0 !important;
}

    .nav-tabs.r_tab .nav-link.active {
        font-weight: 700;
    }

.nav-tabs.room_tab .nav-item {
    margin-right: 5px;
}

/*.nav-tabs.room_tab .nav-link {
    min-height: 62px;
}*/

.nav-tabs.room_tab .nav-link.active {
    font-weight: 400;
}

.morebtn {
    padding: 4px;
    display: inline-block;
    position: relative;
    margin-top: -1px;
}

    .morebtn:before, .morebtn:after {
        border-width: 15px;
        border-style: solid;
        border-color: transparent;
        content: "";
        position: absolute;
    }

    .morebtn:before {
        border-left: 0;
        right: -15px;
        top: 0;
    }

    .morebtn:after {
        border-right: 0;
        left: -15px;
        top: 0;
    }

.rdlist {
    padding: 0 0 0 16px;
    margin: 0;
}

    .rdlist li {
        padding-bottom: 10px;
    }

.arrow_dw:before {
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    content: "";
    position: absolute;
    top: 5px;
    right: -4px;
}

.arrow_dw, .arrow_up {
    position: relative;
}

    .arrow_up:before {
        border-width: 8px;
        border-style: solid;
        border-color: transparent;
        content: "";
        position: absolute;
        top: 5px;
        right: -4px;
    }

    .arrow_dw.pax_ar:before {
        top: 8px;
    }

.roombg {
    float: left;
    width: 100%;
}

.row_hed_bg {
    font-weight: 400;
    font-size: 16px;
}

.pro_bx {
    margin-top: .2rem;
}

.subhedinglink {
    font-size: 16px;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    margin: 0 -1rem;
}

.font-12 {
    font-size: 12px;
}
.font-10 {
    font-size: 10px;
}
.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}
.font-20 {
    font-size: 20px;
}
.font-24 {
    font-size: 24px;
}
.font-22 {
    font-size: 22px;
}
.tbofullwidth {
    width: 100%;
    float: left;
}

.form-control {
    border-radius: 0;
}

.TcheckBx {
    position: relative;
    padding-left: 20px;
    padding-top: 1px;
    display: block;
}

    .TcheckBx input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.Tcheckmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
}

    .Tcheckmark.small {
        height: 15px;
        width: 15px;
        top: 3px;
    }

    .Tcheckmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.TcheckBx input:checked ~ .Tcheckmark:after {
    display: block;
}

.TcheckBx .Tcheckmark:after {
    left: 6px;
    top: 1px;
    width: 4px;
    height: 12px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.TcheckBx .Tcheckmark.small:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 10px;
}

.mlabel {
    display: none;
}

.edit_table {
    font-size: 12px;
}

.edit_icon {
    font-size: 14px;
}

.edit_table td {
    padding: 3px 6px;
}

.btn_small {
    border-radius: 4px;
    font-size: 12px;
}

.copy_icon {
    font-size: 17px;
    padding-left: 6px;
    vertical-align: bottom;
}

.accordion_bx .card-header {
    background: transparent;
    border: 0;
}

.accordion_bx .btn-link {
    font-weight: 400;
    font-size: 16px;
    padding: 0;
    width: 100%;
    text-align: left;
}

    .accordion_bx .btn-link:hover, .accordion_bx .btn-link:focus {
        text-decoration: none;
    }

    .accordion_bx .btn-link .fa {
        float: right;
        font-size: 24px;
    }

.accordion_bx .card-body {
    padding-top: 0;
}

.accordion_bx .card {
    border: 0;
    margin-top: 10px;
    border-radius: 0;
}

.accordion_bx .btn-link.collapsed .fa:before {
    content: "\f0da";
}

.btn_blue {
    border: 0;
    width: 100%;
}

.sr_wight .inp_group .fa {
    font-size: 13px;
    top: 12px;
}

.sr_wight {
    border-radius: 4px;
}

.ulbx_rht {
    font-size: 11px;
    padding: 0 15px;
    min-width: 255px;
    float: left;
}

.ulbx_txt {
    font-weight: 600;
    margin-bottom: 3px;
}

    .ulbx_txt.cl_lgrey {
        font-weight: 400;
    }

.ulbx_rht .fa {
    font-size: 16px;
}

.ulbx_txt:last-child {
    margin-bottom: 0;
}

.sel_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
}

    .sel_ul li {
        display: inline-block;
        margin-right: 6px;
    }

    .sel_ul .fa {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        font-size: 10px;
        text-align: center;
        margin-right: 3px;
        line-height: 14px;
    }

.bdeal_bx {
    position: absolute;
    right: -16px;
    padding: 2px 15px;
    top: 10px;
    z-index: 1;
    transform: rotate(45deg);
    font-size: 9px;
}

.oflw_hidden {
    overflow: hidden;
}

.edit_room {
    font-size: 11px;
}

    .edit_room a {
        font-weight: 700;
        text-decoration: underline;
    }

.selected_hotel {
    padding-top: 80px !important;
}

.dbutton, .dbutton:hover {
    pointer-events: none;
}

.pointer-none{pointer-events: none!important;}

.sortby_ul li.sortby_txt {
    background: transparent;
    border: 0;
}

.flight_bx {
    width: 100%;
    border-radius: 4px;
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .9em;
}

    .flight_bx li {
        display: table-cell;
        padding: 6px 12px;
        vertical-align: middle;
    }

    .flight_bx .fa-plane, .hotel_bx .fa-bed {
        font-size: 24px;
        margin-right: 6px;
        vertical-align: middle;
    }

    .flight_bx li:last-child {
        text-align: center;
    }

.hotel_bx {
    width: 100%;
    border-radius: 4px;
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .9em;
}

    .hotel_bx li {
        display: table-cell;
        padding: 8px 12px;
        vertical-align: middle;
    }

        .hotel_bx li:last-child {
            border-right: 0;
        }

.more_link {
    font-weight: 700;
}

    .more_link:hover {
        text-decoration: none;
    }

.btn_mod {
    border: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: 800;
    font-family: inherit;
    height: 44px;
    border-radius: 4px;
}


.da_txt {
    width: 18%;
}

.fairport {
    width: 20%;
}

.lover_txt {
    width: 19%;
    padding-top: 15px;
}

.ch_time {
    width: 23%;
}

.fairport small {
    display: block;
}

.lover_txt span {
    padding: 0 10px;
    font-size: 12px;
}

.da_txt .fa {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.ch_time a {
    text-decoration: underline;
}

.nrmlink {
    text-decoration: underline;
    font-size: 13px;
}

.da_txt {
    font-size: 14px;
    padding: 5px 0;
}

.line-height-17 {
    line-height: 17px;
}

.rightheading {
    padding: .6rem 1rem;
    margin: 0;
    border-radius: 8px 8px 0 0;
    font-size: 1.1rem;
}
/*Promo Code css*/
.promotag {
    background: #c1fbcc;
    padding: 2px .5rem;
    border: 1px solid #0ad534;
    border-radius: 3px;
    font-size: 12px;
}

/*Promo Code css end*/
.price_combo {
    text-align: center;
    display: block;
    padding-bottom: 8px;
}

.price_total {
    display: block;
    font-weight: 600;
    font-size: 18px;
}

.room_tab {
    align-items: end;
}

.fbook_rht {
    text-align: center;
}

.da_txt .fa.fa_rotate {
    transform: rotate(-90deg);
}

.edit_form {
    padding: 16px 20px;
}

.left_editicon {
    font-size: 28px;
    padding-top: 9px;
}

.edit_form_inner {
    float: right;
    width: calc(100% - 50px);
}

.edit_field {
    border-radius: 4px;
    height: 46px;
    width: 100%;
    font-size: 16px;
    padding: 5px 30px 5px 37px;
}

.edit_input {
    position: relative;
}

.filed_icon {
    position: absolute;
    left: 12px;
    top: 14px;
    font-size: 20px;
}

.edit_input .fa-chevron-down {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 18px;
}

.edit_form_bx {
    margin-bottom: 10px;
}

    .edit_form_bx:last-child {
        margin-bottom: 0;
    }

.tinput_group {
    position: relative;
    padding-right: 16px;
}

.tinput_field {
    background: transparent;
    border: 0;
    width: 100%;
}

.tinput_group .fa {
    position: absolute;
    right: 0;
    top: 3px;
}

.linput {
    padding-left: 31px;
}

    .linput .fa-bed {
        left: 0;
        top: -2px;
        right: inherit;
    }

.calnight {
    min-width: 195px;
    max-width: 100%;
}

.border_box {
    padding: 15px;
    border-radius: 5px;
}

    .border_box h2 {
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 15px;
    }

        .border_box h2 .fa-bed {
            margin-right: 8px;
        }

.rstar {
    font-size: 15px;
}

.border_box h2 .user_count .fa {
    vertical-align: middle;
}

.border_box .ta_rating {
    font-size: 13px;
}

.finfo_pax {
    padding: 15px;
    margin-top: 10px;
}

    .finfo_pax ul {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 17px;
    }

.ftime {
    width: 20%;
    float: left;
}

.ftype {
    width: 40%;
    float: left;
    display: inline-flex;
    align-items: start;
}

.fdirection {
    width: 35px;
    float: left;
    text-align: center;
}

    .fdirection .fa {
        transform: rotate(45deg);
        font-size: 22px;
    }

.ftype img {
    width: 60px;
    margin-right: 8px;
}

.ftime b {
    display: block;
    font-size: 18px;
    font-weight: 400;
}

.ftxts {
    font-size: 12px;
}

.ftime .ftxts {
    padding-left: 13px;
}

.ftime.text-right .ftxts {
    padding-right: 13px;
}

.fduraion {
    text-align: center;
    font-size: 12px;
}

    .fduraion .fa {
        font-size: 16px;
        vertical-align: top;
        margin: 0 1px;
    }

.fa-briefcase {
    padding-top: 2px;
}

.baggage_txt {
    text-align: center;
    padding-top: 8px;
    font-size: 12px;
}

.bg_border {
    display: block;
    height: 5px;
    margin: 0 -16px;
}

.con_details h4 {
    font-size: 18px;
}

.hotelDetailItem {
    margin-inline-start: 5px;
}

.small_tab.nav-tabs .nav-link {
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 5px;
    margin-inline-end: 0.3rem;
}

    .small_tab.nav-tabs .nav-link.active {
        padding: 10px;
        border-radius: 5px 5px 0 0;
    }

.pay_details {
    line-height: 22px;
    padding: 1.2rem;
}

    .pay_details h2 {
        font-weight: 400;
        font-size: 18px;
    }

.totalamt {
    padding: 10px;
    margin: 10px -25px;
    font-size: 17px;
}

.ptext {
    font-weight: 600;
    font-size: 16px;
}

.promo_code {
    position: relative;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .promo_code input {
        float: left;
        width: calc(100% - 80px);
        height: 36px;
        padding: 6px 8px;
        border: none !important;
    }

/*footer css*/
.ft_links {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

    .ft_links li {
        padding: 0;
        font-size: .9rem;
        display: inline-flex;
    }

        .ft_links li a {
            padding: .5rem .3rem;
        }

        .ft_links li:not(:last-child):after {
            content: "|";
            margin-top: .5rem;
            color: inherit;
            padding-inline-start: .3rem;
        }

.ftcopy {
    line-height: 30px;
    display: inline-flex;
    align-content: center;
    align-items: center;
}


.iconn_fil {
    font-size: 20px;
    vertical-align: middle;
}

.fduraion, .fp_amen {
    position: relative;
}

.popheading {
    padding: 5px 8px;
    margin: 0;
}

.farepopup {
    text-align: left;
    font-size: .8rem;
    position: absolute;
    z-index: 1050;
    right: 0;
    top: 35px;
    width: 450px;
    display: none;
    max-width: inherit;
}

.farepoupbody {
    max-height: 250px;
    overflow-y: auto;
    width: 100%;
    padding: 10px;
}

.faresector + .faresector {
    margin-top: 15px;
    padding-top: 10px;
}

a.popclose-sm {
    font-size: 24px;
    float: right;
    text-decoration: none;
    line-height: 17px;
}

.dtable thead {
    font-size: 15px;
}

.dtable a {
    text-decoration: underline;
}

.chseat {
    padding-left: 25px;
    font-size: 14px;
    font-weight: 400;
}

.vall_link {
    float: right;
    font-size: 14px;
    font-weight: 400;
}

.act_btn {
    text-align: right;
}

.ghead {
    padding: 8px;
    font-size: 15px;
    font-weight: 400;
}

.mid_label {
    padding: 15px;
    border-radius: 10px;
    display: inline-block;
    margin: 10px 10px 10px 0;
}

.label_info {
    display: inline-block;
    padding: 5px 10px;
    border-radius:var(--radius16);
    font-size: 13px;
    margin: 4px 4px 4px 0;
}

.hotel_info h2 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0;
}

    .hotel_info h2 .fa {
        margin-right: 4px;
        font-size: 22px;
    }

.hotel_info h3 {
    font-size: 16px;
    font-weight: 400;
}

.chco_date {
    font-size: 13px;
    padding-top: 4px;
}

.rnhotel {
    float: right;
    font-weight: 700;
}

.disc_ul {
    list-style: none;
    padding: 0;
}

    .disc_ul li {
        position: relative;
        padding-left: 15px;
        margin: 2px 0;
    }

        .disc_ul li:before {
            position: absolute;
            left: 0;
            top: 5.5px;
            width: 10px;
            height: 10px;
            content: "";
        }

.ul_col2 {
    columns: 2;
}

.con_dtl {
    margin: 0;
}

    .con_dtl .fa {
        padding-right: 10px;
    }

    .con_dtl div {
        margin-bottom: 5px;
    }

        .con_dtl div:last-child {
            margin-bottom: 0;
        }

.pay_details .mycheck input[type="checkbox"] + label:before {
    top: 3px;
}

.searchtab-content .edit_field {
    font-size: 14px;
    border: 0;
    outline: none;
    border-radius: 0;
}

.searchtab-content .edit_input .fa-chevron-down {
    font-size: 12px;
    top: 17px;
}

.stops_ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .stops_ul li {
        display: inline-flex;
        width: 30px;
        height: 28px;
        justify-content: center;
        font-size: 13px;
        border-radius: 4px;
        cursor: pointer;
        padding: -67px;
        align-items: center;
    }
    

.fp_time {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .fp_time li {
        display: inline-block;
    }

.fp_time_txt {
    width: 40%;
}
.fp_amen .fa-briefcase {
    vertical-align: middle;
}

.fp_amen .fa-file-text-o {
    vertical-align: text-bottom;
}


.fpack_rht {
    text-align: center;
    margin: -20px 0;
    align-content: space-between;
    display: inline-grid;
}

.fpack_rht_inner {
    padding: 1rem 1rem 0.8rem;
}

.flightseatlayout {
    width: 98%;
    max-width: 1200px;
}
.mn20 {
    margin: 0 -20px;
}

.pomocodeapplied {
    padding: 5px;
    position: relative;
    border-radius: 5px;
    display: inline-block;
}

    .pomocodeapplied a {
        position: absolute;
        right: -5px;
        top: -13px;
        font-size: 25px;
    }

.fs_info {
    padding: 15px;
    border-radius: 4px;
}

    .fs_info .finfo_pax {
        padding: 0;
        background: transparent;
    }

.fsize15 {
    font-size: 15px;
}

.fsize16 {
    font-size: 16px;
}

.fs_info .fduraion {
    padding-left: 0;
    text-align: left;
    padding-top: 14px;
}

.fs_info .fdirection .fa {
    padding-top: 9px;
}

.stable_inner {
    border-radius: 5px;
    padding: 1rem;
    height: 100%;
}

.pro_bx b {
    font-size: 18px;
    font-weight: 400;
}
/*new flight search*/

.newfarrow {
    position: absolute;
    top: -15px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
}

.flgtarrow {
    position: relative;
}

    .flgtarrow hr {
        width: 100%;
    }

    .flgtarrow:after {
        position: absolute;
        content: "›";
        font-family: fontawesome;
        right: -3px;
        margin-top: -25px;
        font-size: 19px;
        color: #7b7d7f;
    }

    .flgtarrow:before {
        position: absolute;
        content: "›";
        width: 10px;
        height: 10px;
        font-family: fontawesome;
        left: -5px;
        margin-top: -12px;
        font-size: 15px;
        color: #7b7d7f;
    }

.newfpack_rht {
    border-left: 1px solid #e9e9e9;
    text-align: center;
}

.formicon {
    height: 100%;
    display: flex;
    border-radius: 10px 0 0 10px;
    align-items: center;
    background-color: var(--maincolorbg);
    color: var(--maincolortxt);
}


.flgtdatebox {
    width: 100%;
    max-width: 170px;
}

.flightguest {
    width: 18%;
}

.line-height-14 {
    line-height: 14px;
}
.line-height-20 {
    line-height: 20px;
}

.fsize11 {
    font-size: 11px;
}

.font28 {
    font-size: 28px;
}
.font-31{font-size:31px;}

/*-----------------*/
.flightbox {
    display: inline-block;
}

.fil_badge span {
    padding: 2px 6px;
    display: inline-flex;
    border-radius: 15px;
    font-size: 12px;
    align-self: center;
    font-weight: 600;
    margin-right: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    align-items: center;
}

.fil_remove {
    width: 17px;
    height: 17px;
    font-size: 18px;
    display: inline-flex;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    line-height: 16px;
    margin-inline-end:5px;
    align-items: center;
}

    .fil_remove:hover {
        text-decoration: none;
    }

.flgtrow {
    display: table;
    width: 100%;
}

.innerrow {
    display: block;
    padding: 0 2px;
    text-align: center;
}

.flgtrow h1 {
    display: block;
    margin: 0;
    padding: 5px 20px;
    text-align: center;
    font-weight: 400;
    font-size: 17px;
}

.flgtrow h2 {
    display: block;
    margin: 0;
    padding: 5px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.leftwing, .rightwing {
    width: 25px;
    height: auto;
    display: table-cell;
}

.seatrobox {
    display: table-cell;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.gallery {
    margin-right: 25px;
}

.mainrow {
    float: left;
    width: calc(100% - 15%);
}

.leftwing, .rightwing {
    width: 50px;
}

.amergencydoor {
    border-radius: 20px;
    display: table;
    font-size: 11px;
    text-align: center;
    width: 100%;
    z-index: 100;
    margin: 5px 0;
}

.emergencytext {
    display: inline-block;
    padding: 2px 5px;
}

.rightdoor, .leftdoor {
    border-radius: 5px;
    display: table-cell;
    font-size: 14px;
    height: 18px;
    padding: 0 2px;
    width: 17px;
}

/*.seatrow {
    list-style: none;
    display: table;
    clear: both;
    margin: 0;
    padding: 3px;
}*/

    /*.seatrow li, .seathint {
        float: left;
        height: 20px;
        border-radius: 3px;
        padding: 0 1px 1px;
        position: relative;
    }*/

        /*.seatrow li span, .seathint span {
            border-radius: 0 0 3px 3px;
            content: "";
            float: left;
            height: 16px;
            margin: 0 1px;
            width: 20px;
            font-size: 9px;
            line-height: 11px;
            text-align: center;
            padding: 3px 0;
        }*/

/*.blankrow li, li.blankseat {
    visibility: hidden;
    width: 26px;
}*/

    .blankrow li span, li.blankseat span {
        display: none;
    }

.recline {
    padding-top: 10px;
}

.seathint i {
    float: left;
    height: 3px;
    width: 22px;
}

.seatrow li:hover .seatdetails {
    display: block;
}

.seatrow li:hover {
    cursor: pointer;
}

.seatrow li.booked:hover {
    cursor: no-drop;
}

.seatnumrow {
    display: table-cell;
    list-style: none;
    vertical-align: top;
}

    .seatnumrow ul {
        position: absolute;
        margin-top: 28px;
        right: 530px;
        width: 20px;
        list-style: none;
    }

    .seatnumrow li {
        padding: 3px 2px;
        float: left;
        margin: 5px 0 0;
        font-size: 11px;
        height: 15px;
        width: 15px;
        line-height: 9px;
    }

.blanknum {
    background: none;
    height: 10px !important;
    margin: 0 !important;
    background: transparent !important;
}

.hintbox {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
}

.hintrow {
    float: left;
    width: 100%;
    border-left: none;
    border-right: none;
    margin-top: -1px;
}

    .hintrow span {
        padding: 3px;
        float: left;
    }

.bulkhead::after {
    content: "";
    height: 2px;
    margin-left: -26px;
    margin-top: -5px;
    position: absolute;
    width: 9%;
}

.popbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.popclose {
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    height: 25px;
    line-height: 17px;
    padding: 2px;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 2px;
    width: 25px;
    text-decoration: none;
}

.seatlayoutpop {
    margin: 10px auto;
    height: 500px;
    width: 1000px;
    background: #fff;
    position: relative;
}

.seatlayoutbox {
    width: 74.5%;
    float: left;
    height: 550px;
    overflow-y: auto;
    margin-right: 5px;
    padding-bottom: 70px;
}

.seatdetailbox {
    float: left;
    width: 25%;
    height: 550px;
    overflow-y: scroll;
}

.seatinfobox {
    float: left;
    width: 100%;
    padding: 10px;
}

    .seatinfobox h2 {
        font-size: 13px;
        margin: 0;
        padding: 5px;
        width: 100%;
        float: left;
    }

.seatrowdtl {
    float: left;
    width: 100%;
    padding: 8px;
    position: relative;
}

    .seatrowdtl b {
        font-weight: 700;
        display: block;
    }

        .seatrowdtl b a {
            float: right;
            font-weight: 400;
            text-decoration: underline;
        }

.seatno {
    display: block;
    padding: 5px 0;
    font-weight: 700;
}

.price {
    display: block;
}

    .price label {
        float: left;
        width: 20%;
    }

    .price b {
        float: right;
    }

.seatdetails {
    position: absolute;
    padding: 0;
    margin-top: 45px;
    min-width: 135px;
    display: none;
    z-index: 10;
    border-radius: 5px;
    white-space:nowrap;
}

.seatdetailsclick {
    display: none;
    font-size: 12px;
    left: 16px;
    padding: 2px 8px;
    position: absolute;
    top: 46px;
    width: 89%;
}

.seatinfo {
    float: left;
    list-style: outside none none;
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    margin-left: -50%;
}

    .seatinfo > li {
        float: left;
        width: 100%;
        padding: 3px 5px;
        margin: 0;
        border: none;
        height: auto !important;
    }

#topwing > span.leftwing::after {
    border-style: solid;
    border-width: 22px 30px 13px 18px;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

#bottomwing > span.leftwing::after {
    border-style: solid;
    border-width: 11px 30px 8px 18px;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

#topwing > span.rightwing::after {
    border-style: solid;
    border-width: 25px 12px 9px 38px;
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

#bottomwing > span.rightwing::after {
    border-style: solid;
    border-width: 10px 24px 9px;
    content: "";
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.windowrow {
    position: relative;
}

.editable_seat {
    float: left;
    width: 46%;
    min-height: 54px;
    text-align: center;
    margin-left: 5px;
    padding: 5px 0;
    margin-bottom: 5px;
}

    .editable_seat a {
        text-align: center;
        font-size: 12px;
        font-weight: 700;
    }

    .editable_seat b {
        font-size: 11px;
    }

.editable_seatMap {
    padding: .8rem;
}

    .editable_seatMap a {
        text-align: center;
        font-size: 12px;
        font-weight: 400;
    }

    .editable_seatMap b {
        font-size: 11px;
    }

.pass_name {
    padding: 5px 0 5px 5px;
}

.flightfront {
    padding: 0;
}



/*.rot_bx {
    position: relative;
    text-align: center;
}*/

.stable_head {
    font-size: 14px;
    margin-bottom: 5px;
}

.stable_rtxt {
    float: right;
}

.sqbx {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 5px;
}

.ul_list {
    line-height: 18px;
    font-size: 13px;
}

.seat_info {
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 11px;
    margin: 20px 0;
}

    .seat_info li {
        display: inline-block;
        margin: 0 6px;
        line-height: 22px;
    }

        .seat_info li span {
            width: 22px;
            height: 22px;
            border-radius: 4px;
            display: inline-block;
            vertical-align: top;
        }

.chtable thead tr {
    font-size: 15px;
}

    .chtable thead tr th {
        border-bottom: 0;
    }

.cl_link {
    text-decoration: underline;
}

.example-image-link {
    width: 89px;
    height: 90px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 8px 8px 0 0;
}

    .example-image-link img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 90px;
    }

.tpmAutocomplete {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    padding:.6rem; border-radius:0 0 16px 16px;
    z-index:1920!important;
    box-shadow:0px 8.241758346557617px 24.72527503967285px 0px #2E2F3826;
}
.deskfiltercitylistbox{width:320px!important;}
.tpmAutocomplete .sub .itemWrapper {
    padding-left: 30px;
}

    .tpmAutocomplete li i {
        font-size: 18px;
    }

    .tpmAutocomplete li .subicon {
        width: 20px;
        height: 20px;
        display: inline-block;
    }

.airlineLogo {
    width: 40px;
    height: 40px;
}

.rotate-45 {
    transform: rotate(45deg);
}

.planeleft {
    transform: rotate(-135deg);
}

.flightdetails {
    display: block;
    font-size: 16px;
    text-align: center;
}

.flightdetailbox {
    padding: 15px;
    margin: 10px 0px;
}

.layoverbox {
    position: relative;
    text-align: center;
    margin: 15px 0;
}

.layoverline {
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    top: 12px;
    height: 1px;
    z-index: 10;
}

.layovertext {
    font-size: 12px;
    padding: 2px 10px;
    position: relative;
    z-index: 20;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
}

.cancellationpopup {
    font-size: 13px;
    transform: scale(0);
    position: absolute;
    width: 200%;
    left: 0;
    right: 0;
    bottom: 5px;
    transition: .2s;
    opacity: 0;
    border-radius: 3px;
    z-index: 150;
    margin-bottom: 10px;
}

.cancelheading {
    padding: .8rem 1rem;
    display: flex;
    width: 100%;
}

.cancellationpopup .myclose {
    line-height: 24px;
}

.cancellationpopup p {
    font-size: 12px;
    margin-bottom: 5px;
}

.cancellationpopup ul {
    padding-left: 25px;
}

.policyContainer:hover .cancellationpopup, .policyContainer:active .cancellationpopup, .policyContainer:focus .cancellationpopup {
    transform: scale(1);
    opacity: 1;
}

.policyContainer {
    position: relative;
}

.nfound_bx {
    min-height: 350px;
}

.hnfound {
    padding: 20px;
    text-align: center;
    border-radius: 5px;
}

.tpmProgressBtn {
    position: relative;
    overflow: hidden;
}

    .tpmProgressBtn .tpmProgress {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
    }

    .tpmProgressBtn.loading .tpmProgress {
        animation: progressFill 10s linear 1;
        width: 90%;
    }

.cookiespopup {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    width: 95%;
    max-width: 400px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #e6e3e1;
    padding: 15px;
    font-size: 13px;
}

.popcose {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #000;
    font-size: 26px;
    line-height: 17px;
    cursor: pointer;
}

.fullscreen-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(90, 90, 90, 0.5);
    z-index: 9999;
}

.gm-style .gm-style-iw-t::after {
    background: none !important;
    box-shadow: none !important;
}

.gm-style-iw-c {
    max-width: 300px;
}

.overflowhdn, .overflowhdn2 {
    overflow: hidden;
}

.cardAddress {
    display: block;
    overflow: hidden;
    margin-bottom: 0.5rem;
    color: #666;
    font-size: 13px;
}

.gm-style-iw {
    max-width: 39vh !important;
}

@keyframes progressFill {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}

.plus, .minus {
    cursor: pointer;
    width: 13px;
    height: 13px;
    display: inline-block;
    flex-shrink: 0;
}

.plus {
    background-position: 0 0;
}

.minus {
    background-position: -13px 0;
}

.mth {
    display: none;
    font-weight: bold;
}

.recomended {
    position: absolute;
    left: -8px;
    bottom: 5px;
    background: rgb(8, 153, 17);
    color: #fff;
    padding: 5px;
    font-size: .85rem;
    width: 177px;
    text-align: center;
}

    .recomended::before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 30px;
        border-width: 4px;
        border-color: transparent #089911 #089911 transparent;
        border-style: solid;
    }

.addCardIframe {
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 500px;
    z-index: 150;
    text-align: center;
    background: #fff;
    box-shadow: 2px 3px 8px #f6f6f6;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

    .addCardIframe iframe {
        width: 100%;
        overflow: hidden;
        border: none;
        height: 420px;
    }

#iframeHolder {
    width: 90%;
}

.hamburger {
    background: transparent;
    border: 0;
    display: none;
    padding: 2px 0px 2px 5px;
    border-radius: 5px;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 7px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mobprice {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.toverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.passfh {
    max-height:320px;
    overflow-y: auto;
}


.paginationClass.pnation {
    margin-bottom: -36px !important;
    position: relative;
    z-index: 1;
}

.infbanner {
    background: url(../../images/imagesDesktop/FlightBanner.jpg) no-repeat center center;
    background-size: cover;
}


.modifybox {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}

.modifySearchBtn {
    width: 16%;
    font-weight: 600;
}

.mscity {
    width: 56%;
    position: relative; /*overflow: hidden;*/
}

.msdate {
    width: 28%;
}

.smbx {
    padding: 7px 10px 4px;
    border-radius: 5px;
    margin-right: 0.2%;
}

    .smbx small {
        display: block;
        margin-bottom: -5px;
        font-weight: 500;
        font-size: 12px;
    }

.mficon {
    position: absolute;
    left: -2px;
    top: 0;
    border-radius: 5px 0 0 5px;
    height: 100%;
    background: var(--maincolorbg);
    color: #fff;
    font-size: 32px;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.mscity.smbx {
    padding-left: 56px;
}

.mscity div {
    display: inline-block;
    max-width: calc(48% - 16px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sficon {
    font-size: 20px;
    padding: 0 5px;
    transform: rotate(45deg);
    vertical-align: super;
}

.pl-0 {
    padding-left: 0 !important;
}

.ltxt .fa {
    margin-right: 5px;
}

.rangeslider .ui-widget.ui-widget-content {
    width: calc(100% - 11px);
    margin: 0 auto;
}

.rotate-225 {
    transform: rotate(225deg);
}
/*.rangeslider .ui-slider-handle{left: 2% !important;}
.rangeslider .ui-slider-handle:nth-last-child(1){left: 99% !important;}*/
.text-right {
    text-align: right;
}

.fp_amen {
    font-size: 17px;
}

.flipxicon {
    transform: scaleX(-1);
}

.mr-3 {
    margin-right: 10px;
}

.btn_mid {
    font-size: 13px;
    border-radius: 5px;
}
.daresult {
    border-right: 1px solid #e0e0e0;
    width: 67%;
}
.changebx {
    width: 11%;
}
.mycheck {
    margin-bottom: 8px;
}

.mycheck:last-child {
    margin-bottom: 0;
}

.ullist {
    list-style: none;
    padding: 0;
    font-size: 12px;
}

.tagbx {
    position: absolute;
    left: -23px;
    top: 11px;
    z-index: 1;
    transform: rotate(-48deg);
    font-size: 12px;
}


.promobox {
    border-radius: 10px;
}

.ssbx {
    padding: 1px 8px;
    display: inline-block;
    border-radius: 15px;
    margin-right: 5px;
}

.mtn5 {
    margin-top: -5px;
}

.dapaxd {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 5px;
}

.daficon {
    width: 64px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 36px;
}

.dacnt {
    width: calc(100% - 64px);
    border-left: 2px solid #f6f6f6;
    padding: 20px;
}

    .dacnt h4 {
        font-size: 15px;
        text-align: center;
        margin-bottom: 20px;
    }

.daftime {
    display: flex;
    flex-wrap: nowrap;
    width: 75%;
    align-items: center;
}

.datcnt {
    display: block;
    color: #000;
    width: 42px;
    line-height: 15px;
}

    .datcnt small {
        font-size: 83%;
    }


.bdcnt {
    width: 99%;
    height: 1px;
    background: #7f7f7f;
}


.toflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fhbda {
    display: flex;
    width: 100%;
    text-align: left;
}

    .fhbda .fa {
        font-size: 41px;
        transform: rotate(45deg);
        margin-right: 35px;
    }

.dacnt .fhbda h4 {
    text-align: left;
}

.fhbokking .dacnt {
    width: 100%;
}

.fhbda .fa.flipxicon {
    text-align: center;
    margin-left: 30px;
    margin-top: -29px;
    margin-right: 5px;
    transform: rotate(225deg);
    margin-bottom: 22px;
}


.z-300 {
    z-index: 300;
}

.tooltip-inner {
    max-width: 100% !important;
}

.mclasslft {
    width: calc(100% - 50px)
}

.mclass .modifySearchBtn {
    float: right;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: end;
    font-size: 22px;
    padding-bottom: 10px;
}

.mcfbx {
    position: relative;
    padding-left: 28px;
    margin: 10px 0
}

.mcfbx_lft {
    position: absolute;
    left: 0;
    top: 0;
}

.mcfbx_rht {
    font-size: 15px;
}

    .mcfbx_rht span {
        display: block
    }

.mclass .modifySearchBtn {
    color: #000
}

.myclose.closebx {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 33px;
    line-height: 33px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    line-height: 27px;
}


.lbn:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important
}

.ulnone {
    list-style: none;
    padding: 0
}

.imgcount {
    border-radius: 10px 10px;
    padding: 0 5px;
    outline: solid 1px black;
    display: inline-block;
    height: 16px;
}

    .imgcount:hover {
        color: #fff;
        background-color: var(--maincolorbg);
    }

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.loadingimg {
    fill: var(--maincolorbg);
    height: 100px;
    width: 100px;
}

.loadinglottie {
    display: inline-block;
    fill: var(--maincolorbg);
    height: 150px;
    width: 150px;
}

#carouselImages .item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

#hotelCarouselImages .item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.promobox {
    border: 0.8px dashed #c6c6c6 !important;
    margin: 10px -15px;
    border-radius: 15px;
}

.paxdetail {
    background: #eff0f2;
    padding: 19px;
}

.roomname {
    max-width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.headerDropdown {
    z-index: 700;
}


.roomImgCarousel {
    background: url('../../images/imagesDesktop/loader.svg') center no-repeat;
}

.hotelImgCarousel {
    background: url('../../images/imagesDesktop/loader.svg') center no-repeat;
}

.cursor-pointer {
    cursor: pointer!important;
}

.cursor-none {
    cursor:default !important;
}

/*-----------------Booking queue-----------------*/
.min-height100 {
    height: 100%;
}
.min-height90vh {
    height: 90vh;
}

.queueimgbox {
    width: 140px;
    height: 140px;
    position: relative;
    margin-inline-end: 1.2rem;
}

.queueiconbox {
    left: 8px;
    top: 8px;
    position: absolute;
    z-index: 100;
    display: flex;
}

.queue_icon {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-inline-end: .2rem;
}

.queueimgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.filterqueue a {
    padding: .2rem .5rem;
    display: inline-block;
    color: #c6c6c6;
}

    .filterqueue a.active, .filterqueue a:hover {
        color: #000;
        font-weight: 400;
        border-bottom: 2px solid;
    }

.queuetab {
    background: #fff;
    border-radius: 8px;
    display: flex;
    width: max-content;
}

    .queuetab .nav-item {
        margin-right: 0;
    }

    .queuetab .nav-link.active {
        margin: 0;
        padding: .5rem 1rem;
    }


.bookingtag {
    border-radius: 3px;
    font-size: 13px;
    margin-bottom: 5px;
}

.queueamenities {
    font-size: 16px;
    color: #888;
    margin-inline-end: 1rem;
}

    .queueamenities small {
        font-size: 12px;
        color: #888
    }

.paidtag {
    align-items: center;
    color: #333;
}

    .paidtag img {
        width: 18px;
        margin-inline-end: 3px;
    }

.planeicon {
    width: 30px;
}

.cityicon {
    margin: -12px auto 0 !important;
}

    .cityicon img {
        width: 25px;
    }

.queuetab .nav-link.active, .queuetab > .nav-link.active {
    background-color: var(--maincolorbg);
    color: var(--maincolortxt) !important;
}

.queue_icon {
    background-color: var(--maincolorbg);
    color: var(--maincolortxt)
}

.confirmed {
    color: #089911;
    border: 1px solid #089911;
}

.cancel {
    color: #db0101;
    border: 1px solid #e60000;
}

.hold {
    color: #032fcf;
    border: 1px solid #022fcf;
}
.processing{background-color: #F9C992;}

.paidtag {
    color: var(--altcolor);
}

.processesbar {
    background: #555;
    border-bottom: 2px solid #c6c6c6;
    height: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
}

.y_bg {
    background: #c3c3c3;
}

.inputicon {
    position: absolute;
    margin-top:15px;
    right:0;
    color: #b2b2b2 !important;
}

#countdowntimer {
    display: none;
    width: max-content;
    font-size: 18px;
    font-weight: bold;
}

.loyaltyqueuepricebox {
    width: 80%;
    margin-bottom: 10px;
}

.mytrips {
    margin-top: auto;
    margin-bottom: auto;
    background: #e9e9e9;
    padding: 8px;
    border-radius: 50%;
}

.timerIcon {
    padding-right: 0.25rem;
    padding-bottom: 2px;
}

.errorpopbg {
    background: #fff url(images/errorbogbg.jpg) no-repeat bottom center / 100%;
    border-radius: 2rem;
    padding-top: 4rem;
    padding-bottom: 5rem;
    filter: drop-shadow(2px 4px 6px #c6c6c6);
}

    .errorpopbg:hover img {
        transform: scale(.8);
        transition: .2s ease-in-out .2s;
    }


@keyframes circletimer {
    0% {
        stroke-dashoffset: 500;
        stroke-dasharray: 500;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 500;
    }
}

.minutes {
    font-size: 3.5rem;
    display: block;
    font-weight: 400;
    line-height: 3rem;
    color: #555;
    margin-top: 1rem
}

.timerbox {
    position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .timerbox + .timerbox {
        margin-left: 1rem;
    }

.timer {
    position: absolute;
    left: 50%;
    margin: -60px -60px;
    text-align: center;
    top: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.timerload {
    width: 120px;
    height: 120px;
    background-color: transparent;
    transform: rotateZ(-90deg);
    position: relative;
    z-index: 10;
}

.timerbox:after {
    content: '';
    width: 120px;
    height: 120px;
    border: 3px solid #c6c6c6;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.circlesec {
    stroke: var(--maincolor);
    stroke-width: 4;
    fill: transparent;
    stroke-dashoffset: 500;
    stroke-dasharray: 0;
    /*animation-direction: reverse;*/
}

.circlemin {
    stroke: var(--maincolor);
    stroke-width: 4;
    fill: transparent;
    stroke-dashoffset: 500;
    stroke-dasharray: 0;
    /*animation-direction: reverse;*/
}
.filterbox {
    position: absolute;
    right: 14px;
    width: 90%;
    max-width: 400px;
    background: #fff;
    border: 1px solid #e9e9e9;
    filter: drop-shadow(2px 4px 6px #c6c6c6);
    top: 45px;
    z-index: 100;
    border-radius: 8px;
}

    .filterbox input[type="checkbox"] {
        width: 18px;
    }

.typecount {
    position: absolute;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 12px;
    margin-top: -15px;
    margin-left: -5px;
}

.filteroption {
    position: relative;
    padding: 1.5rem 0 .5rem;
    flex-grow: 1;
    text-align: center;
}

    .filteroption i {
        font-size: 24px;
    }

.vcenter.mycheck input[type="checkbox"] + label:before, .vcenter.mycheck input[type="checkbox"]:checked + label:after {
    top: 0;
    bottom: 0;
    margin: auto;
}

.svgicon {
    width: 28px;
    height: 28px;
    fill: #444;
}

.mappopup {
    background: #fff;
    width: 100%;
    max-width: 1320px;
    overflow-y: auto;
    border-radius: 1rem;
    position: fixed;
    left: 0;
    top: 1rem;
    bottom: 1rem;
    right: 0;
    margin: auto;
    height: 98vh;
    z-index: 1055;
}

#goToTopBtn {
    display: none;
    position: fixed;
    z-index: 101;
    cursor: pointer;
    bottom: 98px;
    right: 10px;
}

.hotel-main {
    width: 100%;
    height: 408px;
    object-fit: cover;
    object-position: center;
}

.hotel-thumb {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.moreimg {
    background: #fff;
    padding: 0 10px;
    border-radius: 8px;
    position: absolute;
    right: 1rem;
    bottom: 2.5rem;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    border: 2px solid #c3c3c3;
    width: max-content;
}


    .moreimg:hover {
        background-color: var(--altcolor);
        color: #fff;
        box-shadow: 2px 4px 8px #c0c0c0;
    }

    .moreimg i {
        padding: 10px 10px 10px 0;
        border-right: 1px solid;
        margin-inline-end: 1rem;
        display: inline-block;
        font-size: 1.2rem;
    }
.custompopup {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: auto;
    background: #fff;
    border-radius:var(--radius16);
    z-index: 1300;
    width: 94%;
    max-width: 500px;
    transform: translate(-50%, -50%);
}
.popoverflow {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.spinner-border {
    color: var(--maincolor);
}

    .morereature {
    position: absolute;
    max-width: 300px;
    width: 100%;
    right: 0;
    top: 90%;
    border: 1px solid #e9e9e9;
    border-radius:var(--radius16);
    background-color: #fff;
    z-index: 100;
    padding: .5rem 1rem;
}
.sortbyhotel{min-width:270px;justify-content:space-between;}

.amenitiesauto {
    overflow: auto;
    max-height: 100px;
}

/*-------------share popup search css-----------------*/
.searchpop {
    background: #fff;
    left: 0;
    right: 0;
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 800px;
    padding: 1.5rem;
    border-radius: 25px 25px 0 0;
    height:1px;
    opacity: 0;
    z-index: -10;
    bottom: -50px;
    transition:all .2s ease-in .2s;
    transition-delay: .1s;
}

.popOpen {
    opacity: 1;
    bottom: 0;
    height: 91.5vh;
    z-index: 1300;
}
.citysearchpop {
    background: #fff;
    left: 0;
    right: 0;
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 800px;
    padding: 1.5rem;
    border-radius: 25px 25px 0 0;
    height:1px;
    opacity: 0;
    z-index: -10;
    bottom: -50px;
    transition: all .3s ease-in .2s;
}
.citylistpopOpen {
    opacity: 1;
    bottom: 0;
    height:90vh;
    z-index: 1300;
}


.downarrow {
    background: #e0e0e0;
    color: #000;
    border-radius:var(--radius16);
    height: 44px;
    font-size: 30px;
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    width: 44px;
    font-weight: 300;
    align-items: center;
}

.newpop-input {
    padding: 1.3rem 1rem;
    border-radius:var(--radius16);
    border: 1px solid #d9d9d9;
    width: 100%;
    font-size: 18px;
    margin-top: 1.5rem;
    box-shadow: 0px 10px 30px rgba(46, 47, 56, 0.15);
    font-weight:700;
}

/*-----------loader----------*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.listicon, .listicon2 {
    display: inline-flex;
    justify-content: center;
    align-self: start;
    padding: 2px 8px 0 0 !important;
}

    .listicon svg {
        width: 20px;
        height: 20px;
    }

.itemWrapper {
    display: flex;
    align-items: center;
    padding: 8px 6px !important;
}

/*-----------loader end----------*/
.mobfooter {
    position: fixed;
    bottom: -75px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 1200;
    height: 1px;
    opacity: 0;
    transition: all .3s ease;
}

.showfooter {
    opacity: 1;
    height: auto;
    bottom: -1px;
}

.mobfooter a {
    padding: .7rem;
    border-top-width: 3px;
    border-top-style: solid;
    border-block-start-color: transparent;
}

.listcityname {
    line-height: 19px;
    max-width: 100%;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*margin-top: .3rem;*/
}

.uid_hCity, .uid_hCityM, .uid_fOrigin, .uid_fDestination, .uid_undefined {
    border-radius: 0 0 16px 16px;
    border-top: 0;
    left: 0 !important;
    z-index: 1030;
}

.uid_fOrigin, .uid_fDestination {
    /*top: 96px !important;*/
    width: 100% !important;
}

.uid_hCity, .uid_undefined {
    /*top: 77px !important;*/
    /*top: 55px !important;*/
    width: 100% !important;
}


.DeleteRoom {
    font-size: 22px;
}


/*------------Hotel Details page css----------------*/
.mainimg {
    width: 100%;
    height: 413px;
    object-fit: cover;
}

.radius-left {
    border-start-start-radius: 16px;
    border-end-start-radius: 16px;
}

.radius-right-top {
    border-start-end-radius: 16px;
}

.radius-right-bottom {
    border-end-end-radius: 16px;
}

.subimagebox {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
}

    .subimagebox img {
        width: 48%;
        height: 200px;
        object-fit: cover;
    }

.imgcounttag {
    background-color:#1d1d1d;
    color: #fff;
    border-radius: 8px;
    padding: 0.3rem 0.5rem;
    font-size: 13px;
    position: absolute;
    z-index: 100;
    inset-block-end: 1rem;
    inset-inline-end: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 16px;
}

.imgLoadingBg {
    background: #DDDBD9;
}

#HotelImageSlider + .imgcounttag {
    inset-block-end: 1rem;
}

#HotelImageSlider img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.removePoints {
    /*background: #a3a19d;*/
    border-radius: 50%;
    padding: 0px 3px;
}
.Roomimgpopup img{max-height:480px;}

.tabcard {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: .6rem 1rem;
    background-color: #fff;
    margin-block-end: .8rem;
    display: flex;
    align-items: center;
}

    .tabcard svg {
        margin-inline-end: 1rem;
    }

    .tabcard span {
        font-size: 18px;
    }

    .tabcard small {
        margin-inline-start: auto;
        font-weight: 300;
        font-size: 13px;
    }

.lessbox {
    position: relative;
    z-index: 10;
    max-height: 100px;
    overflow: hidden;
}

    .lessbox:after {
        content: '';
        bottom: 0;
        width: 100%;
        position: absolute;
        height:50px;
        left: 0;
        z-index: 20;
        background-image: linear-gradient(to bottom, rgba(255,255,255,.3) 5%, rgba(255,255,255,1));
    }

.newsubheading {
    font-size: 18px;
    font-weight: 700;
}

.tags {
    border-radius: 25px;
    padding: .8rem 1.5rem;
    font-size: 13px;
    font-weight: 300;
    background-color: #dadada;
    color: #333;
    margin-top: .8rem;
    margin-right: .5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mainbadge {
    background: #fff;
    color: #333;
    border:1px solid #f7f7f7;
    align-items:center;
    height:33px;
}
.mainbadge small{display:none;}
.mainbadge.active small{display:inline-block;}

.tpbadge {
    background-color: #fff;
    border: 1px solid #d9d9d9;
}

.btncheck {
    display: none;
}

.roomselected {
    border-start-end-radius: 16px;
}

    .roomselected .btncheck {
        display: inline-block;
    }

    .roomselected .btn {
        padding: 5px 10px;
    }


.btnloader {
    font-size: 10px;
    text-indent: -9999em;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    .btnloader:before {
        width: 50%;
        height: 50%;
        background: var(--maincolortxt);
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    .btnloader:after {
        background: var(--maincolorbg);
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.msgbox {
    border-radius: 25px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 1rem;
    margin-bottom: .5rem;
}
#HotelroomTabs {
    width: 100%;
    font-weight: 400;
    overflow-x: auto;
    overflow-y: hidden;
}

    #HotelroomTabs .nav-link {
        border-radius: 8px;
        border: none;
        text-align: start;
        margin-inline-end: 10px;
        font-weight: 300;
        margin-bottom: 3px;
        white-space: nowrap;
    }

        #HotelroomTabs .nav-link.active svg, #HotelroomTabs .nav-link.selected svg {
            display: inline-block;
        }

        #HotelroomTabs .nav-link svg {
            display: none;
        }

        #HotelroomTabs .nav-link b {
            font-weight: 400;
        }

.showDeal {
    border-radius: 8px;
    padding: 1rem;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .showDeal::after, .showDeal::before {
        width: 160%;
        height: 1px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        position: absolute;
    }

    .showDeal::after {
        left: 110%;
    }

    .showDeal::before {
        right: 110%;
    }

.showDeal {
    border-radius: 8px;
    padding: 1rem;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .showDeal::after, .showDeal::before {
        width: 160%;
        height: 1px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        position: absolute;
    }

    .showDeal::after {
        left: 110%;
    }

    .showDeal::before {
        right: 110%;
    }

.hotelimgpop, .roomimgpop {
    position: fixed;
    width: 100%;
    max-width: 1320px;
    overflow: auto;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1270;
    border-radius:var(--radius16);
}

.roomimgpop {
    background-color: #fff;
    top: 10%;
    bottom: 10%;
    height: auto;
    height: max-content;
}

.closepop {
    color: #666;
    font-size: 3rem;
    line-height: 50px;
    cursor:pointer;
}

.hoteldetailprice {
    width: 100%;
    position: fixed;
    bottom: -150px;
    padding: 1rem;
    transition: all .2s ease-in-out;
}

.flightSummary {
    color: #000;
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: -150px;
    padding: 12px;
    border-radius: 12px 12px 0px 0px;
    border-top: 2px solid var(--maincolor);
    border-right: 2px solid var(--maincolor);
    border-left: 2px solid var(--maincolor);
    background: #FFF;
    box-shadow: 8px 8px 25px 0px rgba(46, 47, 56, 0.25);
    bottom: 0px;
    z-index: 1045;
    width: 990px;
}

.iti__search-input:focus-within{outline: 1px solid var(--maincolor);}

.border-rightRed {
    border-right: 2px dashed var(--maincolor);
}

.stickyhotelprice {
    bottom: 0;
}

.flatpickr-wrapper {
    width: 100%;
}

.featuredSearch {
    position: fixed;
    top: 1rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1260;
    width:92vw;
    max-width: 1320px;
}
.featurebg{background:#F0F0EF; width:100%; height:100%; left:0; top:0; position:fixed; z-index:1255; display:none;}


.fulltooltip {
    width: 400px;
    max-width: 100%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    position: absolute;
    z-index: 100;
    padding: .5rem 1rem;
    font-size: 13px;
    top: -20px;
    left: -20px;
}

    .fulltooltip:after {
        border: 10px solid;
        border-color: rgb(255, 255, 255) transparent transparent transparent;
        content: "";
        position: absolute;
        bottom: -17px;
        left: 129px;
    }

    .fulltooltip:before {
        border: 11px solid;
        border-color: #d9d9d9 transparent transparent transparent;
        content: "";
        position: absolute;
        bottom: -20px;
        left: 128px;
    }

.reundablebox {
    width: 100%;
    display: flex;
    position: relative;
    height: 38px;
    border-radius: 15px;
    align-items: start;
}

    .reundablebox::before {
        position: absolute;
        z-index: 20;
        inset-inline-start: 3px;
        top: 2px;
        width: 15px;
        height: 15px;
        border-radius: 10px;
        content: '';
        background-color: rgb(255, 255, 255);
    }

    .reundablebox::after {
        position: absolute;
        z-index: 20;
        inset-inline-end: 3px;
        top: 2px;
        width: 15px;
        height: 15px;
        border-radius: 10px;
        content: '';
        background-color: rgb(255, 255, 255);
    }

.fullrefundbar, .partialrefundbar, .norefundbar {
    flex-grow: 1;
    height: 20px;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 11px;
    align-items: center;
    position: relative;
}

.fullrefundbar {
    background-color: #05a844;
    color: #fff;
    padding-inline-start: 22px;
}

.partialrefundbar {
    background-color: #f8d561;
    color: #000;
}

.norefundbar {
    background-color: #db0502;
    color: #fff;
    padding-inline-end: 22px;
}

.refundleft {
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
}

.refundright {
    border-start-end-radius: 10px;
    border-end-end-radius: 10px;
}

.ref-to, .ref-from {
    position: absolute;
    top: 22px;
    z-index: 20;
    color: #000;
    font-weight: 400;
    font-size: 11px;
}

.ref-from {
    inset-inline-start: .2rem;
}

.ref-to {
    inset-inline-end: .2rem;
}

    .ref-to:after {
        border-inline-end: 2px dotted #000;
        height: 39px;
        position: absolute;
        content: '';
        inset-inline-end: -5px;
        inset-block-start: -24px;
        z-index: 20;
    }

.attractiondiv {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    gap: 13px;
    min-width: 171px;
    width: 25%;
    height: 140px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    border: 1px solid #DDDDDD;
}
.attractiondiv h4 {
    word-wrap: break-word;
    max-width: 112px;
}
.attractiondiv a.active{
    color: var(--btnhovertext);
    background: var(--gradient);
    border: 1px solid var(--altcolor) !important
}
/*----------pax details page---------*/
.pricerow{padding-bottom:.5rem;}

.pricerow span:first-child {
    flex-basis: 60%;
}

    .pricerow small {
        color: #666
    }

.paxhtlimg{
    border-start-start-radius: 16px;
    border-end-start-radius: 16px;
    height: 180px;
    width: 100%;
    object-fit: cover;
}
.confcardimg {
    border-start-start-radius: 16px;
    border-end-start-radius:0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.inptbox {
    position: relative;
    width: 100%;
    margin-bottom: .5rem;
}

    .inptbox label {
        width: 100%;
        display: flex;
        font-size: 13px;
        color: #555;
    }

.require {
    color: #ff0000;
    font-size: 14px;
    line-height:14px;
}

.frominput, .inptselect {
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size:16px;
    padding:10px;
    border-radius:8px;
    border: 1px solid #cacaca;
}

.borderdotted {
    border-bottom: 1px dashed #666;
}

.morereature {
    position: absolute;
    max-width: 300px;
    width: 100%;
    right: 0;
    top: 90%;
    border: 1px solid #e9e9e9;
    border-radius:var(--radius16);
    background-color: #fff;
    z-index: 100;
    padding: .5rem 1rem
}

.amenitiesauto {
    overflow: auto;
    max-height: 100px;
}

.mainbadge, .tpbadge {
    padding: 5px 0.8rem;
    font-size: 13px;
    margin-bottom: 8px;
    display: inline-flex;
    border-radius:var(--radius16);
    margin-inline-end: 8px;
}

.mx--3 {
    margin-inline-start: -.85rem;
    margin-inline-end: -.85rem;
}

.paxpopup {
    overflow: auto;
    max-height: 100%;
    height: 68vh;
}

/*----------------booking confirmation ------------------*/
.addbannerbox {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
    text-align: center;
}

    .addbannerbox img {
        max-width: 100%;
        max-height: 400px;
        object-fit: contain;
        border-radius:var(--radius16);
    }

.rotateicon {
    transform: rotate(-180deg);
    transition: all .2s ease;
}

.oddbtn .fillicon {
    fill: var(--maincolorbg);
}

.oddbtn:hover .fillicon {
    fill: var(--maincolortxt)
}

.oddbtn .strokeicon {
    stroke: var(--maincolorbg);
}

.oddbtn:hover .strokeicon {
    stroke: var(--maincolortxt)
}

.mainclrfill {
    fill: var(--maincolor);
}

.whitebtn {
    padding: .5rem 1rem;
    font-size: 15px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 25px;
    border: 1px solid #E9E9E9;
}

    .whitebtn:hover {
        background-color: var(--maincolorbg);
        color: var(--maincolortxt);
    }

    .whitebtn .whitebtnicon {
        stroke: #31261D;
    }

    .whitebtn:hover .whitebtnicon {
        stroke: var(--maincolortxt);
    }
.whitebtn.font-13{font-size:13px;}
.pricerow span {
    font-size: 13px;
}
.reundablebox.singlebar span{border-radius:10px;}
.singlebar::before, .singlebar::after{display:none}
.pack_shead{font-weight: 400;}

.filtertag{background:#fff; color:#1D1D1D; }
.filtertag svg path{fill:#1D1D1D !important}
.filtertag a{color:#1D1D1D; font-size: 23px; font-weight: 200;}
.topbtn {
    position: fixed;
    right: 20px;
    bottom:1.3rem;
    text-align: center;
    z-index: 99;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    width:40px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}
.topbtn.scll-top{opacity: 1; transition: ease-in 0.5s;}
.tarting_ul{list-style:none; padding:0; display:inline-block; margin:0; margin-inline-start:3px; line-height:13px;}
.tarting_ul li{display:inline-block; width:12px; height:12px;  vertical-align: middle; overflow:hidden; position:relative; background:#00AA6C; border-radius: 50%; border: 2px solid #00AA6C;}
.tarting_ul li.tarting_half:before{content: ""; position: absolute; right: 0px; top: 0; width: 50%; height: 100%; background: #fff;}
.tarting_ul li.tarting_zero:before{content: ""; position: absolute; right: 0px; top: 0; width: 100%; height: 100%; background: #fff;}
.tncModal .modal-header {
    padding-bottom: 15px !important;
    position: relative;
}

.tnc_content {
    overflow-y: auto;
    max-height: 50vh;
}

    .tnc_content canvas {
        width: 100%;
    }

.dtliconheading {flex-direction: row; display: flex;}
.dtlicon{display:flex; width:40px; margin-inline-end: .5rem; justify-content:center; align-items: flex-start;}
/*.dtlicon img{min-width:40px;}*/
.btn2 {font-weight:700; font-size:12px; text-align:center; cursor:pointer; border-radius:50px; padding:.6rem 1rem;}
.dtlbutton{display:inline-block; white-space:nowrap;}
.pricesection {
    background: #fff;
    padding: 1rem;
    border-radius:var(--radius16);
    box-shadow: 0px 10px 30px rgba(46, 47, 56, 0.15)
}

.opacity-5{
    opacity: 0.5;
}

.opacity-5-new {
    opacity: 0.5;
    cursor: default!important;
}

.price-tag {
    background-color: #fff;
    border-radius: 8px;
    color: #212529;
    font-size: 14px;
    padding: 5px 8px;
    position: relative;
    box-shadow: 0px 10px 30px rgba(46, 47, 56, 0.15);
    
}
.pricemap{padding-inline-start:0; font-weight:700;}
.mapstaricon{width:16px; height:16px;}
.price-tag::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}

    .price-tag.active {
       border-radius: 8px;
       font-size: 14px;
        padding: 8px 1rem;
        position: relative;
    }

    .price-tag.active::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translate(-50%, 0);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid var(--maincolor);
    }

[class$=api-load-alpha-banner] {
    display: none;
}

/*----------------My Bookings css------------------*/

.sortingtab{display: flex; justify-content: end; list-style: none; font-size:16px; margin-bottom: 0;}
.airlinelogo25{width:25px; height:25px; object-fit: contain; border-radius:4px;}
.statusbtn{padding:7px .5rem 7px .5rem; border-radius:5px; display: inline-block;font-size: 12px;line-height: 13px;}
.border-dotted{border-bottom:2px dashed #c9c9c9; background-color: transparent;}
.border-mdleft{border-inline-start:1px solid #ddd;}
.layover{position: relative; z-index: 10; background-color: #fff; padding:0 1rem; display: inline-flex; width:min(600px, 100%); justify-content: center; align-items: center; }
.layoverstopbox{background-color: #fff; padding: 1rem .5rem; text-align: center; line-height:16px;}
.layoverlinebooking{position: absolute; width: 80%; left: 0; right: 0; margin: auto; top: 50%;height: 1px; z-index: -1; border-bottom:1px dashed #d9d9d9;}
.layoverlinebooking:after, .layoverlinebooking:before{position: absolute; height:10px; width:10px; border-radius:15px; background-color: #d9d9d9; content:""; transform: translate(0, -50%);}
.layoverlinebooking:after{inset-inline-start:0; }
.layoverlinebooking:before{inset-inline-end:0;}
.layoverinfobox{padding:.5rem .8rem; margin-top:1rem; border: 1px solid #acd8d0; border-radius: 8px; background-color: #d5ece7; font-size: 13px; color: #1d1d1d; text-decoration: none solid rgb(29, 29, 29);}
.bookingtag{inset-inline-end:-.5rem;}

.sortingtab.nav-pills .nav-link.active, .sortingtab.nav-pills .show>.nav-link{ background-color: transparent; font-size:16px;} 
.sortingtab.nav-pills .nav-link.active{font-weight:700; border-bottom:2px solid currentColor; border-radius:0;}
.nobookingimg{width:min(400px, 100%);}
.border-bottom-grey{border-bottom: 1px solid #F2F2F2}
.requestbox{cursor:pointer;border-bottom:1px solid #f2f2f2; background-color: #f7f7f7; border-radius:10px; gap: 1rem; display: flex; align-items: center; justify-content: space-between; flex-shrink:1; padding:1rem; margin:.5rem 1rem;}
.fareruleoverflow{max-height:70vh; overflow-y: auto; overflow-x: hidden;}


/*------------Flight css----------*/
.rot_bx {
    position: relative;
    text-align: center;
    background: #fff;
    width: min(600px, 100%);
    margin: auto;
    border-radius: 70px 70px 0 0;
}
.flightbox {
    display: block;
    width: 83%;
    margin: auto;
}
.flightbody {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.flgtrow {
    display: table;
    width: 100%;
}

.innerrow {
    display: block;
    padding: 0 2px;
    text-align: center;
}
.seatrow {
    list-style: none;
    display: flex;
    margin: 0;
    gap: 5px;
    padding: 0;
    margin-bottom: .5rem;
}
.seatrow li {
    flex-grow: 1;
    height: 45px;
    border-radius: 3px;
    padding: 0 1px 1px;
    position: relative;
    width: 100%;
}
.openseat span, .dummyseat span {
    height: 100%;
    width: 100%;
    display: block;
    background: transparent;
}
.seatcol {
    border: 0;
    width: 26px;
    height: 26px !important;
    color: #999;
    border-top: 3px solid #999;
    font-size: 12px;
    border-radius: 0 !important;
    padding-top: .3rem !important;
    gap: 0;
}
.rot_bx:after {
    content: "";
    border-width: 35px 23px;
    position: absolute;
    right: 0;
    top: 0;
    border-style: solid;
    border-color: #e8ebe1 #e8ebe1 transparent transparent;
}

.rot_bx:before {
    content: "";
    border-width: 35px 23px;
    position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    border-color: #e8ebe1 transparent transparent #e8ebe1;
}
.rot_bx 
{
    height: inherit;
    padding-top: 15px;
}
.gallery {
    margin-inline-end:55px;
}

.gallery:after, .gallery:before {
    font-size:11px;
    content: attr(data-rowno);
    position: absolute;
    top: 30%;
    text-indent: 1px!important;
}

.gallery:after {
    margin-inline-end: 10%;
    right: -49px;
}
.gallery:before {
    margin-inline-end: 10%;
    right: -20px;
}

.seatcol.gallery:after, .seatcol.gallery:before{display:none;}
.gap-2p5{gap:0.7rem!important;}
.visibility-hdn{visibility:hidden;}
.loaderimg{margin:auto;background: transparent;display:block;}
.modalradius{border-radius:16px!important;}
.incompleteBookingInfo {
    border: 1px solid;
    margin-top: 12px;
    padding: 9px 13px;
    border-radius: 10px;
}
.pglogo{width:40px;height:24px;object-fit:contain;}
.not-selectable {
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}
@keyframes bounce {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-15px); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(-7px); }
  100% { transform: translateY(0); }
}

.bounce {
  animation: bounce 0.6s infinite;
}

/*------------Responsive css----------*/

@media (max-width: 1200px) {

    .newdatebox 
    {
        max-width: 200px;
    }
}


@media (max-width: 1024px) {


    .ul_col {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        padding-right: 10px;
    }

    .rd_bx {
        width: 100%;
    }

    .hotel_bx {
        margin: 5px 0;
    }

    .fbook_rht {
        padding: 15px 0;
    }

    .btnm {
        font-size: 14px;
        padding: 5px;
    }

    .promo_code input {
        height: 34px;
        width: calc(100% - 54px);
    }

    .inner_pages {
        padding: 15px;
    }

    .fpack_rht_inner {
        padding: 1rem;
    }
    /*.paginationClass.pnation{padding-left: 105px;}*/
    .farrow:before {
        width: 27px;
    }

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

    .formpax {
        border-inline-end: none;
    }

    .frombox_share {
        padding: 1rem 1rem 1.1rem;
    }

    .uid_hCityM {
        border: 0 !important;
        top: 20px !important;
        left:-0.5px !important;
        max-width: 87%;
        display: block !important;
        position:relative;
        background:transparent !important;
        max-height:60vh;
    }

    /* displaynone class should be after uid_hCityM */

    .displaynone {
        display: none !important;
    }

    .cityLoader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -90%);
        width: 150px;
        margin: auto;
    }

    .hotelSearchform, .flightSearchForm, .fhSearchform, .packageSearchForm{min-height:300px;}
}

@media (max-width: 992px) {
  
    ::-webkit-scrollbar {
        width: 0px;
        background: transparent;
        display: none;
        scrollbar-width: none;
    }

    .mob-100 {
        width: 100% !important;
    }

    .guestbox {
        width: 100%;
        border-inline-start: 1px solid #c9c9c9;
    }

    .border-inline-end-0 {
        border-inline-end: 0;
    }


    .leftradius {
        border-radius: 0;
    }

    .rightradius {
        border-radius: 0;
    }

    .farepopup {
        right: 0 !important;
        margin: 0 auto;
    }

    .mobnone {
        display: none;
    }


    .newfrmbox {
        width: 100%;
        max-width: 100%;
        padding: .5rem 0;
        border-bottom: 1px solid #e9e9e9;
        border-right: 0 !important;
    }

        .newfrmbox:last-child {
            border: none;
        }

    .nationalitybox, .full-width {
        width: 100%;
    }

    .hamburger {
        display: inline-block;
        margin-left: 1px;
        z-index: 222;
    }

    .newfrmbox:not(:last-child):after {
        display: none;
    }

    .hamburger.change .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.change .bar:nth-child(1) {
        transform: translateY(12px) rotate(45deg);
    }

    .hamburger.change .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .mobnav.active {
        display: inline-block;
    }

    /* .mobnav {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 222;
        top: 90px;
        max-width: 400px;
        overflow: auto;
        justify-content: center;
        display: flex;
        flex-wrap: nowrap;
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
    } */

    /* .main-nav {
        gap: .5rem;
        overflow: auto;
    } */
    .contiboxM, .hotelcityboxM, .featurehotelboxM{flex-shrink:0;}
    .contiboxM section{width:36vw; height:100%; padding:16px;}
    .featurehotelboxM {width:61vw;}
    .hotelcityboxM {width:36.5vw;}
    .pass_form {
        width: 100%;
    }
    .paxlabel{font-size:14px; font-weight:600;}
    .doverflow {
        overflow: auto;
        max-height: 63vh;
        flex-direction:row;
    }
    .gap-2p5{gap:0.7rem!important;}
    .recomended-imgbox {
        height:170px;
    }

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

    .formpax {
        border-inline-end: none;
    }

    .frombox_share {
        padding: 1rem;
    }

    .searchtab-content {
        padding: 20px;
    }

    .ul_col {
        column-count: 1;
    }

    .mfilter {
        display: block;
        margin-bottom: 0;
        padding: 5px 10px;
        border-radius: 4px 4px 0 0;
    }

        .mfilter .fa {
            float: right;
            margin-top: 4px;
        }

    .sortby_ul {
        margin-bottom: 10px;
    }

    .htlnamefrstltr, .userlikes, .htlheader, .hotelroompop .nav-tabs, .user_count {
        display: none;
    }

    .htldtlrow {
        margin-top: 8px;
    }

    #carouselImages .item img {
        height: 300px;
    }

    #hotelCarouselImages .item img {
        height: 300px;
    }

    .amenities li {
        width: 50%;
    }

    .row_hed_bg {
        display: none;
    }

    .pro_bx {
        width: 100%;
        text-align: right;
        padding-bottom: 20px;
    }

    .nav_ul {
        width: 100%;
        margin-bottom: 2px;
    }

        .nav_ul .nav-item {
            margin-bottom: -2px;
        }

    .wgpad {
        margin: 3px 0;
    }

    #hCityM + ul {
        border-radius: 0;
        width: 100%;
    }
    /*.pay_details {
        margin-top: 15px;
    }*/

    .ulbx_rht {
        width: 100%;
        padding-left: 0;
        border-left: 0;
    }
    .farepopup {
        width: 290px;
    }

    .ftime {
        width: 42%;
    }

    .ftype {
        width: 100%;
    }

    .fduraion small {
        width: 100%;
        display: block;
    }

    .mobiletable th, .mobiletable td {
        width: 100% !important;
        display: block;
        padding: 8px;
        word-break: break-all;
    }

    .mth, .mtdata {
        display: block;
    }

    .mth {
        margin-bottom: 0;
    }

    .mtnone {
        display: none;
    }

    .userlinkbox {
        top: 34px;
        right: 0px;
    }

    .headrght {
        display: flex
    }

        .headrght .full-width {
            display: inline-block;
            width: auto;
            margin-top: 0 !important;
        }



    .logo img {
        height: 58px;
        max-width: 100%;
    }

    .mscity {
        width: 51%;
    }

    .daresult {
        width: 100%;
    }

    .changebx {
        width: 50%;
    }

    .dapaxd {
        margin: 1px 0;
    }

    .mapoverflow {
        height: 100%;
        overflow: auto;
    }

    .mm-0 {
        margin: 0
    }



    .mob-width {
        width: 50%;
    }

    .roomname {
        max-width: 300px;
    }

    .nationalitybox {
        margin-top: 0;
    }

    .newcity, .nationalitybox, .newmoddatebox, .newguest, .newdatebox {
        width: 100%;
        max-width: 100%;
    }

    .newnights:after {
        top: 0;
        margin-left: -7px;
        left: auto;
        right: auto;
    }

    .flgtdatebox {
        max-width: 150px;
    }


    #goToTopBtn {
        display: none;
        position: fixed;
        z-index: 101;
        cursor: pointer;
        bottom: 100px;
        right: 30px;
    }

    .moreimg {
        font-size: .9rem;
    }

    .moreimg i {
        padding: 8px 8px 8px 0;
        font-size: 1rem;
    }

    .filterbtn {
        display: flex;
        flex-grow: 1;
        height: 45px;
        justify-content: center;
    }

    .mainbadge {
        white-space: nowrap;
        font-size:12px;
    }

    .filtercount {
        width: 28px;
        height: 28px;
        border-radius:var(--radius16);
        display: none;
        justify-content: center;
        align-items: center;
        margin-inline-start: 5px;
    }

    .filterbtn.selected .filtercount {
        display: flex;
    }

   

   
    #hotelStayDatesM.newpop-input {
        display: none;
    }

    .imgbox {
        height: 180px;
    }
    .frominput, .inptselect{line-height: 30px;}

    .stickybx .h-dash:after{display:none;}

    /*-----manage booking------*/
    .border-mdleft{border-block-start:1px solid #ddd; border-inline-start:0;}
    .layoverlinebooking{width:90%;}
    .requestbox{margin:0; background-color: transparent; border-radius:0;}
    .requestbox:last-child{border-bottom:0;}
}

@media (max-width: 767px) {
    .mob-100 {
        width: 100%
    }
    .separator{height:5px; background:#DDDDDD; margin-top:1rem; margin-bottom:1rem; }

    .guestbox {
        width: 50%;
        border-block-start: 1px solid #d9d9d9 !important;
        border-inline-start:0!important;
    }
    .guestbox+.guestbox{border-inline-end:0;}

    .border-inline-end-0 {
        border-inline-end: 0;
    }

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

    .frombox_share {
        border-inline-end: none;
        width: 50%;
    }

    .w-max-content {
        width: 100%;
    }

    .border-bottom-mob {
        border-bottom: 1px solid #e9e9e9;
    }
 

    .mlabel {
        display: block;
    }
    .navbar-collapse {
        position: absolute;
        width: 98%;
        max-width: 240px;
        padding: 15px;
        top: 48px;
        z-index: 100;
        border-radius: 5px;
    }



    .box_aside .media {
        flex-wrap: wrap;
    }



    .link_tab {
        font-size: 11px;
    }


    .actionbox {
        max-width: 220px;
    }

        .actionbox::after {
            top: 19px;
        }

    .ul_table {
        display: block;
        font-size: 14px;
    }

        .ul_table li {
            display: block;
            border-right: 0;
            padding: 8px;
        }

            .ul_table li:last-child {
                border-bottom: 0;
            }


    .rb_info span {
        width: 33%;
        float: left;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .searchtab {
        padding: 8px 15px;
    }

    .pd_head {
        font-size: 16px;
    }

    .mnone {
        display: none !important;
    }

    .mblock {
        display: block !important;
    }

    .form_lbl {
        margin-top: 15px;
    }

    .pack_table td {
        padding: 0 8px;
    }

    .pack_table tr:nth-child(odd) td:first-child {
        padding-top: 8px;
    }

    .pack_table tr:nth-child(odd) td:last-child {
        padding-bottom: 8px;
    }

    .pack_table tr {
        display: block;
        margin-bottom: 14px;
    }

    .tprice {
        font-size: 15px;
    }

    .pack_table tr:last-child td:last-child {
        border-bottom: 0;
    }

    .pack_table label.mblock {
        margin-bottom: 0;
    }

    .small_tab.nav-tabs .nav-link.active {
        border-radius: 5px;
    }

    #myTab .nav-item {
        width: auto;
    }

    .nav-tabs .nav-link {
        border-radius: 0;
    }

    .queuetab .nav-link {
        border-radius: 5px 5px 0 0;
    }

    .queuetab .nav-item {
        width: auto;
        margin: 0;
    }

    .col-lg-8.mbbx .p-2 {
        padding-bottom: 0 !important;
        border-right: 0 !important;
        text-align: left !important;
    }


    .mborder:last-child {
        border-bottom: 0 !important;
    }

    .hotelname {
        font-size: 18px;
    }

    .nav_ul .nav-item {
        width: 100%;
        font-size: 12px;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .nav-tabs .nav-link {
        padding: .5rem 1rem;
    }

        .nav-tabs .nav-link.active {
            padding: .5rem;
        }

    .nav-tabs.room_tab .nav-item {
        width: 100%;
        margin-right: 0;
    }

    .nochtabs .nav-link {
        width: 100%;
        text-align: left;
        padding: .5rem;
    }

        .nochtabs .nav-link.active:after {
            border: none;
        }

    .sortlist {
        position: static;
        border: none;
        box-shadow: none;
    }
    .mw-100 {
        width: 100%;
    }

    .flight_bx, .hotel_bx {
        display: block;
    }

        .flight_bx li, .hotel_bx li {
            display: block;
            text-align: center;
        }

            .flight_bx li:last-child {
                border-left: 0;
            }

        .hotel_bx li {
            border-right: 0;
        }

    .da_txt, .ch_time {
        width: 100%;
    }

    .lover_txt {
        display: none;
    }

    .fairport {
        width: 48%;
    }

    .ch_time {
        padding-top: 10px;
    }

    .price_combo {
        display: block;
        padding-bottom: 10px;
    }

    .selected_hotel {
        padding-top: 30px !important;
    }

    .fpack_rht {
        margin-top: 10px;
    }



    .searchtab-content {
        padding: 15px;
    }

    .edit_form_inner .col-md-4 .edit_input {
        margin-bottom: 10px;
    }

    .grey_table.table-bordered td {
        display: block;
    }

    .border_box h2 {
        font-size: 15px;
    }

    .badgebox {
        position: absolute;
        top: 1rem;
        z-index:10;
        padding:2px 8px;
        margin-block-end:1rem;
    }

    .rstar {
        padding-left: 0 !important;
    }

    .ftype {
        display: flex;
        width: 100%;
        padding-bottom: 10px;
    }

    .ftime {
        width: 40%;
    }

    .fduraion {
        padding-top: 10px;
    }

    .ftime b {
        font-size: 16px;
    }

    .con_details h4 .mycheck {
        display: block;
        width: 100%;
        padding-left: 0 !important;
    }

    .dtable tr td {
        width: 100%;
        display: block;
        padding: 4px 8px;
    }

    .act_btn {
        text-align: left;
    }

    .dtable a.edit_icon {
        display: block;
        text-align: center;
        padding: 4px 0;
        font-size: 17px;
        margin-bottom: 2px;
    }

    .pay_details {
        padding: 15px;
    }

        .pay_details .bg_grey {
            margin: 0 -13px;
        }

    .bor_lr {
        border-left: 0;
        border-right: 0;
    }

    .disc_ul {
        margin: 0;
    }

    .hotel_info h2 {
        font-size: 16px;
    }

    .rnhotel {
        display: block;
        float: inherit;
    }

    .searchtab-content .edit_form {
        padding: 16px 0 0;
    }

    .filter_bx label {
        font-size: 1.1rem;
    }

    .fp_time {
        font-size: 16px;
        padding-top: 15px;
    }

    .fp_amen {
        font-size: 18px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .mtable tr td {
        display: block;
        width: 100%;
        border-left: 0;
        border-bottom: 0;
    }

    .sqbx {
        width: 20px;
        height: 20px;
    }

    .example-image-link {
        width: 89px;
        width: calc(100% / 4 - 8px);
    }

    .navtop:not(:last-child)::after {
        content: '' !important;
        left: 0 !important;
        width: 100%;
        display: block;
        top: 4px;
    }

    .mobbooking {
        text-align: center;
        margin-bottom: 10px;
    }

    .pro_bx {
        text-align: center;
    }

    .addCardIframe {
        width: 100%;
        max-width: 320px;
    }

    .amenities label {
        width: 100%;
    }

    .pack_img {
        border-radius: 15px 15px 0 0;
        max-height:250px;
    }

    .cancellationpopup {
        max-width: 260px;
    }

        .cancellationpopup .container-xl {
            padding: 0 12px !important;
            font-size: 11px;
        }

        .cancellationpopup .cancelheading {
            font-size: 15px;
        }

    .paginationClass.pnation {
        margin-bottom: 10px !important
    }

    .modifybox {
        flex-wrap: wrap;
    }

    .mscity {
        width: 100%;
        margin-bottom: 0.5%;
    }

    .fpack_rht_inner {
        border-top: 1px solid #e0e0e0;
    }
    .mscity div {
        max-width: calc(50% - 9px);
    }

    .RoomimgpopupM img{max-height:250px;}

    .fairport.mrht {
        text-align: right;
    }
    .newfpack_rht {
        border-left: none;
    }
    .dacnt h4 {
        font-size: 14px;
    }

    .daftime {
        width: 100%;
    }

    .dacnt {
        padding: 10px;
    }

    .daficon {
        width: 45px;
        font-size: 24px;
    }

    .dacnt {
        width: calc(100% - 45px);
    }

    .btnm {
        font-size: 16px;
    }

    .fhbokking .fhbda .fa {
        margin-left: -22px;
        margin-right: 43px;
    }

        .fhbokking .fhbda .fa.flipxicon {
            margin-left: 15px;
            margin-right: 1px;
        }

    .fhbokking .dacnt {
        border-left: 0;
    }

    .mnav {
        margin-bottom: 5px;
    }

    .scrollbx .main_footer {
        padding-bottom: 80px;
    }

    .sortby_ul li:first-child {
        padding: 0px;
    }

    .queueimgbox {
        margin-inline-end: 0;
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .pack_rht {
        margin: auto;
    }
    .tpmAutocomplete{max-width:100%;}
    .namefilterM .tpmAutocomplete { top: 91px!important; max-height: 200px; border:0!important;}
    .newcity, .nationalitybox, .newmoddatebox, .newguest, .newdatebox {
        width: 100%;
        max-width: 100%;
    }
    .onlydeskwhitebox{background:transparent; box-shadow:none;}
    .lessbox:after{display:none;}
    .newnights:after {
        border-bottom: 2px solid #c6c6c6;
        border-left: none;
        top: 78px;
        margin-left: 0;
        width: 100%;
        text-align: center;
        left: 0;
        height: 2px;
    }

    .flgtdatebox {
        max-width: 50%;
    }

    .flightguest {
        width: 100%;
    }

    .inputExchange {
        margin-top: -15px;
        left: 50%;
        top: 100%;
    }

    a[id^="linkMap-"] {
        background: rgba(0,0,0,.5);
        position: absolute;
        inset-inline-end: 1rem;
        inset-block-start: 1rem;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        a[id^="linkMap-"].svg {
            stroke: #fff;
        }

        a[id^="linkMap-"] small {
            display: none !important;
        }

    .showDeal::after, .showDeal::before {
        width: 30%;
    }

    .fulltooltip {
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .paxhtlimg {
        width: 100%;
        height: 110px;
    }
    .confcardimg{width:100%; height:165px; border-radius:16px 16px 0 0;}

    .h-dash, .h-dashnew{position:relative;}
    .h-dash:after, .h-dashnew:after {position: absolute;height: 25px; border-inline-end: 2px dashed #333; content: "";}
    .h-dash:after {left: 14px; top: 32px;}
    .h-dashnew:after { left: 10px; top: 26px;}

    
    .calbx_inner{display:flex; justify-content:space-between; width:100%}
    .calbx_inner .datebox{width:auto !important}
    .frombox_share.calbx label{    color: #222;
    font-size: 14px;
    font-weight: 400;}
    .calbx:first-child:before {
        content: "";
        position: absolute;
        top: 43px;
        left: 26.5px;
        width: 1px;
        height: 21px;
        background: #eff0f2;
        border-right: 2px dotted #666666;
    }
    .calbx svg, .dificon svg{width:22px !important; height:22px !important; stroke:#666666 !important}
    .dificon svg path{stroke:#666666 !important}
    .dificon:last-of-type{    text-align: right;}
 
    .shotel .frombox_share:not(:last-child){border-bottom: 1px solid #E9E7E5;}
    searchpop.datepop{padding: 0.7rem;}
    .inptbox label {font-size:12px;}
    .frominput, .inptselect{height:25px;}
    /*.searchpop.datepop{padding: 0.7rem; height: calc(100% - 42px);}
    .popOpen{height: calc(100% - 50px);}*/
    .datepop .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .datepop .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .datepop .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
        box-shadow: 0 0 0 !important;
        -webkit-box-shadow: 0 0 0 !important;
        border-radius: 50px !important;
    }
    #hAddRoomM, #hGuestDoneBtnM{font-weight:bold}
    #hAddRoomM:hover{border: 1px solid #d9d9d9; background:transparent; color: var(--maincolor);}
    .sortlist li{padding: 20px 0rem 20px 0px; font-size: 16px;}
    .sortlist li.active:after{width: 25px; line-height: 43px; inset-block-start: 20px; inset-inline-end: 0;
    height: 25px;}
    .filtercount{width: 21px;  height: 21px;}
    .roomselected { border-start-end-radius: 0;}
    .frominput, .inptselect {
        padding: 0;
        border-radius: 0;
        border:0;
        border-bottom: 1px solid #cacaca;
    }

    .msmbtn{font-size: calc(1.1rem + .3vw)!important;} 
    .attractiondiv{height: initial; padding:1rem; margin: 8px 0; box-shadow: 0px 1px 3px #ccc;}
    .sticky-md-top .newsubheading{line-height: 18px; margin-bottom: 0 !important;}
    .h-250{height:250px;}
    .ptxt{font-size: 18px; font-weight: bold;}
    .datebox_desk{display:flex; justify-content:space-between; align-items:center; gap:.5rem; flex-direction:row; width:100%;}
    .pricesection {
        border-radius:0;
        box-shadow: 0;
    }
}




/*-------------------------------Add new css-------------------------*/
.my_12{margin-block: 12px;}
.mt-12{margin-top: 12px;}
.mt-13{margin-top: 13px;}
.mt-18{margin-top: 18px;}
.mt-32{margin-top: 32px;}
.mb_77{margin-bottom: 77px;}
.mb-22{margin-bottom: 22px;}
.mb-24{margin-bottom: 24px;}
.mb-20{margin-bottom: 20px;}
.py-11{padding-block: 12px !important;}
.py-12{padding-block: 12px !important;}
.py-10{padding-block: 10px;}
.py-18{padding-block: 18px;}
.lh-18{line-height: 18px;}
.lh-22{line-height: 22px;}
.lh-normal{line-height: normal;}
.mb-37{margin-bottom: 37px;}
.p-12{padding: 12px;}
.text-gradient{background: var(--textgradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-gradient-dark{background: var(--textgradient);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text_alert{color: var(--maincolor);}
.w-90{min-width: 90px;}
.w-110{width: 110px;}
.bg_gray{background-color:#DDDDDD;}
.mb_6{margin-bottom: 6px;}
.mb_4{margin-bottom: 4px;}
.pb-24{padding-bottom: 24px;}
.pt-32{padding-top: 32px;}
.text_danger{color: #E23636;}
.pe-10{padding-right: 10px;}
.py-24{padding-block: 24px;}
.gap-12{gap: 12px;}
.text-pinkDark{color: var(--maincolor);}
.gap-8{gap: 8px;}
.gap_2{gap: 2px;}
.pb-44{padding-bottom: 44px;}
.minHeigh120{min-height: 120px;}
.outlinemain{border-radius:var(--radius24);  border: 1px solid #D2D2D2; padding: 24px 20px; background: #FFF;}
.text-green{color: #08A170;}
.ps-20{padding-left: 20px;}
.ms-22{margin-left: 22px;}
.px-16{padding-inline: 16px;}


.bgblue100{background-color: #BFEAF8 !important;}
.text-gray100{color: #4D4D4D !important;}
.Languages{right: 0; border-radius: 12px; width: 300px;z-index: 99999;}
.Languages li h6, .profileMenu ul li small {color: var(--maincolor);}
.languageOption select{padding-block: 6px; border-radius: 100px;border-color: var(--gray200); background-position: left 5px center;
    padding: 5px 11px 5px 28px;width: auto;}
.languageOption select:focus{box-shadow: unset;outline: unset;border-color: var(--gray200);}
.languageOption select.regIcon::after{ content: " "; position: absolute; background: url('../../images/imagesDesktop/UAE.png');}

.departureLines::before{ position: absolute;height:90%;width:1px;content: ""; top:29px; left:19px;border-left: 2px dotted #d9d9d9;}
.exchange_destination {position: absolute;right: -19px;padding: 5px;cursor: pointer;z-index:10;}
.exchange_destination img{box-shadow:0 0 3px -1px rgb(145 144 144); border-radius: 47px;}
.tab_bg{background-color: transparent;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.mb_14{margin-bottom: 14px;}
.my_9{margin-top: 9px;}
.mt_2{margin-top: 2px;}
.topNavCollapse{box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.25);}
.profileMenu ul{right: 0; border-radius: 13px;z-index: 1299; top:40px; }
.profileMenu ul li h6, .profileMenu ul li small{color: var(--maincolor);}
.profileitem li a{color: var(--gray100); font-size: 13px; font-weight: 400;}
.addSpace{background-color: var(--gray200); border-radius: 12px; height: 90px;}
.addSpace.addRightCol{height: 296px;}
.swiper-container { width: 100%;}
.swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.svgstroke{stroke:var(--maincolor);}
/*.trending-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url('../../images/imagesDesktop/leftArrow.png') no-repeat; height: 32px;width: 32px; background-color: #ffffff94; border-radius: 10px;
    background-position: center;
}
.trending-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url('../../images/imagesDesktop/righArrow.png') no-repeat; height: 32px; width: 32px; background-color: #ffffff94; border-radius: 10px;
    background-position: center;
}*/

.fslbtn, .hslbtn, .fsrbtn, .hsrbtn {
    height: 32px;
    width: 32px;
    background-color: var(--altcolor);
    border-radius: 10px;
    background-position: center;
    position: absolute;
    z-index: 10;
    opacity: 0.8;
    top: 33%;
    box-shadow: 0px 0px 10px 10px #fff;
}
.fslbtn, .hslbtn {
    background-image: url('../../images/imagesDesktop/leftArrow.png');
    left: 0;
    background-repeat: no-repeat;
}
.fsrbtn, .hsrbtn {
    background-image: url('../../images/imagesDesktop/righArrow.png');
    right: 0;
    background-repeat: no-repeat;
}
.recommendedSwiperH .fslbtn, .recommendedSwiperH .hslbtn, .recommendedSwiperH .fsrbtn, .recommendedSwiperH .hsrbtn {
    top: 46%;
}

.trendingSwiperH .fslbtn, .trendingSwiperH .hslbtn, .trendingSwiperH .fsrbtn, .trendingSwiperH .hsrbtn {
    top: 33%;
}

.searchItem.min-Ht320 {
    min-height: 320px;
}
.searchItem{position: absolute;display: none;right: 0;z-index: 1030;top: 66px;width: 100%;max-width: 100%;padding: 15px;border-radius: 0 0 10px 10px;list-style: none;
    background: #fff; box-shadow: 0px 8.241758346557617px 24.72527503967285px 0px #2E2F3826;
}
.searchItem li{font-size: 12px; font-weight: 400;}
.searchItem li span small{font-size: 10px; font-weight: 400; color: #666;}
.searchItem li .subItem{list-style: none; padding-left: 24px;}
.searchItem li .subItem li:not(:last-child){margin-bottom: 8px;}
.searchItem li.searchLoader{display: flex; justify-content: center; min-height: 290px; align-items: center;}
.searchItem li.searchLoader svg{ animation: rotation 2s linear infinite;}
@keyframes rotation {
    from{transform: rotate(0deg);}
    to{transform: rotate(359deg);}
}
.SearchColumn{padding:14px;background-color:#fff;border-radius: 12px; color:var(--dark400);border: 1px solid transparent;transition: border;cursor:pointer;}
.SearchColumn small{color: var(--gray100);}
.SearchColumn:hover{border-color:var(--maincolor);}
.PopUpModal .modal-content{border-radius: 20px;}
.PopUpModal .modal-content button{background-color: #1D1D1D1A; border: unset; border-radius: 8px; padding: 9px; height: 34px;line-height: 16px; position: absolute;right: 0;top: 0;}
.PopUpModalTabby .modal-content{border-radius: 20px;}
.PopUpModalTabby .modal-content button{background-color: #1D1D1D1A; border: unset; border-radius: 8px; padding: 9px; height: 34px;line-height: 16px;}

.cabinButton{background-color: #1d1d1d0f; color: var(--dark400); border: unset; border-radius: 20px; padding: 5px 15px;flex-grow:1;}
.cabinButton.active{background: var(--gradient); color: var(--btnhovertext);}
.searchLoading{padding: 24px; border-radius:var(--radius24); background-color: var(--whitebg); width: min(668px, 100%); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.searchLoading h3{font-size: 24px; line-height: 28px;}
.searchLoading .layoverlinebooking { border-bottom: 1px dashed var(--dark400);}
.text-gray{color: #666;}
.text_white{color: #fff;}
.text-dark{color: var(--dark);}
.text-gray-light{color: var(--gray50);}
.border2{border: 2px solid #dddddd;}
.searchLoading .layoverlinebooking::after, .searchLoading .layoverlinebooking::before{background-color: var(--dark400);}
.search_fhotel.asidecol{background-color: var(--whitebg); border-radius:var(--radius24); padding: 16px;}
.showBtn{color: var(--maincolor);background-color: transparent;border: unset; padding: 0;}
/*.ui-widget.ui-widget-content{width: 90% !important;}*/
.timeShow{position: relative;font-size: 13px;}
.timeShow .timeRow{position: relative; width: min(100px, 100%);margin: auto;}
.timeShow .timeRow svg{margin-inline-start: 70px;}
.timeShow .innerMain{z-index: 999;right: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.timeShow .timeRow::before{position: absolute;content: " ";width: min(54px, 100%);height: 0.5pt; background-color: #666;top:10px;left: 21%;}
.-ml12{margin-left: -12px;}
.timeShow .timeRow.stopDot::after{content: ""; position: absolute; position: absolute; width: 4px;
    height: 4px; background-color: #666; top: 1px; bottom: 0; left: 0; right: 0; border-radius: 100px; margin: auto;
}
.box_aside.no_shadow{filter: unset;}
.layoverSet{position: relative;}
.layoverSet .layoverinfobox::before{content: " "; position: absolute; width: 2px; height: 140px; border-left: 1px dashed #c7c7c7; left: -5px; top: -35px;}
.cheveropRotate:after {
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    transition: 0.4s ease-in-out;
    height: 17px;
    content: '\f078';
    font: normal normal normal 14px / 1 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 0.8px #fff;
}
.cheveropRotate[aria-expanded="true"]:after{transform: rotate(180deg);background-repeat: no-repeat;}
.cheveropRotate2:after {
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    transition: 0.4s ease-in-out;
    height: 17px;
    content: '\f078';
    font: normal normal normal 14px / 1 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 0.8px #fff;
}
.cheveropRotate2[aria-expanded="true"]:after{transform: rotate(180deg);background-repeat: no-repeat;}
.box_aside_scroll{max-height: 217px; overflow-y: auto;}
.box_aside_scroll::-webkit-scrollbar {width: 6px;}
.box_aside_scroll::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 8px; border: 1px solid #B5B5B5;}
.box_aside_scroll::-webkit-scrollbar-thumb {background: #B5B5B5; border-radius: 8px;}
.box_aside_scroll::-webkit-scrollbar-thumb:hover {background: #B5B5B5;}

.box_aside_scroll_2{max-height: 217px; overflow-y: auto;}
.box_aside_scroll_2::-webkit-scrollbar {width: 6px;}
.box_aside_scroll_2::-webkit-scrollbar-track {background: transparent;border-radius: 8px; border: 1px solid transparent;}
.box_aside_scroll_2::-webkit-scrollbar-thumb {background: transparent; border-radius: 8px;}
.box_aside_scroll_2::-webkit-scrollbar-thumb:hover {background: #B5B5B5;}
.box_aside_scroll_2:hover.box_aside_scroll_2::-webkit-scrollbar-thumb {background: #b5b5b56b;}
.box_aside_scroll.scrilWdth{min-height:88vh;}

.box_aside_scroll_3{max-height: 315px; overflow-y: auto;}
.box_aside_scroll_3::-webkit-scrollbar {width: 6px;}
.box_aside_scroll_3::-webkit-scrollbar-track {background: transparent;border-radius: 8px; border: 1px solid transparent;}
.box_aside_scroll_3::-webkit-scrollbar-thumb {background: transparent; border-radius: 8px;}
.box_aside_scroll_3::-webkit-scrollbar-thumb:hover {background: #B5B5B5;}
.box_aside_scroll_3:hover.box_aside_scroll_3::-webkit-scrollbar-thumb {background: #b5b5b56b;}

.normal_scroller{overflow-y: auto;}
.normal_scroller::-webkit-scrollbar {width: 6px;}
.normal_scroller::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 8px; border: 1px solid #B5B5B5;}
.normal_scroller::-webkit-scrollbar-thumb {background: #B5B5B5; border-radius: 8px;}
.normal_scroller::-webkit-scrollbar-thumb:hover {background: #B5B5B5;}

.radio_custom_label{position: relative;padding: 12px;width:100%;cursor:pointer;}
.radio_custom {display: none; position: relative;}
.radio_custom + .radio_custom_label:before {content: ''; background: #fff; border: 2px solid var(--maincolor); display: inline-block; vertical-align: middle; width: 16px; height: 16px;}
.radio_custom + .radio_custom_label:before {border-radius: 50%; position: absolute;top: 18px;}
.radio_custom:checked + .radio_custom_label:before {background: var(--maincolor); box-shadow: inset 0px 0px 0px 2px #fff;}
.radio_custom:checked + .radio_custom_label {outline: 2px solid var(--maincolor);}

/* .box_aside_scroll:hover.box_aside_scroll::-webkit-scrollbar-track{border: 1px solid #B5B5B5;} */

/*---domestic search---*/
.domesticSearch{border: 1px solid #DDD; background: #FFF;}
.DomHeader{border-bottom: 1px solid #DDD;border-radius: 12px 12px 0 0;}
/*.DomHeader.active{border: 1px solid #B5064D; background: rgba(225, 91, 91, 0.45);}*/
.DomHeader.active .selctCat{background-color: #fff;}
.destItem h1{color: #1D1D1D; margin-bottom: 8px;}
.selctCat{padding: 10px 12px; border: 1px solid rgba(29, 29, 29, 0.10); background:#FFF;cursor:pointer;}
.selctCat:focus{outline: none;}
.selctCat { min-width: 101px; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1.41 0.294922L6 4.87492L10.59 0.294922L12 1.70492L6 7.70492L0 1.70492L1.41 0.294922Z' fill='black'/></svg>");
    background-repeat: no-repeat; background-position-x: 85.5%; background-position-y: 15px; border: 1px solid  rgba(29, 29, 29, 0.10); background-color:#F2F2F2;
}
.outBdn{border-image: var(--gradient) 1; border-bottom-width: 4px; border-bottom-style: solid;}
.grayLight{color: #4D4D4D;}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 86px;
    white-space: nowrap;
    min-width: 100%;
}

.textEllipsisBig {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 113px;
    white-space: nowrap;
    min-width: 100%;
}

.minHeignt100{min-height: 100vh;}
.minHeignt60{min-height: 60vh;}
.minHeignt38{min-height: 38vh;}
.minHeignt40{min-height: 40vh;}
.minHeight90{min-height: 90vh;}
.minHeight88{min-height: 88vh;}
.top-105{top: 105px; z-index: 9;}
.top-109{top: 109px; z-index: 9;}
.top-129{top: 129px; z-index: 9;}
.top-150{top: 150px; z-index: 9;}
.top-172{top: 172px; z-index: 9;}
.top-183{top: 183px; z-index: 9;}
.top-133{top: 133px; z-index: 9;}
.top-10{top: 10px; z-index: 9;}
.p-16{padding: 16px;}
.pointToggle{background-color: var(--whitebg);border: 1px solid #E9E7E5;padding-block: 10px;padding-inline: 20px;border-radius: 12px;color: var(--dark400);display: inline-flex;}
.pointToggle span{width: 32px;height: 22px;background-color: #D3D3D3;border-radius: 30px; display: inline-block;}
.pointToggle span.active{/*text-align: right !important;*/background-color: var(--maincolorbg);}
.pointToggle span.active svg { transform: translateX(65%); }
.pointToggle span svg { transition: .2s ease; }

.errorMessage{background-color: var(--whitebg);border-radius:var(--radius24);padding: 35px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;}
.errorMessage.w-610{width: min(610px, 93%);}
.errorMessage.w-500{width: min(500px, 93%);}
.errorMessage.w-410{width: min(410px, 93%);}
.top_Set{top: 28%;}
.bookingFailed.w-420{width: min(420px, 93%);}
.bookingFailed.w-350{width: min(350px, 93%);}
.bookingFailed.w-455{width: min(455px, 93%);}
.btn_yellow.btn_whiteBg{color: var(--maincolor) !important; background: var(--whitebg) !important;}

/*------passenenter detail css------*/
.passenenterTab li a{color: var(--gray100); background: var(--whitebg); border: 1px solid var(--btnhovertext); border-radius:var(--radius16);}
.passenenterTab li a.active{background-image: var(--gradient); color: var(--btnhovertext);}
.hr_Line{border-top: 2px solid #DDDDDD;}
.inputField{color: var(--gray-light); border-bottom:1px solid #E0DFDD; border-inline: 0; border-top: 0; width: 100%;}
.select-form:focus{box-shadow: unset; outline: unset; border-color: #E0DFDD;}
.inputField{padding:3px 0 4px 0; color: #000;border-radius: 0;}
.radius-8{border-radius:var(--radius8);}
.radius-16{border-radius:var(--radius16);}
.radius-12{border-radius:var(--radius12);}
.radius-24{border-radius:var(--radius24);}
.radius-bottom {
    border-radius: 0 0 var(--radius24) var(--radius24);
}

.underline{border-bottom: 1px solid;}
.max-width-220{max-width: 220px;}
.oddbtn-btn{background-color: #D5ECE7; color: var(--dark400);padding: 3px 8px 1px;}
.otbndBtn{color: var(--dark400); padding: 1px 8px 1px; border-radius: 4px; border: 1px solid #000;}
.seat_No{border: 1px solid #000; border-radius: 4px; padding: 6px 6px 2px; padding-inline: 6px; line-height: 24px;}
.seatSelectedRow{border-radius: 8px; padding: 8px 12px;}
.seatSelectedRow:not(:last-child){margin-bottom: 12px;}
.seatSelectedRow.active{background: #DEF;color: #242424;}
.seatBkdRow{padding: 14px 12px;}

.bigcheck.lftCheckbox label::before, .bigcheck.lftCheckbox label::after{left: 0; top: -1px;}
.lftCheckbox label{color: var(--dark400); font-size: 13px;}

.paxdots{width:min(180px, 30%); gap:5px; padding:.5rem 0;}
.paxdots span{height:3px; flex-grow:1; background-color:#C7C7C7; margin:5px 0;}
.paxdots span.active{background-color: var(--maincolor);}
.paxflight{flex-grow: 1; text-align: center; margin: 0 2rem; position: relative;}
.paxflight::after{content: ""; height: 1px; width: 100%; position: absolute; background-color: #666; left:-50%; top:10px; transform: translate(50%, 50%);}
.flighticonwithbg{background-color:#fff; position: relative; z-index:100;}
.imgboxextra{height:120px; width:100%;}
.checkdisabled label::before {background-color: #d4d3d3 !important; border-color:#bdbdbd;}
.checkdisabled label{color:#666; pointer-events: none;}
.baggagebox{height: auto; min-width:160px;}
.seatpopup{min-height:300px; height: auto; opacity: 1; bottom: 0; z-index: 1300;}
.offwhitebox.active{border: 2px solid var(--maincolor) !important;}
.edit_btn{border: 1px solid var(--altcolor); border-radius:var(--btn-border-radius); padding: 6px 24px; line-height: 13px;}
.edit_btn.active{background: var(--altcolor); background: var(--gradient); color: var(--maincolortxtalt) !important;}
.border1{border: 1px solid #EDEDED;}
.btn_black{background-color: #000; width: min(335px, 100%);}
.angleRotate:after {
    content: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" xmlns="http://www.w3.org/2000/svg"><path class="svgstroke" d="M13 1L7 7L1 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat;
    position: absolute;
    right: 19px;
    top: 19px;
    transform: rotate(0deg);
    transition: 0.4s ease-in-out;
    height: 17px;
}
.angleRotate[aria-expanded="true"]:after{transform: rotate(180deg);background-repeat: no-repeat; top:20px;}

.paymentMethod{border: 2px solid #DDDDDD; border-radius:var(--radius16);overflow: hidden;}
.paymentRow{padding: 16px 20px;}
.paymentRow.active{background-color: #EDEDED;}
.paymentRow:hover{background-color: #EDEDED;}
.paymentRow input[type='radio'] {
    accent-color: #1C1B1F;
}
.addRow{padding: 12px 20px;}
.text_gray{color: #05141CA6;}
.text_brown{color: #98938E;}
.aedInput{position: relative;}
.aedInput input{padding-left: 44px;font-size: 32px;}
.aedInput span{position: absolute;bottom: 3px;}
.w-40{width: 40px !important;}
.h-25{height: 25px !important;}
.btn_dissable{background: var(--btndisable); border-color: var(--maincolor); color: #fff;pointer-events:none;opacity:0.5;}
.btn_enable{background: var(--btnenable); border-color: var(--maincolor); color: #fff;}
.gray_dissable{background-color: #00000059;}
.top-9{top: 9px;}
.paymentBtn input{border: 1px solid #A8A198;border-radius: 8px;width: 105px;height: 35px;padding: 8px;}
.paymentBtn span{position: absolute;right:28px ;}
.payWithTabby{background: var(--Other-Brands-Tabby, linear-gradient(90deg, #3BFF9D 0%, #3BFFC8 100%));}
.editcolumn{position: relative;}
.editcolumn input{border: 1px solid #504DB2; border-radius: 6px; padding: 7px 12px;width: min(190px, 100%);}
.editcolumn .editIcon{position: absolute; right: 13px; top: 8px;}
.text_blue100{color: #5F5EE0;}
.text_gray200{color: #54545B;}
.paycolumn{padding: 15px 24px;}
.list-decimal{list-style: decimal;}
.border-gradient{border: 2px solid var(--maincolor);background: #fff;}
.border-gray{border-radius: 100px;border: 2px solid #E9E9E9;background:#FFF;}
.blue_gradient{background: linear-gradient(143deg, #00ADE3 -9.27%, #0A99C9 113.98%) !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);}
    
.radius-100{border-radius: 100px;}
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}
.shareBtn{padding: 11px 28px;}
.bookbtn{border: 1px solid #fff; background-color:transparent;padding: 7px 12px;min-width: 137px;margin-top: 12px;}
.p-24{padding: 24px;}
.planeRow{
    background: url(../../images/imagesDesktop/cloudLeft.png), lightgray 50% / cover no-repeat, url(../../images/imagesDesktop/cloudRight.png), lightgray 50% / cover no-repeat;
    background-blend-mode: screen, normal;
}
.bg_red{background:var(--gradient);}
.mobCode{position: relative;}
.mobCode input{padding-left: 23px;}
/*.mobCode span{position: absolute; bottom: 9px;left: 10px;}*/
.pd_3{padding: 3px 8px 3px 8px;}
.radius_bottom{border-radius: 0 0 calc(var(--radius24) - 1px) calc(var(--radius24) - 1px);}
.pd_inline{padding-inline:12px;}
.h-center{display:flex;min-height:70vh;justify-content:center;}
.m-1p5 {margin: calc(0.25rem * 1.5);}
.rotate180{transform:rotate(180deg)!important;}
.w-200px {width: 200px !important;}
.formpaxflgt{flex-basis:19%}
.modal-open{overflow:hidden!important;}

/*--mytrip csss--*/
.mybookingTb{border-bottom: 1px solid #DDD; padding: 24px 24px 16px 24px;}
.bookingIdSrch{min-width: 251px;}
.bookingIdSrch .form-control {border-radius: 8px;border: 1px solid #666; background: var(--whitebg); color: #666; font-size: 12px; padding: 6px 12px 6px 35px;}
.bookingIdSrch .form-control:focus{outline: none;box-shadow: none;}
.bookingIdSrch .form-control-feedback { position: absolute; line-height: 20px; top: 5px; left: 8px;}
.ratingItem{min-height: 93px;}
.tripFlight {border-radius: var(--radius24) 0px 0px var(--radius24); height: 100%;object-fit: cover;}
.myBookingBrdcum{border-radius:var(--radius16); background: #FFF;padding: 16px 24px; column-gap: 30px;}
.bookingConfirmed{background-color: #2EC2F0; color: #fff; border-radius: 4px; padding: 5px 8px; line-height: normal;}
.bookingConfirmed:hover{background-color:#2EC2F0; color: #fff;}
.box_aside.active{background: rgba(246, 100, 92, 0.10) !important;}
 
.mainDiv{display: flex; column-gap: 12px; padding-inline: 16px;padding-block: 12px;}
.mainDiv .offwhitebox{flex: 1; height: 100%; min-height: 250px;}
.mainDiv .offwhitebox.active{flex: 2;max-width: 375.2px;}
.cheveropRotate3{margin-left: 14px; border: 0; background: transparent; margin-top: 3px;}
.cheveropRotate3:after {content: url(../images/chevron-up.png); background-repeat: no-repeat; position: absolute; right: 0; top: 0; -webkit-transform: scaleY(-1);transform: scaleY(-1); transition: 0.4s ease-in-out; height: 17px;}
.cheveropRotate3[aria-expanded="true"]:after{ -webkit-transform: scaleY(1);transform: scaleY(1);background-repeat: no-repeat;}
.cheveropRotate4{margin-left: 14px; border: 0; background: transparent; margin-top: 3px;}
.cheveropRotate4:after {content: url(../../images/imagesDesktop/chevron-up.png); background-repeat: no-repeat; position: absolute; right: 0; top: 0; -webkit-transform: scaleY(-1);transform: scaleY(-1); transition: 0.4s ease-in-out; height: 17px;}
.cheveropRotate4[aria-expanded="true"]:after{ -webkit-transform: scaleY(1);transform: scaleY(1);background-repeat: no-repeat;}
 
.option_selector{display: none;}
#option_data{padding-left: 0px;  margin: 0;}
#option_data img, .selectResource img{ width: 16px;}
#option_data li{list-style: none; padding-top: 5px; padding-bottom: 5px; cursor: pointer; color: var(--dark400);}
#option_data li:not(:last-child){border-bottom: 1px solid #d9d9d9;}
#option_data li svg{margin: 5px;}
.selectResource{height: 31px; border: 1px solid; padding-block: 6px; border-color: var(--maincolor); background-color: var(--whitebg); color: var(--maincolor); padding: 6px 12px; min-width: 106px; border-radius: 10px;cursor: pointer;}
#option_data li span, .selectResource li span{line-height: normal;}
#option_data li span{bottom: 9px;}
.option_selected{display: none; width: 100%; max-width: 350px; border: 1px solid #666; border-radius: 5px; background-color: #fff; z-index: 9;}
.open{display: show !important;}
.selectResource li{list-style: none; padding-bottom: 0px; display: flex; align-items: center; gap: 6px;}
.selectResource:hover li{margin-left: 0px;}
.selectResource{position: relative;}
/*.selectResource::before{content: ""; background-image: url('../../images/imagesDesktop/chevron-down.svg'); height: 14px; width: 14px; background-repeat: no-repeat; position: absolute; right: 11px; top: 7px; background-position: center;}*/
.selectResource::before {
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 7px;
    height: 14px;
    content: '\f078';
    font: normal normal normal 14px / 1 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 0.8px #fff;
}
.textEllipsisLg {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pbalbx {
    border: 1px solid var(--whitebg);
    border-radius:var(--radius24);
    padding: 3px 10px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
}
.borderhmobgreen:after {
    position: absolute;
    height: 20px;
    border-inline-end: 2px dotted #28AD83;
    content: "";
    left: 24px;
    top: 43px;
}
.box_aside.py18 {
    padding-block: 18px;
}

/* Animated border for result wrapper */
.persistent-border {
    border: 2px solid #ccc;
}

/* Animated pink border effect */
.animated-border {
    position: relative;
    animation: pinkGlow 1s ease-out;
}

@keyframes pinkGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 105, 180, 0.8);
    }

    100% {
        box-shadow: 0 0 0 5px rgba(255, 105, 180, 0);
    }
}

/* Hide top button on mobile */
@media (max-width: 768px) {
    .similar-flights-btn.hide-on-mobile {
        display: none !important;
    }
}


@media(min-width:992px) {
    .trending-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -9px;}
    .trending-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -5px;}
    .TrendingHotelDiv .swiper-container { width: 100%; position: inherit !important;}
    .posRelative{position: relative;}
    .tripFlight { height: 185px; object-fit: cover;    }
    .BoxMinHeight {
        min-height: 189px;
        max-height: 189px;
    }
}
@media(max-width:768px){
    .exchange_destination{position: absolute;left: 0;right: 0;text-align: center;bottom: -14px;}   
    .minHeigh120{min-height: 115px;}
    .minHeight90{min-height: 50vh;}
}
@media(max-width:540px){
    .profileMenu ul{right: initial;}
}
@media (min-width: 768px) and (max-width: 992px) {
    .hotelFlightFrm {
        align-content: flex-start
    }
    .box_aside.py18{
        padding-block:16px;
    }
}



/*----Flight Result loading page css----*/
.nobg{background:none!important;}
.FlightAside{background-color: #fff; border-radius:var(--radius24);padding: 18px;}
.bgdarken{background-color: #f2f4f7;}
.bgdarkMore{background-color: #dbdbdb;}
.radius8{border-radius: 8px;}
.radius16{border-radius:var(--radius16);}
.radius24{border-radius:var(--radius24);}
.FlightAside.radius-0{border-radius: 0;}
.FlightAside .h30{height: 30px;}
.FlightAside .h36{height: 36px;}
.FlightAside .h40{height: 40px;}
.FlightAside .h48{height: 48px;}
.FlightAside .h20{height: 20px;}
.FlightAside .h28{height: 28px;}
.FlightAside .h24{height: 24px;}
.FlightAside .h74{height: 74px;}
.FlightAside .h90{height: 90px;}
.FlightAside .h184{height: 184px;}
.FlightAside .h148{height: 148px;}
.FlightAside .w85{width: 85%;}
.FlightAside .w100{width: 100%;}
.FlightAside .w15{width: 15%;}
.FlightAside .w75{width: 75%;}
.FlightAside .w25{width: 25%;}
.FlightAside .w5{width: 5%;}
.FlightAside .w95{width: 95%;}
.FlightAside .w30{width: 30%;}
.FlightAside .w40{width: 40%;}
.FlightAside .w20{width: 20%;}
.FlightAside .w50{width: 50%;}
.FlightAside .w70{width: 70%;}
.FlightAside .w90{width: 90%;}
.FlightAside .mt-59{margin-top: 59px;}

.FlightAside .pt-141{padding-top: 141px;}
.FlightAside.px_24{padding-inline: 24px;}

.mb-44{margin-bottom: 44px;}
.mb-48{margin-bottom: 48px;}
.mb_10{margin-bottom: 10px;}
.mb-6{margin-bottom: 6px;}
.formBg{background-color:#f1f1f1;}
/*---hotel index page simmer css---*/
.grayBg {
    background-color: #ddd;
}
.FlightAside .h234{max-height: 234px; height: 234px;}
.FlightAside .h160{max-height: 160px; height: 160px;}
.FlightAside .h34{height: 34px;}


@media(max-width:540px){
    .FlightAside .w5 {
        width: 15%;
    }
    .FlightAside .w30 {
        width: 78%;
    }
    .FlightAside .w20 {
        width: 50%;
    }
}
.ph-item {position: relative; padding: 15px 0; overflow: hidden;}
.ph-item:before, .phtp::before {content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1; width: 500%; margin-left: -250%;
    -webkit-animation: phAnimation .8s linear infinite; animation: phAnimation .8s linear infinite;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%;
}
@-webkit-keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}
@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}