@charset "utf-8";

body {
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #080808;
    font-size: 15px;
    line-height: 22px;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    margin: 0 0 15px 0;
    font-family: "Poppins", sans-serif;
}

.wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

h2.left {
    text-align: left;
}

h1 {
    font-size: 30px;
    line-height: 38px;
    color: #37156a;
    position: relative;
    z-index: 2;
}

h2 {
    font-size: 26px;
    line-height: 34px;
}

h3 {
    font-size: 23px;
    line-height: 30px;
}

h4 {
    font-size: 20px;
    line-height: 26px;
}

h5 {
    font-size: 17px;
    line-height: 24px;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: #000;
    }

a {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    color: #000;
}

    a:hover,
    a:focus,
    a:active {
        color: #000000;
        outline: none;
        text-decoration: none;
    }

p {
    line-height: 22px;
    margin: 0 0 20px;
}

    p strong {
        font-weight: 500;
        color: #000;
    }

    p.left {
        text-align: left;
    }

ul ul {
    margin: 0px;
}

figure {
    margin-bottom: 0;
    position: relative;
}

select,
textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #555;
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    padding: 10px;
    width: 100%;
    background: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-image: url(assets/images/down.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 12px;
    font-family: "Poppins", sans-serif;
    background-color: transparent;
    outline: none;
    cursor: pointer;
}

textarea {
    height: 150px;
}

input:focus {
    outline: 0;
}

::-webkit-input-placeholder {
    color: #666;
}

:-moz-placeholder {
    color: #666;
    opacity: 1;
}

::-moz-placeholder {
    color: #b2bbc0;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #666;
}

#main {
    margin-top: 0;
}

#header {
    padding: 20px 0 0;
    position: absolute;
    height: 158px;
    width: 100%;
}

    #header.without-bg {
        background: #38146a;
    }

        #header.without-bg .top-header {
            margin-bottom: 40px;
        }

        #header.without-bg .top-search {
            margin-bottom: 40px;
        }

img.banner-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    z-index: 1;
}

.top-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 85px 0;
    position: relative;
    z-index: 9;
}

.logo {
    display: inline-block;
}

    .logo a {
        display: block;
    }

.main-menu {
    text-align: right;
    width: 80%;
    padding: 10px 0 0;
}

ul.main-nav {
    margin: 0;
    padding: 0;
    display: inline-block;
}

    ul.main-nav li {
        display: inline-block;
        margin: 0;
        padding: 0 20px;
        list-style: none;
        position: relative;
    }

        ul.main-nav li:after {
            content: "";
            position: absolute;
            left: 0;
            top: 4px;
            background: #fff;
            width: 2px;
            height: 70%;
        }

        ul.main-nav li:first-child:after {
            display: none;
        }

        ul.main-nav li a {
            display: block;
            color: #fff;
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
        }

            ul.main-nav li a:hover,
            button.btn-login:hover,
            a.btn-login:hover {
                color: #38146a;
            }

button.btn-login,
a.btn-login {
    display: inline-block;
    margin: 0 0 0 20px;
    background: none;
    border: 0;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
}

    a.btn-login img,
    button.btn-login img {
        display: inline-block;
        margin: 0 8px 0 0;
    }

ul.page-search {
    margin: 0;
    padding: 0;
}

    ul.page-search li {
        padding: 0;
        list-style: none;
        display: inline-block;
        margin: 0 20px 15px 0;
    }

        ul.page-search li a {
            display: block;
            color: #fd8446;
            border-bottom: 1px solid transparent;
        }

            ul.page-search li a:hover,
            ul.page-search li.active a {
                border-bottom: 1px solid #38146a;
                color: #fff;
            }

.search-area {
    position: relative;
    padding: 158px 0 0 0;
}

    .search-area:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( to right, #f88545 0%, rgba(255, 255, 255, 0.11) 89%, rgba(255, 255, 255, 0) 100% );
    }

    .search-area img.bg-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 430px;
        object-fit: cover;
    }

.top-search {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
    z-index: 100;
}

.search-wrap.show-search .top-search {
    display: flex !important;
}

.top-search .fieldset {
    background: #fff;
    margin: 0 5px 0 0;
    position: relative;
    cursor: pointer;
}

    .top-search .fieldset label {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        margin: 0;
        position: absolute;
        left: 15px;
        top: 10px;
        color: #aeaeae;
        pointer-events: none;
    }

    .top-search .fieldset input,
    .top-search .fieldset select {
        height: 72px;
        padding: 17px 15px 0px 15px;
        margin: 0;
        line-height: 32px;
        font-size: 17px;
        cursor: pointer;
    }

    .top-search .fieldset select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: none;
    }

    .top-search .fieldset.field-1 {
        width: 240px;
        border-radius: 10px 0 0 10px;
    }

        .top-search .fieldset.field-1.hotel-field {
            width: 488px;
        }

#header.without-bg .top-search .fieldset.field-1.hotel-field {
    width: 560px;
}

#header.without-bg .top-search .calendar-fields.field-3 {
    width: 558px;
}

    #header.without-bg .top-search .calendar-fields.field-3 .fieldset {
        width: 279px;
    }

        #header.without-bg .top-search .calendar-fields.field-3 .fieldset:last-child {
            border-radius: 0 10px 10px 0;
        }

.top-search .fieldset.field-2 {
    width: 240px;
}

    .top-search .fieldset.field-2 input {
        padding-left: 25px;
    }

    .top-search .fieldset.field-2 label {
        left: 25px;
    }

button.btn-change {
    width: 36px;
    height: 36px;
    border-radius: 30px;
    border: 3px solid #38146a;
    background: #fff;
    position: absolute;
    left: -21px;
    top: 17px;
    z-index: 2;
    padding: 7px;
}

    button.btn-change img {
        display: block;
    }

    button.btn-change:hover {
        border: 3px solid #38146a;
    }

.top-search .calendar-fields.field-3 {
    width: 360px;
    display: flex;
}

    .top-search .calendar-fields.field-3 .fieldset {
        width: 180px;
    }

    .top-search .calendar-fields.field-3.oneway .fieldset {
        width: 360px;
    }

        .top-search .calendar-fields.field-3.oneway .fieldset:last-child {
            display: none;
        }

.top-search .fieldset.field-4 {
    width: 238px;
    border-radius: 0 10px 10px 0;
}

button.btn-traveler,
button.btn-traveler1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    background: none;
    font-size: 0;
    line-height: 0;
}

#traveler,
#traveler1,
#multiCityTraveler {
    position: absolute;
    background: #fff;
    top: 89%;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    left: 0;
    width: 100%;
    z-index: 9;
}

.passengers {
    display: none;
    padding: 20px;
    background-color: #f0f0f0;
    margin-top: 10px;
}

#traveler1.passengers {
    padding: 0;
}

.top-search .inner-box,
.search-wrap .inner-box {
    padding: 10px 15px;
}

    .top-search .inner-box .passenger-box,
    .search-wrap .inner-box .passenger-box {
        padding: 0;
    }

        .top-search .inner-box .passenger-box strong,
        .search-wrap .inner-box .passenger-box strong {
            font-size: 17px;
            line-height: 22px;
            font-weight: 500;
            display: block;
            margin: 0 0 5px 0;
        }

    .top-search .inner-box label,
    .search-wrap .inner-box label {
        position: relative;
        top: 0;
        left: 0;
        color: #000;
    }

    .top-search .inner-box .quantity,
    .search-wrap .inner-box .quantity {
        position: relative;
        display: inline-block;
        color: #7f7f7f;
    }

        .top-search .inner-box .quantity input[type="number"],
        .search-wrap .inner-box .quantity input[type="number"] {
            transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
            -webkit-appearance: textfield;
            -moz-appearance: textfield;
            appearance: textfield;
            font-family: Arial, sans-serif;
            font-size: 20px;
            line-height: 24px;
            font-weight: 400;
            box-shadow: none;
            outline: none;
            width: 42px;
            height: 34px;
            text-align: center;
            float: right;
            border: 0;
            background-color: #fff;
            color: #342f2f;
            padding: 0;
        }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.top-search .inner-box .quantity input[type="number"]:focus,
.search-wrap .inner-box .quantity input[type="number"]:focus {
    border-color: #57b8f6 !important;
}

.top-search .inner-box .quantity input[type="number"]:hover,
.search-wrap .inner-box .quantity input[type="number"]:hover {
    border-color: #a5a5a5;
}

.top-search .inner-box .quantity-button,
.search-wrap .inner-box .quantity-button {
    width: 26px;
    height: 26px;
    float: right;
    position: relative;
    cursor: pointer;
    border: 1px solid #4b4c43;
    border-radius: 30px;
    margin: 5px 0 0 0;
}

    .top-search .inner-box .quantity-button:hover,
    .search-wrap .inner-box .quantity-button:hover {
        background: #38146a;
        border-color: #38146a;
    }

    .top-search .inner-box .quantity-button::before,
    .top-search .inner-box .quantity-button::after,
    .search-wrap .inner-box .quantity-button::before,
    .search-wrap .inner-box .quantity-button::after {
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 7px);
        content: "";
        width: 14px;
        height: 2px;
        background-color: currentColor;
        display: block;
        color: #000;
    }

