@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* bootstrap root style */

:root {
    --bs-primary: #AD253C;
    --bs-secondary: #273142;
    --bs-success: #198754;
    --bs-info: #0DCAF0;
    --bs-warning: #FFC107;
    --bs-danger: #DC3545;
    --bs-light: #f1f8fe;
    --bs-dark: #212529;
    --bs-gray: #EEF2F8;
    --bs-gray-light: #F1F8FE;
    --bs-primary-rgb: 173, 37, 60;
    --bs-secondary-rgb: 39, 49, 66;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Poppins" sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-color: #DEE2E6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #ad253c;
    --bs-link-color-rgb: ad253c;
    --bs-link-hover-color: #ad253c;
    --bs-code-color: #D63384;
    --bs-highlight-bg: #FFF3CD;
    /* custom */
    --bs-font-primary: 'Poppins', sans-serif;
    --bs-font-secondary: 'Barlow', sans-serif;
    --text-lightBlack: #676977;
    --text-lightPrimary: #F0F9F8;
    --bs-custom-warning: #f8bc88;
    --bs-custom-light-warning: #c48b5d;
    --bs-custom-success: #97E46C;
    --bs-custom-light-success: #6DA24A;
}



body {
    overflow-x: hidden;
    padding-right: 0 !important;
    overflow-y: visible !important;
    background-color: #fff;
    font-size: var(--bs-body-font-size);
    font-family: 'Barlow', sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bs-font-primary) !important;
}

.bg-green {
    background-color: var(--bs-green);
}

.bg-gray {
    background-color: var(--bs-gray);
}

.bg-gray-light {
    background-color: var(--bs-gray-light) !important;
}

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

.textfont500 {
    font-weight:500;
}

.border-light {
    border-color: var(--bs-border-light) !important;
}


.text-black-65 {
    color: rgba(0, 0, 0, .65) !important;
}

.text-white-65 {
    color: rgba(255, 255, 255, .65) !important;
}

.text-orange {
    color: var(--bs-orange);
}

.text-green-100 {
    color: var(--bs-green-100);
}

.mt-60 {
    margin-top: 60px !important;
}

.border-1 {
    border: solid 1px;
}

body.modal-open {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}


/* bootstrap css */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    border: none;
    --bs-btn-hover-bg: var(--bs-secondary);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    border-radius: 50px;
    padding: 6px 16px;
}



.btn:first-child:active {
    background-color: var(--bs-primary) !important;
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    border: none;
    --bs-btn-hover-bg: var(--bs-primary);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    border-radius: 50px;
    padding: 6px 16px;
}

.btn-warning {
    --bs-btn-bg: var(--bs-custom-warning);
    border: none;
    --bs-btn-hover-bg: var(--bs-custom-light-warning);
    --bs-btn-hover-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    border-radius: 50px;
    padding: 6px 16px;
}

.btn-success {
    --bs-btn-bg: var(--bs-custom-success);
    border: none;
    --bs-btn-hover-bg: var(--bs-custom-light-success);
    --bs-btn-hover-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    border-radius: 50px;
    padding: 6px 16px;
}


.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: #ad253c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ad253c;
    --bs-btn-hover-border-color: #ad253c;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    border-radius: 50px;
    padding: 6px 20px;
}

.btn-outline-light {
    --bs-btn-color: #000000;
    --bs-btn-border-color: #E8E8E8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ad253c;
    --bs-btn-hover-border-color: #ad253c;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    border-radius: 50px;
    padding: 6px 20px;
}


.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-green-100);
}


.btn-link:hover,
a:hover {
    color: #ad253c;
}

.btn-gray {
    background-color: var(--bs-gray);
}

.accordion {
    --bs-accordion-active-color: var(--bs-green-100);
}


.breadcrumb {
    --bs-breadcrumb-item-active-color: rgb(255 255 255 / 65%);
}


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

.shadow {
    box-shadow: 0 2px 10px 0 rgba(22, 1, 5, 0.1) !important;
}

.fs {
    font-size: 3rem;
}

.fs-6 {
    font-size: .75rem !important;
}


.form-control {
    font-size: 0.8125rem;
    color: #000;
    border: 1px solid #dbecfb;
    border-radius: 6px;
    padding: .75rem 1rem;
}

textarea.form-control {
    border-radius: 15px;
    font-weight: 400;
    border: 1px solid #0a557f30;
    font-size: 0.8125rem;
    font-family: var(--bs-font-primary);
    color: #000;
    padding: .75rem 1rem;
    line-height: 1;
    resize: none;
}

.form-select {
    background-position: right 0.5rem center;
}

.form-label {
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 500;
    font-family: var(--bs-font-primary);
    color: #000;
}

.modal {
    --bs-modal-width: 400px;
}



.form-check-input[type=checkbox]:focus,
.form-control:focus,
.btn-close:focus,
.navbar-toggler:focus,
.form-select:focus {
    box-shadow: none;
}

.btn:first-child:active {
    border: 0;
}


.form-check-input[type=radio] {
    width: 18px;
    height: 18px;
    margin-top: 2px !important;
}

.form-check-input:focus[type=radio] {
    box-shadow: none;
}

.form-check-input:checked[type=radio] {
    background-color: #ffffff;
    background-image: url(../images/radioCicle.svg);
    background-size: 6px;
    background-position: center;
    box-shadow: none;
    border: 2px solid var(--bs-primary);
}


.form-check-input:checked[type=checkbox] {
    background-color: #ffffff;
    box-shadow: none;
    border: 2px solid var(--bs-primary);
}

.form-check-input:checked[type=checkbox] {
    background-image: url(../images/tick.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}


.dropdown-menu {
    --bs-dropdown-font-size: 0.8125rem;
    --bs-dropdown-link-hover-bg: var(--bs-gray);
}

.form-check-input[type=checkbox] {
    border: 1px solid #CEDEE9;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 3px !important;
    background: #fff;
    margin-right: 10px;
    margin-top: 3px;
    cursor: pointer;
}

.form-check-label {
    font-weight: 400;
    font-family: var(--bs-font-primary) !important;
    font-size: 15px;
    color: #000;
    padding-left: 10px;
    cursor: pointer;
}

.text-red {
    color: rgb(239 68 68);
}

.card-img-overlay {
    top: auto;
}



/* nav-bar css */

header.sticky-sm-top {
    box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 3%);
}

.customNav .nav-link {
    color: rgb(0 0 0) !important;
    font-weight: 600;
    font-size: 13px;
    font-family: var(--bs-font-primary) !important;
    line-height: 1.5;
    padding: 7px 15px !important;
    border-radius: 50px;
    text-transform: capitalize;
    padding-right: 24px !important;
}

    .customNav .nav-link:hover {
        color: var(--bs-primary) !important;
        background: var(--bs-light) !important;
    }

.dropdown-toggle::after {
    content: url(../images/arrow-down-black.png);
    border: none;
    position: absolute;
    margin-left: 5px;
    margin-top: 6px;
}

/* Header Style */

a.navbar-brand {
    width: 160px;
}

.megamenu {
    font-family: var(--bs-font-primary) !important;
    font-weight: 600;
    font-size: 13px;
}

