:root {
    --font-family: "Lexend", sans-serif;
    --second-family: "Poppins", sans-serif;
    --primary-color: #0e0f3e;
    /* blue color */
    --secondary-color: #fc2111;
    /* red color */
    --success-color: #00b67a;
    /* green color */
    --grey-color: #F1F1F4;
    /* grey color */
    --black-color: #000000;
    /* black color */
}

body {
    overflow-x: hidden !important;
    padding-right: 0 !important;
    overflow-y: visible !important;
    font-family: var(--font-family);
    font-style: normal;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family);
    font-style: normal;
    font-optical-sizing: auto;
    color: #000000;
}

h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 30px;
    line-height: 36px;
}

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

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

h5 {
    font-size: 18px;
    line-height: 22px;
}

h6 {
    font-size: 16px;
    line-height: 20px;
}

p,
input,
a,
.breadcrumb-item,
.breadcrumb-item a,
label,
button {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 13px;
    line-height: 169%;
    color: #383838;
}

a {
    color: #313B48;
    text-decoration: none;
}

.navbar-toggler:focus,
.form-control:focus,
.form-select:focus {
    box-shadow: none;
}

.form-control,
.form-control::placeholder {
    color: var(--black-color) !important;
    font-family: var(--font-family);
    font-size: 13px !important;
}

.form-check-input {
    border: 1px solid #d3d3de;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    margin-right: 7px;
    padding: 4px;
}

    .form-check-input:focus {
        border-color: #FFE9DC;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(252,33, 17,.12);
    }

    .form-check-input:checked {
        background-color: var(--secondary-color);
        border: 1px solid var(--secondary-color);
    }

.airlinesChecklist .form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.invalid-feedback {
    margin-top: -15px;
    margin-bottom: 10px;
}

/* custom classes css */
.font-100 {
    font-weight: 100 !important;
}

.font-200 {
    font-weight: 200 !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

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

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

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

.text-red {
    color: var(--secondary-color) !important;
}

.bg-red {
    background-color: var(--secondary-color) !important;
}

.text-green {
    color: var(--success-color) !important;
}

.bg-green {
    background-color: var(--success-color) !important;
}

.text-blue {
    color: var(--primary-color) !important;
}

.bg-blue {
    background-color:#dcfbf0 !important;
}

.bg-light-gray {
    background: #f1f1f4 !important;
}

.bg-light-blue {
    background: #edeff7 !important;
}

.bg-gray {
    background: #ffe9dc !important;
}

.text-black {
    color: var(--black-color) !important;
}

.text-primary {
    color: var(--secondary-color) !important;
}

.btn-outline-primary {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

    .btn-outline-primary:hover {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
    }

.btn-primary {
    background-color:#000000;
    border-color: var(--secondary-color);
    color: #ffffff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.btn-secondary {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-family: var(--font-family);
    font-size: 13px;
}

.btn-outline-secondary {
    border: 0.50px solid #d3d3de;
}

    .btn-outline-secondary:hover {
        background-color: var(--secondary-color) !important;
        color: #fff !important;
        border-color: var(--secondary-color) !important;
    }

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    box-shadow: none;
}

/* nav-bar css */

header.sticky-sm-top {
    box-shadow: 0px -3px 12px 6px rgba(4, 48, 47, 0.1);
}

.navbar-brand img {
    max-width: 175px;
}

.customNav .nav-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    color: #000 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

    .customNav .nav-link:hover {
        color: #00b67a !important;
    }

.dropdown-toggle::after {
    content: url(../images/arrow-down.png);
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 7px;
    margin: auto;
    right: 0;
}

/* Hoverable dropdown menu */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

/* Mega menu styles */
.megamenu {
    position: relative !important;
}

.megamenu-content {
    width: auto;
    padding: 10px 10px;
    border: none;
    border-radius: 8px !important;
    transition: .2s ease-in-out;
    display: block;
    visibility: hidden;
    top: 150%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: -1;
    width: max-content;
}

.megamenu:hover .megamenu-content {
    /* top: calc(100% - 5px); */
    top: calc(100% - -5px);
    transition: .2s ease-in-out;
    visibility: visible;
    z-index: 1;
}

.megamenu-content h6 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    padding: .5rem;
    margin-bottom: 0;
}

.megamenu-content li {
    padding: 0 !important;
}

    .megamenu-content li a {
        border-radius: 4px;
        padding: .5rem;
        font-weight: 300;
        white-space: nowrap;
    }

        .megamenu-content li a:hover {
            background-color: transparent;
            color: #02b77b;
        }

/* Animated hover effect */
.nav-link {
    position: relative;
    transition: all 0.3s ease;
}

    .nav-link::before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #007bff;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }

.contactNo p {
    font-size: 11px;
}

.contactNo h5 {
    font-size: 20px;
}

/* hero-section css */
.heroSetion {
    background-image: url('/rf/images/hero-bg.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.blueImgBG {
    background-color: var(--primary-color);
    background-image: url(../images/fl.png), url(../images/mp.png), url(../images/gh.png);
    background-position: right, left top, bottom center;
    background-repeat: no-repeat;
}

img.heroPlane {
    margin-top: -50px;
}

.heroSetion h1 {
    font-family: var(--font-family);
    font-weight: 900;
    line-height: 150%;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .08);
}

.heroSetion h4 {
    font-size: 26px;
    margin-bottom: 100px;
    text-align: center;
    font-weight: 500;
    margin-top: 45px;
}

.companyFeatures p {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
}

    .companyFeatures p span {
        font-weight: 600;
        color: #ff5c50;
        padding-right: 5px;
    }