.top-search .inner-box .quantity-remove::after,
.search-wrap .inner-box .quantity-remove::after {
    display: none;
}

.top-search .inner-box .quantity-add::after,
.search-wrap .inner-box .quantity-add::after {
    transform: rotate(90deg);
}

.top-search .inner-box .adlut-select,
.search-wrap .inner-box .adlut-select {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
}

    .top-search .inner-box .adlut-select em,
    .search-wrap .inner-box .adlut-select em {
        display: block;
        margin: 0px 0 3px 0;
        font-style: normal;
        font-size: 11px;
        width: 100%;
    }

.top-search .fieldset.field-5 {
    width: 83px;
    margin: 0 0 0 13px;
    border-radius: 10px;
    background: none;
}

button.btn-search {
    width: 100%;
    height: 72px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 10px;
    line-height: 72px;
    color: #fff;
    background: #fd8446;
    border: 0;
    padding: 0;
    box-shadow: none;
}

    button.btn-search:hover,
    button.btn-add:hover {
        background: #b31c3f;
    }

button.btn-add {
    width: 100%;
    height: 34px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 34px;
    color: #fff;
    background: #fd8446;
    border: 0;
    padding: 0;
    box-shadow: none;
    margin-top: 5px;
}

button.btn-addMul:hover {
    background: #38146a;
}

button.btn-addMul {
    width: 100%;
    height: 34px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 34px;
    color: #fff;
    background: #fd8446;
    border: 0;
    padding: 0;
    box-shadow: none;
    margin-top: 5px;
}

.top-search ::-webkit-input-placeholder {
    color: #3a3a3a;
}

.top-search :-moz-placeholder {
    color: #3a3a3a;
    opacity: 1;
}

.top-search ::-moz-placeholder {
    color: #3a3a3a;
    opacity: 1;
}

.top-search :-ms-input-placeholder {
    color: #3a3a3a;
}

.select-holder ::-webkit-input-placeholder {
    color: #fff;
}

.select-holder :-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.select-holder ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.select-holder ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.select-holder {
    margin: 0 0 90px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}

    .select-holder select {
        width: auto;
        padding: 0 30px 0 10px;
        border-bottom: 1px solid #fff;
        color: #fff;
        background-size: 16px;
        filter: brightness(0) saturate(100%) invert(90%) sepia(77%) saturate(0%) hue-rotate(19deg) brightness(109%) contrast(101%);
        outline: none;
        margin: 0 20px 0 0;
        min-width: 150px;
    }

        .select-holder select:visited {
            border: 0;
        }

        .select-holder select option {
            color: #000;
        }

    .select-holder input[type="text"] {
        width: 150px;
        color: #fff;
        border-bottom: 1px solid #fff;
        font-size: 14px;
    }

    .select-holder .check-otp {
        padding: 10px 0;
    }

        .select-holder .check-otp label {
            color: #fff;
            font-size: 14px;
            font-weight: normal;
        }

        .select-holder .check-otp input[type="checkbox"] {
            display: inline-block;
            margin: 0 10px 0 15px;
        }

.discount-section {
    padding: 40px 0;
}

    .discount-section h2 {
        text-align: center;
        margin: 0 0 20px 0;
    }

