h1 {
    font-size: 34px !important;
    font-weight: 700 !important
}

h2 {
    font-size: 30px !important;
    font-weight: 600 !important
}

h3 {
    font-size: 26px !important;
    font-weight: 500 !important
}

h4 {
    font-size: 24px !important
}

h4,
h5 {
    font-weight: 400 !important
}

h5 {
    font-size: 20px !important
}

h6 {
    font-size: 18px !important;
    font-weight: 400 !important
}

.btwn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

a {
    text-decoration: none !important;
}

.header-logo img {
    height: 80px !important
}

.header-menu a {
    color: #000 !important;
    font-weight: 500 !important;
    font-size: 18px !important
}

.hc-detail img {
    height: 75px !important
}

.call_now p {
    margin: 0
}

.hp_number {
    margin-top: -7px
}

.hp_number a {
    color: #fff !important
}

.footer-box h4 {
    margin-bottom: 10px
}

.footer-link a:hover {
    color: #074869
}

.fa-image:before {
    content: "" !important
}

.header-contact a {
    color: #fff
}

.footer-address {
    margin-bottom: 12px
}

.footer-social-media img {
    height: 30px !important
}

.banner-top {
    background: url('img/main.jpg') no-repeat 0 0;
    background-size: cover;
    height: 600px;
    color: #fff;
    position: relative;
}

.heading-top {
    margin-top: 60px
}

.left-plane,
.plane-right {
    height: 150px !important
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000 !important;
    background-color: #fff !important
}

.nav-link {
    color: #fff !important
}

.nav-link i {
    margin-right: 5px
}

.se-flight-colbox img {
    height: 25px !important
}

.se-flight-search {
    background: #0b7695 !important;
    border-radius: 50px !important;
    color: #fff !important;
    width: 100% !important
}

.trav-class-btn:hover,
.trav-class-buttons>.active,
.trav-class-confirm-btn,
.trav-class-confirm-btn:hover {
    background-color: #396bca !important;
    color: #fff !important
}

.traveller-selection {
    width: auto;
    bottom: -450px
}

.ts-ul {
    gap: 13px
}

.ts-box ul {
    margin: 0
}

.ts-ul li {
    width: 47%
}

.ts-selection-ul li.active {
    background: #396bca;
    color: #fff;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.done-btn {
    color: #fff !important;
    background: #001123 !important
}

.banner-deals {
    /* background/: #001123; */
    padding: 50px 0
}

.banner-se-container {
    margin-top: -100px;
    display: flex;
    z-index: 1
}

.banner-deals-row {
    background: #0b7695
}

.banner-deals-content {
    justify-content: center !important;
    gap: 20px;
    padding: 35px
}

.heading-orange {
    color: #1afff4;
    font-weight: 700;
    font-size: 45px
}

.banner-deals-content p {
    color: #fff;
    font-size: 20px
}

.banner-deal-btn {
    background: #fff !important;
    width: 40%;
    font-weight: 500
}

.banner-deal-btn:hover {
    background: #fff
}

.luxurious-adventure-container {
    border: 2px solid #d3d3d3;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2)
}

.heading {
    font-weight: 600;
    font-size: 40px !important
}

.heading>span {
    color: #000
}

.cl-or {
    color: #0b7695
}

.luxurious-adventure-col p {
    font-weight: 500;
    font-size: 18px
}

.why-choose-us {
    background: #56d9ffc7;
}

.wcu-box {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    border: 2px solid #000;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    min-height: 260px
}

.wcu-box img {
    height: 70px !important;
    margin-bottom: 10px !important
}

.wcu-box h5 {
    color: #0b7695;
    font-weight: 700;
    text-align: center
}

.wcu-box p {
    font-weight: 500 !important;
    font-size: 16px
}

.mid-call-container {
    background-image: linear-gradient(0deg, #e1eefb, #fff);
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2)
}

.mid-call-colone img {
    height: 150px !important
}

.mid-call-coltwo h4 {
    font-weight: 700
}

.mid-call-coltwo span {
    color: #396bca
}

.mid-call-coltwo p {
    font-size: 18px;
    font-weight: 500
}

.mid-call-btn {
    border: 2px solid #0b7695 !important;
    background: #0b7695 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24) !important;
    height: 60px
}

.mid-call-btn:hover {
    background: #001123
}

.mid-call-btn img {
    height: 35px !important
}

.mid-call-btn a {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.special-travel-offer {
    background: #11b7e7
}

.spo-para {
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.sto-box {
    position: relative
}

.sto-content {
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    width: 90%;
    margin-top: -55px
}

.sto-box h4 {
    font-weight: 700
}

.sto-box p {
    font-size: 18px;
    font-weight: 500
}

.price p {
    margin-top: 5px;
    color: #fe8505;
    font-weight: 500
}

.st-offer-image {
    position: absolute;
    height: 50px;
    right: 15px;
    top: -25px
}

.sto-desti {
    border-radius: 5px
}

.mid-section {
background-image: linear-gradient(90deg, #e1eefb, #daf2f6, #fff);    /* height: 400px */
    padding: 20px 0;
}

.mid-section-coltwo p {
    font-size: 25px;
    font-weight: 600;
    text-align: center
}

.md-heading {
    font-weight: 700;
    font-size: 50px
}

.md-sec-btn {
    background: #396bca
}

.mid-section-bottom {
    background: #e1eefb;
    height: 50px
}

.latest-blog {
    background: #fdfbfb
}

.like-btn {
    height: 45px
}

.lb-heading h4 {
    font-weight: 600;
    margin-bottom: 0;
    min-height: 60px;
    font-size: 20px;
    line-height: 31px;
    /* min-height: 125px */
}

.lb-heading a {
    color: #000 !important
}

.lblog-content {
    padding: 5px;
    max-height: 250px !important
}

.lblog-content p {
    font-weight: 500
}

.lblog-btn {
    background: #0b7695 !important;
    width: 60%;
    margin-top: 15px;
    gap: 5px
}

.lblog-btn:hover {
    background: #113356
}

.lblog-btn a {
    color: #fff;
    font-weight: 500
}

.exclusive-unlock {
    background-image: linear-gradient(90deg, #e1eefb, #fff, #e1eefb);
    height: 350px
}

.exclusive-unlock-colthree img {
    /* margin-top: -40px */
    margin-bottom: -54px;
}

.exclusive-unlock-colone h2 {
    color: #0b7695
}

.exclusive-unlock-colone p {
    font-size: 18px;
    font-weight: 500
}

.btm-deals-btn {
    background: #fff !important;
    width: 40%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .24);
    height: 50px;
    color: #396bca;
    font-weight: 500;
    font-size: 20px;
    border: 2px solid #d3d3d3
}

.exclusive-unlock-coltwo {
    position: relative
}

.red-plane {
    position: absolute;
    top: -25px;
    fill: #396bca !important;
    stroke: #396bca
}

.destination-box {
    position: relative;
    width: 100%;
    margin-bottom: 30px
}

.destination-box img {
    height: 450px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.desti-city {
    background: #ff911a;
    font-weight: 700;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 5px 15px;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 0;
    top: 15px
}

.desti-city h5 {
    margin-bottom: 0;
    font-weight: 700
}

.desti-detail {
    background: #fff;
    border-top-right-radius: 20px;
    padding: 10px;
    width: 90%;
    position: absolute;
    bottom: 0;
    background: #f6f6f6;
    overflow: hidden;
    height: 88px !important
}

.desti-detail a {
    font-weight: 500;
    color: #000
}

.desti-detail:hover {
    background: #ff911a
}

.cr-top {
    background: #3a5daf
}

.cr-box {
    width: 90%;
    border: 1px solid #000;
    background: #fff;
    gap: 10px;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px
}

.cr-name {
    font-weight: 600
}

.cr-star {
    height: 15px
}

.cr-image {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    border: 1px solid #000
}

.cr-image img {
    border-radius: 50%;
    height: 60px !important;
    width: 60px !important;
    object-fit: cover !important
}

.cr-top-row {
    margin-bottom: -100px
}

.cr-bottom {
    background: #a9cef5;
    height: 200px
}

.common-banner-se {
    background: #fbf9f9
}

.common-banner-fd {
    margin-top: -150px
}

.flight-details {
    background: #fbf9f9
}

.flight-details-col-filters {
    gap: 25px
}

.set-fare-alert-box {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    padding: 15px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16)
}

.setfare-heading img {
    height: 40px !important
}

.setfare-heading h6 {
    font-weight: 700;
    font-size: 15px
}

.setfare-para {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.setfare-disclaimer {
    font-size: 11px
}

.setfare-enter_email {
    border: 1px solid #396bca;
    border-radius: 5px;
    height: 35px
}

.setfare-enter_email>input {
    border: none;
    outline: none;
    background: transparent
}

.setfare-enter_email>input::placeholder {
    font-size: 15px;
    color: #396bca;
    text-align: center
}

.flight-filters {
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px;
    gap: 45px
}

.flight-filters-heading {
    border-bottom: 2px solid #d3d3d3
}

.flight-filters-heading h6 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 16px
}

.flight-filter-clear-btn {
    color: #396bca;
    font-size: 16px;
    font-weight: 600
}

.ff-subheading {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 15px
}

.filter-label label {
    font-size: 14px;
    color: gray;
    font-weight: 500;
    margin-left: 2px
}

.common-arr-depart {
    gap: 10px
}

.common-arr-depart .btn {
    width: 48%;
    font-size: 14px
}

.fd-for-edit {
    gap: 25px
}

.back-to-homepage a {
    color: #000;
    font-size: 20px;
    display: none
}

.fd-edit-detail {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3);
    padding: 20px 30px;
    width: 100%;
    gap: 30px
}

.flight-info-disclaimer {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.fd-info-date-price-calender {
    border: 1px solid #d3d3d3;
    background: #fff;
    justify-content: space-evenly
}

.fd-with-price-box {
    border: 1px solid #d3d3d3;
    padding: 5px 10px
}

.fd-info-date-price-calender a {
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.flight-detail-fliter-button,
.flight-return-depart {
    background: #fff;
    padding: 10px 5px
}

.flight-return-depart {
    gap: 10px
}

.frd-btn {
    font-size: 14px
}

.fd-filter-btn img {
    height: 25px !important
}

.fdfb-btn-top {
    gap: 5px
}

.fd-filter-btn {
    font-size: 14px !important;
    width: 100%;
}

.btn-outline-secondary:hover {
    background: #d3d3d3;
    color: #000
}

.flight-information-box {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16)
}

.airline-image {
    height: 35px;
    margin-bottom: 10px
}

.flight-info-para {
    font-size: 11px !important;
    color: gray;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    text-align: center
}

.flight-info-para p {
    margin: 0 !important;
    padding: 0
}

.flight-info-heading {
    font-weight: 500 !important;
    font-size: 14px !important;
    white-space: nowrap;
    margin-bottom: 5px !important
}

.flight-stops-info {
    height: 2px;
    width: 160px;
    background: #000;
    justify-content: space-around !important;
    display: flex
}

.detail-line-info {
    gap: 0
}

.fic-select-button {
    width: 15%;
    position: relative;
    top: 153px
}

.fic-select-btn {
    font-size: 14px;
    letter-spacing: 1px
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color) !important;
    background-color: #e5f2ff !important;
    box-shadow: none
}

.accordion-button:focus {
    border-color: none;
    box-shadow: none
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    background-color: #e5f2ff !important;
    color: #000 !important
}

.accordion-button:after,
.accordion-button:not(.collapsed):after {
    background-image: none
}

.flight-detail-accordian-header-button {
    color: #396bca
}

.flight-detail-accordian-header-button i {
    margin: 2px 0 0 5px;
    font-size: 13px
}

.accordion-body {
    padding: 10px 20px 20px 30px
}

.departing-flight-information {
    padding: 30px 20px
}

.departing-flights-detail-heading_box h4 {
    font-weight: 700;
    font-size: 18px
}

.departing-flight-airline-image {
    height: 30px
}

.departing-flight-baggage-ul {
    padding: 0;
    margin: 0
}

.departing-flight-duration {
    border-bottom: 1px solid #396bca;
    width: 100px
}

.common-stops {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #396bca;
    margin-top: -3px
}

.layover-detail {
    border: 1px solid #396bca;
    height: 2px;
    margin: 35px 0
}

.layover-timing {
    background: #fff;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 700
}

.loading-page {
    height: 800px
}

.loading-page-box {
    width: 60%;
    position: relative
}

.loading-destination-arrow {
    position: relative
}

.loading-destination-content {
    position: absolute
}

.loading-departure-destination {
    color: #5581d2
}

.loading-destiantion-timeline {
    height: 5px;
    background: #3d6ecb;
    width: 200px;
    margin: 0 10px
}

.loading-desination-gif {
    position: absolute;
    background: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    height: 120px;
    width: 120px;
    border-radius: 50%;
    padding: 15px;
    top: 160px;
    z-index: 1
}

.loading-heading {
    font-weight: 700;
    margin-bottom: 10px
}

.loading-para {
    font-size: 20px;
    font-weight: 500
}

.loading-page-offer {
    margin-top: 70px;
    position: relative
}

.loading-offer-content {
    position: absolute;
    gap: 20px
}

.customer-care-loading-image {
    height: 80px;
    margin-bottom: 10px
}

.loading-number-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    padding: 5px 10px;
    gap: 7px
}

.loading-number-box a {
    font-size: 20px;
    font-family: 600
}

.loading-call-image {
    height: 45px
}

.loading-content-icon p {
    color: #5581d2
}

.fd-sticky-bottom {
    justify-content: space-around;
    background: #cfe5ff;
    border-top: 3px solid #d3d3d3;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none
}

.fd-sticky-bottom p {
    font-weight: 500;
    margin: 0
}

.fd_sb-subcontent {
    font-weight: 500;
    gap: 5px
}

.fd_sb-subcontent img {
    height: 25px !important
}

.fd_sb-subcontent:hover {
    color: #396bca !important
}

.post-real {
    position: relative
}

.post-abs {
    position: absolute;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    bottom: 25px;
    width: 300px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24)
}