.header-linkBox {
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5F0F9;
    border-radius: 50px;
    text-align: center;
    min-width: 55px;
}

    .header-linkBox:hover {
        background-color: var(--bs-light);
    }

    .header-linkBox a {
        font-size: 12px;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: var(--text-lightBlack);
        gap: 3px;
    }


.headerRightCallAssistance a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    gap: 8px;
}

    .headerRightCallAssistance a h5 {
        margin: 0;
        font-size: 22px;
        font-weight: 600;
    }

    .headerRightCallAssistance a p {
        margin: 0;
        font-size: 13px;
        text-align: right;
        font-weight: 500;
        color: var(--text-lightBlack);
    }

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


/* Search widget section */

.searchWidgetMainWrapper {
    background-image: url(../images/home/hero_bg.svg);
    min-height: 470px;
    width: 100%;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 140px;
}

    .searchWidgetMainWrapper h2 {
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0;
        font-size: 1.875rem !important;
        font-family: var(--bs-font-primary) !important;
        margin-bottom: 0;
    }

.searchWidgetInnerWrapper {
    box-shadow: 0 2px 10px 0 #1601051a;
    padding: 32px 30px;
    border-radius: 80px;
    position: relative;
    margin-top: 45px;
}

.widgetTopBar {
    box-shadow: 0 -2px 10px 0 #1601051a;
    background: #fff;
    padding: 8px 10px !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
    border-radius: 50px;
    z-index: 2;
}

ul.widgetDropdowns {
    margin-bottom: 0;
    gap: 15px;
    display: flex;
}

    ul.widgetDropdowns .dropdown-toggle {
        font-family: var(--bs-font-primary);
        font-size: 13px;
        color: #000;
        padding-right: 25px !important;
        background-color: #f1f8fe !important;
        padding: 6px 15px;
        border-radius: 50px;
        padding-left: 10px !important;
        text-transform: capitalize;
        border: 0 !important;
        width: auto !important;
        font-weight: 500;
    }

        ul.widgetDropdowns .dropdown-toggle img {
            margin-right: 3px;
        }

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

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


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

    .passengerDtl input:focus-visible {
        outline: none;
    }


span.selectedIcon {
    background: #ad253c;
    border-radius: 50%;
    justify-content: center;
    color: #fff !important;
    align-items: center;
    width: 19px;
    height: 19px;
    min-width: 19px !important;
    opacity: 0;
    display: flex;
}


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