.companyFeatures li {
    padding: 0 20px;
}

/* search widget css */

.nav-tabs .nav-link {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #32357A;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}

    .nav-tabs .nav-link.active {
        color: var(--secondary-color);
    }

ul.widgetDropdowns .dropdown-toggle,
dropdown-item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #000;
    padding-right: 20px;
}

.heroSetion .tab-content > .active {
    background-color: #fff;
}

input#origin {
    background-image: url('../images/location.png');
}

input#DepartureDate {
    background-image: url(../images/calender.png);
}

.searchWidgetSec form input[type="text"] {
    padding-left: 30px;
}

.secure-tag span {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    padding-left: 10px;
}

.secure-tag {
    position: absolute;
    top: 18px;
    right: 20px;
}

.searchWidgetSec {
    margin-bottom: -60px;
}

.widgetDropdowns.d-flex > li + li {
    padding-left: 3rem;
}

.widgetDropdowns .dropdown-menu.show,
.widgetDropdowns .dropdown-menu.show li {
    padding: 0;
}

.passengerDtl li {
    align-items: center;
    padding: .25rem .5rem !important;
}

.passengerDtl input {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-family);
    margin: 0 10px !important;
    background-color: #ffffff7a;
    border-radius: 6px !important;
}

.searchWidgetSec button img {
    margin-bottom: 5px;
}

span.selectedIcon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    opacity: 0;
}

    span.selectedIcon img {
        margin-bottom: 0;
        width: 9px;
    }

.widgetDropdowns .dropdown-menu.show button.dropdown-item {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem .3rem 0.2rem 0.75rem;
}

    .widgetDropdowns .dropdown-menu.show button.dropdown-item:hover span.selectedIcon {
        opacity: 1;
    }

.widgetDropdowns .dropdown-menu.show {
    min-width: 130px;
}

.passengerDtl img {
    background-color: #f1f1f4;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 10px;
}

.widgetDropdowns .dropdown-menu.show {
    overflow: hidden;
    padding: 5px;
}

    .widgetDropdowns .dropdown-menu.show li a.dropdown-item {
        padding: .25rem 1rem;
    }

.passengerDtl .input-group {
    min-width: 130px;
    justify-content: flex-end;
}

    .passengerDtl .input-group span {
        padding: 0;
        cursor: pointer;
    }

.passengerDtl li:hover {
    background-color: #e5e5ff;
    border-radius: 6px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #e5e5ff;
    border-radius: 6px;
}

.searchWidgetSec form input {
    padding: 8px 10px 8px 10px;
    background-repeat: no-repeat;
    background-position: 7px center;
    border: solid 1px #D3D3DE;
    border-radius: 6px;
}

.dest_input {
    position: relative;
    margin: 0 5px;
}

    .dest_input input#destination {
        padding-left: 20px;
    }

    .dest_input button {
        position: absolute;
        z-index: 1;
        width: 32px;
        height: 25px;
        background: #fff !important;
        border: solid 1px #D3D3DE !important;
        border-radius: 25px;
        left: -16px;
        top: -12px;
        justify-content: center;
    }

        .dest_input button svg {
            position: relative;
        }

        .dest_input button:before {
            content: "";
            background: #fff;
            width: 10px;
            position: absolute;
            top: -1px;
            bottom: -1px;
            left: 0px;
            right: 0;
            margin: auto;
        }

.searchWidgetSec .tab-content > .tab-pane {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px -3px 12px 6px rgba(4, 48, 47, 0.1);
}

.searchBtn {
    width: auto;
    height: 40px;
}

/* airPartners css */
.airPartners .owl-carousel .owl-nav {
    display: none;
}

/*  deals section css  */

.dealsWrapper {
    border-radius: 10px;
    box-shadow: 0 -5px 10px 0 rgba(4, 48, 47, 0.1);
    position: relative;
    background: #fff;
}

.dealBox {
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.06);
    background: #fff;
    border-radius: 8px;
}

.dealDtl img {
    border-radius: 6px;
    width: 60px;
}

.book-btn {
    transition: ease-out .3s;
    white-space: nowrap;
}

    .dealBoxWrapper:hover .book-btn,
    .book-btn:hover,
    .airlinesWrapper:hover .book-btn {
        color: var(--success-color) !important;
        margin-right: 5px;
        transition: ease-out .3s;
    }

        .dealBoxWrapper:hover .book-btn path,
        .book-btn:hover path,
        .airlinesWrapper:hover .book-btn path {
            fill: var(--success-color) !important;
        }

/* cta section css */