ul.dis-list {
    margin: 0;
    padding: 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.dis-list li {
        list-style: none;
        padding: 0 7px;
        width: 25%;
        margin: 0 0 14px 0;
    }

        ul.dis-list li a {
            display: block;
        }

        ul.dis-list li .deal-dis {
            display: block;
            position: relative;
        }

            ul.dis-list li .deal-dis .dis-flag {
                position: absolute;
                right: 18px;
                top: -12px;
                background: url(assets/images/discount-flag.webp) no-repeat 0 0 / 100%;
                width: 124px;
                height: 44px;
                z-index: 2;
                text-align: center;
                line-height: 30px;
                font-weight: 500;
                color: #fff;
            }

            ul.dis-list li .deal-dis figure {
                position: relative;
                display: block;
                overflow: hidden;
                border-radius: 10px;
            }

                ul.dis-list li .deal-dis figure:after {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    content: "";
                    left: 0;
                    top: 0;
                    background: url(assets/images/deal-overlay.png) no-repeat 0 0;
                }

                ul.dis-list li .deal-dis figure figcaption {
                    position: absolute;
                    left: 20px;
                    top: 25px;
                    width: 100%;
                    z-index: 2;
                }

                    ul.dis-list li .deal-dis figure figcaption strong {
                        display: block;
                        width: 50%;
                        color: #fff;
                        font-weight: 400;
                        margin-bottom: 10px;
                        font-size: 17px;
                        line-height: 24px;
                    }

        ul.dis-list li a:hover .deal-dis figure figcaption strong {
            color: #38146a;
        }

        ul.dis-list li .deal-dis figure figcaption span {
            font-size: 14px;
            line-height: 20px;
            color: #fff;
            display: block;
        }

ul.deal-list {
    margin: 0 3%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.deal-list li {
        list-style: none;
        padding: 0 7px;
        width: 33%;
        margin: 0 0 14px 0;
    }

        ul.deal-list li a {
            display: block;
        }

            ul.deal-list li a .deal-box {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                background: #fafbfc;
                border: 1px solid #ebf0f5;
                border-radius: 10px;
                padding: 15px 40px;
                width: 100%;
            }

            ul.deal-list li a:hover .deal-box {
                border-color: #38146a;
            }

            ul.deal-list li a .deal-box .left {
                width: 80%;
                padding: 0 15px 0 0;
            }

                ul.deal-list li a .deal-box .left span {
                    display: block;
                    font-size: 16px;
                    line-height: 22px;
                    color: #000;
                    margin: 0 0 5px 0;
                }

                ul.deal-list li a .deal-box .left strong {
                    display: block;
                    font-size: 17px;
                    line-height: 22px;
                    color: #000;
                    font-weight: normal;
                }

            ul.deal-list li a:hover .deal-box .left strong {
                color: #38146a;
            }

            ul.deal-list li a .deal-box .right {
                width: 20%;
            }

                ul.deal-list li a .deal-box .right span {
                    display: block;
                    font-size: 16px;
                    line-height: 22px;
                    color: #9fa0a1;
                    margin: 0 0 5px 0;
                }

                ul.deal-list li a .deal-box .right strong {
                    display: block;
                    font-size: 17px;
                    line-height: 22px;
                    color: #000;
                    font-weight: normal;
                }

.airline-section {
    padding: 40px 0;
    background: #f5f7fa;
}

ul.airline-list,
.airline-list ul {
    margin: 0 3%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

    ul.airline-list li,
    .airline-list ul li {
        padding: 0 8px;
        margin: 0 0 20px 0;
        list-style: none;
        width: 25%;
    }

        ul.airline-list li a,
        .airline-list ul li a {
            display: block;
            font-size: 17px;
            line-height: 40px;
            color: #000;
            position: relative;
        }

            ul.airline-list li a:hover,
            .airline-list ul li a:hover {
                color: #38146a;
            }

            ul.airline-list li a:after,
            .airline-list ul li a:after {
                content: "";
                position: absolute;
                right: 15px;
                top: 50%;
                background: url(assets/images/next.png) no-repeat 0 0;
                width: 20px;
                height: 20px;
                margin: -8px 0 0 0;
            }

            ul.airline-list li a:hover:after,
            .airline-list ul li a:hover:after {
                filter: brightness(0) saturate(100%) invert(32%) sepia(72%) saturate(797%) hue-rotate(160deg) brightness(93%) contrast(90%);
            }

            ul.airline-list li a img,
            .airline-list ul li a img {
                display: inline-block;
                margin: 0 10px 0 0;
                height: 40px;
                width: 40px;
                object-fit: contain;
            }

.why-section {
    padding: 20px 0;
}

.heading-holder {
    text-align: center;
    padding: 0 0 0 0;
}

    .heading-holder h2 {
        margin: 0 0 10px 0;
    }

ul.insurance-opt {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.insurance-opt li {
        width: 25%;
        position: relative;
        padding: 0;
        list-style: none;
    }

        ul.insurance-opt li .icon-box {
            text-align: center;
            display: block;
            border-right: 1px solid #f4bfbd;
            padding: 0 0 10px 0;
        }

        ul.insurance-opt li:last-child .icon-box {
            border: 0;
        }

        ul.insurance-opt li .icon-box .img-holder {
            margin: 0 0 10px 0;
        }

            ul.insurance-opt li .icon-box .img-holder img {
                width: 70px;
            }

        ul.insurance-opt li .icon-box strong {
            font-size: 17px;
            line-height: 26px;
            display: block;
            font-weight: 500;
            margin: 0 0 10px 0;
        }

        ul.insurance-opt li .icon-box .text-holder {
            padding: 0 35px;
        }

        ul.insurance-opt li .icon-box p {
            color: #000;
            font-size: 15px;
        }

.content-section {
    padding: 20px 0 40px;
}

footer {
    position: relative;
}

    footer:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 268px;
        height: 168px;
        background: url(assets/images/footer-shadow.png) no-repeat 0 0;
    }

    footer.new-footer {
        background: #efefef;
        padding: 50px 0 5px;
    }

.top-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 1;
}

    .top-footer .footer-box {
        width: 14%;
        margin: 0;
        padding: 0;
    }

        .top-footer .footer-box:first-child {
            width: 14%;
        }

        .top-footer .footer-box:last-child {
            width: 18%;
        }

        .top-footer .footer-box strong {
            font-size: 14px;
            line-height: 22px;
            margin: 0 0 5px 0;
            font-weight: 400;
            color: #000;
            display: block;
        }

        .top-footer .footer-box ul {
            margin: 0;
            padding: 0;
        }

            .top-footer .footer-box ul li {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .top-footer .footer-box ul li a {
                    display: block;
                    color: #080808;
                    font-size: 12px;
                    line-height: 30px;
                }

            .top-footer .footer-box ul.media-links li {
                display: inline-block;
                margin: 0 10px 10px 0;
            }

        .top-footer .footer-box p {
            font-size: 12px;
            line-height: 24px;
            margin-bottom: 15px;
        }

        .top-footer .footer-box ul li a:hover {
            color: #38146a;
        }

.last-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #d4d4d4;
    padding: 15px 0 15px;
    margin-top: 35px;
    position: relative;
    z-index: 9;
}

.new-footer .copyright {
    text-align: right;
    padding: 0;
}

    .new-footer .copyright p {
        color: #444;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        margin: 0;
    }

.flight-criteria {
    padding: 40px 0;
}

ul.route-detail-list {
    margin: 0;
    padding: 0;
    border: 1px solid #ced4da;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

    ul.route-detail-list li {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #ced4da;
    }

        ul.route-detail-list li:nth-child(even) {
        }

        ul.route-detail-list li:last-child {
            border-bottom: 0;
        }

        ul.route-detail-list li .holder-box {
            position: relative;
            padding: 15px;
            display: flex;
            flex-wrap: wrap;
            cursor: pointer;
            justify-content: flex-start;
            align-items: center;
            overflow: hidden;
        }

            ul.route-detail-list li .holder-box:after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                border: 1px solid #38146a;
                opacity: 0;
                transition: all 0.3s ease-in-out;
                pointer-events: none;
            }

            ul.route-detail-list li .holder-box:hover:after {
                opacity: 1;
            }

            ul.route-detail-list li .holder-box .flight-holder {
                display: flex;
                padding: 0;
                width: 75%;
                flex-wrap: wrap;
            }

.fligut-route {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

    .fligut-route:last-child {
        padding-bottom: 0;
    }

    .fligut-route .holder {
        overflow: hidden;
        padding: 0;
        width: 40%;
    }

        .fligut-route .holder figure {
            float: left;
        }

            .fligut-route .holder figure img {
                width: 100%;
            }

        .fligut-route .holder .text-box {
            overflow: hidden;
            padding: 0 0 0 10px;
        }

            .fligut-route .holder .text-box h5 {
                font-size: 14px;
                line-height: 24px;
                color: #080808;
                font-weight: 500;
                margin: 0;
                font-family: "Poppins", sans-serif;
            }

            .fligut-route .holder .text-box p {
                font-size: 11px;
                line-height: 14px;
                color: #696969;
                margin: 0;
                font-weight: normal;
            }

    .fligut-route .holder-end {
        padding: 0;
        width: 30%;
    }

        .fligut-route .holder-end h5 {
            font-size: 14px;
            line-height: 24px;
            color: #080808;
            font-weight: 500;
            margin: 0;
            font-family: "Poppins", sans-serif;
        }

        .fligut-route .holder-end p {
            font-size: 11px;
            line-height: 14px;
            color: #696969;
            margin: 0;
            font-weight: normal;
        }

    .fligut-route .holder-m {
        position: relative;
        width: 30%;
        margin: 0;
        text-align: center;
    }

        .fligut-route .holder-m span {
            font-size: 12px;
        }

            .fligut-route .holder-m span img {
                margin: 0 5px;
                vertical-align: middle;
            }

ul.route-detail-list li .holder-box .detail-icon {
    padding: 100px 0 100px 0;
    width: 12.5%;
    text-align: center;
    margin-bottom: -100px;
    margin-top: -100px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

    ul.route-detail-list li .holder-box .detail-icon span {
        display: block;
        margin-bottom: 5px;
    }

        ul.route-detail-list li .holder-box .detail-icon span a.not-add {
            position: relative;
            cursor: no-drop;
        }

            ul.route-detail-list li .holder-box .detail-icon span a.not-add:after {
                content: "";
                position: absolute;
                top: 12px;
                left: -6px;
                width: 29px;
                height: 2px;
                background: #fd8446;
                transform: rotate(-45deg);
                display: block !important;
            }

        ul.route-detail-list li .holder-box .detail-icon span img {
            display: inline-block;
            padding: 0 2px;
            vertical-align: middle;
        }

        ul.route-detail-list li .holder-box .detail-icon span a:hover img {
            filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1326%) hue-rotate(90deg) brightness(93%) contrast(107%);
        }

    ul.route-detail-list li .holder-box .detail-icon > a {
        font-size: 16px;
        line-height: 24px;
        color: #fd8446;
    }

        ul.route-detail-list li .holder-box .detail-icon > a:hover {
            color: #38146a;
        }

ul.route-detail-list li .holder-box .price-holder {
    padding: 0;
    width: 12.5%;
    text-align: center;
}

    ul.route-detail-list li .holder-box .price-holder .price {
        font-size: 18px;
        line-height: 22px;
        color: #080808;
        font-weight: 600;
        display: block;
    }

        ul.route-detail-list li .holder-box .price-holder .price em {
            font-style: normal;
        }

    ul.route-detail-list li .holder-box .price-holder .btn-box {
        padding: 5px 0 0 0;
        display: inline-block;
    }

        ul.route-detail-list li .holder-box .price-holder .btn-box .btn-book {
            display: inline-block;
            background: #fd8446;
            color: #fff;
            padding: 2px 15px;
            border-radius: 20px;
            font-size: 14px;
            line-height: 20px;
        }

            ul.route-detail-list li .holder-box .price-holder .btn-box .btn-book:hover {
                background: #38146a;
            }

.timezone {
    background: #fff4e7;
}

    .timezone ul.insurance-opt li .icon-box span {
        color: #a9a29a;
        font-size: 14px;
        line-height: 22px;
    }

    .timezone ul.insurance-opt li .icon-box .img-holder img {
        width: auto;
    }

.inner-banner {
    text-align: center;
    position: relative;
    z-index: 9;
    padding: 25px 25px 0;
    margin: -30px 10% 70px;
}

    .inner-banner p {
        color: #fff;
    }

.step-sec {
    padding: 0 0 40px;
    text-align: center;
}

    .step-sec ul {
        margin: 0;
        padding: 0 0 20px 0;
        position: relative;
        text-align: center;
        display: inline-block;
    }

        .step-sec ul:after {
            content: "";
            position: absolute;
            left: 50px;
            bottom: 0;
            height: 6px;
            width: 86%;
            background: #e9e9e9;
        }

        .step-sec ul li {
            display: inline-block;
            margin: 0 -4px 0 0;
            padding: 0 50px;
            list-style: none;
            position: relative;
        }

            .step-sec ul li:after {
                content: "";
                position: absolute;
                left: -50%;
                bottom: -20px;
                height: 6px;
                width: 100%;
                background: #37156a;
                z-index: 1;
                opacity: 0;
            }

            .step-sec ul li.active:after {
                opacity: 1;
            }

            .step-sec ul li:first-child {
                padding-left: 0;
            }

                .step-sec ul li:first-child:after {
                    display: none;
                }

            .step-sec ul li:last-child {
                padding-right: 0;
            }

                .step-sec ul li:last-child:after {
                    width: 130%;
                    left: -66%;
                }

            .step-sec ul li span {
                display: block;
                position: relative;
                color: #fff;
                font-size: 16px;
                line-height: 30px;
                font-weight: 500;
                padding: 0 0 30px 0;
                margin: 0 0 -30px 0;
            }

            .step-sec ul li.active span {
                color: #37156a;
            }

            .step-sec ul li span::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 3px;
                width: 20px;
                height: 20px;
                background: #bebebe;
                border: 6px solid #fff;
                box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
                z-index: 2;
                border-radius: 50%;
                margin-left: -10px;
            }

            .step-sec ul li.active span:after {
                background: #37156a;
            }

.passenger-info {
    padding: 40px 0 30px 0;
}

.passenger-holder {
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

    .passenger-holder h4,
    .passenger-holder h5 {
        color: #fd8446;
    }

    .passenger-holder .info-box .fieldset label {
        font-weight: 400;
        color: #707980;
        font-size: 12px;
        line-height: 15px;
        margin: 0 0 0 0;
        display: block;
    }

    .passenger-holder .info-box .top-row {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 0 -30px;
    }

        .passenger-holder .info-box .top-row .fieldset {
            margin: 0 0px 20px 30px;
        }

    .passenger-holder .info-box .btm-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 0 0 -30px;
    }

        .passenger-holder .info-box .btm-row .fieldset {
            margin: 0 0px 20px 30px;
            width: 29%;
        }

        .passenger-holder .info-box .btm-row.lead-box .fieldset {
            width: 46%;
        }

        .passenger-holder .info-box .btm-row .fieldset.has-icon {
            position: relative;
        }

            .passenger-holder .info-box .btm-row .fieldset.has-icon img {
                position: absolute;
                right: 0;
                bottom: 10px;
                width: 22px;
                pointer-events: none;
                filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(1319%) hue-rotate(164deg) brightness(97%) contrast(98%);
            }

.info-box .fieldset input[type="text"],
.info-box .fieldset input[type="password"],
.info-box .fieldset input[type="email"],
.info-box .fieldset input[type="tel"],
.info-box1 .fieldset input[type="text"],
.info-box .fieldset select {
    width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    line-height: 38px;
    height: 38px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0;
    outline: none;
}

.info-box .fieldset .iti {
    width: 100%;
}

    .info-box .fieldset .iti input {
        border-bottom: 1px solid #dcdcdc;
    }

.passenger-holder .info-box .btm-row .fieldset.copy-add {
    display: flex;
    width: 100%;
    align-items: center;
}

    .passenger-holder .info-box .btm-row .fieldset.copy-add input[type="checkbox"] {
        width: 20px;
        height: 20px;
        margin: 0;
    }

    .passenger-holder .info-box .btm-row .fieldset.copy-add label {
        font-size: 14px;
        color: #000;
        font-weight: 500;
        display: inline-block;
        margin: 0 0 0 10px;
    }

.info-btn-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

    .info-btn-holder .clone {
        background: #fff;
        border: 1px dashed #fd8446;
        border-radius: 30px;
        position: relative;
        color: #fd8446;
        padding: 5px 15px 5px 25px;
        transition: all 0.3s ease-in-out;
        font-weight: 500;
    }

.search-wrap button.clone-search {
    width: 180px;
    height: 34px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    line-height: 34px;
    color: #fff;
    background: #fd8446;
    border: 0;
    padding: 0;
    box-shadow: none;
    margin: 0 0 15px 0;
}

.info-btn-holder .clone img {
    position: absolute;
    left: 10px;
    top: 12px;
    filter: brightness(0) saturate(100%) invert(26%) sepia(30%) saturate(5643%) hue-rotate(349deg) brightness(94%) contrast(95%);
}

.info-btn-holder .clone:hover,
.info-box.clone .hide:hover {
    color: #fff;
    background: #38146a;
}

    .info-btn-holder .clone:hover img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(296deg) brightness(110%) contrast(102%);
    }

.info-btn-holder .next {
    background: #fd8446;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 30px;
    border: 0;
}

    .info-btn-holder .next:hover {
        background: #38146a;
    }

.sidebar {
    padding: 0;
}

    .sidebar .side-box {
        padding: 0;
        box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        background: #fff;
        margin-bottom: 15px;
        text-align: left;
        border: 1px solid #ffe4ec;
    }

        .sidebar .side-box h3 {
            color: #fff;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            margin: 0;
            padding: 10px 15px;
            background: #fd8446;
            border-radius: 10px 10px 0 0;
            overflow: hidden;
        }

            .sidebar .side-box h3 a {
                color: #fff;
                font-size: 14px;
                float: right;
                background: none;
                border-radius: 30px;
                line-height: 24px;
                font-weight: 500;
                text-transform: uppercase;
                border: 1px solid #fd8446;
                padding: 0 15px;
            }

                .sidebar .side-box h3 a:hover {
                    border: 1px solid #38146a;
                    background: #38146a;
                }

        .sidebar .side-box .inner-box {
            padding: 10px 15px;
        }

            .sidebar .side-box .inner-box h4 {
                font-size: 18px;
                line-height: 24px;
                font-weight: 500;
                color: #080808;
                margin: 0 0 5px 0;
                padding: 0;
            }

            .sidebar .side-box .inner-box ul.top-list {
                padding: 0;
                margin: 0;
            }

                .sidebar .side-box .inner-box ul.top-list li {
                    list-style: none;
                    display: inline-block;
                    padding: 0 0 0 10px;
                    margin: 0;
                    font-size: 12px;
                    line-height: 18px;
                    color: #757575;
                    position: relative;
                }

                    .sidebar .side-box .inner-box ul.top-list li:after {
                        content: "";
                        position: absolute;
                        left: 2px;
                        top: 2px;
                        width: 2px;
                        height: 12px;
                        background: #8c8c8c;
                    }

                    .sidebar .side-box .inner-box ul.top-list li:first-child {
                        padding-left: 0;
                    }

                        .sidebar .side-box .inner-box ul.top-list li:first-child:after {
                            display: none;
                        }

            .sidebar .side-box .inner-box ul.btm-list {
                margin: 0;
                padding: 10px 0 0;
            }

                .sidebar .side-box .inner-box ul.btm-list li {
                    display: block;
                    list-style: none;
                    padding: 0 0 10px 0;
                    margin: 0 0 10px 0;
                    border-bottom: 1px solid #efefef;
                }

                    .sidebar .side-box .inner-box ul.btm-list li:last-child {
                        border: 0;
                        margin: 0;
                        padding: 0;
                    }

                    .sidebar .side-box .inner-box ul.btm-list li .top {
                        padding: 0 0 10px 0;
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        justify-content: space-between;
                    }

                        .sidebar .side-box .inner-box ul.btm-list li .top span {
                            font-size: 12px;
                            color: #080808;
                            line-height: 18px;
                            margin: 0;
                            padding: 0;
                            display: flex;
                            font-weight: 500;
                        }

                    .sidebar .side-box .inner-box ul.btm-list li .btm {
                        padding: 0;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                    }

                        .sidebar .side-box .inner-box ul.btm-list li .btm .box h5 {
                            font-size: 14px;
                            line-height: 24px;
                            color: #080808;
                            font-weight: 400;
                            margin: 0;
                            font-family: "Poppins", sans-serif;
                        }

                        .sidebar .side-box .inner-box ul.btm-list li .btm .box p {
                            font-size: 11px;
                            line-height: 18px;
                            color: #696969;
                            margin: 0;
                            font-weight: 500;
                        }

                        .sidebar .side-box .inner-box ul.btm-list li .btm .box-m {
                            text-align: center;
                            position: relative;
                            width: 140px;
                            margin: -4px 0 0 0;
                        }

                            .sidebar .side-box .inner-box ul.btm-list li .btm .box-m:after {
                                content: "";
                                position: absolute;
                                left: 18px;
                                top: 26px;
                                height: 2px;
                                width: 70%;
                                border-bottom: 2px dashed #ddd;
                            }

                            .sidebar .side-box .inner-box ul.btm-list li .btm .box-m h6 {
                                font-size: 14px;
                                line-height: 18px;
                                color: #080808;
                                font-weight: 400;
                                margin: 0 0 15px 0;
                                font-family: "Poppins", sans-serif;
                                position: relative;
                            }

                                .sidebar .side-box .inner-box ul.btm-list li .btm .box-m h6:after {
                                    content: "";
                                    position: absolute;
                                    left: 45%;
                                    bottom: -18px;
                                    height: 18px;
                                    width: 20px;
                                    background: url(assets/images/icon-plane.png) no-repeat 0 0;
                                    z-index: 1;
                                }

                            .sidebar .side-box .inner-box ul.btm-list li .btm .box-m span.time-dur {
                                font-size: 12px;
                                line-height: 18px;
                                color: #696969;
                                margin: 0;
                                font-weight: 500;
                                display: block;
                                position: relative;
                            }

                                .sidebar .side-box .inner-box ul.btm-list li .btm .box-m span.time-dur:after,
                                .sidebar .side-box .inner-box ul.btm-list li .btm .box-m span.time-dur:before {
                                    width: 7px;
                                    height: 7px;
                                    content: "";
                                    position: absolute;
                                    left: 14px;
                                    top: -10px;
                                    background: #ddd;
                                    border-radius: 20px;
                                }

                                .sidebar .side-box .inner-box ul.btm-list li .btm .box-m span.time-dur:after {
                                    left: auto;
                                    right: 20px;
                                }

.side-box table {
    width: 100%;
}

    .side-box table thead tr {
        background: #fd8446;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
    }

        .side-box table thead tr th {
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            padding: 6px 10px;
            font-weight: 400;
            border: 0;
        }

            .side-box table thead tr th:first-child {
                border-radius: 10px 0 0 0;
            }

            .side-box table thead tr th:last-child {
                border-radius: 0px 10px 0 0;
            }

    .side-box table tbody tr:nth-child(even) {
        background: #f7f7f7;
    }

    .side-box table tbody tr td {
        color: #161b21;
        font-size: 14px;
        line-height: 20px;
        padding: 7px 10px;
        font-weight: 400;
        border: 1px solid #e0e0e0;
    }

        .side-box table tbody tr td:first-child {
            border-left: 0;
        }

        .side-box table tbody tr td:last-child {
            border-right: 0;
        }

.side-box .total {
    padding: 7px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .side-box .total p {
        font-size: 14px;
        line-height: 20px;
        color: #080808;
        margin: 0;
        padding: 0;
        font-weight: 500;
    }

    .side-box .total strong {
        font-size: 20px;
        line-height: 28px;
        color: #fd8446;
        margin: 0;
        padding: 0;
        font-weight: 500;
    }

        .side-box .total strong em {
            font-style: normal;
            font-size: 14px;
        }

.passenger-holder .fieldset {
    margin-bottom: 20px;
}

.passenger-holder .signin-holder ul#tabs-nav {
    margin: 0 0 20px 0;
    padding: 20px 20px;
    background: #f5f5f5;
    border-bottom: 1px solid #080808;
}

    .passenger-holder .signin-holder ul#tabs-nav li {
        position: relative;
        display: block;
        list-style: none;
        padding: 0 0 0 30px;
        margin: 0 0;
        font-size: 18px;
        line-height: 34px;
        color: #191919;
    }

        .passenger-holder .signin-holder ul#tabs-nav li:after {
            content: "";
            position: absolute;
            left: 4px;
            top: 7px;
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: #fff;
            border: 2px solid #191919;
            box-shadow: inset 0 0 0 3px #fff;
        }

        .passenger-holder .signin-holder ul#tabs-nav li.active:after {
            background: #fd8446;
        }

        .passenger-holder .signin-holder ul#tabs-nav li:hover a,
        .passenger-holder .signin-holder ul#tabs-nav li.active a {
            color: #38146a;
        }