.widgetDropdowns .dropdown-menu.show button.dropdown-item {
    display: flex;
    justify-content: space-between;
    padding: 7px 10px;
    border-radius: 50px;
    font-family: var(--bs-font-primary);
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

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

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


.passengerDtl svg {
    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;
    }

.travelerCountBox {
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f8fe;
    padding-bottom: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .travelerCountBox:last-child {
        border-bottom: 0;
        padding-bottom: 0 !important;
        margin-bottom: 0;
    }

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

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

.passengerDtl .trv_drp_label h5 {
    white-space: nowrap;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.passengerDtl .trv_drp_label p {
    font-size: 11px;
    font-family: Poppins, sans-serif;
    color: #9b9b9b !important;
    margin-bottom: 0;
    white-space: nowrap;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #f1f8fe;
    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;
}


.travelerCountBoxAction button {
    width: 25px;
    height: 25px;
    background-color: #f1f8fe !important;
    color: #000 !important;
    font-size: 13px;
    border: 0;
    border-radius: 50px !important;
}

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


/* search widge row */


.searchWidgetSec .iput-group {
    position: relative;
    width: 100%;
}

    .searchWidgetSec .iput-group input {
        border-radius: 30px;
        padding: 10px 20px;
        width: 100%;
        height: 58px;
        padding-left: 28px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem;
        font-weight: 600;
        color: #000000;
        line-height: 1.235;
        padding-left: 8px;
        text-transform: capitalize;
    }

    .searchWidgetSec .iput-group label {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0.9em;
        color: #6c757d;
        line-height: 1em;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding-left: 29px;
        padding-right: 20px;
    }

        .searchWidgetSec .iput-group label h4 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 1rem;
            font-weight: 500;
            color: #000000;
            line-height: 1.235;
            margin-bottom: 3px;
            padding-left: 0;
            text-transform: capitalize;
        }

        .searchWidgetSec .iput-group label p {
            margin-bottom: 0;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            padding-left: 0;
        }

.swapButton {
    padding: 0;
    background: #fff;
    border: 1px solid #d7e8f6 !important;
    width: 45px;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    left: 50%;
    z-index: 9;
    border-radius: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

    .swapButton:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 60px;
        background: #fff;
        right: 13.5px;
        top: -20px;
        z-index: -1;
    }

.searchWidgetSec .iput-group.originFieldBox .form-control {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.searchWidgetSec .iput-group.destinationFieldBox .form-control {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.searchFlightDateWrapper {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    color: rgb(0 0 0 / 50%);
    border: 1px solid #dbecfb;
    border-radius: 50px;
    overflow: hidden;
    height: 58px;
    position: relative;
}

.searchWidgetSec .searchFlightDateWrapper .form-control {
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.235;
    margin-bottom: 0;
}

.searchWidgetSec .searchFlightDateWrapper .form-group .form-control {
    border: 0 !important;
}

.searchWidgetSec .searchFlightDateWrapper .form-group.has-error .form-control, .searchWidgetSec .searchFlightDateWrapper .form-group.has-error .form-control::placeholder {
    color: var(--bs-primary) !important;
}

.searchWidgetSec .searchFlightDateWrapper .form-control::placeholder {
    text-transform: capitalize !important;
}

.searchWidgetSec input[type="date"]::-webkit-input-placeholder {
    color: transparent;
}

.searchWidgetSec input[type="date"]::-moz-placeholder {
    color: transparent;
}

.searchWidgetSec input[type="date"]:-ms-input-placeholder {
    color: transparent;
}

.searchWidgetSec input[type="date"]:-moz-placeholder {
    color: transparent;
}

/* To handle the default text appearing as value, make sure to hide text color when field is empty */
.searchWidgetSec input[type="date"]:not(:placeholder-shown) {
    color: transparent;
}

button.searchSbmtBtm {
    background: #AD253C;
    font-weight: 500;
    box-shadow: none;
    color: #FFFFFF;
    border: 0;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.searchWidgetSecure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}

    .searchWidgetSecure h5 {
        font-size: 15px;
        margin: 0;
        color: #138548;
        font-family: var(--bs-font-secondary) !important;
        font-weight: 700;
    }


/* feature section */


.featureItemBox {
    background: var(--bs-light);
    padding: 35px 30px;
    text-align: center;
    border-radius: 20px;
    min-height: 245px;
}

.featureItemBoxIcon {
    display: inline-flex;
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.featureItemBox h5 {
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
}

.featureItemBox p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: var(--bs-font-primary) !important;
    color: #000000;
    margin: 0;
}


/* Promo Section */


.newsletterPromoBoxOne {
    background-image: linear-gradient(94.62deg, #e6efff .24%, #b7ebe5);
    padding: 2rem 3rem;
    border-radius: .75rem;
    position: relative;
}

.newsletterPromoBoxTwo {
    background-image: linear-gradient(94.5deg, #FFD0BE 0%, #FFE7D0 98.11%);
    padding: 2rem 3rem;
    border-radius: .75rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.newsletterPromoBoxOne:after,
.newsletterPromoBoxOne:before {
    width: 50px;
    height: 50px;
    top: 50%;
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 50%;
    right: -23px;
    transform: translateY(-50%);
}

.newsletterPromoBoxOne:before {
    left: -27px;
}

.newsletterPromoBoxTop {
    display: flex;
    gap: 25px;
    align-items: center;
    margin-bottom: 15px;
}

.newsletterPromoBoxTitle h5 {
    margin-bottom: 3px;
    font-size: 19px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsletterPromoBoxTitle p {
    font-family: var(--bs-font-primary) !important;
    margin-bottom: 0;
    font-size: 13px;
    color: #313B48;
}

.newsletterPromoBoxForm {
    display: flex;
    align-items: center;
    margin-top: 0;
    gap: 20px;
}

    .newsletterPromoBoxForm button.btn {
        white-space: nowrap;
        height: 38px;
    }

    .newsletterPromoBoxForm input.form-control {
        border-radius: 50px;
        height: 38px;
        border: 0;
    }

.newsletterPromoBoxFooter {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 10px;
}

    .newsletterPromoBoxFooter p {
        margin-bottom: 0;
        font-size: 0.75rem !important;
        line-height: 1rem !important;
        font-family: var(--bs-font-primary);
        font-weight: 400;
    }


.section-title h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px;
}

.section-title p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--text-lightBlack);
    font-weight: 400;
    margin-bottom: 0;
    font-family: var(--bs-font-primary) !important;
}

.section-title {
    margin-bottom: 15px;
}

/* best deal section */

.best-deals-box-wrapper {
    background: var(--bs-light);
    border-radius: 20px;
    padding: 35px;
}



.best-deal-item {
    position: relative;
    padding: 12px;
    background: #fff;
    border-radius: 50px;
    margin-bottom: 15px;
}

    .best-deal-item:last-child {
        margin-bottom: 0;
    }

.best-deal-details-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.best-deal-img-wrapper {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 50px;
    overflow: hidden;
}

    .best-deal-img-wrapper img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.best-deal-details {
    width: 100%;
}

.best-deal-details-bottom {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.best-deal-details-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

    .best-deal-details-top h5 {
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
    }

.itinerary-swap-icon {
    background: #f1f8fe;
    width: 25px;
    height: 20px;
    margin: 0 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}

.best-deal-details-top .itinerary-swap-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.best-deal-details-bottom p {
    margin: 0;
    font-size: 13px;
    color: #313B48;
    margin-top: 5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.best-deal-date {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

.best-deal-price {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--bs-font-primary) !important;
    color: var(--bs-primary);
}

.best-deal-action {
    text-align: center;
}

    .best-deal-action button {
        text-transform: uppercase;
        padding-left: 20px;
        padding-right: 20px;
    }

.best-deal-item:hover .best-deal-action button.btn {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
}

.best-deal-details-bottom p span {
    color: #6C757D;
}

/*  */

.ellipsis-parent {
    display: grid;
    grid-template-columns: 1fr auto;
}

    .ellipsis-parent > * {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }


/* Testimonial */

.reviewBox {
    padding: 40px 20px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    gap: 25px;
    justify-content: space-between;
    align-items: center;
}

.reviewBoxImg {
    width: 40px;
    margin-bottom: auto;
}

.reviewBoxCnt {
    flex: 1;
}

    .reviewBoxCnt p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #000000;
        font-weight: 300;
        font-family: var(--bs-font-primary) !important;
        margin-bottom: 20px;
    }

    .reviewBoxCnt .customerName {
        position: relative;
        padding-left: 58px;
        font-weight: 500;
        font-size: 14px;
        color: #000;
    }

        .reviewBoxCnt .customerName:before {
            content: '';
            width: 40px;
            height: 2px;
            background: #D9D9D9;
            position: absolute;
            left: 0;
            top: 8px;
        }

.testiRgt .owl-nav {
    margin: 0;
}

    .testiRgt .owl-nav button {
        width: 35px;
        height: 35px;
        background: #fff !important;
        line-height: 32px;
        border-radius: 50px !important;
        border: 1px solid #E9E7E7 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
    }

        .testiRgt .owl-nav button.owl-prev {
            left: -17px;
        }

        .testiRgt .owl-nav button span {
            display: none;
        }

        .testiRgt .owl-nav button:before {
            background-size: cover;
            position: relative;
            background-position: center;
        }

        .testiRgt .owl-nav button.owl-prev::before {
            content: url(../images/arrow-left.png);
        }

        .testiRgt .owl-nav button.owl-next::before {
            content: url(../images/arrow-right.png);
        }

        .testiRgt .owl-nav button.owl-next {
            right: -17px;
        }

.testiRgt .owl-theme .owl-nav .disabled {
    opacity: 1;
}


/* today best deals */

.today-best-deal-item {
    border: 1px solid #E5F0F9;
    padding: 12px;
    border-radius: 50px;
    position: relative;
    transition: transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    text-decoration: none;
}

    .today-best-deal-item:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        transform: scale(1.05);
        transition: transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
    }

.today-best-deal-img-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    min-width: 50px;
}

.today-best-deal-details {
    width: 60%;
}

.today-best-deal-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.today-best-deal-details-top {
    display: flex;
    flex-direction: row;
}

.today-best-deal-details-top h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-body-color);
}

.today-itinerary-swap-icon {
    background: #f1f8fe;
    width: 25px;
    height: 20px;
    margin: 0 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}

.today-best-deal-details-bottom p {
    margin: 0;
    font-size: 13px;
    color: #313B48;
    margin-top: 5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.best-deal-price {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--bs-font-primary) !important;
    color: var(--bs-primary);
    margin-left: auto;
    padding-right: 5px;
}

.best-deal-details-bottom p span {
    color: #6C757D;
}


/* newsletter section */


.newsletterSignUpSec {
    background: var(--bs-secondary);
    padding: 30px 30px;
    border-radius: 20px;
    position: relative;
}

.newsletterSignUpSec label.form-check-label {
    padding-left: 0;
}

.signUpTagline {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .signUpTagline h3 {
        margin: 0;
        color: #fff;
        font-weight: 400;
        font-size: 25px;
    }

.newsletterSignForm {
    background: #fff;
    padding: 0;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

    .newsletterSignForm.has-email-error {
        background: #ffeded;
    }

    .newsletterSignForm input.form-control {
        padding: 0 15px;
        font-family: var(--bs-font-primary) !important;
        font-size: 14px;
        background: transparent;
        height: 45px;
        border-radius: 50px;
        border: 1px solid #fff;
    }

    .newsletterSignForm button.btn {
        white-space: nowrap;
        text-transform: uppercase;
        position: absolute;
        right: 8px;
    }

.newsletterSignFormBottom {
    margin-top: 10px;
    align-items: center;
}

    .newsletterSignFormBottom input[type=checkbox]:disabled {
        opacity: 1;
    }


.form-check-input:checked {
    background-color: #ad253c;
    border-color: #ad253c;
}


.newsletterSignFormBottom .form-check-input:checked[type=checkbox] {
    background-image: url(../images/tick.svg);
    background-size: 68%;
    background-position: 3px 4px;
    border: 0;
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.newsletterSignFormBottom label.form-check-label {
    opacity: 1 !important;
    color: #fff;
    font-size: 14px;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsletterSignFormBottom label.form-check-label a {
    color: #ffffff;
}

.footerMain {
    background: var(--bs-light);
}

.termsCond {
    padding-top: 45px;
    padding-bottom: 30px;
}

    .termsCond h4 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
    }

    .termsCond h5 {
        font-weight: 400;
        color: #000000;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 12px;
    }

    .termsCond h6 {
        font-weight: 400;
        color: #313B48;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 12px;
    }

.footerLinks h6 {
    font-size: 18px !important;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
}

.footerLinks ul li {
    padding-bottom: 10px;
}

    .footerLinks ul li a {
        font-weight: 500;
        font-family: var(--bs-font-primary) !important;
        font-size: 13px;
        color: #3B4C69;
        text-decoration: none;
    }

        .footerLinks ul li a:hover {
            color: var(--bs-primary);
        }

.termsCond p {
    font-weight: 400;
    color: #313B48;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 12px;
}

.qualitySymbols li + li {
    padding-left: 3rem;
}

.confidential {
    font-size: 13px !important;
    font-family: var(--bs-font-primary) !important;
    color: #313B48;
    margin-bottom: 0;
    margin-top: 20px;
}

.footerBottom {
    background: var(--bs-secondary);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.copyrightPayment p {
    font-weight: 400;
    font-size: 13px;
    line-height: 125%;
    color: #ffffff;
}

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


/* List Page */

.modifySearchWidgetSection {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    background: #EAF4FD;
}

.modifyDropdownBtn {
    background-color: #ffffff !important;
    border: 1px solid #BFD6E3 !important;
    height: 40px !important;
    padding-left: 15px !important;
    border-radius: 50px;
    padding-right: 30px !important;
    position: relative;
    font-family: var(--bs-font-primary) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
}

.date-picker-wrapper {
    font-family: var(--bs-font-secondary) !important;
}

.modifyDropdownBtn.classEco {
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .modifyDropdownBtn.dropdown-toggle::after {
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }

.modifywidgetsearchForm .iput-group {
    position: relative;
}

    .modifywidgetsearchForm .iput-group input.form-control {
        border-radius: 50px;
        height: 40px;
        border: 1px solid #BFD6E3 !important;
        color: #000;
        font-weight: 500 !important;
        font-family: var(--bs-font-secondary);
        font-size: 14px;
    }

.modifywidgetsearchForm .date_picker_search .iput-group input.form-control {
    border: 0 !important;
    height: 38px;
}

.date_picker_search i.las {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 20px;
}


.modifydestinationFieldBox .form-control {
    padding-left: 24px !important;
}

.modifywidgetsearchForm .passengerDtl input {
    border: 0 !important;
    height: auto;
}

.modifyWidgitSubmit {
    box-shadow: none;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-left: 15px;
    padding: 0;
}

    .modifyWidgitSubmit img {
        width: 25px;
    }

.flightClass {
    border: 1px solid var(--bs-light) !important;
}

.searchFlightPacksInfo.dropdown-menu {
    min-width: 450px !important;
    left: inherit !important;
    right: 0 !important;
    padding: 15px !important;
}

.searchFlightPacksInfo .form-check-label {
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    font-family: var(--bs-font-primary) !important;
}

.searchFormLeftIcon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.modifyoriginFieldBox input.form-control,
.modifydestinationFieldBox input.form-control, .modifySearchWidgetSection .classEco {
    padding-left: 40px !important;
}

.modifySearchWidgetSection .travellerdrp {
    padding-left: 35px !important;
}
/* listing sidebar filter */
.filterSidebarSec h3 {
    color: #000000;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
}


.filterCard:not(:last-child) {
    border-bottom: 1px solid #BFD6E3;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.filterCard h4 {
    color: #000000;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 1rem;
    line-height: 1.5rem;
}
    .filterCard h4.accrd_title b {
        font-weight: 500;
    }

.filtershowmore li.showmoretext.collapsed {
    display: block;
}
 .filtershowmore li.showmoretext {
    display: none;
}

.filterCard label.form-check-label {
    text-transform: capitalize;
}

.filtershowmore .showmoretext, .filtershowmore .showlesstext {
    text-align: right;
    font-size: 15px;
    color: var(--bs-primary);
    font-weight: 600;
    cursor: pointer;
}

.filtershowmore li > div {
    margin-bottom: 15px;
}

.airlinesChecklist > ul li {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.airlinesChecklist .form-check {
    margin-bottom: 0;
}

.airlinesChecklist > ul li span.startPrice {
    margin-left: auto;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--bs-font-primary);
}

.irs {
    font-family: var(--bs-font-primary) !important;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs--round .irs-bar {
    background-color: var(--bs-primary) !important;
}

.irs--round .irs-handle {
    border-color: var(--bs-primary) !important;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    border-top-color: var(--bs-primary) !important;
}

.rangeSlider .irs .irs .irs-from,
.rangeSlider .irs .irs .irs-to {
    display: none;
}

.rangeSlider .irs .irs .irs-min,
.rangeSlider .irs .irs .irs-max {
    visibility: visible !important;
    background: none;
}

.rangeSlider .irs .irs.state_active .irs-from,
.rangeSlider .irs .irs.state_active .irs-to {
    display: block;
}

.rangeSlider .irs--round .irs-line,
.rangeSlider .irs--round .irs-bar {
    top: 40px;
}

.rangeSlider .irs--round {
    height: 65px;
}

    .rangeSlider .irs--round .irs-handle {
        top: 30px;
    }


.flightListingSec .flightlistMainTitle {
    color: #000000;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
}

.FlightslistingItem {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 0px 15px 5px #042F7112;
    color: #676977;
    padding: 15px;
    margin-bottom: 20px;
}

.flightListNotFound h3 {
    margin-bottom: 5px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #000000;
    font-weight: 600;
}

.flightListNotFound p {
    margin-bottom: 0;
    font-family: var(--bs-font-primary);
    color: #000000;
    font-size: 0.875rem;
}

.listloadmorebtn {
    font-size: 14px;
    padding: 8px 25px;
}

.listingFlightInfo {
    display: flex;
    align-items: center;
    gap: 15px;
    
}

/*.listingFlightImg {
    position: relative;
    width: 70px;
    min-width: 70px;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
}*/

.listingFlightImg {
    position: relative;
    width: 50px;
    min-width: 50px;
    height: 25px;
    border-radius: 5px;
}

.listingFlightInfo p {
    margin: 0;
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: capitalize;
}

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

.flightTimeDestination {
    width: 140px;
}

    .flightTimeDestination h3 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 0;
        text-align: center;
        color: #000000;
        font-weight: 500;
    }

    .flightTimeDestination p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 0;
        text-align: center;
        font-weight: 500;
    }


    .flightTimeDestination h3 span {
        color: #676977;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 400;
        margin-left: 5px;
    }


.listingFlightsTimeline {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0 15px;
}

    .listingFlightsTimeline p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 0;
        text-align: center;
    }

.timelineDivider {
    position: relative;
    border-bottom: 2px dashed #AFB0B0;
    width: 120px;
}

    .timelineDivider img {
        position: absolute;
        right: -28px;
        top: 50%;
        transform: translateY(-50%);
    }

.listingFlightRight {
    margin-left: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

    .listingFlightRight button.btn {
        padding: 8px 20px;
        white-space: nowrap;
        font-size: 14px;
    }

.listingFlightPrice h2 {
    color: #000;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem;
    margin: 0;
}

.listingFlightPrice p {
    color: var(--text-lightBlack);
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0;
}

.customModelHeader {
    background: var(--bs-secondary);
    padding: 15px 25px;
}

    .customModelHeader .modal-title {
        color: #fff;
        font-size: 20px;
    }

    .customModelHeader button {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 18px;
    }

.customPopupStyle .modal-content {
    border: 0;
    box-shadow: none;
}

.itineraryDetailsModalCont {
    background: var(--bs-light);
    padding: 20px;
}

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

    .itineraryDetailsModalTop h4 {
        font-size: 20px;
        font-weight: 600;
        color: var(--bs-primary);
        margin: 0;
    }

    .itineraryDetailsModalTop ul {
        display: flex;
        gap: 24px;
        list-style: none;
        margin: 0;
    }

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

.itineraryDetailsModalFlightDetails {
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 0px 15px 5px #042F7112;
    padding: 15px;
    color: #676977;
    margin-bottom: 25px;
}

.itineraryDetailsFlightImg {
    width: 42px;
    border: 1px solid rgb(226 232 240);
    display: flex;
    padding: 3px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}

.itineraryDetailsFlightInfo {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .itineraryDetailsFlightInfo h5 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #000000;
        text-transform: capitalize;
    }

.itineraryDetailsFlightDate {
    font-size: 14px;
    color: #000;
}

.itineraryDetailsTimingOptionOuter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.itineraryDetailsflightTimeDestination {
    width: 140px;
}

    .itineraryDetailsflightTimeDestination h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 0;
        color: #000000;
        font-weight: 600;
    }

    .itineraryDetailsflightTimeDestination p {
        font-size: 0.875rem;
        margin-bottom: 0;
        font-weight: 400;
    }

    .itineraryDetailsflightTimeDestination h3 span {
        color: #676977;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 400;
        margin-left: 5px;
    }

.itineraryDetailslistingFlightsTimeline p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 0;
    text-align: center;
}

.itineraryDetailslistingFlightsTimeline {
    display: flex;
    align-items: center;
    gap: 30px;
}

.tripFlightLayover {
    display: flex;
    justify-content: center;
    margin: 12px 0;
    position: relative;
    margin-top: 20px;
}

    .tripFlightLayover span {
        background: #F1F8FE;
        color: #194682;
        font-size: 12px;
        font-weight: 500;
        padding: 3px 19px;
        border-radius: 50px;
        font-family: var(--bs-font-primary);
        position: relative;
    }

    .tripFlightLayover:before {
        content: '';
        width: 60%;
        height: 1px;
        background: #DBECFB;
        position: absolute;
        top: 12px;
        bottom: 0;
        margin: 0;
    }

.itineraryDetailsModalBottomCont {
    margin-top: 50px;
    padding: 30px 20px 20px 20px;
    background: rgb(222 236 255);
    border-radius: 15px;
    position: relative;
}

    .itineraryDetailsModalBottomCont h3 {
        white-space: nowrap;
        box-shadow: 0px 2px 10px 0px #1601051A;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        top: -18px;
        padding: 8px 20px;
        background: #fff;
        font-size: 14px;
        border-radius: 50px;
        color: #194682;
        font-weight: 400;
    }

    .itineraryDetailsModalBottomCont p {
        font-size: 14px;
        font-family: var(--bs-font-primary);
        color: #000000;
        line-height: 1.6;
    }

    .itineraryDetailsModalBottomCont ul {
        padding-left: 15px;
        margin: 0;
    }

        .itineraryDetailsModalBottomCont ul li {
            font-size: 14px;
            font-family: var(--bs-font-primary);
            color: #000000;
            line-height: 1.6;
            margin-top: 12px;
        }

            .itineraryDetailsModalBottomCont ul li strong {
                font-weight: 600;
            }

.itineraryDetailsModalFooter {
    justify-content: space-between;
    padding: 15px 25px;
    border: 0;
    box-shadow: 0px 0px 20px 10px #0048710D;
    z-index: 2;
}

    .itineraryDetailsModalFooter h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .itineraryDetailsModalFooter button.btn {
        margin: 0;
        padding: 8px 30px;
    }


/* Offer Modal Popup */

.ListingOfferLeft {
    background: transparent;
    display: flex;
    text-align: center;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
}

  
.couponCodeModal .modal-header button.btn {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 18px;
    color: #000;
    padding: 0;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 2;
}

.ListingOfferRight {
    padding-top: 10px;
}

.modalHdrSecCnt h2 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 5px;
}

    .modalHdrSecCnt h2 span {
        color: var(--bs-primary);
    }

.modalHdrSecCnt p {
    color: var(--text-lightBlack);
    font-size: 15px;
    margin-bottom: 0;
}

.offerPopupUsePromo {
    background: #DEECFF;
    padding: 20px 15px;
    border-radius: 12px;
    margin-bottom: 15px;
}

    .offerPopupUsePromo h5 {
        display: flex;
        align-items: center;
        color: #00714B;
        font-size: 16px;
        margin: 0;
        justify-content: center;
    }

        .offerPopupUsePromo h5 .offerPopupPromoCode {
            margin: 0 10px;
            text-transform: uppercase;
            background-color: #ffffff;
            padding: 5px 15px;
            border: 2px dashed #00B67A;
            color: #00B67A;
        }

        .offerPopupUsePromo h5 span {
            color: #616161;
            font-weight: 400;
        }

.modalHdrSec {
    margin-bottom: 25px;
}

.modalHdrSecBottom p {
    font-size: 14px;
    font-family: var(--bs-font-primary);
    color: #000;
}

.modalHdrSecBottom h5 {
    font-size: 16px;
    color: #551336;
    font-weight: 500;
    margin-bottom: 20px;
}

.offerPopupCall a {
    background: #273142;
    padding: 5px 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding-left: 15px;
}

    .offerPopupCall a:hover {
        background: var(--bs-primary);
    }

    .offerPopupCall a span {
        width: 32px;
        height: 32px;
        display: inline-flex;
        background: #fff;
        border-radius: 50px;
        color: #273142;
        margin-left: 15px;
        align-items: center;
        justify-content: center;
    }

.offerPopupCall p {
    margin-bottom: 0;
    font-family: var(--bs-font-primary);
    font-weight: 500;
    color: var(--bs-primary);
}

/* payment page */

.paymentTopBarSec {
    padding: 35px 0;
    background: var(--bs-secondary);
}

.payment-main-section {
    padding-top: 80px;
    background: #fafafa;
    padding-bottom: 80px;
}

.paymentStepTab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -20px;
}



    .paymentStepTab .nav_item {
        flex: 1;
    }

    .paymentStepTab .nav_link span {
        margin-top: 75px;
    }

    .paymentStepTab .nav_link {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        color: #ffffffc7;
        margin: 0 auto;
        text-decoration: none;
        font-weight: 500;
    }


        .paymentStepTab .nav_link.active, .paymentStepTab .nav_link.validtab {
            color: #ffffff;
        }

        .paymentStepTab .nav_link::after {
            content: attr(data-order);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--bs-primary);
            width: 35px;
            height: 35px;
            background: #fff;
            border-radius: 50px;
            text-align: center;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }

        .paymentStepTab .nav_link.active::after, .paymentStepTab .nav_link.validtab::after {
            color: #ffffff;
            background-color: var(--bs-primary);
        }

    .paymentStepTab .nav_item + .nav_item .nav_link.active::before, .paymentStepTab .nav_item + .nav_item .nav_link.validtab::before {
        background: #ad253c;
    }

    .paymentStepTab .nav_item + .nav_item .nav_link::before {
        content: '';
        position: absolute;
        top: 50%;
        left: -50%;
        width: 100%;
        height: 2px;
        background-color: #6c757d;
        transform: translateY(-50%);
    }


.cardBox {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 5px #042F7112;
    padding: 0;
    color: #676977;
}

.inner-subtitle h4 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 500;
}