.ctaSection {
    background-image: url('../images/darkctabg.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -90px;
    padding-top: 120px !important;
    background-position: center bottom;
    padding-bottom: 80px !important;
}

    /* .ctaSection:before {
     position: absolute;
     content: "";
     background: rgba(1, 1, 39, 0.7);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }*/

    .ctaSection h4 span {
        font-size: 30px;
    }

    .ctaSection .contactNo p {
        font-size: 13px;
    }

    .ctaSection p {
        font-size: 16px;
    }

    .ctaSection .btn.btn-primary {
        font-size: 20px;
        border-color: var(--success);
    }

        .ctaSection .btn.btn-primary:hover {
            background-color: #ffffff !important;
            border-color: #ffffff !important;
        }

/* how it work section css */
.hwsBox {
    border: solid 1px #EAEBF8;
    border-radius: 10px;
    position: relative;
}

    .hwsBox:hover:before {
        content: "";
        position: absolute;
        height: 50%;
        width: 3px;
        background: var(--secondary-color);
        left: -1.5px;
        top: 25%;
        border-radius: 1.5px;
    }

/* customer review sec css */

.reviewSec {
    background-color: #f2f6ff;
    background-image: url(../images/H1-png-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .reviewSec .slick-slider {
        max-width: 100%;
        margin-top: auto;
    }

.reviewBox {
    border-radius: 8px;
    margin-right: 10px;
    min-height: 250px;
}

    .reviewBox a {
        color: var(--secondary-color);
    }

a.bg-transparent.border-0.btn.btn-primary:hover svg circle {
    fill: green;
}

a.bg-transparent.border-0.btn.btn-primary:focus {
    background: transparent !important;
    box-shadow: none;
}

.nav-btn,
.nav-btn {
    width: 32px;
    height: 32px;
    z-index: 2;
}

/*  owl slider css */

.owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}

.upper-arrow-slider .owl-nav,
.upper-arrow-slider .owl-nav {
    top: -50px;
    position: absolute;
    right: 0;
    margin-top: 0;
}

.border-arrow-slider .next-slide:before,
.border-arrow-slider .prev-slide:before {
    border: solid #EAEBF8 1px;
}

.upper-arrow-slider .owl-nav .disabled {
    opacity: 1;
}

.next-slide:before,
.prev-slide:before {
    background-color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 1;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.next-slide:before {
    content: url(../images/arrow-right.png);
}

.prev-slide:before {
    content: url(../images/arrow-left.png);
}

.middle-arrow-slider .owl-nav {
    margin-top: 0;
}

    .middle-arrow-slider .owl-nav .owl-prev,
    .middle-arrow-slider .owl-nav .owl-next {
        position: absolute;
        top: calc(50% - 20px);
    }

    .middle-arrow-slider .owl-nav button.owl-prev {
        left: -21px;
    }

    .middle-arrow-slider .owl-nav button.owl-next {
        right: -21px;
    }

.sixSlides.owl-theme .owl-nav .disabled {
    opacity: 0;
}

/* ms-section css */

.msBoxeWrapper {
    background-image: url(../images/ms-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    background-position: center;
}

    .msBoxeWrapper .col-lg-3 + .col-lg-3 {
        border-left: 1px solid rgba(255, 255, 255,.16);
    }

/* feature sec css */

.fsBox {
    background-color: var(--grey-color);
    border-radius: 20px;
    position: relative;
}

    .fsBox:hover:before {
        content: "";
        position: absolute;
        height: 40%;
        width: 3px;
        background: var(--secondary-color);
        left: -1px;
        top: 30%;
        border-radius: 1.5px;
    }

    .fsBox:hover {
        background-color: #FFE9DC !important;
    }

/* ourStorySec css */

.ourStorySec {
    background-image: url(../images/story_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .ourStorySec .carousel-caption {
        position: unset;
        padding-right: 8rem;
    }

    .ourStorySec .carousel-indicators {
        text-indent: unset;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -50px;
        justify-content: flex-start;
    }

        .ourStorySec .carousel-indicators [data-bs-target] {
            text-indent: unset !important;
            background-color: transparent;
            font-family: var(--font-family);
            font-weight: 300;
            font-size: 12px;
            line-height: 192%;
            color: #fff;
            opacity: 1;
            width: auto;
            border: 0;
            height: auto;
            margin-right: 2rem;
        }

            .ourStorySec .carousel-indicators [data-bs-target].active {
                font-family: var(--font-family);
                font-weight: 400;
                font-size: 20px;
                line-height: 115%;
                color: #fc2111;
                border-bottom: 2px solid #fc2111;
                padding-bottom: 5px;
            }

/* carousel deals sec css */
.carouselDealsSec {
    background-color: var(--primary-color);
    background-image: url(../images/top-deals-bg.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

    .carouselDealsSec ul#pills-tab {
        border-bottom: .5px solid rgba(255, 255, 255, 0.1);
    }

        .carouselDealsSec ul#pills-tab .nav-pills:first-child {
            padding-left: 0 !important;
        }

        .carouselDealsSec ul#pills-tab .nav-item:first-child,
        .carouselDealsSec ul#pills-tab .nav-item:first-child .nav-link {
            padding-left: 0;
        }

        .carouselDealsSec ul#pills-tab .nav-item .nav-link.active {
            background-color: transparent;
        }

        .carouselDealsSec ul#pills-tab .nav-link::before {
            background-color: #ffffff;
        }

        .carouselDealsSec ul#pills-tab .nav-item .nav-link {
            padding-left: 0;
            padding-right: 0;
            color: rgba(255, 255, 255,.5);
        }

        .carouselDealsSec ul#pills-tab .nav-item {
            padding-left: 1rem;
            padding-right: 1rem;
        }

            .carouselDealsSec ul#pills-tab .nav-item .nav-link:hover,
            .carouselDealsSec ul#pills-tab .nav-item .nav-link.active {
                color: #FFF;
            }

.crlDealsDtl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carouselDealsSec ul#pills-tab .nav-link.active::before,
.carouselDealsSec ul#pills-tab .nav-link:hover::before {
    visibility: visible;
    transform: scaleX(1);
}

.crlDealsDtl .btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-color: var(--secondary-color) !important;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .crlDealsDtl .btn i {
        font-size: 12px;
    }

.caroDealsBox {
    border-radius: 10px;
    overflow: hidden;
}

    .caroDealsBox:hover .btn {
        background-color: var(--success-color) !important;
    }

    .caroDealsBox img {
        width: 100%;
    }