.fd-sb-filter-subcontent {
    display: none;
    left: 0
}

.fd_sb_filter:hover .fd-sb-filter-subcontent {
    display: flex
}

.fd-sb-stops-subcontent {
    display: none;
    width: 200px;
    left: 20px
}

.fd_sb_stops:hover .fd-sb-stops-subcontent {
    display: flex
}

.fd-sb-time-subcontent {
    display: none
}

.fd_sb_time:hover .fd-sb-time-subcontent {
    display: flex
}

.fd-sb-airline-subcontent {
    display: none
}

.fd_sb_airlines:hover .fd-sb-airline-subcontent {
    display: flex
}

.fd-sb-sort-subcontent {
    display: none;
    right: 0
}

.fd_sb_sort:hover .fd-sb-sort-subcontent {
    display: flex
}

.ftd-navbox {
    border-top: 2px solid #396bca
}

.common-ftd-subbox {
    width: 50%;
    margin-top: -4px;
    padding: 5px
}

.active-line,
.common-ftd-subbox:active {
    border-top: 6px solid #253e8d
}

.fd-depart-return-box {
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    margin-bottom: 30px
}

.fd-depart-return-heading {
    background: #cfe5ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.fd-depart-return-heading h4 {
    color: #253e8d;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.fd-depart-return-box-bottom {
    color: #fff;
    font-size: 14px;
    background: #253e8d;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.fd-depart-return-box-bottom a {
    color: #fff;
    font-size: 14px
}

.ftd-common-padding {
    padding: 10px 15px
}

.ftd-heading {
    font-weight: 700;
    font-size: 16px
}

.ftd-para {
    font-weight: 500;
    font-size: 14px;
    color: gray
}

.ftd-airline-cabin {
    margin: 15px 0
}

.ftd-airline-image {
    height: 50px;
    margin-right: 10px
}

.ftd-fromto-duration-line {
    width: 100%;
    flex-wrap: wrap
}

.ftd-from-to {
    width: 50%
}

.ftd-duration {
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.ftd-line {
    width: 100%;
    align-items: flex-start;
    margin-top: 15px;
    justify-content: flex-start;
    gap: 10px;
    flex-direction: row
}

.ftd-before:before {
    content: "";
    display: block;
    height: 3px;
    width: 20px;
    background: #d3d3d3;
    position: relative;
    left: -30px;
    top: 10px
}

.ftd-before {
    margin-left: 40px
}

.ftd-line-time {
    gap: 10px;
    align-items: center
}

.ftd-lining {
    height: 3px;
    width: 100px;
    background: #396bca;
    margin-top: -6px
}

.ftd-baggage-col {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px
}

.ftd-baggage-col img {
    height: 80px !important;
    margin-bottom: 15px
}

.ftd-baggage-col h6 {
    font-weight: 700;
    color: #253e8d
}

.ftd-travel-protection-content p {
    font-size: 14px
}

.ftd-travel-ol {
    gap: 15px;
    flex-wrap: wrap;
    padding-left: 20px
}

.ftd-travel-ol li {
    font-size: 14px;
    font-weight: 600;
    width: 47%
}

.ftd-form-box label {
    margin-bottom: 10px !important
}

.ftd-form {
    margin: auto
}

.ftd-form-box {
    margin-bottom: 30px
}

.ftd-form-input {
    border: 1px solid gray;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    width: 100%;
    border-radius: 5px;
    padding: 10px 5px;
    font-size: 14px
}

.ftd-form-input input {
    padding: 0 5px;
    width: 100%
}

.ftd-form-input input,
.ftd-form-input select {
    border: none;
    outline: none;
    background: transparent
}

.ftd-form-input select {
    padding: 0
}

.fdt-input-mid {
    border-left: 1px solid #d3d3d3 !important;
    border-right: 1px solid #d3d3d3 !important
}

.form-check {
    padding: 0 20px
}

.form-check label {
    margin-bottom: 0
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
    background: #fff;
    color: #212529;
    font-size: 1rem
}

.fd-depart-return-box-bottom .accordion-button i {
    margin-left: 5px
}

.filght-price-box {
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24)
}

.flight-price-heading {
    color: #396bca;
    font-size: 20px;
    font-weight: 700
}

.pd-ul_trav-cost {
    border-top: 2px dashed #d3d3d3;
    border-bottom: 2px dashed #d3d3d3
}

.pd-ul_trav-baggage-detail,
.pd-ul_trav-cost {
    padding: 10px 0;
    display: flex;
    gap: 7px;
    flex-direction: column
}

.price-total {
    border-top: 2px dashed #d3d3d3;
    border-bottom: 2px dashed #d3d3d3;
    padding: 10px 0
}

.pd-li-trav-cost-heading {
    font-weight: 600;
    margin-bottom: 10px
}

.filght-price-box li {
    list-style: none;
    font-size: 14px
}

.continue-to-seat-button {
    height: 40px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24)
}

.continue-to-seat-button a {
    color: #fff
}

.price-detail-disclaimers {
    font-weight: 500;
    font-size: 11px
}

.form-check {
    align-items: baseline;
    gap: 5px;
    display: flex
}

.sto-desti {
    width: 300px !important
}

#travellerForm {
    margin: auto
}

#travellerContainer {
    margin-bottom: 20px
}

.traveller input {
    margin-bottom: 15px
}

#addTravellerButto {
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer
}

.inner-search-page {
    background: #001123;
    padding: 130px 0 30px
}

.inner-search-page-deals {
    border-radius: 10px
}

.common-banner-overlay {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: 650px
}

.common-se-banner {
    background: transparent;
    margin-top: -60px
}

.dest-common-padding {
    margin-top: 0
}

.desti-footer {
    margin-top: 50px
}

.desti-red-heading {
    font-weight: 700;
    color: #f50122
}

.dest_popular-places-box {
    border-radius: 15px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    background: #dbebff;
    width: 98%
}