.inner-subtitle p {
    font-size: 16px;
    color: var(--text-lightBlack);
}

.cntphnInput {
    border: 1px solid #0a557f30;
    border-radius: 50px;
}

.input-group .btn {
    position: relative;
    z-index: 2;
}

.flag-icon {
    width: 20px;
}

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

.cntphnInput.input-group .btn:focus,
.cntphnInput.input-group .btn:hover {
    background: transparent;
    border-color: transparent
}

.cntphnInput.input-group .btn:first-child:active {
    background-color: transparent !important;
    border-color: transparent;
}

.payment-form-control {
    font-weight: 400;
    border: 1px solid #0a557f30;
    border-radius: 50px;
    font-size: 14px;
    height: 42px;
    font-family: var(--bs-font-primary);
    color: #000;
    padding: .75rem 1rem;
    line-height: 1;
}

.form-select-dropdown-control {
    font-weight: 400;
    border: 1px solid #0a557f30;
    border-radius: 50px;
    font-size: 14px;
    height: 42px;
    font-family: var(--bs-font-primary);
    color: #000;
    padding: .75rem 1rem;
    text-align: left;
    line-height: 1;
}

    .form-select-dropdown-control:hover,
    .form-select-dropdown-control:focus,
    .form-select-dropdown-control:first-child:active {
        border: 1px solid #0a557f30;
        background-color: transparent !important;
    }

    .form-select-dropdown-control::after {
        right: 15px;
    }