.terms-condition {
    background: #f7fbfb;
    padding: 20px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .terms-condition .inner-box {
        padding-right: 30px;
        height: 150px;
        overflow-y: scroll;
        margin-bottom: 0;
    }

    .terms-condition .text-holder {
        min-height: 450px;
    }

        .terms-condition .text-holder h3 {
            font-size: 18px;
            line-height: 24px;
            font-weight: 600;
            color: #080808;
            margin: 0 0 10px 0;
        }

        .terms-condition .text-holder p {
            margin: 0 0 10px 0;
            font-size: 13px;
            line-height: 18px;
        }

    .terms-condition label {
        font-weight: normal;
    }

#style-3::-webkit-scrollbar-track {
    background-color: #dfefee;
}

#style-3::-webkit-scrollbar {
    width: 11px;
    background-color: #dfefee;
    border-radius: 10px;
}

#style-3::-webkit-scrollbar-thumb {
    border-radius: 10px;
    width: 6px;
    background-color: #fd8446;
}

.passenger-info .info-box .fieldset .check-holder label {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 0;
}

.payment {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.1);
    margin: 0 0 20px 0;
    padding: 30px 20px 0;
}

    .payment h2 {
        position: relative;
        margin: 0 0 15px 0;
        padding: 11px 0 15px 100px;
        color: #228d27;
    }

        .payment h2 img {
            position: absolute;
            left: 0;
            border-radius: 50%;
            border: 0;
            width: 94px;
            height: 94px;
            top: -17px;
            object-fit: contain;
        }