.dest_popular-places-box-image img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important
}

.dest_popular-places-box-content {
    padding: 15px;
    font-size: 15px
}

.dest_popular-places-box-rating img {
    height: 20px !important;
    margin: 10px 0
}

.dest-pp-pricing {
    gap: 10px
}

.dest-pp-pricing p {
    font-weight: 700 !important
}

.dest_pp-btn {
    border: 1px solid #f50122 !important;
    background: #fff;
    color: #f50122;
    border: 5px;
    margin-top: 15px;
    width: 40%
}

.dest_pp-btn:hover {
    border: 1px solid #f50122 !important;
    background: #fff;
    color: #f50122
}

.dest_common-deals-row {
    width: 90%;
    background: #ffb96f
}

.dest_common-deals-image img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover
}

.dest_common-deals-content {
    justify-content: center;
    padding: 20px 30px;
    gap: 15px
}

.dest_common-deals-content h2 {
    font-weight: 700;
    color: #253e8d
}

.dest_common-deals-content p {
    font-weight: 600;
    font-size: 20px
}

.dest_common-deals-btn {
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000;
    border-radius: 5px;
    height: 40px;
    font-weight: 600;
    width: 100%;
    transition: all .3s ease
}

.dest_common-deals-btn:hover {
    background: #303066 !important;
    color: #fff !important;
    border-color: #303066 !important;
    cursor: pointer
}

.dest_about-content {
    justify-content: center;
    background: #dbebff;
    gap: 20px;
    padding: 20px 30px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.dest_about-content h2 {
    color: #253e8d
}

.dest_about-content h2,
.dest_about-content p {
    font-weight: 600;
    font-size: 20px
}

.dest_about-btn {
    border: 2px solid #d3d3d3;
    background: #fff;
    color: #000;
    border-radius: 5px;
    height: 40px;
    font-weight: 600;
    width: 50%
}

.dest_about-image img {
    height: 350px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.dest_mid-section-container {
    background: url(/images/destination-page/common-destination/plane-image.webp) no-repeat 0 0;
    background-size: cover;
    height: 200px;
    border-radius: 10px
}

.dest_mid-section-image img {
    height: 300px !important
}

.dest_mid-section-content {
    align-items: flex-end
}

.dest_mid-section-content p {
    text-align: center;
    font-weight: 600
}

.dest_mid-section-content h3 {
    font-weight: 700
}

.dest_mid-section-image {
    justify-content: end
}

.dest_mid-section-image img {
    height: 220px !important;
    margin-top: -20px
}

.dest_next-destination-container {
    border-radius: 10px;
    padding: 20px;
    background: #dbebff
}

.dest_next-destination-heading h2 {
    font-weight: 700;
    color: #253e8d
}

.dest_next-destination-heading p {
    font-size: 20px;
    font-weight: 600
}

.dest_next-destination-box {
    position: relative
}

.dest_next-destination-box img {
    border-radius: 10px
}

.dest_next-destination-content {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    bottom: 2px;
    width: 100%
}

.dest_nd-c_heading {
    color: #fff
}

.dest_nd-c_heading p {
    font-size: 16px !important
}

.dest_nd-c_heading h5 {
    font-weight: 700
}

.dest_next-destination-content p {
    font-size: 14px
}

.dest_sign-up-container {
    background: #11b7e7;
    border-radius: 10px;
    padding: 30px !important;
    color: #fff
}

.dest_sign-up-colone h5 {
    font-weight: 600;
    margin-bottom: 30px
}

.dest_sign-up-input-box {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    width: 85%
}

.dest_sign-up-input-box input {
    background: transparent;
    border: none;
    outline: none
}

.dest_sign-up-input-box input::placeholder {
    color: #000;
    font-size: 18px;
    font-weight: 600
}

.dest_sign-up-btn {
    background: #0b7695 !important;
    height: 50px;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 1px
}

.dest_sign-up-coltwo {
    align-items: end;
    gap: 15px
}

.dest_sign-up-number img {
    height: 45px !important
}

.dest_sign-up-btn:hover {
    color: #f5610c !important
}

.dest_sign-up-number {
    gap: 8px
}

.dest_sign-up-number a {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.desti_banner-top {
    background-size: cover !important;
    height: 650px !important
}

.atlanta-banner-top {
    background: url(/images/destination-page/atlanta/atlanta-banner.webp) no-repeat 0 0
}

.hawaii-banner-top {
    background: url(/images/destination-page/hawaii/hawaii-banner.webp) no-repeat 0 0
}

.newyork-banner-top {
    background: url(/images/destination-page/Newyork/newyork-banner.webp) no-repeat 0 0
}

.lasvegas-banner-top {
    background: url(/images/destination-page/las-vegas/las-vegas-banner.webp) no-repeat 0 0
}

.miami-banner-top {
    background: url(/images/destination-page/miami/miami.webp) no-repeat 0 0
}

.losangles-banner-top {
    background: url(/images/destination-page/los-angeles/los-angeles-banner.webp) no-repeat 0 0
}

.orland-banner-top {
    background: url(/images/destination-page/orlando/orlando-banner.webp) no-repeat 0 0
}

.sanfrancisco-banner-top {
    background: url(/images/destination-page/san-francisco/san-francisco-banner.webp) no-repeat 0 0
}

.boston-banner-top {
    background: url(/images/destination-page/boston/boston-banner.webp) no-repeat 0 0
}

.neworleans-banner-top {
    background: url(/images/destination-page/new-orlean/new-orleans-banner.webp) no-repeat 0 0
}

.autocomplete-form {
    position: relative
}

.autocomplete-list {
    position: absolute;
    z-index: 10000;
    overflow-y: auto;
    margin-top: 0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-height: 250px;
    max-width: 315px;
    margin-left: -35px
}

.autocomplete-list::-webkit-scrollbar {
    width: 8px
}

.autocomplete-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0 6px 6px 0
}

.autocomplete-list::-webkit-scrollbar-thumb {
    background: #396bca;
    border-radius: 4px
}

.autocomplete-list::-webkit-scrollbar-thumb:hover {
    background: #396bca
}

.autocomple-option {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    transition: background-color .3s ease
}

.auto-button {
    padding: 6px !important;
    background: #396bca !important;
    color: #fff !important
}

.autocomplete-list.list-group {
    border: 0 !important
}

.autocomple-option .btn {
    margin-right: 8px;
    font-size: 11px
}

.autocomple-option strong {
    font-size: 12px
}

.autocomple-option small {
    font-size: 11px
}

.autocomple-option .mx-2 {
    flex-grow: 1
}

.autocomple-option:hover {
    background: #f0f4f8
}

.list-group-item {
    border: none !important
}

.billing-header {
    padding: 10px 0;
    border-top: 20px solid #396bca;
    margin-bottom: 25px
}

.billing-header-colone img {
    height: 70px;
    width: auto
}

.billing-content-col {
    margin: 20px auto
}

.billing-header-coltwo h1 {
    color: #396bca;
    font-weight: 700;
    margin-bottom: 25px
}

.billing-header-colthree {
    gap: 15px 0
}

.billing-header-colthree p {
    font-weight: 600;
    font-size: 18px
}

.billing-content-col h2 {
    background-image: linear-gradient(90deg, #6f6f6f, #fff)
}

.billing-content-col h2,
.billing-content-col h3 {
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 700
}

.billing-content-col h3 {
    background-image: linear-gradient(90deg, #396bca, #fff)
}

.billing-content-col h4 {
    color: #396bca;
    font-weight: 700;
    margin: 10px auto
}

.billing-content-col li,
.billing-content-col p {
    font-size: 14px;
    margin-bottom: 7px
}

.booking-boxes-col {
    padding: 0;
    background: #f5f5f5;
    margin-top: 20px
}

.booking-boxes-row-heading {
    background: #e5f2ff;
    width: 100%;
    gap: 15px;
    padding: 15px
}

.booking-boxes-row-heading h5 {
    color: #396bca;
    font-weight: 700;
    margin-bottom: 0
}

.booking-boxes-row-heading img {
    height: 30px
}

.booking-boxes-content {
    padding: 15px
}

.booking-boxes-content p {
    font-size: 13px !important;
    text-align: center
}

.billing-hazrad {
    gap: 10px;
    margin-top: 20px
}

.billing-hazrad-box p {
    font-size: 11px !important;
    text-align: center;
    margin-top: 5px
}

.loading-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 20px;
    font-size: 1.2rem;
    color: #333
}

.loading-spinner:after {
    content: "";
    border: 5px solid #f3f3f3;
    border-top-color: #3498db;
    animation: spin 1s linear infinite
}

.loading-spinner:after,
.offer-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.offer-circle {
    background: #fe8504;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 14px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.common-banner {
    background: #396bca;
    color: #000;
    margin-bottom: 0
}

.common-banner-colone {
    background-size: contain !important;
    height: 450px
}

.about-us-banner {
    background: url(./about.webp) no-repeat 0 0
}

.cookies-policy-banner {
    background: url(/images/common-page-content/cookies-polic.webp) no-repeat 0 0
}

.cancellation-policy-banner {
    background: url(/images/common-page-content/cancel-polic.webp) no-repeat 0 0
}

.privacy-policy-banner {
    background: url(/images/common-page-content/privacy-polic.webp) no-repeat 0 0
}

.terms-condition-banner {
    background: url(/images/common-page-content/terms-polic.webp) no-repeat 0 0
}

.adv-banner {
    background: url(/images/common-page-content/advertisemen.webp) no-repeat 0 0
}

.refund-banner {
    background: url(/images/common-page-content/refund-polic.webp) no-repeat 0 0
}

.contact-banner {
    background: url(/img/contact.jpg) no-repeat 0 0
}

.common-banner-coltwo {
    gap: 10px
}

.common-banner-content h1,
.common-banner-content p {
    text-align: center;
    width: 100%
}

.common-banner-content h1 {
    font-weight: 700;
    text-align: left !important
}

.common-banner-content p {
    font-size: 20px;
    font-weight: 500
}

.common-banner-coltwo img {
    height: 100px
}

.common-heading h2 {
    font-weight: 700
}

.commonpage-content-row {
    margin: auto;
    padding: 20px
}

.commonpage-content-col h2,
.commonpage-content-col h3,
.commonpage-content-col h4 {
    color: #396bca;
    margin: 20px 0;
    font-weight: 700
}

.commonpage-content-col p {
    font-size: 15px;
    margin-bottom: 10px
}

.contact-us-row {
    gap: 20px 0;
    border: 1px solid #d3d3d3;
    padding: 20px 0 0;
    border-radius: 10px;
    margin: auto
}

.contact-us-col h4 {
    color: #396bca;
    font-weight: 700;
    margin-bottom: 20px
}

.contact-us-col a,
.contact-us-col p {
    font-weight: 500;
    font-size: 18px;
    color: #000
}

.contact-us-col-content {
    background: #0b7695;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 15px
}

.common-banner-colone img {
    height: 450px
}

.blog-subrow {
    gap: 20px 0
}

.blog-box {
    gap: 10px;
    background: #e3effb;
    padding: 14px;
    border-radius: 5px;
    max-height: 410px
}

.blog-box img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px
}

.blog-box h5 {
    color: #396bca;
    font-weight: 700;
    margin-bottom: 0
}

.blog-box p {
    font-size: 15px;
    font-weight: 500
}

.blog-box a {
    color: #fff;
    gap: 10px;
    background: #396bca;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 10px
}

.blog-addcol {
    gap: 20px
}

.blog-detailcol h2 {
    background: #396bca;
    color: #fff;
    margin: 25px auto
}

.blog-detailcol h2,
.blog-detailcol h3 {
    padding: 15px;
    font-weight: 700;
    width: 100%;
    font-size: 20px !important
}

.blog-detailcol h3 {
    color: #000;
    margin: 25px 0 0
}

.blog-detailcol h4,
.blog-detailcol h5 {
    color: #396bca;
    font-weight: 700;
    margin: 15px auto;
    width: 100%
}

.blog-detailcol p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

.blog-detailcol img {
    height: auto;
    width: 100%;
    object-fit: cover;
    margin: 20px auto
}

.blog-detailcol li {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500
}

.blog-detailcol strong {
    color: #253e8d
}

.destilp-banner {
    background: url(/images/destination-page/destination-landingpage/landscape-banner.png) no-repeat 0 0;
    background-size: cover;
    height: 500px;
    margin-bottom: 25px
}

.destilp-banner-col {
    position: relative;
    height: 500px
}

.destilp-banner-col h1 {
    background: hsla(0, 0%, 100%, .7);
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 0;
    font-weight: 700;
    position: relative;
    z-index: 1000
}

.desti-lp-bannerimg {
    position: absolute;
    bottom: 0;
    right: 0
}

.desti-lp-bannerimg img {
    height: 400px
}

.dest-lp-boxes-row {
    gap: 20px 0
}

.dest-lp-boxes-heading h2 {
    color: #253e8d;
    font-weight: 700
}

.dest-lp-boxes-heading p {
    font-size: 15px;
    font-weight: 500;
    text-align: center
}

.dest-lp-box-content {
    border: 1px solid #000;
    background: #e1eefb;
    padding: 10px;
    gap: 10px
}

.dest-lp-box-content img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.dest-lp-box-content p {
    font-size: 15px;
    font-weight: 500;
    height: 100px
}

.dest-lp-box-content h5 {
    font-weight: 700;
    margin-bottom: 0
}

.dest-lp-box-content a {
    color: #396bca;
    font-size: 15px;
    font-weight: 700
}

.ethopian-banner {
    background: url(/images/affluence-airline-landingpage/airlines/ethiopian-airline/ethiopian-banner.webp) no-repeat 0 0
}

.airline-lp-banner {
    background: #253e8d;
    color: #fff
}

.airline-content-col h1,
.airline-content-col h2,
.airline-content-col h3 {
    color: #253e8d;
    padding: 5px;
    margin: 20px 0;
    text-align: center
}

.airline-content-col h4,
.airline-content-col h5 {
    color: #253e8d;
    margin: 20px 0 10px
}

.airline-content-col img {
    margin: 15px 0
}

.airline-content-col strong {
    color: #253e8d
}

.airline-content-col li,
.airline-content-col p {
    font-size: 15px;
    margin-bottom: 10px
}

.airline-content-col img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px
}

.common-mar-top {
    margin: 0
}

.airline-lp-banner {
    background: url(/images/affluence-airline-landingpage/airline-affluence-banner.webp) no-repeat 0 0;
    background-size: cover;
    height: 400px
}

.airline-lp-banner-colone h1 {
    text-align: center;
    font-weight: 700;
    color: #fff
}

.airline-lp-boxes-row {
    gap: 20px 0
}

.airline-lp-boxes-content {
    width: 100%;
    border-radius: 10px;
    background-image: linear-gradient(180deg, #11266c, #709cec);
    position: relative;
    align-items: flex-start;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

.sleeping-row {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(270deg, #11266c, #709cec);
    padding: 10px;
    text-align: center;
    width: 100%;
    top: 260px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 10%) 50%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 10%) 50%, 100% 100%, 0 100%);
    height: 40px
}

.sleeping-row h5 {
    margin-bottom: 0;
    font-weight: 700;
    color: #fff
}

.sleeping-row h2 {
    margin-bottom: 0;
    font-weight: 700 !important;
    color: #fff
}

.standing-arrow {
    width: 40%;
    position: relative
}

.sub-ribbon {
    position: absolute;
    top: 0;
    height: 70px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 30%), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 30%), 0 100%);
    width: 75%;
    background: #dbebff;
    align-items: flex-start
}