.paymentTravellerInfoItem h5 {
    font-size: 18px;
    color: #000000;
    margin: 0;
    font-weight: 500;
}

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

.paymentTravellerInfoItem:not(:last-child) {
    margin-bottom: 30px;
    border-bottom: 1px solid #0a557f30;
    padding-bottom: 15px;
}



.paymentFlightTopInfo {
    background: #023256;
    height: 160px;
    background-image: url(../images/payment/flightbg.png);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}

    .paymentFlightTopInfo h2 {
        font-size: 24px;
        color: #fff;
        font-weight: 500;
        margin: 0;
    }

    .paymentFlightTopInfo .paymentFlightBtnIcon {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #0A557F;
        border-radius: 50px;
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .paymentFlightTopInfo p {
        margin-bottom: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }

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

    .paymentlistItemTripsTop h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .paymentlistItemTripsTop p {
        margin-bottom: 0;
        margin-left: auto;
        font-size: 14px;
        font-weight: 400;
    }

.paymentFlightInfoItem {
    margin-bottom: 0;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--bs-font-primary);
    color: #000000;
}

    .paymentFlightInfoItem span {
        color: var(--text-lightBlack);
    }

.paymentlistItemTrips:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.priceDetailsItem {
    background: #f5f5f5;
    padding: 12px;
    border-radius: 8px;
}

    .priceDetailsItem:not(last-child) {
        margin-bottom: 15px;
    }

    .priceDetailsItem h5 {
        font-size: 16px;
        color: #000000;
        margin-bottom: 8px;
    }

    .priceDetailsItem p {
        margin-bottom: 0;
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 400;
        font-family: var(--bs-font-primary);
        color: #000000;
    }

        .priceDetailsItem p span {
            color: var(--text-lightBlack);
        }