.carouselDealsSec .slick-next {
    right: 0px;
}

/* slide middle prev-next btn css */

.middle-arrow-slider .slick-prev {
    left: -15px;
}

.middle-arrow-slider .slick-next {
    right: -15px;
}

    .middle-arrow-slider .slick-next.slick-disabled:before,
    .middle-arrow-slider .slick-prev.slick-disabled:before {
        opacity: 0;
    }

/* footer section css */

/* newsletter sec css */

.newsletterSignForm input.form-control {
    border-radius: 6px !important;
    border: 1px solid #d3d3de;
}

label.form-check-label {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 13px;
    line-height: 169%;
    color: #383838;
}

.newsletterSignUpSec {
    border-bottom: 1px solid #e5e5f3;
}

.newsletterSignForm button:hover {
    background-color: var(--success-color);
}

.termsCond h6 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
}

/* footer blue css */

.mainLinks li a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 235%;
    color: #8292cc;
}

.footerLinks a:hover {
    color: var(--secondary-color);
}

.linkTitle {
    font-size: 14px;
}

li.qsBoxe {
    padding: 10px 20px;
}

.confidential {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 13px;
    line-height: 147%;
    color: #8292cc;
}

.copyrightPayment p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 125%;
    color: #8292cc;
}

ul.payCards li + li {
    padding-left: 10px;
}

.copyrightPayment {
    border-top: 1px solid rgba(119, 121, 198, 0.3);
}

/* additional */
.dropdown-menu {
    min-width: auto;
    border-radius: 10px;
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.06);
    border: none;
}

    .dropdown-menu li {
        padding: 0.5rem 1rem;
    }

        .dropdown-menu li input {
            width: 30px;
        }

/* inner page css  */

.innerPageHeroSetion {
    background-image: url(../images/list-bg.jpg);
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

li.breadcrumb-item a {
    color: #fff;
}

.breadcrumb-item.active {
    color: #ffffff;
    opacity: .7;
}

.breadcrumb-item + .breadcrumb-item::before {
    margin-top: 7px;
}

/* listpage css   */
.circleAdd {
    min-height: 300px;
    width: 300px;
}

    .circleAdd:before {
        position: absolute;
        content: "";
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        border: dashed 2px #fff;
        border-radius: 100%;
        left: -10px;
        top: -10px;
    }

    .circleAdd span {
        font-size: 12px;
        text-wrap: wrap;
    }

    .circleAdd h1 span {
        font-size: 20px;
        text-decoration: line-through;
    }

    .circleAdd h4 span {
        font-size: 22px;
    }

.getQuoteSec {
    border-radius: 20px;
    box-shadow: 0 6px 12px 0 rgba(50, 53, 122, 0.16);
    max-width: 75%;
}

    .getQuoteSec .searchBtn {
        padding: .6rem;
    }

.callSec {
    border-bottom: 1px dashed #00b67a;
    border-radius: 20px 20px 0 0;
    background: #ddfff4;
    margin-bottom: -15px;
}

    .callSec p span {
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-align: left;
    }

    .callSec a {
        font-size: 20px;
    }

.voucherSec {
    border: 1px dashed #00b67a;
    display: inline-block;
    border-radius: 50px;
}

p {
    /* font-size: 11px; */
    /* font-weight: 200; */
}

.getQuoteSec span.d-block {
    font-size: 12px;
    font-weight: 100;
}

p.authTxt {
    font-weight: 300;
    font-size: 10px;
    line-height: 170%;
    color: #000;
    margin-top: 7px;
}

    p.authTxt a {
        color: var(--secondary-color);
        font-weight: 300;
        font-size: 10px;
        line-height: 170%;
        font-weight: 500;
    }

.getQuoteSec .searchWidgetSec form .form-control {
    margin-bottom: 1rem;
}

.getQuoteSec .widgetDropdowns li button {
    border-radius: 50px;
    border: 1px solid #e6e6e6;
    padding: 5px 15px;
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    color: #000;
}

    .getQuoteSec .widgetDropdowns li button::after {
        display: none;
    }

    .getQuoteSec .widgetDropdowns li button.active {
        border: 1px solid #32357a;
        color: var(--primary-color) !important;
        font-weight: 400;
    }

.getQuoteSec .widgetDropdowns.d-flex > li + li {
    padding-left: 1rem;
}

h6.disTag {
    position: absolute;
    top: 100%;
    right: calc(50% + 20px);
    margin-bottom: 0;
    margin-top: 15px;
    text-align: left;
    padding-left: 15px;
}

    h6.disTag span {
        font-size: 30px;
        font-weight: 700;
    }

.listPage .dealsSection {
    margin-top: 7rem;
}

/* list CTA  css */

.listCtaSection {
    background-image: url('../images/lis_cta_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 110px !important;
    background-position: center bottom;
    padding-top: 60px !important;
}

    .listCtaSection .btn.btn-primary {
        font-size: 20px;
        border-color: var(--success);
    }

/* fly sec css */

.fsInner {
    border-radius: 8px;
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.06);
    background: #fff;
    margin-top: -100px;
}

/*  listpage review css */

.reviewSecNobg {
    background-image: none;
}

    .reviewSecNobg .reviewBox {
        border: 1px solid #eaebf8;
        border-radius: 10px;
    }

/* tripFeatureSec css */

.tripFeatureSec {
    background-color: var(--primary-color);
    background-image: url(../images/fl.png), url(../images/mp.png), url(../images/gh.png);
    background-position: right, left top, bottom center;
    background-repeat: no-repeat;
}

/* about page css */

.callBox {
    background-color: #FFE9DC;
    min-height: 200px;
}

    .callBox img {
        width: 5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .callBox a {
        font-size: 22px;
    }

.tenYearsBox {
    background-color: #551336;
    min-height: 200px;
}

/* site's poppup */

button.play {
    position: absolute;
    border: none;
    width: 5rem;
    height: 5rem;
    border-radius: 50% !important;
    background-color: #FC2111;
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem);
}

    button.play:hover,
    button.play:active,
    button.play:focus {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }

.ripple {
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);
        box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);
        box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);
        box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);
        box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);
    }
}