.alp-content img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-top-right-radius: 10px
}

.alp-subcontent {
    background: #dbebff;
    width: 100%;
    padding: 10px;
    gap: 10px;
    z-index: 1
}

.alp-subcontent p {
    font-size: 15px;
    font-weight: 500
}

.alp-subcontent a {
    color: #113356;
    font-weight: 600;
    font-size: 15px
}

.dest_slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 40px
}

.dest_slider-track {
    display: flex;
    transition: transform .5s ease;
    width: 100%
}

.dest_slider-slide {
    flex: 0 0 33.333%;
    padding: 0 15px;
    box-sizing: border-box
}

.dest_slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .8);
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    transition: all .3s ease
}

.dest_slider-arrow:hover {
    background: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3)
}

.dest_slider-prev {
    left: 0
}

.dest_slider-next {
    right: 0
}

@media (max-width:992px) {
    .dest_slider-slide {
        flex: 0 0 50%
    }
}

@media (max-width:768px) {
    .dest_slider-slide {
        flex: 0 0 100%
    }
}

.tp-heading {
    gap: 10px 0
}

.tp-heading h5,
.tp-heading h6 {
    font-weight: 600;
    margin-bottom: 0;
    text-align: center
}

.tp-heading p {
    font-size: 15px;
    margin: 0
}

.tp-stars img {
    height: 35px
}

.tp-box {
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    padding: 10px;
    min-height: 280px !important;
    width: 30%;
    background: #fff
}

.tp-box h5 {
    font-weight: 700 !important;
    margin-bottom: 0;
    font-size: 16px !important;
    margin-top: 4px
}

.tp-box h6 {
    font-weight: 600 !important;
    font-size: 14px !important;
    margin: 15px 0 5px
}

.tp-box-image img {
    height: 25px;
    gap: 5px
}

.tp-name-date {
    width: 100%
}

.tp-name-date p {
    margin: 0
}

.tp-date {
    font-size: 13px;
    gap: 5px
}

.tp-date i {
    font-size: 8px !important
}

.tp-review {
    font-size: 14px
}

.tp-next {
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    background: #049e6a;
    padding: 12px 8px;
    font-size: 20px
}

.fic-flight-price {
    position: relative;
    top: 100px;
    right: -100px
}

.banner-search_engine {
    background: #11b7e7;
    padding: 0 30px 20px !important;
    border-radius: 0 0 10px 10px
}

.se-flight-col label {
    display: none
}

.footer-middle-col p {
    font-size: 15px;
    color: #d7d7d7;
    font-weight: 400;
    line-height: 26px
}

.lblog-box {
    background: #e3effb;
    padding: 14px;
    border-radius: 5px
}

.trustpilot {
    background: #c6d5f2
}

.mobile {
    background: #11b7e7;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0
}

.icon3 {
    position: absolute;
    display: none
}

.MuiInputBase-root.MuiInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.Mui-readOnly.MuiInputBase-readOnly.css-ji9gda {
    padding-left: 30px !important
}

.css-1unu14u-MuiFormControlLabel-root .MuiTypography-root {
    color: #242424 !important
}

.css-1gi4qxg {
    color: #000 !important
}

.css-886ukv-MuiInputBase-root-MuiInput-root {
    margin-left: 0 !important
}

.form-filter {
    z-index: 99999 !important
}

.breadcrumb-bg {
    background: #396bca
}

.fa-image i {
    color: #fff;
    background: #393939;
    padding: 13px;
    font-size: 20px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center
}

.mid-call-btn i,
.mid-section-coltwo i {
    color: #fff;
    font-size: 25px;
    margin-right: 10px
}

.flight-detail-box-row .accordion-item:last-of-type .accordion-button.collapsed {
    color: #000
}

.common_b {
    background: #0b7695;
    color: #fff
}

.common_b-colone {
    background-size: contain !important;
    height: 450px
}

.common_b-coltwo {
    gap: 10px
}

.common_b-content h1,
.common_b-content p {
    text-align: center;
    width: 100%
}

.common_b-content h1 {
    font-weight: 700
}

.common_b-content p {
    font-size: 20px;
    font-weight: 500
}

.common_b-coltwo img {
    height: 100px
}

.commonpg_content-heading h2 {
    font-weight: 700;
    color: #396bca
}