h2.fail {
    color: #ed1b24;
    padding-left: 125px;
}

.payment p {
    font-size: 14px;
    line-height: 22px;
    color: #555;
    margin: 0 0 10px 0;
}

    .payment p strong {
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 -10px 0;
        display: block;
        color: #080808;
        font-weight: 500;
    }

.payment .box {
    display: block;
    padding: 0 0 15px 0;
}

    .payment .box .holder {
        padding: 0;
        display: inline-block;
    }

        .payment .box .holder:first-child {
            width: 30%;
        }

        .payment .box .holder span {
            display: block;
            font-size: 14px;
            line-height: 26px;
            color: #5b5b5b;
            margin: 0 0 5px 0;
        }

        .payment .box .holder strong {
            display: block;
            color: #080808;
            font-size: 16px;
            line-height: 22px;
            font-weight: 500;
            margin: 0 0 10px 0;
        }

            .payment .box .holder strong em {
                font-style: normal;
                font-size: 14px;
            }

.payment .btn-submit {
    background: #fd8446;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    height: 34px;
    font-weight: 700;
    text-align: center;
    border: 0;
    border-radius: 30px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 30px;
    float: right;
}

    .payment .btn-submit:hover {
        background: #38146a;
    }

.modal-lg {
    width: 1170px;
}

.modal-content {
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 10px;
}

.modal-header {
    position: relative;
    padding: 30px 30px 15px;
    border: 0;
}

.modal-open .modal {
    cursor: auto;
}

.modal-header .close {
    position: absolute;
    right: -12px;
    top: -7px;
    border-radius: 30px;
    background: #fd8446;
    opacity: 1;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

    .modal-header .close span {
        text-shadow: none;
        font-weight: normal;
        color: #fff;
    }

    .modal-header .close:hover {
        background: #38146a;
    }

.modal-header h4 {
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 10px 0;
    font-weight: 500;
    color: #38146a;
}

.modal-header p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin: 0;
}

.modal-header .m-price {
    position: absolute;
    right: 35px;
    top: 30px;
    text-align: right;
}

    .modal-header .m-price span {
        color: #757575;
        font-size: 16px;
        line-height: 24px;
        display: block;
        font-weight: 500;
        margin: 0;
    }

    .modal-header .m-price strong {
        color: #080808;
        font-size: 24px;
        line-height: 34px;
        display: block;
        font-weight: 500;
        margin: 0;
    }

        .modal-header .m-price strong em {
            font-style: normal;
            font-size: 14px;
        }

.modal-body {
    padding: 0 30px;
}

    .modal-body .box-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
    }

        .modal-body .box-holder .detail-box {
            display: inline-block;
            width: 48%;
            padding: 0 0 25px 0;
        }

            .modal-body .box-holder .detail-box h3 {
                margin: 0;
                color: #fff;
                background: #38146a;
                font-size: 18px;
                line-height: 30px;
                font-weight: 400;
                padding: 3px 20px;
                border-radius: 10px 10px 0 0;
                text-align: left;
            }

            .modal-body .box-holder .detail-box:last-child h3 {
                background: #38146a;
            }

            .modal-body .box-holder .detail-box .inner-box {
                padding: 10px 15px 5px;
                border: 1px solid #e0e0e0;
            }

                .modal-body .box-holder .detail-box .inner-box .stops {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    width: 100%;
                    align-items: center;
                    padding: 0 0 10px 0;
                }

                    .modal-body .box-holder .detail-box .inner-box .stops strong {
                        display: inline-block;
                        font-size: 16px;
                        line-height: 24px;
                        color: #000;
                        font-weight: 400;
                        margin: 0;
                    }

                    .modal-body .box-holder .detail-box .inner-box .stops span {
                        display: inline-block;
                        font-size: 14px;
                        line-height: 24px;
                        color: #000;
                        font-weight: 400;
                        margin: 0;
                    }

                .modal-body .box-holder .detail-box .inner-box .f-detail {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    width: 100%;
                    align-items: center;
                    padding: 0 0 15px 0;
                }

                    .modal-body .box-holder .detail-box .inner-box .f-detail .img-holder {
                        display: inline-block;
                        width: 150px;
                    }

                        .modal-body .box-holder .detail-box .inner-box .f-detail .img-holder figure {
                            display: block;
                            margin: 0;
                        }

                    .modal-body .box-holder .detail-box .inner-box .f-detail .text-holder {
                        display: inline-block;
                        text-align: right;
                    }

                        .modal-body .box-holder .detail-box .inner-box .f-detail .text-holder strong {
                            display: block;
                            font-size: 13px;
                            line-height: 18px;
                            margin: 0;
                            font-weight: 400;
                            color: #080808;
                        }

                        .modal-body .box-holder .detail-box .inner-box .f-detail .text-holder span {
                            display: block;
                            font-size: 12px;
                            line-height: 18px;
                            color: #000;
                            font-weight: 400;
                            margin: 0;
                        }

                .modal-body .box-holder .detail-box .inner-box .flight-holder {
                    padding: 0 0 15px 0;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    display: flex;
                    width: 100%;
                    text-align: left;
                }

                    .modal-body
                    .box-holder
                    .detail-box
                    .inner-box
                    .flight-holder
                    .holder
                    .text-box {
                        padding: 0;
                    }

                        .modal-body
                        .box-holder
                        .detail-box
                        .inner-box
                        .flight-holder
                        .holder
                        .text-box
                        h5,
                        .modal-body .box-holder .detail-box .inner-box .flight-holder .holder-end h5 {
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 500;
                            margin-bottom: 5px;
                        }

                        .modal-body
                        .box-holder
                        .detail-box
                        .inner-box
                        .flight-holder
                        .holder
                        .text-box
                        p,
                        .modal-body .box-holder .detail-box .inner-box .flight-holder .holder-end p {
                            font-size: 13px;
                            line-height: 20px;
                            margin: 0;
                        }

                .modal-body .box-holder .detail-box .inner-box .connection-time {
                    position: relative;
                    padding: 0 0 10px 0;
                    text-align: left;
                }

                    .modal-body .box-holder .detail-box .inner-box .connection-time:after {
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        left: 0;
                        top: 12px;
                        content: "";
                        border-top: 1px dashed #e1e1e1;
                    }

                    .modal-body .box-holder .detail-box .inner-box .connection-time span {
                        position: relative;
                        background: #fff;
                        display: inline-block;
                        font-size: 13px;
                        line-height: 20px;
                        font-weight: 500;
                        color: #38146a;
                        z-index: 2;
                        margin: 0;
                        padding: 0 20px 0 0;
                    }

    .modal-body .flight-holder .holder {
        overflow: hidden;
        padding: 0;
    }

    .modal-body .flight-holder .holder-m {
        text-align: center;
        position: relative;
        width: 150px;
        margin: -4px 0 0 0;
    }

        .modal-body .flight-holder .holder-m:after {
            content: "";
            position: absolute;
            left: 18px;
            top: 26px;
            height: 2px;
            width: 70%;
            border-bottom: 2px dashed #ddd;
        }

        .modal-body .flight-holder .holder-m h6 {
            font-size: 13px;
            line-height: 18px;
            color: #080808;
            font-weight: 500;
            margin: 0 0 15px 0;
            font-family: "Poppins", sans-serif;
            position: relative;
        }

            .modal-body .flight-holder .holder-m h6:after {
                content: "";
                position: absolute;
                left: 45%;
                bottom: -20px;
                height: 18px;
                width: 20px;
                background: url(assets/images/icon-plane.png) no-repeat 0 0/16px;
                z-index: 1;
            }

        .modal-body .flight-holder .holder-m span.time-dur {
            font-size: 12px;
            line-height: 18px;
            color: #696969;
            margin: 0;
            font-weight: 500;
            display: block;
            position: relative;
        }

            .modal-body .flight-holder .holder-m span.time-dur:after,
            .modal-body .flight-holder .holder-m span.time-dur:before {
                width: 7px;
                height: 7px;
                content: "";
                position: absolute;
                left: 14px;
                top: -10px;
                background: #ddd;
                border-radius: 20px;
            }

            .modal-body .flight-holder .holder-m span.time-dur:after {
                left: auto;
                right: 20px;
            }