.videoModal button.btn-close {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #fff;
    z-index: 1;
    opacity: 1;
    border-radius: 50%;
    padding: 12px;
}

.videoModal .modal-header {
    padding: 0;
    border: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.videoModal .modal-content {
    border-radius: 12px !important;
}

.videoModal video {
    border-radius: 12px;
}

/* call button popup css */

.callPopupBtn {
    position: fixed;
    bottom: 0;
    right: 0;
    border: none;
    background-color: #fff;
    z-index: 2;
    padding: 5px 15px;
    box-shadow: 0px -3px 12px 6px rgba(4, 48, 47, 0.1);
    border-radius: 5px 0 0 0 !important;
    overflow: hidden;
    font-size: 14px;
    padding-right: 45px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--secondary-color);
    font-weight: 400;
}

    .callPopupBtn img.phoneImg {
        width: 35px;
    }

    .callPopupBtn:hover,
    .callPopupBtn:active,
    .callPopupBtn:focus {
        background-color: #fff;
    }

.slow-ripple {
    -webkit-animation: slow-ripple 1s linear infinite;
    animation: slow-ripple 1s linear infinite;
}

@-webkit-keyframes slow-ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 20px rgba(189, 142, 210, 0.3);
        box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 20px rgba(189, 142, 210, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(189, 142, 210, 0.3), 0 0 0 40px rgba(189, 142, 210, 0);
        box-shadow: 0 0 0 20px rgba(189, 142, 210, 0.3), 0 0 0 40px rgba(189, 142, 210, 0);
    }
}

@keyframes slow-ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 20px rgba(189, 142, 210, 0.3);
        box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 20px rgba(189, 142, 210, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(189, 142, 210, 0.3), 0 0 0 40px rgba(189, 142, 210, 0);
        box-shadow: 0 0 0 20px rgba(189, 142, 210, 0.3), 0 0 0 40px rgba(189, 142, 210, 0);
    }
}

#callBookingModal .modal-header .btn-close,
#cookiesModal .modal-header .btn-close {
    position: absolute;
    top: 16px;
    right: 15px;
    background-color: #fff;
    border-radius: 100%;
    fill: #fff;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.06);
    opacity: 1;
    background-size: 12px;
}

#callBookingModal .modal-content,
#cookiesModal .modal-content {
    border-radius: 20px;
}

/* cookies btn and modal css */
.cookiesBtn {
    background-color: #F89C67;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    border: none;
    border-radius: 50% !important;
    height: 4rem;
    width: 4rem;
    z-index: 2;
}

    .cookiesBtn:hover,
    .cookiesBtn:active,
    .cookiesBtn:focus {
        background-color: #F89C67 !important;
        box-shadow: none;
    }

#cookiesModal .accordion-button {
    padding: .5rem 1rem .5rem 2rem;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #000;
    box-shadow: none;
    width: 100%;
}

#cookiesModal .accordion-header {
    background: #f3f4fd;
    border-radius: 8px;
    line-height: normal;
}

#cookiesModal .accordion-body p {
    text-align: left;
    margin-bottom: 0;
}

#cookiesModal .accordion-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px;
}

#cookiesModal .accordion-item {
    border: none;
    margin-bottom: 10px;
}

.saveBtn {
    border: solid 1px var(--success-color);
    text-transform: none;
}

.rejectBtn {
    border: solid 1px var(--secondary-color);
    text-transform: none;
}

.mhShadow {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
}

#cookiesModal .accordion-button::after {
    background-image: url("../images/plus.png");
    width: 10px;
    background-size: contain;
    background-position: center;
    left: 12px;
    position: absolute;
}

#cookiesModal .accordion-button:not(.collapsed)::after {
    background-image: url("../images/minus.png");
}

#cookiesModal .form-switch .form-check-input {
    background-image: url("../images/checkinpuut.png");
    width: 34px;
    background-color: #fff;
    border: none;
    box-shadow: none;
    height: 20px;
    background-size: 16px;
    position: relative;
    z-index: 3;
}

#cookiesModal .accordion-header span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: #32357a;
    padding-right: 10px;
    text-wrap: nowrap;
}

.saveThrty {
    font-size: 16px;
}

    .saveThrty span {
        font-size: 20px;
    }

.promoCode {
    border: 1px dashed #00b67a;
    border-radius: 4px;
    background: #c6ffec;
}

span.psDeals {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 11px;
    line-height: 191%;
    text-align: center;
    color: #551336;
}

.phone_number_btn {
    border-radius: 50px;
    font-size: 20px;
    padding: 4px 4px 4px 30px;
    line-height: normal;
}

    .phone_number_btn img.phoneImg {
        padding: 4px;
        background: #189a6f;
        border-radius: 100%;
        margin-left: 15px;
        height: 32px;
        width: 32px;
    }

.quoteTag {
    font-size: 12px;
}

#callBookingModal .modal-footer {
    background-color: #eef2f6;
}

/* contact us page css */