.commonpg_content-row {
    margin: auto;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    padding: 20px;
    width: 100%
}

.commonpg_content-col h2,
.commonpg_content-col h3,
.commonpg_content-col h4 {
    color: #396bca;
    margin: 20px 0;
    font-weight: 700
}

.commonpg_content-col p {
    font-size: 15px;
    margin-bottom: 10px
}

.flight-date-with-price a,
.flight-date-with-price p {
    font-size: 13px;
    text-align: center
}

.flight-ads-sideimage {
    gap: 30px 0
}

.fd-with-price-box:hover {
    border-left: 2px solid #396bca;
    border-right: 2px solid #396bca
}

.fd-with-price-box:hover .flight-date,
.fd-with-price-box:hover .flight-price {
    color: #396bca
}

.flight-detail-box-row {
    background: #fff;
    margin: 10px auto !important;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);
    align-items: center
}

.about-us-banner {
    border-top: 2px dashed #396bca
}

.flight-detail-box-row .accordion-item:last-of-type .accordion-button.collapsed {
    background: #cfe5ff !important;
    color: #000 !important
}

.flight-info-card {
    padding: 30px 0;
    align-items: flex-start !important
}

.flight-priceandselect-button {
    padding: 20px 10px
}

.flight-price-and-button {
    border-radius: 5px;
    background: #cfe5ff;
    gap: 5px;
    padding: 10px;
    text-align: center
}

.flight-left {
    color: red;
    font-size: 11px;
    text-align: right !important
}

.flight-price-final {
    font-weight: 800 !important;
    margin-bottom: 0 !important;
    font-size: 15px !important
}

.para-note {
    font-weight: 600;
    text-align: center;
    font-size: 11px
}

.flight-select-button,
.flight-select-button:hover {
    background: #11266c !important;
    color: #fff !important;
    border-radius: 5px !important;
    height: 45px !important;
    margin: auto !important;
    width: 100% !important
}

.departing-flight-information {
    padding: 20px 10px;
    border: 2px dashed gray;
    background: #f7f7f7;
    border-radius: 10px;
    align-items: flex-start !important
}

.flight-operated-by,
.mobile-flight-duration,
.mobile-flight_stop-type,
.month-name {
    display: none
}

.layover-circle {
    height: 8px;
    width: 8px;
    background: #396bca;
    border-radius: 50%
}

.departing-flight-detail,
.returning-flight-detail {
    font-size: 11px !important;
    font-weight: 600;
    color: #396bca;
    margin-top: 10px;
    margin-bottom: -10px
}

.returining-flight-detail-box {
    border-top: 4px dashed #396bca;
    padding-top: 15px
}

.flight-stop-type {
    color: #396bca
}

.td-policies {
    padding: 8px 15px;
    font-size: 15px !important;
    font-weight: 500
}

.td-policies-border {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.td-agreement p {
    color: #396bca;
    font-size: 15px !important;
    font-weight: 600
}

.td-confirm-booking-btn,
.td-confirm-booking-btn:hover {
    background: #396bca;
    height: 60px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    border-radius: 5px;
    width: 50%;
    margin-top: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    margin-bottom: 25px
}

.fd-depart-return-detail,
.td-airline-info {
    padding: 20px !important
}

.td-airline-info {
    gap: 10px
}

.td-airline-info h6 {
    font-weight: 700
}

.ticket-disclaimer {
    color: gray;
    font-size: 15px
}

.confirm-booking {
    border-top: 2px dashed #396bca;
    color: #396bca;
    padding-top: 10px;
    font-weight: 600;
    font-size: 15px
}

.traveler-detail-mobileview {
    display: none !important
}

.hd-anchor img {
    height: 300px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important
}

.holidays-deals-content {
    height: 210px
}

@media screen and (max-width:992px) {
    .holidaydeals-banner {
        padding: 25px 0
    }

    .deals-column {
        margin-bottom: 10px
    }

    .deals-column img {
        height: 40px
    }

    .holidays-deals-button-col {
        flex-wrap: wrap;
        gap: 10px 0;
        justify-content: space-evenly;
        align-items: center
    }

    .deals-column p,
    .holiday-deal-btn,
    .holidays-deals-content p,
    .holidays-deals-heading p {
        font-size: 13px
    }

    .holidays-deals-content,
    .holidays-deals-heading {
        text-align: center
    }

    .holidays-deals-row {
        gap: 25px 0
    }

    .holidays-deals-content {
        height: 180px
    }
}

@media screen and (max-width:768px) {
    .holidays-deals-content {
        height: 220px
    }

    .hd-anchor img {
        height: 250px
    }
}

@media screen and (max-width:576px) {
    .holidays-deals-content {
        height: auto
    }
}

.c_mar-top {
    margin-top: 40px
}

.independence-day-banner {
    display: none
}

.independenceday-banner-se {
    background: url(/images/affluence-offer-page-images/independance-day-banner.webp) no-repeat 0 0;
    background-size: cover;
    height: auto;
    padding: 100px 0
}

.independenceday-banner-se .banner-se-container {
    margin-top: 0
}

.independenceday-banner-se .se-sub-ul,
.independenceday-banner-se .se-ul {
    width: 100%;
    padding: 10px
}

.banner-bottom {
    background: #393939;
    color: #fff;
    padding: 5px
}

.banner-bottom-col p {
    font-size: 12px;
    margin: 0 !important
}

.popular-desti-usa_box {
    gap: 10px 0;
    width: 100%
}

.popular-desti-usa_box-image {
    position: relative;
    width: 100%
}

.popular-desti-usa_box-image img {
    height: 300px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%
}

.popular-desti-usa_box-img-content {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    bottom: 0;
    padding: 10px;
    color: #fff
}

.popular-desti-usa_box-img-content a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff
}