.priceDetailsTotal {
    background: #EAF4FA;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0A557F;
    font-size: 16px;
    font-weight: 500;
}

    .priceDetailsTotal span {
        color: #000000;
    }

.priceDetailsNote p {
    margin: 0;
    font-size: 14px;
}

    .priceDetailsNote p span {
        color: #F27502;
    }

.baggage-pro-charges {
    display: inline-flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
}

    .baggage-pro-charges p {
        margin-bottom: 0;
        font-size: 14px;
        color: var(--text-lightBlack);
    }

    .baggage-pro-charges h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 600;
    }

.cb-icon {
    box-shadow: 0px 4px 4px 2px #00000005;
    background: #F0F9F8;
    display: inline-flex;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin-bottom: 15px;
}

.brb-terms-trip {
    border-width: 2px 0 2px 0;
    border-style: dashed;
    border-color: #CEDEE9;
    padding: 15px 0;
    display: flex;
    align-items: center;
}

    .brb-terms-trip button.btn {
        white-space: nowrap;
    }

.brb-disclaimer-trip {
    margin-top: 15px;
}

    .brb-disclaimer-trip p {
        margin: 0;
        font-size: 13px;
        font-family: var(--bs-font-primary);
    }

        .brb-disclaimer-trip p span {
            color: #F27502;
            font-weight: 600;
        }


.payment-services-packages-item {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px 5px #042f7105;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.packages-service-selected {
    box-shadow: 0px 0px 15px 5px #042f7114;
}

.p_box_style_header h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.p_box_style_body h5 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 15px;
}

.p_box_style_body ul {
    padding-left: 0;
}

    .p_box_style_body ul .paymentListItems {
        font-size: 13px;
        font-family: var(--bs-font-primary);
        margin-bottom: 20px;
        list-style: none;
        color: var(--text-lightBlack);
        padding-left: 30px;
        position: relative;
    }

.paymentListItems::before {
    content: "✓";
    color: #0A557F;
    font-weight: 900;
    width: 22px;
    line-height: 22px;
    height: 22px;
    background-color: #EAF4FA;
    display: block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    font-size: 12px;
}

.p_box_style_footer {
    text-align: center;
    margin-top: auto;
    padding-top: 50px;
}

.services-packages-details {
    text-align: center;
}

    .services-packages-details a {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-family: var(--bs-font-primary);
        position: relative;
    }

.p_box_style_footer_pricing {
    margin-bottom: 20px;
    font-weight: 600;
    color: #000;
    font-size: 28px;
    font-family: var(--bs-font-primary);
}

    .p_box_style_footer_pricing span {
        font-size: 14px;
        font-weight: 400;
        color: #87898A;
    }