.addressSec {
    box-shadow: 0 2px 9px 3px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 8px;
    z-index: 1;
}

.iconSec {
    background-color: var(--grey-color);
    height: 6rem;
    width: 6rem;
}

.mapSec {
    margin-top: -50px;
}

.casTxt h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.casTxt a {
    font-size: 18px;
}

.addressSec .row .col-lg-4 + .col-lg-4 .casBox {
    border-left: 1px solid #f3f4fd;
}

.mapSec iframe {
    height: 100%;
    width: 100%;
    border: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(99%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

/* landing page css */

.discountCouponSec {
    margin-top: 70px;
}

.dcInnerWrapper {
    background-color: var(--grey-color);
    border-radius: 8px;
    border: dashed 1px #c3c3c3;
}

.dcsBox .title {
    display: block;
    text-align: center;
    font-size: 14px;
}

.dcsBox .subtitle {
    display: block;
    text-align: center;
    font-size: 12px;
}

.post_description strong {
    font-weight: 600;
    color: #000;
    margin-top: 10px !important;
    margin-bottom: 3px;
}

.landingPageDtl h3 {
    font-weight: 600;
}

.landingPageDtl .post_description p,
.landingPageDtl .post_description p span {
    font-weight: 300 !important;
    font-size: 15px;
    color: #000;
}

.post_description ul li,
.post_description ul li span {
    font-weight: 300 !important;
    font-size: 15px;
    color: #000;
}

.post_description a,
.post_description a > * {
    color: #fc2111 !important;
    font-weight: 500;
}

.post_description ol {
    margin-top: 30px;
    padding-left: 15px;
}

    .post_description ol li::marker {
        font-weight: 700;
    }

    .post_description ol li {
        margin: 15px 0;
    }

.post_description ul li {
    margin-bottom: 10px;
    font-size: 13px;
}

.post_description ul {
    padding-left: 20px;
    margin-top: 10px;
}

.dcsBox {
    border: 1px dashed #c3c3c3;
}

.reletiveFlights .dealDtl {
    width: 100%;
    justify-content: space-between;
    padding-right: 10px;
}

.asideSec h6 {
    font-size: 14px;
}

.airlinesWrapper {
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.03);
    background: #fff;
    border-radius: 4px;
}

.book-btn path {
    fill: var(--secondary-color);
}

.asideSec .airlinesWrapper h6 {
    font-size: 13px;
    color: #3F51B5 !important;
}

.airlinesWrapper:hover h6 {
    color: var(--success-color);
}

/* small popup css */

.callSmallPopupParent {
    position: fixed;
    bottom: 0;
    right: 50px;
    z-index: 98;
}

.callSmallPopupForm .form-select {
    max-width: 75px !important;
}

.callSmallPopup {
    position: fixed;
    bottom: 0;
    right: 20px;
    background-color: #f1f1f1;
    border-radius: 10px 10px 0 0;
    text-align: center;
    width: 315px;
    transform-origin: 235px bottom;
    transition: all .3s;
    z-index: 99;
    display: none;
}

    .callSmallPopup img.phoneImg {
        padding: 6px;
        background: #ffffff;
        border-radius: 50%;
        height: 42px;
        width: 42px;
        object-fit: contain;
        margin-left: 8px;
    }

.callSmallPopup_phone_number_btn h5 span {
    font-size: 14px !important;
}

.callSmallPopupParent:hover .callSmallPopup {
    transform: scale(1);
}

.callSmallPopup img {
    border-radius: 10px 10px 0px 0;
}

.clTg span {
    color: #FFEB3B;
    font-weight: 700;
    font-size: 20px;
}

/*.callSmallPopup:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 54px;
    border-top: var(--success-color) solid 10px;
    border-left: 10px solid transparent;
    border-right: solid 10px transparent;
}*/

.callSmallPopup_phone_number_btn {
    background-color: var(--primary-color);
    border-radius: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.callSmallPopup button.btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #000;
    opacity: 1;
}

.callSmallPopup .btn-close:focus {
    box-shadow: none;
}

/* request modal css */
.animation-ctn {
    text-align: center;
}

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px;
    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@keyframes colored-circle {
    0% {
        opacity: 0
    }

    100% {
        opacity: 100
    }
}

.icon--order-success svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}

    .icon--order-success svg circle#colored {
        -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
        animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    }

#requestModal .modal-content {
    border-radius: 14px;
    margin: 15px;
}

#requestModal .phNum {
    font-size: 24px;
}

.modal-header .btn-close:focus {
    box-shadow: none;
}

.listWidgetSec {
    background-image: radial-gradient(50% 45.03% at 50% 45.03%, rgb(65, 68, 160) 0%, rgb(1, 2, 35) 100%);
}

    .listWidgetSec .wh_input:after,
    .listWidgetSec .dest_input:before {
        background: #232566;
    }

    .listWidgetSec button svg path {
        stroke: #fff;
    }

    .listWidgetSec .searchWidgetSec form .seatAvailBtn {
        padding: 8px 10px 8px 10px;
        background-repeat: no-repeat;
        background-position: 7px center;
        border: solid 1px #D3D3DE;
        border-radius: 6px;
        text-align: left;
        font-family: var(--font3);
        font-weight: 500;
        font-size: 16px;
        color: #323232;
    }

        .listWidgetSec .searchWidgetSec form .seatAvailBtn span {
            font-weight: 300;
            font-size: 14px;
            color: #818181;
        }

.flightClass {
    border: 1px solid #d3d3de;
    border-radius: 6px;
    background-color: #fff;
    padding: .25rem .75rem;
}

    .seatAvailBtn::after,
    .flightClass::after {
        right: 10px;
        position: absolute;
    }