.independence-day-offer {
    background-image: linear-gradient(90deg, #393939, #f50122);
    padding: 40px 0;
    color: #fff
}

.independence-day-offer-row {
    gap: 25px 0
}

.independence-day-offer-heading img {
    height: 50px;
    margin-bottom: 15px
}

.independence-day-offer-box {
    background: hsla(0, 0%, 100%, .4);
    border-radius: 10px;
    padding: 15px;
    gap: 10px 0
}

.independence-day-offer-box img {
    height: 70px
}

.independence-day-offer-box p {
    font-size: 13px;
    text-align: center
}

.independence-day-offer-box strong {
    font-size: 15px;
    letter-spacing: 1px
}

.independence-day-offer-lastcol-box {
    background: #fff;
    border-radius: 5px;
    padding: 5px 20px;
    width: -moz-fit-content;
    width: fit-content
}

.independence-day-offer-lastcol-box p {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0
}

.independence-day-offer-lastcol-box img {
    height: 40px
}

.dr_table {
    width: 100%;
    border-spacing: 0 20px;
    background: #fff;
    border-collapse: separate
}

.dr_table-content {
    background: #5581d2;
    border: 1px solid #000;
    width: 100%
}

.dr_table-content td {
    padding: 20px
}

.dr_row-heading th {
    padding: 0 20px;
    color: gray
}

.dr-search-flight {
    background: #fff !important;
    color: #000;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2) !important;
    height: 40px !important;
    margin: auto !important;
    border: 1px solid #000 !important;
    border-radius: 50px !important;
    font-size: 14px !important
}

.dr-search-flight:hover {
    background: #393939;
    color: #fff
}

.dr-airport-namr p,
.dr_td-three p,
.dr_td-two strong {
    color: #fff;
    font-size: 15px
}

.dr_td-three span {
    font-weight: 600;
    color: #fff
}

.dr-airport-namr strong {
    color: #fff
}

.dr_td-one img {
    height: 40px
}

.dr_td-four {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.dr_td-one {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

.independence_day-content-col h2,
.independence_day-content-col h3,
.independence_day-content-col h4,
.independence_day-content-col h5 {
    margin: 15px 0;
    font-weight: 700
}

.independence_day-content-col li,
.independence_day-content-col p {
    font-size: 14px;
    margin-bottom: 10px
}

.independence-day-faq .accordion-item {
    border-left: 0;
    border-right: 0
}

.independence-day-faq .accordion-body {
    background: #c4c1c1
}

.independence-day-faq-col h2 {
    margin-bottom: 0
}

.plan-next-holiday {
    background: #393939;
    padding: 50px 0
}

.plan-next-holiday-heading {
    color: #fff
}

.plan-next-holiday-box {
    background: #fff;
    padding: 10px 10px 20px;
    border-radius: 15px;
    width: 100%
}

.plan-next-holiday-image {
    align-items: end;
    flex-direction: column;
    width: 100%
}

.plan-next-holiday-image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.plan-next-holiday-content {
    gap: 5px 0
}

.plan-next-holiday-content a {
    color: #000;
    font-size: 14px
}

.plan-next-holiday-image-name {
    background: #f50122;
    color: #fff;
    padding: 3px 10px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.plan-next-holiday-image-name p {
    margin: 0
}

.plan-next-holiday-content strong {
    font-size: 16px;
    letter-spacing: 1px
}

.independence-day-offer-heading p {
    text-align: center
}

.holidaydeals-banner .se-ul,
.independenceday-banner-se .se-sub-ul {
    width: 100%
}

.holiday-deal-btn {
    border: 1px solid #000 !important;
    background: #cfe5ff !important;
    color: #000 !important;
    border-radius: 50px !important
}

.deals_hide {
    display: block
}

.banner-mobile,
.deals_hide2 {
    display: none
}

.heading-top {
    font-size: 55px
}

.heading-bottom {
    font-size: 55px;
    font-weight: 700
}

.banner-top-colone p {
    font-size: 20px;
    width: 50%
}

.left-plane {
    top: 50px;
    left: -550px
}

.left-plane,
.plane-right {
    position: absolute;
    height: 150px
}

.plane-right {
    top: 130px;
    left: -160px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000;
    background-color: #fff;
    border-radius: 50px;
    padding: 8px 20px
}

.se-sub-ul .se-sub-li-btn.active,
.se-sub-ul .show>.se-sub-li-btn {
    background-color: transparent !important;
    font-weight: 600;
    color: #fe8505
}

.se-li-btn:hover {
    color: #000 !important
}

.nav-link {
    color: #fff
}

.se-ul {
    width: 100%;
    gap: 20px
}

.se-sub-li-btn {
    font-size: 14px
}

.se-sub-li-btn:hover {
    color: #fff
}

.trip-outer-circle {
    height: 20px;
    width: 20px;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    font-size: 10px;
    margin-right: 4px
}

.se-sub-ul {
    gap: 20px
}

.se-flight-row {
    margin: auto;
    background: #fff;
    border-radius: 50px;
    padding: 20px 30px;
    border: 1px solid #000;
    position: relative
}

.se-flight-colbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    border-right: 2px solid #000;
    gap: 10px
}

.se-flight-colbox img {
    height: 25px
}

.se-flight-colbox input {
    width: 70%;
    border: none;
    outline: none;
    background: transparent
}

.se-flight-search {
    background: #0b7695;
    border-radius: 50px;
    height: 50px;
    color: #fff;
    font-weight: 500;
    font-size: 20px
}

.se-flight-search a {
    color: #fff;
    width: 100%
}

.se-flight-search:hover {
    background: #001123
}

.traveller-selection {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 350px;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);
    bottom: -500px;
    display: none
}

.traveller-box:hover .traveller-selection {
    display: block !important
}

.ts-box h6 {
    font-weight: 700;
    margin-bottom: 5px
}

.ts-ul {
    flex-wrap: wrap;
    padding: 10px;
    gap: 15px
}

.ts-ul li {
    list-style-type: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);
    font-weight: 500;
    padding: 5px 10px
}

.ts-ul li:hover,
.ts-ul>li.active {
    background: #396bca;
    color: #fff
}

.ts-box p {
    color: gray;
    margin-bottom: 8px;
    font-size: 13px
}

.ts-selection-ul li {
    list-style-type: none;
    font-weight: 500;
    height: 20px;
    width: 18px
}

.ts-selection-ul {
    gap: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    padding: 0 15px
}

.ts-selection-ul li:hover {
    background: #396bca;
    color: #fff;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.done-btn {
    background: #396bca;
    border-radius: 5px;
    width: 30%
}

.done-btn,
.done-btn:hover {
    color: #fff;
    background: #001123
}

.banner-se {
    /* background: #001123 */
}

.resp-trav {
    display: none
}

.holidaydeals-banner {
    background-image: linear-gradient(90deg, #393939, #5581d2, #393939) !important;
    padding: 50px 0
}

.holidaydeals-banner .banner-se-container {
    margin-top: 0
}

.holidays-deals-row {
    gap: 35px 0
}

.deals-column {
    gap: 10px 0;
    text-align: center;
    margin-bottom: 25px;
    color: #fff
}

.deals-column img {
    height: 60px
}

.deals-column h2 {
    font-weight: 700
}

.deals-column p {
    font-size: 17px;
    font-weight: 500
}

.holidaydeals-banner .se-ul,
.independenceday-banner-se .se-sub-ul {
    background: rgba(0, 0, 0, .4);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    padding: 10px
}

.holiday-deal-btn {
    border: 1px solid #000;
    background: #cfe5ff;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    border-radius: 50px;
    height: 40px
}

.holiday-deal-btn:hover {
    background: #396bca;
    color: #fff
}

.holidays-deals-heading h2 {
    color: #396bca;
    font-weight: 700
}

.holidays-deals-heading p {
    font-size: 15px;
    color: #000
}

.holidays-deals-box {
    background: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    border-radius: 15px
}

.holidays-deals-image {
    position: relative
}

.holidays-deals-image-description {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    top: 0;
    padding: 5px
}

.holidays-deals-image-description a {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px
}

.holidays-deals-content {
    flex-direction: column;
    padding: 10px;
    gap: 5px 0
}

.holidays-deals-content p {
    color: #000;
    font-size: 15px
}

.holidays-deals-content strong {
    font-size: 18px;
    color: #396bca
}

.hd-anchor {
    width: 100%
}

.hd-anchor img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.ess-det-row td,
.ess-det-row th,
.mpr_table td,
.mpr_table th,
.new_airdetail-page-colone li,
.new_airdetail-page-colone p {
    font-size: 14px;
    margin-bottom: 7px
}

.mpr_btn,
.other-airlines-a_name p,
.other-airlines-a_name-code p {
    font-size: 13px
}

.new_airdetail-page-colone h2,
.new_airdetail-page-colone h3,
.new_airdetail-page-colone h4,
.new_airdetail-page-colone h5 {
    font-weight: 700;
    margin: 15px 0
}

.new_airdetail-page-colone img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin: 10px 0;
    height: auto
}

.ess-detail-table,
.mpr_btn,
.mpr_table {
    width: 100%
}

.mpr_table td,
.mpr_table th {
    border: 1px solid #000;
    padding: 10px
}

.colfour {
    background: #396bca
}

.mpr_btn {
    color: #fff
}

.ess-detail-table {
    border-collapse: separate;
    border-spacing: 0 20px
}

.ess-det-row {
    border-radius: 50px;
    margin-bottom: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24)
}

.ess-det-tdone {
    width: 25%;
    padding: 10px 5px 10px 15px;
    background: #396bca;
    color: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.ess-det-tdtwo {
    background: #f0f0f0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 5px
}

.other-airlines-row {
    background: #001123;
    border-radius: 10px;
    gap: 10px 0
}

.other-airlines-colone {
    padding: 15px 10px;
    border-bottom: 1px solid #fff
}

.other-airlines-colone h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0ppx
}

.other-airlines-coltwo {
    padding: 30px 20px;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px 0
}

.other-airlines-box {
    width: 23%;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    align-items: flex-start
}

.other-airlines-a_name strong,
.other-airlines-a_name-code strong {
    letter-spacing: 1px
}

.other-airlines-a_name-code {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    color: #000
}

.new_airdetail-page-coltwo {
    gap: 15px 0
}

.new_airdetail-page-coltwo h4 {
    font-weight: 700;
    margin-bottom: 0
}

.other-destination-box {
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    width: 100%;
    padding: 10px
}

.other-destination-subbox {
    background: #e1eefb;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px;
    gap: 10px;
    align-items: center
}

.other-destination-subbox a,
.other-destination-subbox p {
    color: #000;
    font-size: 13px
}

.pr-line {
    border-top: 2px dashed #d3d3d3;
    width: 30px
}

.btwnn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.start {
    justify-content: flex-start;
    align-items: flex-start
}

.end,
.start {
    display: flex
}

.end {
    justify-content: flex-end;
    align-items: flex-end
}

.cent {
    display: flex;
    justify-content: center;
    align-items: center
}

.fd-row {
    flex-direction: row
}

.fd-col {
    flex-direction: column
}

.f-wrap {
    flex-wrap: wrap
}

a {
    text-decoration: none;
    font-size: 500
}

body {
    /* font-family: Poppins */
          font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

p {
    margin-bottom: 0
}

.bdr-rad {
    border-radius: 15px
}

.btn-primary {
    background: #0b7695 !important
}

.common-mar-top {
    margin-top: 40px
}

.common-heading {
    color: #253e8d;
    margin-bottom: 30px
}

.header-logo img {
    height: 80px
}

.header-menu {
    gap: 30px
}

.header-menu a {
    color: #000;
    font-weight: 500;
    font-size: 18px
}

.header-menu a:hover {
    color: #396bca
}

.hc-detail img {
    height: 80px
}

.hc-image {
    margin-right: -25px;
    margin-bottom: -8px;
    z-index: -1
}

.hc-sub_detail {
    z-index: -2
}

.call_now {
    background: #396bca;
    border: 2px solid #fff;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 15px;
    z-index: 1
}

.call_now p {
    color: #fff;
    font-size: 16px
}

.hp_number {
    background: #001123;
    margin-top: -10px;
    border: 2px solid #fff;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 15px 3px 25px
}

.hp_number a {
    color: #fff
}

.resp-headercall,
.resp-nav {
    display: none
}

.footer-top {
    background: #e6e6e6;
    border-top: 1px solid #000
}

.footer-top p {
    font-size: 18px;
    font-weight: 500
}

.footer-top a {
    color: #000;
    font-size: 17px
}

.footer-logo {
    height: 70px;
    width: auto;
    margin-bottom: 1px
}

.footer-top-col {
    align-items: flex-start !important
}

.footer-box h4 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #0b7695
}

.footer-link {
    gap: 10px
}

.footer-link a:hover {
    font-weight: 500
}

.fa-image {
    width: 25%
}

.fa-content {
    width: 75%
}

.fa-image img {
    height: 50px
}

.footer-address {
    gap: 5px;
    margin-bottom: 20px
}

.footer-middle {
    background: #0b7695;
    border: 1px solid #000;
    color: #fff;
    font-size: 19px;
    letter-spacing: 1px
}

.footer-middle span {
    font-weight: 500;
    font-size: 20px
}

.footer-bottom {
    background: #393939;
    color: #fff;
    letter-spacing: 1px
}

.footer-social-media {
    gap: 20px
}

.footer-social-media img {
    height: 30px
}

.fa-content p {
    font-weight: 400
}

.footer-call-detail,
.resp-bottom {
    display: none
}

.independence-day-faq-row,
.plan-next-holiday-heading,
.plan-next-holiday-row,
.popular-desti-usa-row {
    gap: 25px 0
}

.independence-day-faq-row h2,
.independence-day-offer-heading h2,
.plan-next-holiday-heading h2,
.popular-desti-usa-heading h2 {
    margin-bottom: 15px;
    font-weight: 700
}

.independence-day-faq .accordion-button:not(.collapsed) {
    background: #393939;
    color: #fff
}

.independence-day-faq .accordion-item:last-of-type .accordion-button.collapsed {
    background: transparent !important;
    color: #000;
    font-size: 16px
}

