:root {
    --border-color: #9da1ae;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #111111;
}

body,
html {
    width: calc(100%);
}

.alt-font {
    font-family: "Noto Serif", serif;
}

.page-section-title {
    font-family: "Noto Serif", serif;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:focus {
    box-shadow: none !important;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.md-checkbox {
    position: relative;
    margin: 1em 0;
    text-align: left;
}

.md-checkbox {
    position: relative;
    margin: 0;
    text-align: left;
}

    .md-checkbox.md-checkbox-inline {
        display: inline-block;
    }

    .md-checkbox label {
        cursor: pointer;
        display: inline;
        line-height: 1.15em;
        vertical-align: top;
        clear: both;
        padding-left: 28px !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .md-checkbox label:not(:empty) {
            padding-left: 0.75em;
        }

        .md-checkbox label:after,
        .md-checkbox label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
        }

        .md-checkbox label:before {
            width: 1.25em;
            height: 1.25em;
            background: #f5f5f5;
            border: 2px solid #e0e0e0;
            border-radius: 0.125em;
            cursor: pointer;
            transition: background 0.3s;
        }

    .md-checkbox input[type="checkbox"] {
        outline: 0;
        visibility: hidden;
        width: 1.15em;
        margin: 0;
        display: none;
        float: left;
        font-size: inherit;
    }

        .md-checkbox input[type="checkbox"]:checked + label:before {
            background: #ff5e0d;
            border: none;
        }

        .md-checkbox input[type="checkbox"]:checked + label:after {
            transform: translate(0.25em, 0.325em) rotate(-45deg);
            width: 0.65em;
            height: 0.325em;
            border: 0.125em solid #f5f5f5;
            border-top-style: none;
            border-right-style: none;
        }

        .md-checkbox input[type="checkbox"]:disabled + label:before {
            border-color: rgba(0, 0, 0, 0.26);
        }

        .md-checkbox input[type="checkbox"]:disabled:checked + label:before {
            background: rgba(0, 0, 0, 0.26);
        }

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
    }

    50% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

.md-radio {
    margin: 16px 0;
}

    .md-radio.md-radio-inline {
        display: inline-block;
    }

    .md-radio input[type="radio"] {
        display: none;
    }

        .md-radio input[type="radio"]:checked + label:before {
            border-color: #ff385c;
        }

        .md-radio input[type="radio"]:checked + label:after {
            transform: scale(1);
        }

    .md-radio label {
        display: inline-block;
        height: 20px;
        position: relative;
        padding: 0 30px;
        margin-bottom: 0;
        cursor: pointer;
        vertical-align: bottom;
    }

        .md-radio label:after,
        .md-radio label:before {
            position: absolute;
            content: "";
            border-radius: 50%;
            transition: all 0.3s ease;
            transition-property: transform, border-color;
        }

        .md-radio label:before {
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ff385c;
            border-color: #ff385c !important;
        }

        .md-radio label:after {
            top: 4px;
            left: 4px;
            width: 10px;
            height: 10px;
            transform: scale(0);
            background: #ff385c;
        }

.topContact {
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
}

    .topContact .contact-wrapper {
        position: relative;
        padding: 10px 0 10px 50px;
        display: flex;
        align-items: center;
    }

        .topContact .contact-wrapper small {
            position: absolute;
            display: block;
            bottom: -12px;
            font-size: 10px;
            white-space: nowrap;
            right: 0;
            font-weight: 500;
            color: #999;
        }

        .topContact .contact-wrapper span {
            font-weight: 500;
            font-size: 16px;
            color: #002b79;
        }

        .topContact .contact-wrapper svg {
            margin-right: 10px;
            flex-shrink: 0;
            width: 24px;
            height: 24px;
        }

.top-section {
    padding: 15px 0 20px;
}

nav.navbar {
    background: #042b79;
    padding: 0 !important;
    margin-top: 0;
    position: relative;
    z-index: 3;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 500;
    margin: 0;
    display: flex;
    line-height: 22px;
    padding: 8px 15px;
    outline: 0;
    font-size: 14px;
}

.nav-link.dropdown-toggle:after {
    content: "" !important;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M480-345 240-585l43-43 197 198 197-197 43 43-240 239Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
}

.shine,
.chrome {
    font-size: 3em;
    margin: 0 auto;
    margin-bottom: 1em;
    font-weight: bold;
}

.searchBoxWrapper .tabs .singleTab {
    font-weight: 500;
    min-width: 170px;
    text-align: center;
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    line-height: 24px;
    padding: 10px 20px;
    border-top-width: 4px;
    font-size: 18px;
    cursor: pointer;
}

    .searchBoxWrapper .tabs .singleTab svg {
        fill: #fff;
        height: 32px;
        position: relative;
        top: 5px;
    }

    .searchBoxWrapper .tabs .singleTab.active svg {
        fill: #002b79;
    }

    .searchBoxWrapper .tabs .singleTab.active {
        color: #002b79;
        background: #fff;
    }

.searchBox {
    background: #ffffff;
    border-radius: 0.375rem;
    padding: 1rem 1.5rem 2rem;
    border-top-left-radius: 0;
    -webkit-box-shadow: 10px 10px 50px rgb(0 0 0 / 16%);
    -ms-box-shadow: 10px 10px 50px rgba(0, 0, 0, 1.6);
    box-shadow: 10px 10px 50px rgb(0 0 0 / 16%);
    height: 200px;
}

ul.flightSearch {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}

.homeSearchBanner {
    height: https://www.theflightsguru.co.uk;
    display: flex;
    align-items: center;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
}

ul.flightSearch li {
    display: block;
    border: 1px solid var(--border-color);
    background: #ffffff;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 4px;
    border-radius: 4px;
    position: relative;
}

    ul.flightSearch li .form-control,
    ul.flightSearch li .form-control[readonly] {
        padding: 0 10px 0px;
        height: 40px !important;
        border: none;
        background: transparent;
        font-weight: 600;
        color: #000;
    }

    ul.flightSearch li .form-input_label {
        margin: 0 !important;
        padding: 10px 0 0 10px;
        font-size: 0.815rem;
        cursor: pointer;
        line-height: 1;
        color: #999;
        font-weight: 500;
    }

li.flightSearhButton {
    width: calc(14%);
    background: transparent !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* li.flightSearhCity { width: calc(20% - 4px) !important; } 
 */

li.flightSearhDate {
    width: calc(12% - 4px);
}

li.flightSearhCity.hotelSearchCIty {
    width: calc(40% - 4px) !important;
}

li.flightSearhPaxSelect {
    width: calc(20% - 4px);
}

ul.flightSearch li .form-control::placeholder {
    color: #bfbfbf;
    font-weight: normal;
}

li.flightSearhButton button,
li.flightSearhButton button:hover {
    background: #ff5e0d;
    width: 100%;
    margin-left: 10px;
    height: 76px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    margin-left: 4px;
}

ul.tripType {
    padding: 0;
    margin: 10px 0;
    display: flex;
    background: #f0f0f0;
    border-radius: 50px;
}

    ul.tripType li {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        ul.tripType li input[type="radio"] {
            position: absolute;
            opacity: 0;
        }

            ul.tripType li input[type="radio"] + label {
                display: block;
                padding: 10px 15px;
                border-radius: 60px;
                font-weight: 600;
                cursor: pointer;
                margin-bottom: 0;
            }

            ul.tripType li input[type="radio"]:checked + label {
                background: #002b79;
                color: #fff;
            }

.homeSearchBanner .container {
    position: absolute;
    bottom: -40%;
    transform: translateY(-50%);
    z-index: 2;
    left: 0;
    right: 0;
}

.searchBoxWrapper .tabs {
    position: relative;
    top: 1px;
}

.threePointHighlight {
    padding: 150px 0 50px;
}

    .threePointHighlight .points {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 16px;
        color: #616161;
    }

        .threePointHighlight .points svg {
            transform: scale(1.75);
            margin-right: 20px;
            fill: #002b79;
        }

        .threePointHighlight .points .bold {
            font-weight: 500;
            color: #002b79;
            font-size: 22px;
        }

.destCard img {
    width: calc(100%);
    height: 300px;
    object-fit: cover;
    border-radius: 0px;
}

.destCard {
    position: relative;
    margin-bottom: 15px;
    display: block;
    box-shadow: 2px 3px 4px rgb(0 0 0 / 20%);
    border-radius: 5px;
}

    .destCard ._title {
        position: absolute;
        top: 50%;
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
        padding: 10px 15px;
        border-top-right-radius: 8px;
        text-shadow: 2px 2px 1px rgb(26 19 19 / 50%);
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .destCard .bookBtns {
        position: absolute;
        bottom: 5%;
        left: 50%;
        display: none;
        align-items: center;
        transform: translateX(-50%);
        width: 100%;
        justify-content: center;
    }

        .destCard .bookBtns a {
            width: calc(50% - 5px);
            text-align: center;
            margin: 0 5px;
            background: #02122c !important;
            padding: 10px;
            display: block;
            line-height: 1;
            border-radius: 3px;
            font-weight: 600;
            color: #fff;
            text-decoration: none;
            max-width: 120px;
        }

            /* .destCard .bookBtns a.secondary { background: #002B79; } 

 */
            .destCard .bookBtns a.primary {
                background: #ff5e0d !important;
            }

    .destCard:hover .bookBtns {
        display: flex;
    }

.row[data-gutter="15"] > [class^="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.row[data-gutter="15"] {
    margin: 0 -7.5px;
}

.bg-grey {
    background: #f3f4f5;
}

.heading2 {
    font-size: 2rem;
}

.destCard:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 13 85 / 15%);
}

button.btn_swap {
    position: absolute;
    background: #fff;
    border: 1px solid #9da1ae;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
}

li.flightSearhCity.arrivalCity {
    padding-left: 12px;
}

button.btn_swap svg {
    position: relative;
    top: 2px;
    left: 2px;
}

.hotelOffer {
    box-shadow: 0 0 10px 2px #ccccccb5;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

    .hotelOffer .htOfferImage {
        padding: 0;
        position: relative;
        margin: 0;
    }

        .hotelOffer .htOfferImage img {
            width: calc(100%);
            height: 240px;
            object-fit: cover;
        }

.offer-grid-title {
    color: #000;
    font-family: "Noto Serif", serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3em;
    min-height: 63px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0.3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.star {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFA000' d='M329.6 176H488C498.3 176 507.4 182.5 510.7 192.2C514 201.9 510.8 212.6 502.7 218.9L371.9 320.7L422.9 480.7C426.1 490.7 422.4 501.7 413.7 507.7C405.1 513.7 393.6 513.4 385.3 506.9L256 406.4L126.7 506.9C118.4 513.4 106.9 513.7 98.27 507.7C89.65 501.7 85.94 490.7 89.13 480.7L140.1 320.7L9.267 218.9C1.174 212.6-2.027 201.9 1.3 192.2C4.628 182.5 13.75 176 24 176H182.5L233.1 16.72C236.3 6.764 245.6 0 256 0C266.5 0 275.7 6.764 278.9 16.72L329.6 176z'/%3E%3C/svg%3E");
    margin-right: 3px;
}

.star_ratings {
    display: flex;
    white-space: nowrap;
    padding: 5px 0 10px;
    align-items: center;
}

.card_ht_location {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #5d5d5d;
    display: -webkit-box;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.18em;
    margin-left: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

    .card_ht_location svg {
        width: 12px;
        height: auto;
        margin-right: 5px;
        color: #5e6d77;
        fill: #5e6d77;
        position: relative;
        top: -1px;
    }

.offer-promotion-hot {
    position: absolute;
    top: 15px;
    right: 0;
    background-color: #02122c !important;
    color: #fff;
    font-size: 0.8em;
    font-weight: 500;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: font-size 0.5s ease;
}

.htOfferDetails {
    padding: 1rem 1rem;
}

section.hotelOffers.container {
    background: #fefefe;
}

span.reviw_rating {
    color: #5d5d5d;
    margin-right: 22px;
    position: relative;
    font-weight: 600;
}

span.review_count {
    color: #8592a6;
}

.card_ht_price ._from {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    color: #8592a6;
}

.card_ht_price ._price {
    font-size: 24px;
    color: #1a2b48;
    font-weight: 500;
    display: inline-block;
    padding: 0 2px;
}

._night_txt {
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    color: #8592a6;
}

.clsBottom {
    margin-top: 20px;
}

.card_ht_price {
    margin-top: 0;
}

.hotelOffers {
    background: #f3f4f5;
}

/* .exclusiveOffers { background: #f3f4f5; } */
.divSection {
    padding: 60px 0;
}

.btn.btn-primary.full-btn {
    margin-top: 10px;
    width: calc(100%);
    background: #02122c !important;
    font-weight: 500;
    border-radius: 2px;
    font-size: 14px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #02122c !important;
}

.tabHotels .nav-pills .nav-link {
    border-radius: 2px !important;
    margin: 0 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px;
    margin-right: 16px;
    border: 1px solid #e4e4e4;
    color: #0f294d;
    font-weight: 900;
    background: #fff;
}

    .tabHotels .nav-pills .nav-link.active,
    .tabHotels .nav-pills .nav-link.active:hover {
        background: #02122c !important;
        border: 1px solid #02122c !important;
        color: #fff;
    }

.tabHotels .nav-pills {
    justify-content: center;
}

    .tabHotels .nav-pills .nav-link:hover {
        color: #000000;
        border: 1px solid #000000;
    }

.owl-carousel.ht_tabHotels {
    position: relative;
}

.ht_owl.owl-carousel .owl-nav button svg {
    fill: #02122c;
    color: #02122c;
    width: 16px;
    height: 16px;
}

.ht_owl.owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

.ht_owl.owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

.ht_owl.owl-carousel .owl-nav button.disabled {
    display: none;
}

.owl-dots {
    display: none;
}

.deluxe {
    color: #5d5d5d;
    display: -webkit-box;
    font-weight: 500;
    line-height: 1;
    position: relative;
    top: 1px;
}

.bg-div {
    height: 500px;
    background-size: cover !important;
    background-position: 0 0 !important;
    background-color: rgb(5 32 60 / 25%) !important;
    background-blend-mode: color;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center !important;
}

.sliderContent {
    position: relative;
    top: -30px;
}

._text {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 73%); /*font-family: "Noto Serif", serif; */
    position: relative;
    top: -20px;
}

._textBHeading {
    color: #fff;
    text-align: left;
    font-size: 50px;
    font-family: El Messiri,georgia,serif
}

section.subscribeSection {
    padding: 40px 0;
    background-color: #000000;
    background: url("../images/credit-card-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

h2.subscribeHeading {
    font-family: "Noto Serif", serif;
    color: #fff;
}

.subscribeText {
    color: #fff;
}

.subscribeBox {
    display: flex;
    align-items: center;
}

    .subscribeBox .form-control {
        border-radius: 0;
        height: 60px;
        color: #000;
        font-size: 14px;
        text-transform: capitalize;
    }

    .subscribeBox .btn.btn-subscribe {
        background: #ff5e0d;
        height: 60px;
        border-radius: 0;
        color: #fff;
        font-weight: 500;
    }

.seoFlightLinks {
    display: flex;
    flex-wrap: wrap;
}

    .seoFlightLinks a {
        width: calc(50% - 20px);
        display: block;
        padding: 15px 10px;
        color: #000;
        font-weight: 500;
        font-size: 15px;
        box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);
        border-radius: 2px;
        margin: 10px;
        background: #f9f9f9;
        text-decoration: none;
    }

.featuredflightblock {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d4d4d4;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(144, 144, 144, 0.15);
    border-radius: 4px;
}

.footer {
    background: #02122c;
    color: #fff;
    padding: 50px 0 0 !important;
    position: relative;
    z-index: 0;
}

ul.footerlinks li a svg {
    color: #fff;
    fill: #fff;
    width: 24px;
    height: 24px;
}

.footerHeading {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: 0.75px;
}

ul.footerlinks {
    padding: 0;
}

    ul.footerlinks li {
        display: block;
    }

        ul.footerlinks li a {
            font-size: 13px;
            display: block;
            padding: 5px 0;
            color: #fcfcfc;
            font-weight: 400;
            text-decoration: none;
        }

            ul.footerlinks li a:hover {
                color: #e9ebee;
            }

        ul.footerlinks li .bold-text {
            font-size: 15px;
            font-weight: 500;
            color: #fff;
        }

.social-icons {
    display: flex;
    align-items: center;
}

    .social-icons a {
        margin-right: 20px;
        margin-top: 5px;
    }

ul.footerlinks li .bold-text + a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

img.atol-logo {
    margin-bottom: 16px;
}

.contact_CTA {
    display: flex;
    margin: 0 0 40px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    width: calc(100%);
    max-width: 486px;
    padding: 10px;
}

    .contact_CTA .cta_Image img {
        width: 100px;
    }

    .contact_CTA .cta_Image {
        margin-right: 15px;
    }

._ctaHeader .cta_heading {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

._right_Number {
    display: flex;
    align-items: center;
    padding: 10px 0 0;
    font-size: 13px;
    font-weight: 800;
    color: #2961d5;
}

    ._right_Number svg {
        margin-right: 10px;
    }

    ._right_Number svg {
        fill: #2961d5;
        transform: scale(1.25);
    }

.cta_Text span {
    font-weight: 600;
    color: #000;
}

button.btn.btn-orange {
    display: block;
    margin: 15px 0 10px;
    border-radius: 2px;
    background: #ff5e0d;
    height: 50px;
    color: #fff;
    font-weight: 500;
}

.tabSearch {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

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

.ht_owl.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.ht_owl.owl-carousel .owl-nav button {
    border: none !important;
    outline: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #ddd !important;
    border-radius: 50%;
}

.owl-carousel.ht_tabHotels {
    position: relative;
}

.ht_owl.owl-carousel .owl-nav button svg {
    fill: #02122c;
    color: #02122c;
    width: 16px;
    height: 16px;
}

.ht_owl.owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

.ht_owl.owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

.ht_owl.owl-carousel .owl-nav button.disabled {
    display: none;
}

.owl-dots {
    display: none;
}

.autocomplete-dropdown {
    background-color: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 2px;
    padding: 0;
    position: absolute;
    top: 77px;
    display: none;
    width: 320px;
    z-index: 9 !important;
}

.autocomplete-item {
    cursor: pointer;
    padding: 10px 15px;
    font-weight: 600;
    display: flex;
    line-height: 1;
    justify-content: space-between;
}

    .autocomplete-item:hover {
        background-color: #e0e0e0;
    }

.autocomplete-dropdown .autocomplete-item:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.autocomplete-item .fi {
    height: 24px;
    margin-left: 10px;
    width: 24px;
}

.autocomplete-item .ccCountry {
    font-size: 14px;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.ccAirport {
    font-weight: 400;
    font-size: 14px;
}

li.flightSearhDate.oneWayDate {
    width: calc(24%);
    display: none;
}

.dropdown-menu.show {
    display: block;
    border: 1px solid var(--border-color);
    padding: 10px;
    min-width: 300px;
}

.ddlBoxWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .ddlBoxWrapper .ddlBox {
        display: flex;
        align-items: center;
    }

        .ddlBoxWrapper .ddlBox .ddl-value,
        .ddlBoxWrapper .ddlBox .ddl-value:focus {
            width: 42px;
            height: 42px;
            text-align: center;
            border: none !important;
            outline: none !important;
        }

        .ddlBoxWrapper .ddlBox .btn.ddl-button {
            background: #fff;
            font-weight: 600;
            font-size: 20px;
            border-radius: 50%;
            border: 1px solid #ddd;
            width: 42px;
            height: 42px;
        }

.ddl-label .label-main {
    font-weight: 600;
    font-size: 14px;
}

.selectAirlineClass.form-control {
    border: 1px solid var(--border-color) !important;
    border-radius: 0;
}

#autocomplete-results {
    list-style-type: none;
    padding: 0;
}

    #autocomplete-results li {
        padding: 5px;
        cursor: pointer;
    }

        #autocomplete-results li:hover {
            background-color: #f2f2f2;
        }

button.btn.btn-addRoom {
    background: #ff5e0d;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
}

.mobile-toggle-nav {
    display: none;
}

.hotelRoomsDDL {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.roomAction {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 20px 0;
    margin-top: 10px;
}

    .roomAction a {
        font-size: 12px;
        font-weight: 500;
        display: flex;
        align-items: center;
        line-height: 1;
        width: fit-content;
        padding: 0 10px;
        background: #fff;
        position: relative;
        z-index: 1;
        margin: 0 5px;
        cursor: pointer;
    }

        .roomAction a svg {
            height: 18px !important;
            width: auto;
            margin-right: 9px;
        }

        .roomAction a.delRoom svg {
            height: 16px !important;
            position: relative;
            top: -2px;
        }

        .roomAction a.delRoom {
            color: #f44336;
        }

    .roomAction:after {
        content: "";
        background: #e8e8e8;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .roomAction a.addRoom {
        color: #0064ff;
    }

.roomActionFooter {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #efeeee;
    padding: 20px 5px 10px;
}

    .roomActionFooter a {
        font-size: 12px;
        font-weight: 600;
        padding: 12px 5px;
        width: 100px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        border-radius: 50px;
        text-decoration: none;
    }

a.act-cancle {
    color: #f44336;
    border: 1px solid #f44336;
}

a.act-done {
    color: #fff;
    border: 1px solid #002b79;
    background: #002b79;
}

.modifySearch {
    padding: 20px 0;
    -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    position: relative;
}

.PriceSlider .ui-widget.ui-widget-content {
    border: none;
    height: 2px !important;
    background: #ddd;
}

ul.flt_filters_tab {
    display: flex;
    padding: 0;
    margin: 0 0 15px;
    background: #f0f0f0;
    border-radius: 50px;
}

    ul.flt_filters_tab li {
        position: relative;
        display: block;
        width: 50%;
    }

        ul.flt_filters_tab li input[type="radio"] {
            position: absolute;
            opacity: 0;
        }

            ul.flt_filters_tab li input[type="radio"] + label {
                background: #f0f0f0;
                display: block;
                padding: 10px 15px;
                text-align: center;
                font-weight: 600;
                border-radius: 50px;
                margin: 0;
                cursor: pointer;
            }

            ul.flt_filters_tab li input[type="radio"]:checked + label {
                background: #042b79;
                color: #fff;
            }

.font-weight-bold {
    font-weight: 600 !important;
}

.font-weight-bolder {
    font-weight: 700 !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.dialog-Heading {
    font-size: 20px;
    font-weight: 600;
}

.mobile_Contact {
    display: none;
}

.topContactbox.no-credit-card-fee img {
    height: 26px;
    margin-right: 10px;
}

.topContactbox.no-credit-card-fee {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    color: #002b79;
    letter-spacing: -0.3px;
    border: 1px solid #ddd;
    padding: 0px 5px;
    background: #edf2fb;
    border-radius: 2px;
}

@keyframes textShine {
    0% {
        background-position: -200%;
    }

    100% {
        background-position: 200%;
    }
}

.shine-text {
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(90deg, #042b79, #fff, #042b79);
    background-size: 200% 100%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: textShine 3s linear infinite;
    font-weight: 700;
}

.mobile_contact_icon .customToolTopWrapper {
    position: absolute;
    right: -50%;
    bottom: -56px;
    z-index: 2999;
    background: #000;
    transform: translateX(20%);
    max-width: 320px;
    min-width: 200px;
    padding: 10px 10px 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
    display: none;
}

.customToolTopWrapper .contact-wrapper span {
    font-size: 18px;
    align-items: center;
}

.topContactbox .contact-wrapper {
    display: flex;
    align-items: center;
}

    .topContactbox .contact-wrapper small {
        position: absolute;
        bottom: -5px;
    }

.mobile_contact_icon .customToolTopWrapper svg {
    fill: #fff;
}

.mobile_Contact .mobile_contact_icon:after {
    display: none;
}

.customToolTopWrapper.dropdown-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 54px !important;
    border: none;
    border-radius: 2px;
    background: #fff;
    color: #000;
    box-shadow: 1px 1px 4px 6px rgb(0 0 0 / 10%);
}

.customToolTopWrapper span {
    font-size: 20px !important;
    color: #000 !important;
}

.customToolTopWrapper .small {
    font-size: 10px;
    margin-top: 10px;
}

.customToolTopWrapper svg {
    fill: #000 !important;
}

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

    .stlSort .form-control {
        width: 260px;
        margin-left: 10px;
        background-color: #ffffff;
        color: #545454;
        border-color: #9ca3a8;
        border-style: solid;
        border-width: 1px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        padding-right: 32px;
        border-radius: 50px;
        font-weight: 500;
        padding-left: 20px;
        background-image: url("data:image/svg+xml,%0A%3Csvg fill='%239ca3a8' xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M400-240v-60h160v60H400ZM240-450v-60h480v60H240ZM120-660v-60h720v60H120Z'/%3E%3C/svg%3E");
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: 96% center;
        font-size: 14px;
        height: 40px;
    }

    .stlSort .stlSortLabel {
        font-weight: 600;
    }

.row.clsSortingRow {
    padding: 10px 0 30px;
}

.mobileContactBar {
    display: none;
}

.htCount {
    font-size: 24px;
    font-weight: 600;
}

._blank.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

._blank i {
    color: transparent !important;
}

._blank {
    background: rgba(240, 240, 244, 0.64) !important; /*display: inline-block; */
    position: relative;
    overflow: hidden;
    color: transparent !important;
    cursor: inherit !important;
    text-shadow: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
    overflow: hidden;
    display: inline-block;
}

.redprogress {
    height: 4px;
    width: 100%;
}

._blank-red {
    background: rgba(240, 240, 244, 0.64) !important; /*display: inline-block; */
    position: relative;
    overflow: hidden;
    color: transparent !important;
    cursor: inherit !important;
    text-shadow: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
}

._blankstars:before {
    color: #ddd;
}

.end._blank:after {
    right: 0;
}

._blank svg {
    fill: transparent !important;
    border: none;
}

    ._blank svg path {
        fill: transparent !important;
    }

._blank:after {
    content: "";
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 1;
    animation: slide 1s infinite;
    background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
    background: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)) );
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
    background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
    background: -ms-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
}

._blank-red:after {
    content: "";
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 1;
    animation: slide 3s infinite;
    background: -moz-linear-gradient(left, #ed1b2e 33%, rgba(253, 21, 21, 0) 0%);
    background: -webkit-gradient( linear, left top, right top, color-stop(33%, #ed1b2e), color-stop(0%, rgba(255, 255, 255, 0)) );
    background: -webkit-linear-gradient( left, #ed1b2e 33%, rgba(255, 255, 255, 0) 0% );
    background: -o-linear-gradient(left, #ed1b2e 33%, rgba(255, 255, 255, 0) 0%);
    background: -ms-linear-gradient(left, #ed1b2e 33%, rgba(255, 255, 255, 0) 0%);
    background: linear-gradient( to right, #ed1b2e 33%, rgba(255, 255, 255, 0) 0% ); /*background-image: linear-gradient(to right, rgba(255, 0, 0, 1) 33%, rgba(255,255,255,0) 0%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1);
}

.htrseation:after {
    height: 250px;
}

._blankimg._blank:after {
    height: calc(100%);
}

.bs-datepicker-container {
    padding: 0 !important;
}

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

._w100 {
    width: 100px;
}

._h40 {
    height: 40px;
}

._blankimg {
    display: block;
    width: calc(100%);
    height: 240px;
    content: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.blankimg ._blank:after {
    height: calc(100%);
}

.filter_mobilebottom {
    display: none;
}

.navbar li.nav-item:hover .dropdown-menu {
    display: block;
    width: 240px;
    border: 0;
    background: #042b79;
    top: 96%;
}

.navbar li.nav-item .dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.navbar li.nav-item:hover .dropdown-menu ul.dropdown-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
}

.navbar li.nav-item .dropdown-menu li.submenu a {
    padding: 10px 10px;
    display: block;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

    .navbar li.nav-item .dropdown-menu li.submenu a:after {
        display: none;
    }

.navbar li.nav-item .dropdown-menu li.submenu:hover ul.dropdown-menu {
    display: block;
}

li.submenu.dropdown a.dropdown-toggle {
    background-image: url("data:image/svg+xml,%0A%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='m304-82-56-57 343-343-343-343 56-57 400 400L304-82Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 96% center;
    padding-right: 4%;
}

.navbar li.nav-item .dropdown-menu li.submenu:hover, .navbar li.nav-item .dropdown-menu li.submenu a:hover {
    background-color: #ff5e0d;
}

.main.landing-page-withSearchEngine {
    padding-top: 180px;
}

h2.flightHeading {
    font-family: "Noto Serif", serif;
    margin-bottom: 20px;
}

.landingPageContact {
    height: 320px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1c1c41;
    background-image: url('../images/background-pattern-3.webp');
    color: #FFF;
}

.talkToExpert {
    font-family: "Noto Serif", serif;
    font-size: 1.65rem;
    padding-bottom: 10px;
}

.landingPageContact .wrapperBox {
    text-align: center;
}

.landingPageContact .flt_Contact {
    font-size: 28px;
    padding-bottom: 12px;
}

    .landingPageContact .flt_Contact svg {
        fill: #FFF !important;
    }

.landing-page-withSearchEngine p {
    text-align: justify;
}

section.flightsDeaps {
    padding: 40px 0;
    background: #F4F4F4;
    margin-top: 40px;
}

.flightDealCard {
    display: flex;
    background: #FFF;
    padding: 1.25rem 1rem;
    align-items: center;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
    border-radius: 4px;
    margin-bottom: 20px;
}

    .flightDealCard .ft_airlineName {
        width: 10%;
    }

.flt_card_price {
    width: 15%;
}

.flt_flightSectors, .flt_fltDates {
    width: 25%;
}

.ft_airlineName img {
    width: 36px;
    height: 36px;
    object-fit: scale-down;
    margin-right: 10px;
}

.ft_airlineName {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

ul.flt_flightSectors {
    padding: 0;
    margin: 0;
}

    ul.flt_flightSectors li {
        display: block;
        color: #1D1D1D;
        font-size: 14px;
        padding: 4px 0;
    }

ul.flt_fltDates {
    padding: 0;
    margin: 0;
}

    ul.flt_fltDates li {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        padding: 4px 0;
        align-items: center;
    }

.flt_card_price {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}

    .flt_card_price small {
        color: #9c9c9c;
        font-size: 16px;
    }

ul.flt_flightSectors li span {
    font-weight: 500;
    color: #000;
    font-size: 16px;
}

ul.flt_fltDates li svg {
    margin-right: 5px;
}

.ft_airlineName span, .ft_airlineName img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.ft_airlineName span {
    margin-top: 5px;
    font-size: 12px;
    max-width: 80px;
}

.flightDealCardContact {
    width: 25%;
}

    .flightDealCardContact .txt_FLtHeading {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #000000;
        text-transform: capitalize;
    }

    .flightDealCardContact .txt_phone {
        display: flex;
        padding: 0 0 5px;
        font-weight: 700;
        font-size: 16px;
    }

        .flightDealCardContact .txt_phone svg {
            margin-right: 10px;
        }

    .flightDealCardContact .txt_Email {
        font-size: 15px;
        font-weight: 700;
        padding: 5px 0 0;
    }

        .flightDealCardContact .txt_Email svg {
            margin-right: 5px;
        }

.innerPageHeader {
    padding: 12px 0;
    height: 375px;
    display: flex;
    align-items: center;
    background: #DDD;
    justify-content: center;
    text-align: center;
}

    .innerPageHeader h1 {
        color: #FFF;
        font-weight: 500;
        font-size: 42px;
        font-family: "Noto Serif",serif;
        text-shadow: 2px 2px 5px BLACK;
        margin: 20px 0;
    }

.innerPageHeader {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    padding: 40px 0;
    background-color: rgb(0 11 70 / 10%) !important;
    background-blend-mode: color;
}

.main {
    padding: 40px 0;
}

.destCard.destROund ._title {
    top: 0;
    transform: none;
    left: 0 !important;
    text-align: left;
}

.destCard.destROund, .destCard.destROund img {
    border-radius: 4px !important;
    overflow: hidden;
}

    .destCard.destROund ._ppPrice {
        position: absolute;
        bottom: 5%;
        right: 5%;
        background: #ff5e0d;
        padding: 5px 10px;
        border-radius: 4px;
        color: #FFF;
        font-weight: 500;
        font-size: 18px;
    }

        .destCard.destROund ._ppPrice svg {
            fill: #FFF;
        }

a.btn.btn-white-outline {
    /*display: block;*/
    margin: 0 auto;
    width: fit-content;
    background: transparent;
    font-size: 18px;
    border-radius: 2px;
    padding: 5px 30px;
    border: 2px solid #FFF;
    color: #FFF;
    font-weight: 500;
    text-shadow: 1px 1px 11px #000;
}

h2.divHeading2 {
    font-size: 1.5rem;
    font-weight: 800;
}

.card_things_to_do img {
    height: 300px;
    width: calc(100%);
    object-fit: cover;
}

.card_things_to_do ._card_Heading {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.card_things_to_do {
    margin: 15px 0;
}

.main p, .main ul li {
    font-weight: 500;
    line-height: 1.65;
}

.flightsDeals {
    padding: 50px 0;
    background: #f3f4f5;
}

.contact-card {
    background: #FFF;
    padding: 1.5rem;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    border: 1px solid rgb(242, 239, 232);
    min-height: 150px;
}

    .contact-card ._heading {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 500;
    }

.contact_Text {
    font-size: 24px;
    font-weight: 500;
    display: flex;
}

    .contact_Text svg {
        flex-shrink: 0;
        top: 7px;
        position: relative;
        margin-right: 10px;
    }

    .contact_Text._address {
        font-size: 16px;
    }

.contactForm {
    padding: 1.5rem;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    border: 1px solid rgb(242, 239, 232);
    max-width: 780px;
    margin: 49px auto 0;
    background-color: #1c1c41;
    background-image: url(../images/background-pattern-3.webp);
    color: #FFF;
}

    .contactForm .form-control {
        border-radius: 0px;
        height: 45px;
    }

    .contactForm textarea.form-control {
        min-height: 200px;
    }

button.btn.btn-sendMessage, button.btn.btn-sendMessage:hover, button.btn.btn-sendMessage:focus, button.btn.btn-sendMessage:visited {
    background: #ff5e0d;
    color: #FFF;
    border-radius: 2px;
    height: 50px;
    font-weight: 500;
}

.policyDiv h2, .policyDiv h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.policyDiv li {
    text-align: justify;
    margin-bottom: 20px;
}

.policyImg img {
    width: calc(100%);
}

.mapouter img {
    width: calc(100%);
}

.heroSlider {
    position: relative
}

    .heroSlider.owl-carousel .owl-nav button svg {
        fill: #02122c;
        color: #02122c;
        width: 16px;
        height: 16px;
    }

    .heroSlider.owl-carousel .owl-nav button.owl-prev {
        left: 50px;
    }

    .heroSlider.owl-carousel .owl-nav button.owl-next {
        right: 50px;
    }

    .heroSlider.owl-carousel .owl-nav button {
        border: none !important;
        outline: 0 !important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        width: 36px;
        height: 36px;
        background: #ffffff;
        border: 1px solid #ddd !important;
        border-radius: 50%;
        display: none;
    }

.flightCardLoading {
    margin: 15px auto;
    max-width: 740px;
    box-shadow: 0px 3px 30px 0px rgb(16 23 46 / 10%);
    border-radius: 0;
    overflow: hidden;
}

    .flightCardLoading .fltLoadingHeader {
        padding: 0.75rem 1rem;
        text-align: center;
    }

.fltLoadingBody {
    padding: 1rem;
    background: rgb(255 94 13 / 85%);
    color: #FFF;
}

    .fltLoadingBody .fltLoadingTitle {
        padding: 0 0 0.5rem;
        text-align: center;
        font-size: 25px;
        font-weight: 700;
    }

    .fltLoadingBody p {
        text-align: center;
        padding: 0 1rem 1rem;
        font-weight: 500;
        color: #000;
    }

    .fltLoadingBody ._review_timingDt {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #FFF;
        padding: 1rem;
        background: #ff5e0d;
    }

    .fltLoadingBody ._review_flyhourDT > div:first-child {
        color: #FFF;
    }

    .fltLoadingBody ._review_flyhourDT ._review_flyHour {
        color: #FFF;
        font-weight: 600;
    }

    .fltLoadingBody ._review_flyhourDT ._review_flyDate {
        color: #FFF;
    }

    .fltLoadingBody ._review_flyhourDT > div:last-child {
        color: #FFF;
    }

.loadingImg {
    background: #FFF;
    text-align: center;
    padding-bottom: 20px;
}

    .loadingImg img {
        max-width: calc(100%);
        height: 60px;
        object-fit: scale-down;
    }

.flightLoader {
    padding: 40px 0;
    background: url('../images/bg-loading.jpg');
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    min-height: 600px;
}

.fltLoadingBody ._review_flyhourDT {
    text-align: center;
}

.fltLoadingBody ._review_total_flytime {
    color: #FFF !important;
}

.fltLoadingBody ._review_timingDt ._review_flytime_dt svg {
    fill: #FFF;
}

.fltLoadingFooter {
    padding: 1rem;
    text-align: center;
    background: #02122c;
    color: #FFF;
}

    .fltLoadingFooter p {
        font-weight: 600;
        font-size: 18px;
    }

    .fltLoadingFooter .phoneNo {
        font-size: 30px;
        font-weight: 700;
    }

.navbar-light .navbar-nav .nav-link:hover {
    background: #ff5e0d;
}

a.destImgCard {
    display: block;
    text-decoration: none;
    background: #FFF;
    border: 4px solid #FFF;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
    position: relative;
    overflow: inherit;
    margin: 10px 0 30px;
}

    a.destImgCard .destTitle {
        position: absolute;
        bottom: -12%;
        font-size: 1.25rem;
        font-weight: 500;
        color: #fff;
        padding: 0px 15px;
        text-shadow: 2px 2px 1px rgb(26 19 19 / 50%);
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 3px;
        text-align: center;
        background: #ff5e0d;
        padding: 15px 15px;
        line-height: 1;
        min-width: 160px;
        box-shadow: 0 5px #c34100;
    }

    a.destImgCard:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: linear-gradient(transparent 60%, rgb(0 0 0 / 30%) 100%);
        border-radius: 8px;
    }

    a.destImgCard img {
        height: 400px;
        object-fit: cover;
        border-radius: 4px;
    }

.bg-dark-blue {
    background: #02122c;
}

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

.holidayHeader ._dealText {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
}

.holiday_page_description {
    padding: 0 0 30px;
    color: #000;
    font-weight: 500;
}

.secureDeal {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 2rem;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    font-size: 20px;
    background-color: #1c1c41;
    background-image: url('../images/background-pattern-3.webp');
}

.footerBottom {
    padding: 30px 0 15px;
    background: #02122c;
    border-top: 1px solid rgb(255 255 255 / 11%);
    margin-top: 15px;
}

    .footerBottom p {
        margin-bottom: 5px;
        text-align: center;
    }

#scrollToTopButton {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #ff5e0d;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    z-index: 99999;
}

    #scrollToTopButton svg {
        fill: #FFF
    }

.paymentBox {
    padding: 1.5rem;
    max-width: 640px;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0px 3px 30px 0px rgb(16 23 46 / 10%);
    border: 1px solid #d9dde8;
    border-radius: 3px;
    background: #FFF;
}

.directPaymentPage {
    background-color: #efefef;
    padding: 50px 0;
    background-image: url('../images/redercards.png');
    background-repeat: no-repeat;
}

.paymentBox label {
    margin: 0 0 0.25rem;
    font-weight: 600;
    color: #000000;
}

.paymentBox .form-control {
    border-radius: 2px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #cccccc;
}

.btn.btn-make-payment {
    width: 100%;
    background: #ff5e0d;
    color: #FFF;
    font-weight: 600;
    height: 48px;
    width: 200px;
    border-radius: 2px;
}

.makePaymentHeading {
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}

.heroSlider .owl-nav.disabled {
    display: block !important;
}

.progress-value:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 32 32' class='sv svg-2 tabs__icon ' aria-hidden='true'%3E%3Cg id='icon_flight' viewBox='100%25 100%25'%3E%3Cpath d='M10.18 9' style='fill: rgb(255, 255, 255); '%3E%3C/path%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    right: -32px;
    transform: rotate(90deg);
    top: -15px;
}

.page_navigation {
    clear: both;
    margin: 20px 0;
    display: FLEX;
    justify-content: flex-end;
    flex-wrap: wrap;
}

    .page_navigation a {
        padding: 6px 15px;
        border: 1px solid #000000;
        margin: 2px;
        color: black;
        text-decoration: none;
        background: #FFF;
        font-weight: 700;
    }

.active_page {
    background: #ff5e0d !important;
    color: white !important;
    border-color: #ff5e0d !important;
}

.pageHeaderImage img {
    width: calc(100%);
    height: 320px;
    object-fit: cover;
}

.pageHeaderImage:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(4 0 83 / 10%);
}

.pageHeaderImage {
    position: relative;
}

    .pageHeaderImage h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #FFF;
        padding: 1rem 2rem;
        border-radius: 50px;
        z-index: 2;
        font-weight: 600;
        font-family: "Noto Serif", serif;
        font-size: 2rem;
    }

.whyListAlt li svg, .whyListAlt li {
    display: block;
    text-align: center;
    margin: 0 auto;
}

    .whyListAlt li svg {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 15px;
    }

.whyListAlt li {
    padding: 5%;
    font-weight: 600;
    font-size: 18px;
}

    .whyListAlt li span {
        display: block;
    }

.flt_fltDates._new {
    padding: 0 15px;
    font-weight: 600;
    font-size: 16px;
}

.heroSlider.owl-carousel:hover .owl-nav button {
    display: block;
}

.FlightLeg {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
}

    .FlightLeg .flightCity small {
        display: block;
        font-size: 12px;
    }

    .FlightLeg .divFlySeprator {
        width: 30%;
        text-align: center;
    }

.divFlySeprator._departure svg {
    transform: rotate(-90deg);
}

.FlightLeg .divFlySeprator svg {
    width: 50px;
    fill: #FFF;
}

.divFlySeprator._return svg {
    transform: rotate(90deg);
    position: relative;
    left: -10px; /* top: 5px; */
}

.divFlySeprator small {
    position: relative; /* top:7px; */
}

.FlightLeg span {
    font-size: 20px;
    font-weight: 500;
}

.FlightInformation .FlightLeg:not(:last-child) {
    border-bottom: 1px dashed #DDD;
}

.loadingFLtCard {
    display: flex;
    align-items: center;
}

    .loadingFLtCard .FlightInformation {
        flex: 1;
    }

    .loadingFLtCard ._icon {
        width: 150px;
        text-align: center;
    }

        .loadingFLtCard ._icon svg {
            fill: #fff;
        }

.breadcrumbMain ol.breadcrumb {
    padding: 0;
    background: transparent;
}

    .breadcrumbMain ol.breadcrumb li a {
        color: #000;
        font-weight: 600;
    }

.breadcrumb-item.active {
    font-weight: 500;
}

.modifyHeading {
    display: none;
}

.loadingFLtCard .flightCity {
    width: calc(40%);
}

.flight_no_results .no-resultsImg {
    height: 240px;
    object-fit: scale-down;
}

.flight_no_results {
    text-align: center;
}

    .flight_no_results .txtHeading {
        font-weight: 600;
        font-size: 24px;
        margin: 20px 0;
    }

a.btn.btn-newsearch {
    background: #ff5e0d;
    color: #FFF;
    border-radius: 0;
    padding: 10px 15px;
    font-weight: 600;
}

.call_us_txt {
    margin: 20px 0;
    font-size: 24px;
    font-weight: 600;
}

    .call_us_txt a, .call_us_txt a:hover {
        text-decoration: none;
    }

    .call_us_txt svg {
        color: rgb(4, 43, 121) !important;
    }

a.btn-enquiry {
    text-decoration: none;
    color: #FFF;
    background: #ff5e0d;
    padding: 15px 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto;
    display: block;
    max-width: 320px;
    border-radius: 2px;
}

@media screen and (min-width: 1400px) {
    .container {
        min-width: 1280px;
    }

    .fancybox__content {
        width: 980px;
    }
}

@media screen and (max-width: 1399px) {
    .topContact .contact-wrapper span {
        font-size: 13px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .container {
        min-width: 1180px;
    }
}

@media screen and (max-width: 1199px) {
    .landing-page-withSearchEngine {
        padding: 40px 0 0 !important;
    }

    .talkToExpert {
        font-size: 1.45rem;
        line-height: 1.25;
    }

    .threePointHighlight .points .bold {
        font-weight: 500;
        color: #002b79;
        font-size: 20px;
    }

    .container {
        max-width: calc(100% - 20px);
    }

    .threePointHighlight {
        padding: 50px 0;
    }
    /* .homeSearchBanner .owl-carousel { display: none; } */
    .homeSearchBanner .container {
        width: calc(100% - 20px) !important;
        max-width: initial;
        width: calc(100% - 20px) !important;
        max-width: initial;
        position: relative;
        bottom: inherit !important;
        transform: none;
        padding: 40px 20px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

    ul.flightSearch {
        flex-wrap: wrap;
    }

    .searchBox {
        height: auto;
    }

    .homeSearchBanner {
        display: block;
        height: inherit !important;
    }

    .homeSearchBanner,
    /* .homeSearchBanner { padding: 50px 0; background: url("../images/slider/bg2.jpg") no-repeat; background-size: cover !important; background-color: rgb(0 6 38 / 20%); background-blend-mode: color; } */
    .searchBoxWrapper .tabs .singleTab {
        background: #ffffff;
        color: #002b79;
        box-shadow: 1px -2px 5px rgb(0 0 0 / 10%);
    }

        .searchBoxWrapper .tabs .singleTab svg {
            fill: #002b79;
        }

        .searchBoxWrapper .tabs .singleTab.active {
            background: #002b79;
            color: #FFF;
        }

            .searchBoxWrapper .tabs .singleTab.active svg {
                fill: #FFF;
            }
}

@media screen and (max-width:1024px) {
    .ft_airlineName {
        display: block;
        text-align: center;
        font-size: 12px;
        width: 150px !important;
    }

  

        .ft_airlineName img, .ft_airlineName span {
            display: block;
            margin: 0 auto;
        }

    ul.flt_flightSectors {
        flex: 0 0 50%;
    }

    .flt_card_price {
        width: 200px;
    }

    .flightDealCard {
        flex-wrap: wrap;
    }

    .flightDealCardContact {
        flex: 0 0 50%;
        margin-top: 20px;
        text-align: center;
    }

        .flightDealCardContact .txt_phone {
            justify-content: center;
        }
}

@media screen and (max-width: 992px) {
    .mobile_Contact {
        display: flex;
        justify-content: flex-end;
        padding-right: 0;
    }

    .topContact {
        display: none;
    }

    .mobile_Contact .mobile_contact_icon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        border: 0.5px solid #002b79;
        border-radius: 50%;
        background: #f4f8ff;
        position: relative;
        z-index: 2;
    }

    a.mobile_contact_icon svg {
        width: 20px;
        height: 20px;
    }

    .tabHotels .nav-pills {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-y: scroll;
    }

    .ht_owl.owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .ht_owl.owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .mobile-toggle-nav {
        display: flex;
        justify-content: flex-end;
    }

    .top-section .row {
        justify-content: space-between;
        align-items: center;
    }

    ._text {
        font-size: 32px !important;
        text-align: center !important;
    }

    .navbar {
        display: none;
    }

    li.flightSearhCity {
        width: calc(49% - 4px);
    }

    .form-inline {
        display: none !important;
    }

    .threePointHighlight {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .subscribeBox {
        margin-top: 10px;
    }

    li.flightSearhDate {
        width: calc(49% - 4px) !important;
    }

    li.flightSearhPaxSelect {
        width: calc(100%) !important;
    }

    li.flightSearhButton {
        width: calc(100%);
    }

    .flightDealCard {
        flex-wrap: wrap;
    }

    ul.flt_flightSectors {
        flex: 0 0 calc(100% - 150px);
    }

    ul.flt_fltDates {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 15px;
        justify-content: center;
    }

        ul.flt_fltDates li {
            padding: 0 5px;
        }

    .flt_card_price {
        width: 100%;
        margin-top: 15px;
    }

    .flightDealCardContact {
        order: 2;
        flex: 100%;
    }
}

@media screen and (max-width: 480px) {
    .pageHeaderImage h1 {
        max-width: calc(100% - 20px);
        font-size: 1rem;
        text-align: center;
        white-space: nowrap;
    }

    .pageHeaderImage img {
        height: 200px;
    }

    .heroSlider.owl-carousel .owl-nav button.owl-prev {
        left: 5px;
    }

    .heroSlider.owl-carousel .owl-nav button.owl-next {
        right: 5px;
    }

    .bg-div {
        height: 240px;
    }

    .sliderContent {
        top: 0;
    }

    a.btn.btn-white-outline {
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 2px;
    }

    ._text {
        font-size: 26px !important;
        text-align: center !important;
        line-height: 1.25;
        padding-left: 20px;
    }

    ._textBHeading {
        color: #fff;
        text-align: left;
        font-size: 26px !important;
        font-family: El Messiri,georgia,serif
    }

    .row.clsSortingRow {
        display: none;
    }

    .divSection {
        padding: 30px 0 30px;
    }

    .shine-text {
        font-size: 11px;
        letter-spacing: -0.5px;
        font-weight: 700;
    }

    .mobile-toggle-nav_alt .btn.btn-toggle svg {
        fill: #fff;
    }

    .topContact {
        display: flex;
    }

    .mobile-toggle-nav {
        display: none;
    }

    .topContact .contact-wrapper {
        position: relative;
        padding: 25px 0 0;
        justify-content: flex-end;
        line-height: 1;
    }

    .topContact {
        flex-wrap: wrap;
        flex: 0 0 100%;
        flex-direction: column-reverse;
        align-items: flex-end;
        position: relative;
        margin-top: -30px;
    }

        .topContact .contact-wrapper span {
            font-size: 12px;
            text-align: right;
            font-weight: 600;
        }

        .topContact .contact-wrapper svg {
            width: 16px;
            height: 16px;
        }

    .topContactbox .contact-wrapper small {
        font-size: 8px;
        bottom: -15px;
    }

    .top-section .container {
        width: calc(100%) !important;
        padding: 0 10px;
    }

    .topContactbox.no-credit-card-fee {
        display: none;
    }

    .contact-wrapper.no-email {
        display: none;
    }

    .mobileContactBar {
        background: #002b79;
        color: #fff;
        display: block;
        padding: 0 15px;
    }

        .mobileContactBar .row {
            align-items: center;
            justify-content: space-between;
        }

    a.clsMobileContact,
    a.clsMobileContact:hover {
        display: flex;
        align-items: center;
        padding: 10px 5px;
        color: #fff;
        justify-content: center;
        font-size: 12px;
        font-weight: 500;
    }

        a.clsMobileContact svg {
            margin-right: 10px;
            width: 18px !important;
            height: 18px !important;
            flex-shrink: 0;
        }

    h2.subscribeHeading,
    .page-section-title {
        font-size: 1.35rem;
    }

    .subscribeText {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .btn_swap {
        position: absolute;
        background: #fff;
        border: 1px solid #9da1ae;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        top: 0;
        left: 0;
        transform: translateY(-50%);
    }

    .offer-grid-title {
        min-height: auto;
        font-size: 1.25rem;
    }

    ul.flightSearch li {
        margin-left: 0;
        margin-right: 0;
    }

    li.flightSearhPaxSelect {
        width: calc(100%) !important;
    }

    li.flightSearhCity.arrivalCity {
        padding: 0;
    }

    button.btn_swap {
        display: none;
    }

    .flightSearhCity {
        width: calc(100%) !important;
    }

    li.flightSearhDate {
        width: calc(49% - 8px) !important;
    }

        li.flightSearhDate.arrivalDate.roundTripDate,
        li.flightSearhDate.arrivalDate {
            border-radius: 0 4px 4px 0;
        }

        li.flightSearhDate.departDate.roundTripDate,
        li.flightSearhDate.departDate {
            border-radius: 4px 0 0 4px;
            border-right: none;
        }

    li.flightSearhButton button,
    li.flightSearhButton button:hover {
        margin-left: 0;
    }

    li.flightSearhCity.hotelSearchCIty {
        width: calc(100%) !important;
    }

    .searchBox {
        padding: 1rem;
    }

    .seoFlightLinks a {
        font-size: 12px;
        padding: 5px 5px;
        margin: 5px;
        width: calc(50% - 10px);
        display: flex;
        align-items: center;
    }

    ._ctaHeader .cta_heading {
        font-size: 20px;
    }

    .subscribeBox {
        display: block;
    }

        .subscribeBox .btn.btn-subscribe {
            margin-top: 10px;
            width: 100%;
        }

    ._right_Number {
        font-size: 16px;
        text-align: center;
        justify-content: center;
    }

    .contact_CTA {
        display: block;
        text-align: center;
    }

    .searchBoxWrapper .tabs .singleTab {
        font-weight: 500;
        min-width: 130px;
        font-size: 14px;
    }

    ul.flightSearch li .form-control,
    ul.flightSearch li .form-control[readonly] {
        padding: 0 10px 0px;
        height: 36px !important;
        font-size: 14px;
    }

    li.flightSearhButton button,
    li.flightSearhButton button:hover {
        height: 60px;
        font-size: 18px;
    }

    ul.flightSearch li .form-input_label {
        font-size: 12px;
    }

    .htDivHeading {
        margin-bottom: 10px;
    }

    a.logo img {
        height: 38px;
        object-fit: scale-down;
    }

    li.nav-item.dropdown {
        width: 100%;
    }

    ul.navbar-nav.mr-auto {
        width: 100%;
        margin: 0;
    }

    .navbar-light .navbar-nav .nav-link {
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-item .nav-link.dropdown-toggle:after {
        right: 7px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
    }

    .nav-item.show .nav-link.dropdown-toggle:after {
        transform: translateY(-50%) rotate(0deg);
    }

    .navbar-light .navbar-nav .nav-link {
        position: relative;
    }

    .navbar li.nav-item:hover .dropdown-menu {
        width: 100%;
    }

    .navbar li.nav-item:hover .dropdown-menu, .navbar li.nav-item .dropdown-menu {
        display: none;
    }

        .navbar li.nav-item .dropdown-menu .dropdown-menu.show {
            display: block;
        }

        .navbar li.nav-item .dropdown-menu.show {
            display: block;
            background: #ff5e0d;
            border: none;
        }

        .navbar li.nav-item .dropdown-menu li.submenu:hover ul.dropdown-menu {
            display: block;
            position: relative;
            left: 0;
            right: 0;
            background: #ff5e0d;
        }

    .flightDealCard .ft_airlineName {
        width: 40px !important;
        order: 3;
    }

    ul.flt_flightSectors {
        flex: 0 0 100%;
        order: 1;
    }

    .flt_card_price {
        flex: 0 0 calc(100% - 40px);
        order: 4;
        text-align: right;
    }

    ul.flt_fltDates {
        order: 2;
        display: block;
        text-align: center;
    }

        ul.flt_fltDates li {
            font-size: 14px;
        }

            ul.flt_fltDates li svg {
                margin-right: 10px;
            }

    .flightDealCardContact {
        margin: 20px 0 !important;
        text-align: left;
    }

    .ft_airlineName img {
        width: 24px;
        height: 24px;
    }

    .flightDealCardContact .txt_phone {
        justify-content: flex-start;
    }

    .landingPageContact {
        height: 240px;
    }

    .talkToExpert {
        font-size: 1.25rem;
        font-weight: 600;
    }
}


.svg-calLoader {
    width: 230px;
    height: 230px;
    transform-origin: 115px 115px;
    animation: 1.4s linear infinite loader-spin;
    margin: 0 auto;
    display: block;
}

.cal-loader__plane {
    fill: #FFA500;
}

.cal-loader__path {
    stroke: #FFFFFF;
    animation: 1.4s ease-in-out infinite loader-path;
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg) scale(0.5);
    }

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

@keyframes loader-path {
    0% {
        stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
    }

    50% {
        stroke-dasharray: 0, 450, 10, 30, 10, 30, 10, 30, 10;
    }

    100% {
        stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
    }
}

.progress {
    background: transparent;
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    padding: 0 5px;
    display: flex;
    height: 5px;
    width: 100%;
    margin: 40px 0 20px;
    overflow: visible;
}

.progress-value {
    animation: load 15s infinite forwards;
    box-shadow: 0 10px 40px -10px #fff;
    border-radius: 100px;
    background: rgb(255 255 255 / 90%);
    height: 4px;
    width: 0;
    position: relative;
}

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

    100% {
        width: 95%;
    }
}

1
.progress-value:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 32 32' class='sv svg-2 tabs__icon ' aria-hidden='true'%3E%3Cg id='icon_flight' viewBox='100%25 100%25'%3E%3Cpath d='M10.18 9' style='fill: rgb(255, 255, 255); '%3E%3C/path%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    right: -30px;
    background-size: 100%;
    transform: rotate(90deg);
    top: -15px;
}

.fltDealTabs {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

    .fltDealTabs a, .fltDealTabs a:visited {
        display: block;
        color: #000;
        background: #FFF;
        padding: 10px 15px;
        margin: 5px;
        font-weight: 600;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 30%) !important;
        text-decoration: none;
    }

        .fltDealTabs a.active {
            background: #ff5e0d;
            color: #FFF;
            font-weight: 600;
        }

@media screen and (max-width:480px) {
    .loadingFLtCard {
        display: block;
    }

    .FlightLeg span {
        font-size: 14px;
        font-weight: 700;
    }
}


#home {
    text-align: center;
}

    #home p {
        text-align: center;
    }

.column {
    padding: 50px;
}

    .column h1 {
        font-size: 40px;
    }

.home {
    padding: 30px;
}

    .home h2 {
        font-size: 40px;
    }