.p_box_style_footer .btn {
    background: #EAF4FA;
    color: #0A557F;
    font-size: 14px;
    padding: 10px 25px;
}

.reviewTripTravelerInfo {
    display: flex;
    align-items: flex-start;
}

    .reviewTripTravelerInfo span {
        width: 38px;
        height: 38px;
        min-width: 38px;
        background: var(--bs-secondary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        margin-right: 15px;
        color: #fff;
        font-size: 22px;
    }

    .reviewTripTravelerInfo p {
        margin: 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--text-lightBlack);
    }

.reviewTripTravelerInfoItem h5 {
    margin: 0;
    color: #000000;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.reviewlistItemTrips {
    margin-top: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
}

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

    .reviewlistItemTripTop h5 {
        font-size: 16px;
        margin: 0;
        color: #000000;
    }

    .reviewlistItemTripTop a {
        text-decoration: none;
        font-weight: 500;
    }

.reviewlistItemTrips .listingFlightInfo p {
    font-size: 1rem;
    color: #000;
}

    .reviewlistItemTrips .listingFlightInfo p span {
        display: block;
        font-weight: 400;
        font-size: 13px;
        color: var(--text-lightBlack);
    }

    .listingFlightInfo .customTopTooltip .elipsis-parent span {
        display: block;
        font-weight: 400;
        font-size: 13px;
        color: var(--text-lightBlack);
    }

/* Confirmation Page */

.confirmationTopBarSec {
    padding: 20px 0;
    background: var(--bs-secondary);
    position: relative;
}

    .confirmationTopBarSec h2 {
        font-size: 24px;
        color: #fff;
        font-family: var(--bs-font-secondary) !important;
    }

.confirmation-main-section {
    padding: 80px 0;
    position: relative;
}

.conSubTitle p {
    font-size: 16px;
    text-align: center;
    margin: 0;
    font-family: var(--bs-font-primary);
    font-weight: 400;
    color: #4e4e4e;
}

.conSubTitle {
    border: 1px solid #00b67a;
    text-align: center;
    background-color: #e2fff5;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
}

.confirmation-main-section p {
    font-family: var(--bs-font-primary);
    font-size: 14px;
}


.priceDetailsPrintNote p {
    margin: 0;
    font-size: 13px;
}

.priceDetailsPrintNote {
    display: flex;
    gap: 20px;
    background: #FFF7EF;
    border: 1px solid #FFD4AD;
    border-radius: 6px;
    padding: 15px;
    align-items: center;
}

.detailsInfoWrap p {
    margin-bottom: 5px;
    font-family: inherit;
}

.detailsInfoWrap h4 {
    margin: 0;
    font-size: 15px;
    color: #000000;
    font-weight: 500;
}

.detailsInfoWrap h5 {
    margin: 0;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    margin-top: 8px;
}