.lb-desti {
    width: 100%;
    height: 250px;
    /*object-fit: cover;*/
        object-fit: contain;

}

@media screen and (max-width:1400px) {
    .left-plane {
        display: none
    }

    .banner-top {
        height: 450px
    }

    .banner-top p {
        width: 60%
    }

    .plane-right {
        position: absolute;
        height: 100px;
        top: 80px;
        left: -160px
    }

    .footer-top a,
    .footer-top p {
        font-size: 15px
    }
}

@media screen and (max-width:1200px) {
    .header-menu a {
        font-size: 16px
    }

    .header-menu {
        gap: 20px
    }

    .footer a,
    .footer p {
        font-size: 15px
    }

    .f-abt {
        align-items: center !important;
        text-align: center
    }

    .footer-rb {
        justify-content: flex-start
    }

    .footer-ql {
        justify-content: flex-end
    }

    .fa-content,
    .fa-image {
        width: -moz-fit-content;
        width: fit-content
    }

    .footer-address {
        justify-content: flex-start;
        gap: 20px
    }

    .se-flight-row {
        padding: 15px
    }

    .se-flight-colbox {
        gap: 5px;
        padding-left: 0
    }

    .se-flight-colbox input::placeholder {
        font-size: 14px
    }

    .heading-bottom,
    .heading-top {
        font-size: 40px
    }

    .banner-top p {
        width: 100%
    }
}

@media screen and (max-width:992px) {
    .header-menu {
        display: none
    }

    .hc-detail img,
    .header-logo img {
        height: 60px
    }

    .hc-detail p {
        font-size: 12px
    }

    .hp_number a {
        font-size: 13px
    }

    .resp-nav {
        display: flex
    }

    .header-logo {
        width: 55%
    }

    .plane-right {
        display: none
    }

    .banner-top p {
        margin-bottom: 30px
    }

    .heading-top {
        font-size: 30px
    }

    .heading-bottom {
        font-size: 35px
    }

    .banner-top {
        height: 330px
    }

    .nav-link {
        font-size: 15px
    }

    .se-flight-colbox {
        border: 2px solid #d3d3d3;
        width: 100%;
        border-radius: 50px;
        margin-bottom: 15px;
        padding: 7px 15px
    }

    .se-flight-row {
        border-radius: 25px
    }

    .independenceday-banner-se {
        padding: 40px 0
    }

    .dr_table-content td strong,
    .dr_table-content td>p,
    .independence-day-faq .accordion-body,
    .independence-day-faq .accordion-button,
    .independence-day-offer-heading p,
    .independence_day-content-col li,
    .independence_day-content-col p,
    .plan-next-holiday-heading p,
    .popular-desti-usa-heading p,
    .popular-desti-usa_box p {
        font-size: 13px
    }

    .popular-desti-usa_box-image img {
        height: 250px
    }

    .plan-next-holiday-image img {
        height: 200px
    }

    .plan-next-holiday-image-name p {
        font-size: 11px
    }

    .plan-next-holiday-content strong {
        font-size: 14px;
        margin-top: 5px
    }

    .pkd_landingp-visa-free-desti-box-content .pkg_landingp-pkg-choice-box-sub-content a,
    .pkd_landingp-visa-free-desti-box-content p,
    .pkg-choice-para,
    .pkg_landingp-benefits-box p,
    .pkg_landingp-partner-airline-content p,
    .pkg_landingp-pkg-choice-box-content p,
    .pkg_landingp-pkg-choice-box-sub-content a,
    .pkg_landingp-unbeatable-price-box-content p,
    .pkg_landingp-unbeatable-price-box-content-btn,
    .pkg_landingp-unbeatable-price-box-content-btn:hover {
        font-size: 13px
    }

    .package-banner-col_heading p,
    .package-banner-se-search-btn,
    .pkd_landingp-visa-free-desti-box-btn,
    .pkd_landingp-visa-free-desti-box-btn:hover,
    .pkd_landingp-visa-free-desti-box-content strong,
    .pkd_landingp-visa-free-desti-col-heading p,
    .pkg-page-airline-partner-btn,
    .pkg-page-airline-partner-btn:hover,
    .pkg_landingp-benefits-box strong,
    .pkg_landingp-benefits-col-heading p,
    .pkg_landingp-partner-airline-content strong,
    .pkg_landingp-partner-airline-heading a,
    .pkg_landingp-partner-airline-heading p,
    .pkg_landingp-pkg-choice-col-heading p,
    .pkg_landingp-pkg-choice-explore a,
    .pkg_landingp-speak-to-expert-btn,
    .pkg_landingp-speak-to-expert-col,
    .pkg_landingp-speak-to-expert-col p,
    .pkg_landingp-top_content-col p,
    .pkg_landingp-unbeatable-price-box-content strong,
    .pkg_landingp_destination-col-heading p,
    .pkg_landingp_image-slider-col-heading p {
        font-size: 14px
    }

    .pkg_landingp-benefits,
    .pkg_landingp-pkg-choice,
    .pkg_landingp-speak-to-expert {
        padding: 25px 0
    }

    .pkg_landingp-pkg-choice-box-image img {
        height: 200px
    }

    .package-banner-row,
    .pkd_landingp-visa-free-desti-row,
    .pkg_landingp-benefits-row,
    .pkg_landingp-partner-airline-row,
    .pkg_landingp-pkg-choice-row,
    .pkg_landingp-unbeatable-price-row,
    .pkg_landingp_destination-container,
    .pkg_landingp_destination-row,
    .pkg_landingp_image-slider-row {
        gap: 15px 0
    }

    .pkd_landingp-visa-free-destiimage img,
    .pkg_landingp-partner-airline-image img {
        height: 150px
    }

    .pkg_landingp-partner-airline-discount img {
        height: 18px
    }

    .pkg-choice-para img {
        height: 15px
    }

    .pkg_landingp-speak-to-expert-btn {
        margin: 15px
    }

    .pkg_landingp-benefits-box img {
        height: 50px
    }

    .pkg_landingp-pkg-choice-box-sub-content {
        margin: 5px 0
    }

    .pkd_landingp-visa-free-desti-box-content,
    .pkg_landingp-benefits-box,
    .pkg_landingp-partner-airline-content,
    .pkg_landingp-pkg-choice-box-content,
    .pkg_landingp-pkg-choice-box-sub-content,
    .pkg_landingp-speak-to-expert-btn,
    .pkg_landingp-speak-to-expert-col,
    .pkg_landingp-unbeatable-price-box-content {
        gap: 5px
    }

    .package-banner-se-search-btn,
    .package-banner-se-search-btn:hover,
    .pkd_landingp-visa-free-desti-box-btn,
    .pkd_landingp-visa-free-desti-box-btn:hover,
    .pkg-page-airline-partner-btn,
    .pkg-page-airline-partner-btn:hover {
        height: 40px
    }

    .pkg_landingp-unbeatable-price-box-content-btn {
        width: 70%
    }

    .package-bannerse-row {
        padding: 15px 10px;
        border-radius: 10px;
        gap: 20px 0
    }

    .package-banner-se-search-btn {
        border-radius: 10px
    }

    .package-banner-se-box {
        border: none
    }

    .package-banner-se-box p {
        margin-bottom: 7px;
        color: #0e3d6f;
        font-weight: 600
    }

    .package-banner-se-input-box {
        border-radius: 5px;
        border: 1px solid #d3d3d3;
        width: 100%;
        padding: 10px
    }

    .package-banner-col_heading {
        text-align: center
    }

    .package-banner {
        padding: 50px 0 25px
    }

    .independence-day-faq .accordion-item:last-of-type .accordion-button.collapsed,
    .pkg-holidaylisting-col-box-input input::placeholder {
        font-size: 14px
    }

    .other-airlines-box {
        width: 32%
    }
}

@media screen and (max-width:768px) {
    .header-logo {
        width: 45%
    }

    .fa-image img {
        height: 40px
    }

    .banner-top {
        height: 400px;
        text-align: center
    }

    .banner-top p {
        width: 100%
    }

    .footer-social-media img {
        height: 20px
    }

    .c_mar-top {
        margin-top: 25px
    }

    .independence-day-offer,
    .plan-next-holiday {
        padding: 20px 0
    }

    .dr_td-two {
        display: none
    }

    .dr_table-content td {
        padding: 5px
    }

    .dr-search-flight,
    .dr_table-content td>p {
        font-size: 12px
    }

    .dr_td-one img {
        height: 30px
    }

    .dr-search-flight {
        height: 35px
    }

    .independence-day-offer-box img {
        height: 50px
    }

    .pkd_landingp-visa-free-desti-box-content .pkg_landingp-pkg-choice-box-sub-content a,
    .pkd_landingp-visa-free-desti-box-content p,
    .pkg-choice-para,
    .pkg_landingp-benefits-box p,
    .pkg_landingp-partner-airline-content p,
    .pkg_landingp-pkg-choice-box-content p,
    .pkg_landingp-pkg-choice-box-sub-content a,
    .pkg_landingp-unbeatable-price-box-content p,
    .pkg_landingp-unbeatable-price-box-content-btn,
    .pkg_landingp-unbeatable-price-box-content-btn:hover {
        font-size: 12px
    }

    .package-banner-col_heading p,
    .package-banner-se-search-btn,
    .pkd_landingp-visa-free-desti-box-btn,
    .pkd_landingp-visa-free-desti-box-btn:hover,
    .pkd_landingp-visa-free-desti-box-content strong,
    .pkd_landingp-visa-free-desti-col-heading p,
    .pkg-page-airline-partner-btn,
    .pkg-page-airline-partner-btn:hover,
    .pkg_landingp-benefits-box strong,
    .pkg_landingp-benefits-col-heading p,
    .pkg_landingp-partner-airline-content strong,
    .pkg_landingp-partner-airline-heading a,
    .pkg_landingp-partner-airline-heading p,
    .pkg_landingp-pkg-choice-col-heading p,
    .pkg_landingp-pkg-choice-explore a,
    .pkg_landingp-speak-to-expert-btn,
    .pkg_landingp-speak-to-expert-col,
    .pkg_landingp-speak-to-expert-col p,
    .pkg_landingp-top_content-col p,
    .pkg_landingp-unbeatable-price-box-content strong,
    .pkg_landingp_destination-col-heading p,
    .pkg_landingp_image-slider-col-heading p {
        font-size: 13px
    }

    .package-banner-col_heading h1,
    .pkd_landingp-visa-free-desti-col-heading h3,
    .pkg_landingp-benefits-col-heading h3,
    .pkg_landingp-partner-airline-heading h3,
    .pkg_landingp-pkg-choice-col-heading h3,
    .pkg_landingp-speak-to-expert-col h4,
    .pkg_landingp-top_content-col h2,
    .pkg_landingp-unbeatable-price-heading h3,
    .pkg_landingp_destination-col-heading h3,
    .pkg_landingp_image-slider-col-heading h3 {
        margin-bottom: 10px
    }

    .pkg_landingp-unbeatable-price-box-content,
    .pkg_landingp-unbeatable-price-box-image,
    .pkg_landingp-unbeatable-price-box-image img {
        height: 170px
    }

    .other-airlines-box {
        width: 49%
    }

    .coltwo {
        display: none
    }
}