.user-login p {
    font-size: 16px;
    line-height: 24px;
    color: #080808;
    margin: 0 0 5px 0;
}

    .user-login p:first-child {
        margin-bottom: 15px;
    }

    .user-login p em {
        font-style: normal;
        display: inline-block;
        padding: 0 5px 0 15px;
    }

.review-sec {
    padding: 30px 0;
    background: #f2f2f2;
}

ul.review-list {
    margin: 0;
    padding: 20px 0 10px 0;
}

.draggable {
    overflow: hidden;
}

ul.review-list li {
    padding: 0 15px;
    margin: 0;
    float: left;
    list-style: none;
}

    ul.review-list li .cap-box {
        background: #fff;
        border-radius: 10px;
        padding: 20px;
    }

        ul.review-list li .cap-box .auther-box {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 10px;
        }

            ul.review-list li .cap-box .auther-box .img-holder {
                width: 54px;
            }

                ul.review-list li .cap-box .auther-box .img-holder figure {
                    width: 54px;
                    height: 54px;
                    overflow: hidden;
                    border-radius: 50%;
                }

                    ul.review-list li .cap-box .auther-box .img-holder figure img {
                        width: 100%;
                    }

            ul.review-list li .cap-box .auther-box .text-holder {
                padding: 0 0 0 15px;
            }

                ul.review-list li .cap-box .auther-box .text-holder .star {
                    width: 64px;
                    display: block;
                    margin: 0;
                }

                    ul.review-list li .cap-box .auther-box .text-holder .star img {
                        width: 100%;
                    }

                ul.review-list li .cap-box .auther-box .text-holder strong {
                    display: block;
                    color: #000;
                    font-weight: 400;
                    font-size: 16px;
                }

                ul.review-list li .cap-box .auther-box .text-holder em {
                    display: block;
                    font-style: normal;
                    line-height: 16px;
                }

        ul.review-list li .cap-box p {
            font-style: italic;
        }

.hide-list {
    display: none;
}

.show-list {
    display: block;
    padding: 5px 0 10px;
    margin-top: 15px;
    width: 100%;
    background: #fff;
    position: relative;
}

.sec-multidestination .fxd-blks ul.route-detail-list li:first-child {
    width: 100%;
    margin: 0;
}

.sec-multidestination .fxd-blks.tab-view .show-list {
    margin: 5px 0 10px 0;
}

.sec-multidestination .fxd-blks.tab-view ul.route-detail-list li:first-child {
    width: 100%;
    margin: 0;
    text-align: left;
}

.sec-multidestination .fxd-blks ul.route-detail-list li:hover:after,
.sec-multidestination .fxd-blks ul.route-detail-list li:hover:before {
    display: none;
}

.sec-multidestination .fxd-blks ul.route-detail-list li:hover a:after,
.sec-multidestination .fxd-blks ul.route-detail-list li:hover a::before {
    display: none;
}

.sec-multidestination
.fxd-blks
ul.route-detail-list
li
.holder-box
.detail-icon
span
a {
    padding: 0;
    display: inline-block;
    border: 0;
    margin: 0;
    background: none;
}

.sec-multidestination
.fxd-blks
ul.route-detail-list
li
.holder-box
.detail-icon > a {
    font-size: 16px;
    line-height: 24px;
    color: #fd8446;
    border: 0;
    padding: 0;
    background: none;
}

.news-cards {
    padding: 0 0;
}

ul.news-card-list {
    margin: 0 -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.news-card-list li {
        width: 25%;
        margin: 0;
        padding: 0 10px 15px;
        list-style: none;
        text-align: center;
    }

        ul.news-card-list li a {
            display: inline-block;
            width: auto;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        }

            ul.news-card-list li a:hover {
                box-shadow: 2px 3px 15px 1px rgba(0, 0, 0, 0.1);
            }

.news-card {
    text-align: left;
    display: block;
    margin: 0;
}

    .news-card .img-holder {
        display: block;
        margin: 0 0 10px 0;
    }

        .news-card .img-holder figure {
            width: 100%;
            height: 218px;
            overflow: hidden;
        }

            .news-card .img-holder figure img {
                object-fit: fill;
                height: 218px;
                width: 100%;
            }

    .news-card .text-holder {
        padding: 0 15px 15px;
        display: block;
        margin: 0;
    }

        .news-card .text-holder strong {
            display: block;
            font-size: 18px;
            line-height: 22px;
            font-weight: normal;
            color: #000;
            margin: 0 0 5px 0;
        }

a:hover .news-card .text-holder strong {
    color: #e32d57;
}

.news-card .text-holder .visa-opt {
    padding: 0 0 5px 0;
    display: block;
}

.news-holder {
    margin: 30px 0 0 0;
    position: relative;
    z-index: 99;
}

.news-img {
    margin: 0 0 25px 0;
    width: 100%;
}

    .news-img img {
        width: 100%;
    }

.news-share {
    text-align: center;
    padding: 20px 0;
}

news-cards h2 {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 30px;
    padding: 0;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.sidebar .user-account {
    margin: -10px 0;
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

    .sidebar .user-account ul {
        margin: 0;
        padding: 0;
    }

        .sidebar .user-account ul li {
            display: block;
            margin: 0;
            list-style: none;
            padding: 0;
        }

            .sidebar .user-account ul li:first-child {
                border-bottom: 1px dashed #d6dddd;
                padding-bottom: 5px;
                margin-bottom: 5px;
            }

            .sidebar .user-account ul li a {
                display: block;
                background: none;
                text-align: left;
                border-radius: 0;
                text-transform: capitalize;
                color: #fd8446;
                font-weight: normal;
                line-height: 30px;
                font-size: 16px;
            }

                .sidebar .user-account ul li a img {
                    display: inline-block;
                    height: 20px;
                    margin-right: 5px;
                }

                .sidebar .user-account ul li a:hover {
                    color: #38146a;
                }

.signin-opt {
    padding: 0;
    margin: 0 0 0 0;
}

    .signin-opt p {
        font-size: 16px;
        line-height: 24px;
        color: #080808;
        margin: 0 0 0 0;
    }

        .signin-opt p a {
            color: #fd8446;
            font-weight: 600;
        }

            .signin-opt p a:hover {
                color: #38146a;
            }

.hide-search {
    display: none;
}

ul#user-menu {
    margin: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 230px;
    background: #fff;
    box-shadow: 0px 8px 10px #e1ba7442;
    z-index: 9;
    border-radius: 0 0 5px 5px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    text-align: left;
    pointer-events: none;
}

    ul#user-menu.dropmenu {
        opacity: 1;
        pointer-events: visible;
    }

    ul#user-menu li {
        border: none !important;
        margin-left: 0 !important;
        padding: 10px 1px;
        list-style: none;
    }

        ul#user-menu li:first-child {
            border-bottom: 1px solid rgba(0, 0, 0, 0.068) !important;
        }

        ul#user-menu li a {
            color: black;
            font-size: 14px;
            padding: 0;
        }

            ul#user-menu li a figure {
                width: 30px;
                height: 30px;
                border: 0;
                background: #f5832036;
                float: none;
                padding: 2px 0;
                display: inline-block;
                text-align: center;
                border-radius: 30px;
                margin: 0 10px 0 0;
                transition: all 0.3s ease-in-out;
            }

                ul#user-menu li a figure img {
                    height: 14px;
                    width: auto;
                }

            ul#user-menu li a:hover figure {
                background: #38146a;
            }

            ul#user-menu li a:hover {
                color: #38146a;
            }