.flight_details_innertitle {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.detailsInfoWrap h4 img {
    width: 32px;
    height: 21px;
    border: 1px solid #ddd;
    object-fit: contain;
    padding: 2px;
    border-radius: 2px;
}

.confirmation-info-content p {
    margin-bottom: 0;
    font-size: 14px;
    color: #000000;
    line-height: 1.7;
}

.confirmation-info-content p + p {
    margin-top: 10px;
}

.confirmation-info-content .cardBox li {
    margin-bottom: 5px;
    font-size: 14px;
    color: #000000;
    line-height: 1.7;
    font-family: var(--bs-font-primary);
    font-weight: 400;
}

    .confirmation-info-content .cardBox li:last-child {
        margin-bottom: 0;
    }


/* contact  */

.innerherobanner {
    background-image: url(../images/innerpage_bg.svg);
    min-height: 260px;
    width: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .innerherobanner h3 {
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

.getInTouchInfoItem {
    display: flex;
    align-items: center;
    background: var(--bs-light);
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 20px;
    gap: 20px;
}

    .getInTouchInfoItem .getInTouchInfoIcon {
        width: 75px;
        height: 75px;
        min-width: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 50px;
    }

    .getInTouchInfoItem h5 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .getInTouchInfoItem p {
        margin-bottom: 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
        font-family: var(--bs-font-primary);
    }

    .getInTouchInfoItem h3 {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
    }

    .getInTouchInfoItem h3 a {
        text-decoration: none;
        color: var(--bs-link-color);
    }

.getInTouchSec button.btn {
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 25px;
}

.landingPageWidgetItem {
    border: 1px solid #e5f0f9;
    padding: 20px;
    border-radius: 12px;
}

    .landingPageWidgetItem ul {
        list-style: none;
        padding-left: 10px;
        margin: 0;
    }

        .landingPageWidgetItem ul li:not(:last-child) {
            margin-bottom: 10px;
        }

        .landingPageWidgetItem ul li a {
            font-size: 14px;
            color: #0a557f;
            text-decoration: none;
            font-family: var(--bs-font-primary);
        }

.post_description {
    font-family: var(--bs-font-primary) !important;
}

    .post_description p {
        padding: 0;
        margin-bottom: 10px;
    }

    .post_description p,
    .post_description div,
    .post_description h1,
    .post_description h2,
    .post_description h3,
    .post_description h4,
    .post_description h5,
    .post_description h6 {
        text-align: left !important;
    }

    .post_description a {
        text-decoration: underline;
    }

    .post_description .breadcrumb a {
        text-decoration: none;
    }

    .post_description h1,
    .post_description h2 {
        margin: 0 0 10px 0;
    }

    .post_description h4 {
        margin: 20px 0 20px 0;
    }

    .post_description h3 {
        margin: 20px 0 10px 0;
    }

        .post_description h3 a,
        .post_description h4 a {
            text-decoration: none;
        }

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

.landingPageDtl h3 {
    font-weight: 600;
}

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

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

.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, .post_description ul li {
        margin: 15px 0;
        font-weight: 300 !important;
        font-size: 15px;
        color: #676977;
    }

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

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


/* Meta Search */

.metaSearchPage {
    background: #F1F8FE !important;
    padding-top: 100px;
}

.plnanima {
    border-top: 1px solid #cccccc;
    margin-top: 0;
    position: relative;
    margin-bottom: 80px;
}

    .plnanima:before,
    .plnanima:after {
        content: "";
        position: absolute;
        left: -2px;
        width: 15px;
        height: 15px;
        background-color: #ccc;
        border-radius: 50%;
        top: -7px;
    }

.airplane_svg_wrapper {
    position: absolute;
    top: -27px;
    left: 15px;
    right: 15px;
}

.plnanima:after {
    left: auto;
    right: -2px;
}

.plnanima_flght_info {
    width: 100%;
    margin-top: 20px;
    color: #1E2049;
    font-size: 18px;
}

.airplane_svg_wrapper svg {
    position: absolute;
    top: 0px;
    right: -500px;
    opacity: .8;
    animation: cloud 4s linear 0s infinite reverse;
    z-index: 99;
}

.metaSearchCallBanner {
    background: #C9E6FF;
    margin-top: 60px;
    border-radius: 16px;
}

.metaSearchCallBannerRight {
    text-align: left;
    padding-left: 80px;
}


.metaSearchCallBannerImg {
    display: flex;
    padding-right: 40px;
    padding-top: 20px;
    width: 300px;
    margin-left: auto;
}


.metaSearchCallBanner h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}

.metaSearchCallBanner p {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.metaSearchCallText a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    text-decoration: none;
}

.metaSearchCallText h2 {
    color: #AD253C;
    font-size: 38px;
    font-weight: 700;
    margin: 0;
}

.metaSearchCallText p {
    color: #1B6102;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.booking-travel-experts-item {
    background-color: #fff;
    padding: 20px 24px;
    border-radius: 15px;
    height: 100%;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .booking-travel-experts-item h4 {
        font-weight: 500;
        font-size: 14px;
        margin-top: 15px;
        line-height: 22px;
        margin-bottom: 0;
    }

@keyframes cloud {
    from {
        right: 0%;
    }

    to {
        right: 102%;
    }
}


/* Sitemap */


.staticpage-content-wrapper {
    position: relative;
    border: 1px solid #E5F0F9;
    padding: 35px 25px 20px;
    border-radius: 10px;
    margin-bottom: 70px;
}

    .staticpage-content-wrapper:last-child {
        margin: 0;
    }

.sitemapAllItems {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sitemapAllItem {
    width: calc(25% - 15px);
    box-sizing: border-box;
}

    .sitemapAllItem a {
        background: #F1F8FE;
        padding: 12px 20px;
        border-radius: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        font-size: 15px;
        font-weight: 400;
        color: #000;
        font-family: var(--bs-font-primary);
        gap: 15px;
        width: 100%;
        max-width: 100%;
    }

        .sitemapAllItem a i {
            width: 25px;
            height: 25px;
            background: #ffffff;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            min-width: 25px;
        }

        .sitemapAllItem a span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex: 1;
            min-width: 0;
        }

.staticpageSecLabel {
    background: #fff;
    border: 1px solid #E5F0F9;
    padding: 8px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -22px;
    left: 45px;
    border-radius: 50px;
}

    .staticpageSecLabel h4 {
        margin: 0;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
    }


/* Airport Codes */

.airportcodeTabs {
    display: flex;
    margin-bottom: 45px;
}

    .airportcodeTabs li.nav-item {
        flex: 1;
    }

        .airportcodeTabs li.nav-item .nav-link {
            border-bottom: 2px solid #ddd;
            border-radius: 0;
            text-align: center;
            font-size: 0.875rem;
            line-height: 1.25rem;
            padding: 12px 0;
            font-weight: 500;
            font-family: var(--bs-font-primary);
            color: #000;
        }


            .airportcodeTabs li.nav-item .nav-link.active {
                background: transparent;
                color: var(--bs-primary);
                border-color: var(--bs-primary);
            }

.airportCodeAllItems {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.airportCodeInnerItem {
    background: #F1F8FE;
    padding: 12px 20px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    font-family: var(--bs-font-primary);
    gap: 15px;
    box-sizing: border-box;
    font-size: 14px;
}


/* not found page  */


.not-found-page {
    padding: 100px 0;
    background: #fafafa;
}

    .not-found-page h2 {
        font-size: 34px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .not-found-page p {
        font-size: 18px;
        margin-bottom: 25px;
        color: #000000;
    }


.newsletterPromtModal .modal-dialog .modal-content {
    overflow: hidden;
    border-radius: 16px;
}

.newsletterPromtContent h3 {
    font-size: 24px;
}

.newsletterPromtContent p {
    color: #676977;
    font-size: 14px;
    font-family: var(--bs-font-primary);
    font-weight: 300;
}

.newsletterPromtContent button.btn {
    padding: 8px 25px;
    text-transform: uppercase;
}

.header-modal-success {
    background: #F3FCF7;
    padding: 40px 0 !important;
    width: 110%;
    left: -5%;
    position: relative;
    border-radius: 0px 0px 75% 75%;
}



.header-modal-warning {
    background: #fff4d375;
    padding: 40px 0 !important;
    width: 110%;
    left: -5%;
    position: relative;
    border-radius: 0px 0px 75% 75%;
}



.header-modal-success .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--bs-custom-success);
    fill: #f3fcf7;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.header-modal-success .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: var(--bs-custom-success);
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px var(--bs-custom-success);
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.header-modal-success .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #fff;
    }
}


.f-modal-alert {
    border-radius: 4px;
}

    .f-modal-alert .f-modal-icon.f-modal-warning {
        border-color: #f8bb86;
    }

    .f-modal-alert .f-modal-icon {
        border-radius: 50%;
        border: 4px solid gray;
        box-sizing: content-box;
        height: 80px;
        margin: 20px auto;
        padding: 0;
        position: relative;
        width: 80px;
    }

        .f-modal-alert .f-modal-icon.f-modal-warning:before {
            animation: pulseWarning 2s linear infinite;
            background-color: #fff;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 100%;
            opacity: 0;
            position: absolute;
            width: 100%;
        }

        .f-modal-alert .f-modal-icon.f-modal-warning:after {
            background-color: #fff;
            border-radius: 50%;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            width: 100%;
            z-index: 1;
        }

        .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
            background-color: #f8bb86;
            border-radius: 2px;
            height: 47px;
            left: 50%;
            margin-left: -2px;
            position: absolute;
            top: 10px;
            width: 5px;
            z-index: 2;
        }

        .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
            background-color: #f8bb86;
            border-radius: 50%;
            bottom: 10px;
            height: 7px;
            left: 50%;
            margin-left: -3px;
            position: absolute;
            width: 7px;
            z-index: 2;
        }




.scaleWarning {
    animation: scaleWarning 0.75s infinite alternate;
}

@keyframes scaleWarning {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulseWarning {
    0% {
        background-color: #fff;
        transform: scale(1);
        opacity: 0.5;
    }

    30% {
        background-color: #fff;
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        background-color: #f8bb86;
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #f8d486;
    }

    100% {
        background-color: #f8bb86;
    }
}



.header-modal-err {
    background: #FEF6F4;
    padding: 40px 0 !important;
    width: 110%;
    left: -5%;
    position: relative;
    border-radius: 0px 0px 75% 75%;
}

.cross-unique__svg {
    border-radius: 50%;
    display: block;
    height: 58px;
    stroke-width: 3;
    width: 154px;
    margin: 15px auto;
}

.cross-unique__circle {
    animation: 0.6s ease 0s normal forwards 1 running stroke-unique;
    fill: none;
    margin: 0 auto;
    stroke: #e55454;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
}

.cross-unique__path {
    stroke: #e55454;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    transform-origin: 50% 50% 0;
}

.cross-unique__path--right {
    animation: 0.3s ease 0.8s normal forwards 1 running stroke-unique;
}

.cross-unique__path--left {
    animation: 1s ease 0.8s normal forwards 1 running stroke-unique;
}

@keyframes stroke-unique {
    100% {
        stroke-dashoffset: 0;
    }
}

.customNav .nav-link.dropdown-toggle::after {
    margin-top: 6px;
}

@media screen and (min-width: 1536px) {
    .container-xxl {
        max-width: 1536px;
    }
}



.callPopupBtn i.fa {
    color: #fff;
    font-size: 20px;
    display: none;
    width: 100%;
    height: 100%;
    line-height: 25px;
}