.filterCard {
    border: 1px solid #eaebf8;
    border-radius: 10px !important;
    /*background: #f5f5f5;*/
}

    .filterCard .filterBtn {
        border-radius: 8px !important;
    }

.sortBtn {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    font-size: 15px;
    font-weight: 500;
}

    .sortBtn.active {
        border: 1px solid #0e0f3e !important;
    }

    .sortBtn img {
        width: 4rem;
        height: 4rem;
        border-radius: 100%;
        object-fit: none;
    }

    .sortBtn span {
        display: block;
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 13px;
        color: #000;
    }

.filterCard .filterBtn {
    position: relative;
    padding-left: 5px !important;
}

    .filterCard .filterBtn.collapsed:after {
        background-image: url("../images/plus.png");
    }

    .filterCard .filterBtn::after {
        content: "";
        width: 20px;
        background-size: 10px;
        background-position: center;
        background-color: #ffffff;
        height: 20px;
        border-radius: 100%;
        border: solid 1px #eaebf8;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        top: calc(50% - 10px);
        right: 4px;
        background-image: url(../images/minus.png);
    }

.clearBtn {
    border-radius: 6px;
    background: #ffe9dc;
}

.fltBox {
    border: 1px solid #eaebf8;
    border-radius: 10px;
}

    .fltBox span.subTitle {
        font-size: 12px;
    }

    .fltBox .priceTitle {
        font-weight: 600;
        font-size: 18px;
    }

.priceAlrtSec .form-check .form-check-input {
    float: none;
    padding: 10px;
    width: 50px;
    margin-left: 10px;
    margin-right: 0;
    background-image: url(../images/switchCrc.png);
    background-size: contain;
    box-shadow: none;
}

    .priceAlrtSec .form-check .form-check-input:checked {
        background-color: var(--primary-color);
        box-shadow: none;
        border-color: var(--primary-color);
    }

.priceAlrtSec .form-check label.form-check-label {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #fc2111;
}

.priceAlrtSec .form-check.form-switch {
    border-radius: 10px;
    border: 1px solid #e8edff;
    background: #eaebf8;
}

span.routeloc {
    font-weight: 300;
    font-size: 14px;
}

.airCompany img {
    border: 1px solid #e2f2fe;
    border-radius: 6px;
    max-width: 60px;
}

.flightListContainer {
    box-shadow: 0 0 10px 0 rgba(4, 48, 47, 0.1);
    background: #fff;
    border-radius: 12px;
}

.flsBookingBtn {
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 7px 5px 15px;
    font-weight: 600;
}

.price_info_sec .btn-primary:hover,
#frmSearch .btn-primary:hover {
    background-color: var(--success-color);
    border-color: var(--success-color);
}

.left-lg-border {
    border-left: 1px solid #eaebf8;
}

.flap-flight-details {
    border-radius: 0px 0 8px 8px;
}

.flight-box-mainwrq .airlinelogo img {
    width: 50px;
    border-radius: 4px;
    border: 1px solid #e2f2fe;
    height: fit-content;
}

.airbox-details-dot-line hr {
    border: 1px dashed #cccccc;
    background-color: transparent;
    opacity: 1;
}

.alrghtDtl li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 108%;
    color: #666;
}

.alrghtDtl li {
    padding: 0 10px;
}

    .alrghtDtl li:last-child {
        padding-right: 0;
    }

    .alrghtDtl li + li {
        border-left: 1px solid #eaebf8;
    }

.fltBox:hover,
.fltBox.currentTab {
    background-color: #eaebf8;
}

.airbox-details span {
    font-size: 14px;
    line-height: 17px;
}

.airlinesChecklist .form-check-input {
    margin-top: 3px;
    border: 2px solid #afafaf;
    cursor: pointer;
}

    .airlinesChecklist .form-check-input:checked[type=checkbox] {
        border-color: #0e0f3e;
    }

    .airlinesChecklist .form-check-input:checked {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230e0f3e' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    }

.airlinesChecklist .form-check {
    margin-bottom: 10px;
}

.airlinesChecklist label.form-check-label {
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}

span.startPrice {
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
}

.boxShadow {
    box-shadow: 0 0 10px 0 rgba(4, 48, 47, 0.1);
}

.borRound {
    border-radius: 10px;
}

.grayBorder {
    background-color: #b4b4b4;
}

.backBtnLink {
    font-weight: 400;
    position: absolute;
    left: 0;
    top: calc(50% - 17px);
}

.phnInput {
    border: 1px solid #e5f0f9;
    border-radius: 6px;
}

    .phnInput button.btn.dropdown-toggle:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 60%;
        top: 20%;
        right: 0;
        background-color: #e5f0f9;
    }

    .phnInput .dropdown-menu li {
        padding: .25rem .5rem;
    }

.contactInfoSec input#flexCheckDefault {
    margin-top: 5px;
    width: 18px;
    height: 18px;
}

.travelerInfoSec .form-check.col {
    flex-grow: 0;
    display: flex;
}

.carSec {
    background-color: #F5F5F5;
    border-radius: 6px;
    margin-left: 0;
    margin-right: 0;
}

.infoPay span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
}

.cardHeader span.title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    color: #000;
}

.cardHeader {
    border: 1px solid #eaebf8;
    border-radius: 10px 10px 0px 0px;
}

.fldtlBtn {
    font-size: 14px;
}