.notice-box {
    width: 100%;
    float: left;
    padding: 15px;
    background: white;
    border: 1px #f0f0f0 solid;
    margin-top: 30px;
    margin-left: 0;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .notice-box p {
        margin: 0;
    }

.fieldset textarea {
    border: 1px #f0f0f0 solid;
    border-radius: 8px;
    margin-top: 10px;
}

.checkbox-container {
    list-style: none;
    margin: 0px;
    display: flex;
    padding: 0px;
    flex-flow: wrap;
}

    .checkbox-container li {
        position: relative;
        padding-right: 20px;
    }

    .checkbox-container input {
        padding: 0px;
        height: initial;
        width: initial;
        margin-bottom: 0px;
        display: none;
        cursor: pointer;
    }

    .checkbox-container label {
        position: unset;
        font-weight: normal;
        text-transform: uppercase;
        color: rgba(8, 8, 8, 0.68);
        font-size: 14px;
    }

        .checkbox-container label::before {
            content: "";
            appearance: none;
            background-color: transparent;
            border: 2px solid rgb(252 133 10);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            border-radius: 4px;
        }

    .checkbox-container input:checked + label {
        color: rgb(8, 8, 8) !important;
    }

        .checkbox-container input:checked + label::before {
            border-color: var(--black-color);
        }

        .checkbox-container input:checked + label::after {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: 6px;
            width: 6px;
            height: 10px;
            border-style: solid;
            border-color: var(--black-color);
            border-image: initial;
            border-width: 0px 2px 2px 0px;
            transform: rotate(45deg);
        }

button.reset-btn {
    display: block;
    background: #fd8446;
    color: #fff;
    padding: 2px 15px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 28px;
    border: 0;
    width: 100%;
}

    button.reset-btn:hover {
        background: #38146a;
    }

.search-options {
    display: flex;
    margin-bottom: 20px;
    flex-flow: wrap;
    font-size: 16px;
    position: relative;
    z-index: 5;
}

    .search-options label {
        display: inline-flex;
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-right: 20px;
        color: #fff;
        font-weight: normal;
    }

    .search-options input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .search-options .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 16px;
        width: 16px;
        border: 1px solid #fff;
    }

    .search-options .radio-container .checkmark {
        border-radius: 50%;
    }

    .search-options .checkbox-container .checkmark {
        border-radius: 3px;
    }

    .search-options input:checked ~ .checkmark {
        border-color: #fff;
    }

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

.search-options input:checked ~ .checkmark:after {
    display: block;
}

.search-options input:checked ~ .text {
    color: #fff;
    font-size: 16px;
}