@media screen and (max-width:576px) {

    body a,
    body p {
        font-size: 13px !important
    }

    .header-logo {
        width: 50%
    }

    .header-logo img {
        height: 50px
    }

    .hc-detail {
        display: none !important
    }

    .resp-headercall {
        display: flex;
        background: #396bca;
        border-radius: 50px;
        gap: 5px;
        padding: 4px 8px;
        border: 2px solid #000;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .24)
    }

    .resp-headercall a {
        color: #fff;
        font-size: 12px !important
    }

    .resp-headercall img {
        height: 30px
    }

    .banner-mobile {
        display: flex
    }

    .banner-top {
        display: none
    }

    .banner-deals {
        background: #0e3d6f
    }

    .mobile-se-ul-box {
        background: #fff;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .mb-se-ul {
        flex-wrap: nowrap
    }

    .mobile-se-ul-box .nav-pills .nav-link {
        color: #000;
        font-size: 13px;
        padding: 6px 12px
    }

    .mobile-se-ul-box .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #000;
        background-color: #d4e0f6
    }

    .mb-se-btn img {
        height: 15px
    }

    .mb-se-btn {
        gap: 5px
    }

    .mobile-se {
        background: hsla(0, 0%, 100%, .7);
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 30px 20px;
        margin-top: 30px
    }

    .mobile-se-row {
        margin: auto;
        gap: 20px 0
    }

    .mobile-se-trip label {
        font-size: 15px;
        font-weight: 500
    }

    .mobile-se-search,
    .mobile-se-trip {
        padding: 0 5px
    }

    .mobile-se-col {
        flex-direction: column;
        padding: 0 5px;
        gap: 8px
    }

    .mobile-se-col p {
        font-size: 15px;
        font-weight: 600
    }

    .mobile-se-box input {
        border: none;
        outline: none;
        background: transparent;
        width: 99%
    }

    .mobile-se-box input::placeholder {
        font-size: 13px;
        font-weight: 500;
        color: gray
    }

    .mobile-se-box {
        border: 1px solid #d3d3d3;
        padding: 12px 10px;
        width: 100%;
        background: #fff;
        gap: 5px;
        border-radius: 10px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .02), 0 0 0 1px rgba(27, 31, 35, .15)
    }

    .mobile-se-box img {
        height: 25px
    }

    .mobile-se-btn,
    .mobile-se-btn:hover {
        background: #396bca;
        color: #fff;
        height: 55px;
        font-weight: 500;
        font-size: 18px
    }

    .trav-class {
        position: relative
    }

    .trav-class-box {
        display: none;
        position: absolute;
        width: 300px;
        top: 35px;
        left: 0;
        border-radius: 10px;
        background: #396bca;
        padding: 10px;
        gap: 10px
    }

    .trav-class:hover .trav-class-box {
        display: flex
    }

    .trav-class-box h5 {
        font-weight: 700;
        font-size: 16px
    }

    .trav-class-buttons {
        flex-wrap: wrap;
        gap: 15px 0
    }

    .trav-class-buttons,
    .trav-class-select {
        background: #fff;
        border-radius: 10px;
        padding: 15px
    }

    .trav-class-select {
        gap: 7px 0;
        width: 100%
    }

    .trav-class-btn:hover,
    .trav-class-buttons>.active,
    .trav-class-confirm-btn,
    .trav-class-confirm-btn:hover {
        background: #396bca;
        color: #fff;
        border: none
    }

    .trav-class-btn {
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        height: 35px;
        font-size: 14px;
        font-weight: 500;
        width: 48%;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .02), 0 0 0 1px rgba(27, 31, 35, .15)
    }

    .trav-class-ul {
        padding: 0;
        margin: 0;
        gap: 15px 0
    }

    .trav-class-li-content h6 {
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 3px
    }

    .trav-class-li-content p {
        font-size: 11px !important;
        font-weight: 400 !important
    }

    .trav-class-dis {
        font-size: 11px !important
    }

    .trav-class-add-sub {
        border: 1px solid #d3d3d3
    }

    .tc-add-sub p {
        border-left: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
        padding: 5px 7px;
        font-size: 11px !important
    }

    .tc-add-sub i {
        font-size: 11px
    }

    .tc-add-sub {
        padding: 0 5px
    }

    .footer-top-col {
        margin-top: 0 !important
    }

    .footer-top-row {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px 0
    }

    .footer-bottom-col {
        flex-direction: column;
        gap: 10px
    }

    .fa-image img {
        height: 35px
    }

    .footer-bottom-col p {
        font-size: 13px !important
    }

    .resp-bottom {
        display: flex;
        background: #396bca;
        padding: 10px;
        gap: 5px
    }

    .resp-bottom p {
        color: #fff;
        font-weight: 500;
        text-align: center;
        font-size: 16px !important
    }

    .resp-btm-content {
        gap: 10px
    }

    .resp-btm-content img {
        height: 35px
    }

    .resp-btm-content a {
        color: #fff;
        font-size: 20px !important;
        font-weight: 600
    }

    .footer-box {
        width: 100%
    }

    .fa-image {
        justify-content: flex-start
    }

    .footer-address {
        gap: 10px
    }

    .banner-bottom-col p {
        text-align: center;
        font-size: 9px !important
    }

    .dr_row-heading th,
    .independence-day-faq .accordion-body,
    .independence-day-faq .accordion-button,
    .independence-day-offer-box p,
    .independence-day-offer-heading p,
    .independence-day-offer-lastcol-box p,
    .independence_day-content-col li,
    .independence_day-content-col p,
    .plan-next-holiday-content a,
    .plan-next-holiday-content p,
    .plan-next-holiday-heading p,
    .plan-next-holiday-image-name p,
    .popular-desti-usa-heading p,
    .popular-desti-usa_box p {
        font-size: 12px !important
    }

    .popular-desti-usa_box-image img {
        height: 200px
    }

    .independence-day-offer-lastcol-box img {
        height: 20px
    }

    .independence-day-offer-box {
        padding: 10px;
        gap: 5px 0
    }

    .dr-airport-namr p,
    .dr-search-flight,
    .dr_td-three p,
    .dr_td-three span,
    .dr_td-two strong {
        font-size: 10px !important
    }

    .independence-day-faq-row h2,
    .independence-day-offer-heading h2,
    .plan-next-holiday-heading h2,
    .popular-desti-usa-heading h2 {
        margin-bottom: 10px;
        font-size: 22px
    }

    .independence-day-faq-row,
    .plan-next-holiday-heading,
    .plan-next-holiday-row,
    .popular-desti-usa-row {
        gap: 15px 0
    }

    .independence_day-content-col h2,
    .independence_day-content-col h3,
    .independence_day-content-col h4,
    .independence_day-content-col h5 {
        margin: 10px 0
    }

    .independence_day-content-col h2 {
        font-size: 22px
    }

    .independence_day-content-col h3 {
        font-size: 20px
    }

    .independence_day-content-col h4 {
        font-size: 18px
    }

    .independence_day-content-col h5 {
        font-size: 16px
    }

    .pkd_landingp-visa-free-desti-img-two {
        display: none
    }

    .pkg_landingp_image-slider-col img {
        height: 250px;
        border-radius: 10px
    }

    .package-banner {
        display: none
    }

    .pkd_landingp-visa-free-desti-box-content {
        width: 100%
    }

    .pkd_landingp-visa-free-desti-box {
        border-radius: 10px;
        border: 1px solid #d3d3d3
    }

    .other-airlines-coltwo {
        padding: 10px
    }

    .ess-det-row td,
    .ess-det-row th,
    .mpr_btn,
    .mpr_table td,
    .mpr_table th,
    .new_airdetail-page-colone li,
    .new_airdetail-page-colone p,
    .other-airlines-a_name p,
    .other-airlines-a_name strong,
    .other-airlines-a_name-code p,
    .other-airlines-a_name-code strong {
        font-size: 13px !important
    }
}

@media screen and (max-width:413px) {
    .se-li-btn {
        font-size: 13px
    }

    .remove-three {
        display: none
    }
}

.other-airlines p,
.other-destination-box p {
    margin-bottom: 0
}

.airlineH1Section {
    padding-top: 10px;
    padding-bottom: 40px;
    background: #001123
}

.airlineH1Section h1 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

.updateddateAirline {
    padding: 5px 10px;
    border-radius: 100px;
    border: 1px solid #333;
    color: #333;
    font-weight: 600;
    width: -moz-fit-content;
    width: fit-content;
    display: none
}

.airlineNameUppercase {
    text-transform: uppercase
}

@media screen and (max-width:580px) {
    .airlineH1Section {
        padding: 30px 0
    }

    .airlineH1Section h1 {
        line-height: 1.6
    }
}

.airlineNameH2 {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #fff !important
}