.cardBody {
    border: 1px solid #eaebf8;
    background: #f5f5f5;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

span.dirNon {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

span.duratioPer {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 12px;
    color: #666;
}

.cardBody .cardList + .cardList {
    border-top: 1px solid #e0e0e0;
}

.cardItn {
    border-radius: 10px;
}

/* confirmationpage css */

.confirmationTopBarSec {
    background-color: #F1F8FE;
}

.successTick {
    width: 6.5rem;
    height: 6.5rem;
    background-color: var(--primary-color);
    border: solid 10px #FFFFFF;
}

p.conSubTitle {
    font-size: 18px;
}

.traInfo {
    background: #f5f5f5;
}

.printSec {
    border: 1px solid #eaebf8;
    background: #f5f5f5;
    border-radius: 10px;
}

.form-check-input:checked[type=radio] {
    background-color: #fff;
    border-color: var(--success-color);
    background-image: url(../images/radioCicle.png);
    background-size: 8px;
    background-position: center;
}

.form-check-input[type=radio]:focus {
    box-shadow: none;
    border-color: var(--success-color);
}

.routeDtlSec > div {
    flex: 1;
}

.form-group {
    margin-bottom: 1rem;
}

.contactInfoSec > h6,
.travelerInfoSec > h6 {
    margin-bottom: 0px;
}

.vm-traveller .form-label.mb-1 {
    display: none;
}

.middle-arrow-slider .owl-nav.disabled,
.upper-arrow-slider .owl-nav.disabled {
    display: block;
}

ul.typeahead li a:hover {
    border-radius: 0;
}

.searchBtn:disabled {
    background-color: #7779bd !important;
    border-color: #7779bd !important;
}

.carSec {
    display: none;
}

.pxtype {
    font-size: 14px;
}

.payment-page .nextBtnLink:hover {
    background-color: var(--success-color);
}

.error-ui i.fa-exclamation-triangle:before {
    content: "\f12a";
    font-size: 80%;
}

.cardDtlSec .cardHeader .title {
    font-size: 18px;
}

.confirmation-page ul li {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 13px;
    line-height: 169%;
    color: #383838;
}

.confirmation-page .grayBorder {
    border-color: #e5e5f3 !important;
}

.supCurrency {
    font-size: 13px;
    font-weight: 300;
}

.modal .phone_number_btn {
    background: #00b67a;
    color: #fff;
    align-items: center;
}

#JLang {
    font-size: 14px;
}

    #JLang ul li a img {
        width: 25px;
    }

    #JLang .dropdown-menu {
        padding: 0;
        position: absolute;
    }

    #JLang ul > li > a {
        padding-right: 24px;
    }

        #JLang ul > li > a:after {
            right: 6px;
        }

        #JLang ul > li > a > img {
            width: 20px;
        }

    #JLang #languages-list a > img {
        width: 20px;
    }

.payment-sec-box {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.payment-sec-box-body {
    padding: 1rem;
}

.payment-sec-box-header {
    padding: .6rem 1rem;
    background-color: #edeff7;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}

    .payment-sec-box-header h6 {
        color: #0e0f3e;
    }

    .payment-sec-box-header h6,
    .payment-sec-box-header p {
        margin-bottom: 0;
    }

.payment-sec-box .form-group {
    margin-bottom: 0;
}

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

    label.input_required:after {
        content: "*";
        color: #ff0000;
        right: 0;
        position: absolute;
        font-size: 16px;
    }

.box-header-icon svg {
    width: 35px;
    color: #00b67a;
    stroke-width: 1;
}

.box-header-icon {
    margin-right: 12px;
    margin-right: 12px;
    position: relative;
    top: -2px;
}

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

    .wizard .nav_tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .wizard .nav_tabs > li {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
            position: relative;
            padding-bottom: 18px;
        }

            .wizard .nav_tabs > li.final_stp {
                max-width: 15px;
                color: #00b67a;
            }

            .wizard .nav_tabs > li > a {
                font-size: 14px;
                font-weight: 500;
                text-transform: uppercase;
            }

                .wizard .nav_tabs > li > a.active,
                .wizard .nav_tabs > li > a.validtab {
                    color: #00b67a;
                }

                .wizard .nav_tabs > li > a:before, .wizard .nav_tabs > li > a:after, .wizard .nav_tabs > li.final_stp:before {
                    content: "";
                    position: absolute;
                    background-color: #ededed;
                    bottom: 0;
                    left: 0;
                }

                .wizard .nav_tabs > li > a:before, .wizard .nav_tabs > li.final_stp:before {
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                }

                .wizard .nav_tabs > li > a:after {
                    right: 0;
                    height: 2px;
                    bottom: 4px;
                }

                .wizard .nav_tabs > li > a.active:before, .wizard .nav_tabs > li > a.active:after, .wizard .nav_tabs > li > a.validtab:before, .wizard .nav_tabs > li > a.validtab:after {
                    background-color: #00b67a;
                }

.form-group .iti {
    width: 100%;
}

.cookiesWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 22px 0;
    transition: transform .5s ease, opacity .5s ease;
    box-shadow: 0 0 15px 5px #042f7112;
    transform: translateY(100%);
    opacity: 0;
    z-index: 9;
}

.cookiesWrapperShow.cookiesWrapper {
    transform: translateY(0);
    opacity: 1;
    transition: transform .5s ease, opacity .5s ease;
}

.cookiesWrapper p span {
    color: var(--success-color);
    font-weight: 400;
}

.cookiesWrapper p a {
    color: #505050;
    text-decoration: underline;
}

.call_me_back #iti-0__dropdown-content {
    bottom: 45px;
}