.search-options .radio-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.search-options .checkbox-container .checkmark:after {
    left: 5px;
    top: 1.5px;
    width: 5px;
    height: 9px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-flight {
    padding: 0 0 0;
    width: 41.9%;
}

    .check-flight .form-group {
        display: inline-block;
        margin: 10px 15px 0 0;
        vertical-align: middle;
    }

        .check-flight .form-group input {
            padding: 0;
            height: initial;
            width: initial;
            margin-bottom: 0;
            display: none;
            cursor: pointer;
        }

        .check-flight .form-group label {
            position: relative;
            cursor: pointer;
            font-weight: normal;
            margin: 0 0 0 0;
            font-size: 16px;
            line-height: 22px;
            color: #fff;
        }

            .check-flight .form-group label:before {
                content: "";
                -webkit-appearance: none;
                background-color: transparent;
                border: 1px solid #fff;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
                padding: 9px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 5px;
                border-radius: 5px;
                top: -2px;
            }

        .check-flight .form-group input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: 7px;
            width: 6px;
            height: 11px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.search-wrap {
    position: relative;
}

    .search-wrap .passenger-select {
        width: 220px;
        margin: 0 20px 0 0;
        position: absolute;
        top: -55px;
        right: 60px;
        z-index: 101;
    }

        .search-wrap .passenger-select input[type="text"] {
            width: 100%;
            color: #fff;
            border-bottom: 1px solid #fff;
            font-size: 16px;
            padding: 0;
        }

.buttons {
    position: relative;
    z-index: 4;
}

.select-holder .right-btn {
    text-align: right;
    width: 21.5%;
}

    .select-holder .right-btn button.btn-search {
        width: auto;
        height: 42px;
        line-height: 42px;
        padding: 0px 20px;
    }

.passengers1 {
    display: none;
    padding: 20px;
    background-color: #f0f0f0;
    margin-top: 10px;
}

table.table.booking-table {
    margin: 0;
    padding: 0;
}

    table.table.booking-table th {
        border-bottom: 1px solid #ddd;
        background: #38146a;
        font-weight: normal;
        color: #fff;
        font-size: 14px;
    }

    table.table.booking-table td {
        font-size: 13px;
    }

.clickable-row {
    cursor: pointer;
}

.one-way .modal-dialog.modal-lg {
    width: 800px;
}

    .one-way .modal-dialog.modal-lg .detail-box {
        width: 100%;
    }

.activity-box {
    padding: 15px 0 0;
    margin: 0 0 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .activity-box .img-holder,
    .activity-box .text-holder {
        width: 48% !important;
    }

    .activity-box.right-img .img-holder {
        order: 2;
    }

    .activity-box .img-holder figure {
        display: block;
    }

        .activity-box .img-holder figure img {
            width: 100% !important;
            height: auto;
            display: block;
        }

.content-sec p a.btn-activity {
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
    padding: 0 16px;
    outline: 0;
    height: 32px;
    line-height: 32px;
    margin: 0;
    background: #0890fa;
    text-decoration: none;
}

    .content-sec p a.btn-activity strong {
        color: #fff;
        font-weight: normal;
    }

    .content-sec p a.btn-activity:focus,
    .content-sec p a.btn-activity:hover {
        background: #001848;
        color: #fff;
    }

@media only screen and (max-width: 768px) {
    .activity-box {
        padding: 0 !important;
        margin: 0 !important;
    }

        .activity-box .img-holder,
        .activity-box .text-holder {
            width: 100% !important;
            margin-bottom: 10px;
        }

        .activity-box.right-img .img-holder {
            order: 0;
        }
}

.low-price-label {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    font-size: 12px;
    color: #8f8f8f;
}

.table:has(table) {
    overflow-x: auto;
}

.table table {
    margin-bottom: 20px;
    border-collapse: collapse;
    width: 100%;
}

    .table table th {
        background: #51ac0e;
        color: #000;
        font-weight: bold;
        line-height: 24px;
        padding: 8px 10px;
        border: none !important;
    }

    .table table td {
        border: 1px solid #dddddd !important;
        padding: 8px 10px;
    }

.choose-destination {
    background: #d9f2d9;
    margin: 0 -900px 30px;
    padding: 20px 900px 30px;
}

    .choose-destination h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

.destination-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

    .destination-box .box-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #fff;
        height: 100%;
        text-align: center;
        border-radius: 10px;
        padding: 37px 0;
        width: 45%;
    }

        .destination-box .box-left a {
            display: block;
        }

        .destination-box .box-left figure {
            margin: 0 0 20px 0;
        }

            .destination-box .box-left figure img {
                width: 100%;
            }

        .destination-box .box-left a {
            color: #38146a;
            font-size: 14px;
        }

            .destination-box .box-left a:hover {
                color: #1f093e;
            }

    .destination-box .box-right {
        padding: 0 0 0 20px;
        width: 55%;
    }

        .destination-box .box-right ul {
            margin: 0;
            padding: 0;
        }

            .destination-box .box-right ul:first-child {
                margin-bottom: 10px;
            }

            .destination-box .box-right ul li {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .destination-box .box-right ul li a {
                    display: block;
                    font-size: 14px;
                    line-height: 22px;
                    color: #38146a;
                }

                    .destination-box .box-right ul li a:hover {
                        color: #1f093e;
                    }

.choose-airline {
    background: #ffeddb;
    margin: 0 -900px 30px;
    padding: 20px 900px 30px;
}

    .choose-airline h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .choose-airline ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .choose-airline ul li {
            list-style: none;
            margin: 0;
            width: 15.5%;
            padding: 20px 0;
            text-align: center;
            background: #fff;
            border-radius: 10px;
        }

            .choose-airline ul li a {
                display: block;
            }

            .choose-airline ul li figure {
                margin-bottom: 20px;
                width: 142px;
                display: inline-block;
            }

                .choose-airline ul li figure img {
                    width: 100%;
                }

            .choose-airline ul li a {
                color: #38146a;
            }

                .choose-airline ul li a:hover {
                    color: #1f093e;
                }

@media screen and (max-width: 980px) {
    .choose-destination,
    .choose-airline {
        padding-bottom: 10px;
    }

    .destination-box {
        margin-bottom: 20px;
    }

    .choose-airline ul li {
        margin: 0 0 20px 0;
        width: 48%;
    }

        .choose-airline ul li a {
            font-size: 14px;
            margin-bottom: 5px;
        }

    .destination-box .box-right {
        padding: 0 0 0 10px;
    }
}

.modal.new-login {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
}

    .modal.new-login .modal-content {
        background: #fff;
        margin: 5% auto;
        padding: 20px;
        width: 800px;
        border-radius: 8px;
        position: relative;
    }

    .modal.new-login span.close {
        position: absolute;
        right: -12px;
        top: -7px;
        border-radius: 30px;
        background: #fd8446;
        opacity: 1;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-weight: normal;
        text-shadow: none;
        color: #fff;
    }

        .modal.new-login span.close:hover {
            background: #38146a;
        }

    .modal.new-login h2 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 15px 0;
        font-weight: 500;
        color: #38146a;
    }

    .modal.new-login .info-btn-holder {
        justify-content: space-between;
        padding: 0 0 0;
    }

    .modal.new-login .fieldset {
        margin-bottom: 20px;
        position: relative;
    }

    .modal.new-login .info-box .fieldset label {
        font-weight: 400;
        color: #707980;
        font-size: 12px;
        line-height: 15px;
        margin: 0 0 0 0;
        display: block;
    }

    .modal.new-login .info-box .fieldset input[type="text"],
    .modal.new-login .info-box .fieldset input[type="password"],
    .modal.new-login .info-box1 .fieldset input[type="text"],
    .modal.new-login .info-box .fieldset select {
        width: 100%;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #dcdcdc;
        line-height: 38px;
        height: 38px;
        font-size: 16px;
        font-weight: 400;
        padding: 0 0;
        outline: none;
    }

    .modal.new-login .info-box .fieldset .check-holder label {
        display: inline-block;
        vertical-align: top;
        margin: 3px 0 0 0;
    }

    .modal.new-login .terms-condition .text-holder h3 {
        font-weight: normal;
    }

.login-opt a {
    font-size: 13px;
    font-weight: normal;
    border-radius: 0;
    position: relative;
    color: #fd8446;
    text-transform: uppercase;
    padding: 6px 0;
    border-bottom: 0;
    margin-left: 5px;
}

    .login-opt a:hover {
        color: #38146a;
    }

.iti {
    width: 100%;
}

.iti__country-list {
    width: 370px;
    overflow-x: hidden;
}

.modal.new-login .fieldset span.text-danger,
.modal.new-login .fieldset span.error-msg {
    position: absolute;
    font-size: 12px;
    left: 0;
    bottom: -20px;
}

.passenger-holder .info-box .fieldset {
    position: relative;
}

    .passenger-holder .info-box .fieldset span.error-msg {
        position: absolute;
        left: 0;
        bottom: -18px;
        font-size: 11px;
        pointer-events: none;
    }

.login-holder .tab-nav {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .login-holder .tab-nav .tab-link {
        text-align: center;
        padding: 0 0 10px 0;
        margin-right: 25px;
        cursor: pointer;
        text-decoration: none;
        border-bottom: 2px solid transparent;
        font-size: 18px;
        color: #080808;
        font-weight: 500;
    }

.login-holder .tab-content {
    padding: 0;
}

.modal.new-login .fieldset p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: -10px;
}

    .modal.new-login .fieldset p a {
        color: #fd8446;
    }

        .modal.new-login .fieldset p a:hover {
            color: #38146a;
        }

.login-holder .tab-nav .tab-link:hover {
    color: #38146a;
}

.login-holder .tab-nav .tab-link.active {
    border-bottom: 2px solid #38146a;
    color: #38146a;
}

.login-holder .tab-content .v-passenger > p {
    font-size: 16px;
    line-height: 20px;
}

@media screen and (max-width: 980px) {
    .modal.new-login .modal-content {
        margin: 28% 3% 0;
        width: 93%;
    }

    .choose-destination,
    .choose-airline {
        padding-bottom: 10px;
    }

    .destination-box {
        margin-bottom: 20px;
    }

    .choose-airline ul li {
        margin: 0 0 20px 0;
        width: 48%;
    }

        .choose-airline ul li a {
            font-size: 14px;
            margin-bottom: 5px;
        }

    .destination-box .box-right {
        padding: 0 0 0 10px;
    }

    .login-holder .tab-nav .tab-link {
        margin-right: 15px;
        font-size: 16px;
    }
}

.lds-default,
.lds-default div {
    box-sizing: border-box;
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
}

    .lds-default div {
        position: absolute;
        width: 14px;
        height: 14px;
        background: #fff;
        border-radius: 50%;
        animation: lds-default 0.75s linear infinite;
    }

        .lds-default div:nth-child(1) {
            animation-delay: 0s;
            top: 44.8px;
            left: 88.24px;
        }

        .lds-default div:nth-child(2) {
            animation-delay: -0.1s;
            top: 19.08px;
            left: 77.29579px;
        }

        .lds-default div:nth-child(3) {
            animation-delay: -0.2s;
            top: 9.30421px;
            left: 52.52px;
        }

        .lds-default div:nth-child(4) {
            animation-delay: -0.3s;
            top: 19.30421px;
            left: 26.08px;
        }

        .lds-default div:nth-child(5) {
            animation-delay: -0.4s;
            top: 44.30421px;
            left: 16.08px;
        }

        .lds-default div:nth-child(6) {
            animation-delay: -0.5s;
            top: 70.8px;
            left: 26.36px;
        }

        .lds-default div:nth-child(7) {
            animation-delay: -0.6s;
            top: 80.52px;
            left: 52.30421px;
        }

        .lds-default div:nth-child(8) {
            animation-delay: -0.7s;
            top: 70.29579px;
            left: 78.08px;
        }

        .lds-default div:nth-child(9) {
            animation-delay: -0.8s;
            top: 70.29579px;
            left: 78.08px;
        }

        .lds-default div:nth-child(10) {
            animation-delay: -0.9s;
            top: 66.24px;
            left: 36.8px;
        }

        .lds-default div:nth-child(11) {
            animation-delay: -1s;
            top: 62.29579px;
            left: 51.52px;
        }

        .lds-default div:nth-child(12) {
            animation-delay: -1.1s;
            top: 51.52px;
            left: 62.29579px;
        }

@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
        background: #860807;
    }
}

#timer {
    color: #000;
}

#countdown-timer {
    text-align: center;
    position: fixed;
    bottom: 210px;
    right: 0;
    background: rgb(191 191 191);
    color: #000;
    padding: 10px 15px;
    border-radius: 5px 0 0 5px;
    font-weight: normal;
    z-index: 9999;
    display: block;
    width: 60px;
}

button.m-filters {
    position: fixed;
    right: 0;
    bottom: 190px;
    height: 50px;
    width: 50px;
    background: #bfbfbf;
    border-radius: 10px 0 0 10px;
    border: 0;
    display: none;
    z-index: 99;
    cursor: pointer;
}

    button.m-filters:hover {
        background: #e34b26;
    }

    button.m-filters img {
        height: 20px;
    }

    button.m-filters:hover img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7418%) hue-rotate(198deg) brightness(105%) contrast(117%);
    }

.side-close {
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 24px;
    border-radius: 30px;
    background: red;
}

button.btn-change:hover {
    border: 3px solid #f96642;
}

ul.route-detail-list.single-view .fligut-route .holder-end a:hover,
ul.route-detail-list li .holder-box .detail-icon > a:hover {
    color: #000;
}

button.btn-add:hover,
a.flight-fare:hover,
ul.route-detail-list li .holder-box .price-holder .btn-box .btn-book:hover {
    background: #f96642 !important;
}

.price-range-slider .range-bar .ui-slider-range {
    background: #f96642;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.top-header .logo img {
    width: 140px;
}

body:has(#list-side) .wrapper {
    overflow: visible !important;
}

.col-lg-3:has(#list-side) {
    top: 20px;
    position: sticky;
}