body {
    font-size: 18px;
    color: #2c3443;
    font-family: "Inter", sans-serif;
    margin: 0px;
}

.btn-custom {
    --bs-btn-color: #fff;
    --bs-btn-bg: #cd0001;
    --bs-btn-border-color: #cd0001;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b80001; /* slightly darker for hover effect */
    --bs-btn-hover-border-color: #a70001;
    --bs-btn-focus-shadow-rgb: 205, 0, 1; /* RGB of #CD0001 */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a70001;
    --bs-btn-active-border-color: #960001;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #cd0001;
    --bs-btn-disabled-border-color: #cd0001;
}
.form-label-required::after {
    content: "*";
    color: red;
    margin-left: 4px;
}
/* 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} */
input[type="number"] {
    -moz-appearance: textfield;
}
input[readonly] {
    background-color: #fff !important;
}
#header {
    background-color: #fff !important;
    top: 0px;
}
.bg-gray-300 {
    background-color: var(--bs-gray-300);
}
.bg-gray-400 {
    background-color: var(--bs-gray-400);
}
.bg-gray-500 {
    background-color: var(--bs-gray-500);
}
.bg-gray-600 {
    background-color: var(--bs-gray-600);
}
.heading-h1 {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.heading-h2 {
    margin-left: 30px;
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.heading-h3 {
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.heading-h4 {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.heading-h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1%;
    color: #141d2e;
}
.heading-h5 a {
    color: #141d2e;
}
.flight-list a {
    /* color: #434a58; */
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1%;
}
.dropdown-menu a:hover {
    background-color: #cd0001 !important;
    color: #fff !important;
}
.custom-roundeds {
    border-radius: 20px;
    border: 1px solid #d0d2d5;
}
.color-b {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1%;

    color: #cdcfd7;
}
.heading-h6 {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.border-radius {
    border-radius: 5px;
}
.custom-header {
    background: transparent !important;
    border-bottom: none !important;
}
.custom-header .logo {
    font-size: 20px !important;
    letter-spacing: 0px !important;
    text-transform: lowercase !important;
}
.logo .u {
    color: #de1054;
    text-transform: uppercase;
    font-weight: bold;
}
.logo .k {
    color: #051039;
    text-transform: uppercase;
    font-weight: bold;
}
.custom-header .logo a {
    display: inline-block;
}
.custom-header .logo img {
    max-height: none !important;
}
.custom-header a {
    color: #2c3443;
} /*!important*/
.custom-header a:hover {
    color: #2c3443;
    text-decoration: none;
}

.datepicker-in-fullscreen-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;

    background-color: #fff;
    border-top: 1px solid #ddd;
    font-size: 16px;
    position: relative;
    z-index: 999;
}

.datepicker-in-fullscreen-controls a {
    flex: 1;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: rgb(51, 51, 51);
    text-decoration: none;
    font-weight: 600;

    cursor: pointer;
    transition: background-color 0.2s ease;
}

.datepicker-in-fullscreen-controls a:hover {
    background-color: #f5f5f5;
}

.nav-img-repeat {
    background: url("../img/nav-img-repeat.png") repeat-x !important;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 67px;
}
.mobile-nav-toggle {
    color: #2c3443;
}
.bi-x::before {
    color: #fff;
}
.search-primary {
    background: #ffba16;
}
.custom-navbar .dropdown ul a {
    padding: 5px 20px;
}
.radio {
    background: #fff;
    padding: 3px;
    position: relative;
    display: inline-block;
}
.radio input {
    width: auto;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    padding: 4px 13px;
    color: #2c3443;
    transition: all 100ms linear;
}
.radio input:checked {
    background: #051039;
    color: #fff;
}
.radio input:before {
    content: attr(label);
    display: inline-block;
    text-align: center;
    width: 100%;
}
.ul-margin {
    margin-left: -15px !important;
}
.psngr-dropdown {
    background: #fff;
    padding: 8px 25px 8px 15px;
    display: inline-block;
    color: #2c3443 !important;
    font-size: 14px;
}
.psngr-dropdown ul li {
    min-width: 125px !important;
}
.ico-select-field {
    position: absolute;
    padding-top: 10px;
    padding-left: 12px;
}
.ico-text-field {
    padding-top: 10px;
    padding-left: 12px;
    z-index: 1;
}
.select-title {
    font-size: 18px;
}
.custom-form-control {
    line-height: 20px;
    border: none;
}
.custom-form-control:focus {
    outline: none; /* Removes the browser's default blue outline */
    box-shadow: none; /* Removes Bootstrap’s blue glow */
    border-color: inherit; /* Keeps your existing border color */
}
.custom-form-control-select {
    padding-left: 15px;
    line-height: 35px;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: inherit;
}
.custom-form-btn {
    padding-left: 0px;
    padding-right: 0px;
    background: #051039 !important;
    border: solid 2px #fff;
    line-height: 31px;
    color: #fff;
    font-size: 15px;
}
.search-primary ::-webkit-input-placeholder {
    color: #2c3443;
    font-size: 16px;
}
.search-primary :-ms-input-placeholder {
    color: #2c3443;
    font-size: 16px;
}
.search-primary ::placeholder {
    color: #2c3443;
    font-size: 16px;
}
.top-call {
    font-size: 18px;
}
.header-badges {
    background: #fff;
}
.qty input[type="number"] {
    border: solid 1px #ccc;
    border-radius: 5px;
}
.arabic-text {
    background-color: #efefef;
    padding: 10px 0px;
    font-size: 1.5rem !important;
    text-wrap: balance;
    text-align: center;
}

/*-----------	Search Engine	------------------------------*/
.hero-section {
    background-color: #051039;
    overflow: visible;
}
.hero-section p {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.hero-section h1,
.hero-section h2,
.hero-section h3,
.hero-section h4,
.hero-section h5,
.hero-section h6 {
    color: white;
    font-size: 25px;
    font-weight: 300;
    line-height: 25px;
}
.hero-section-padding {
    margin-top: 85px;
}
.ns-primary {
    background: #fff;
}
.hero-section-control {
    /* border: 0px; */
    border: 1px solid #9da1ae;
    line-height: 30px;
    border-radius: 8px;
    padding: 2px 25px 2px 15px;
}
.hero-section-dropdown {
    font-size: 16px;
    padding: 2px 25px 2px 15px;
}

.switch-search {
    top: 20%;
    right: 48.5%;
    z-index: 1;
}
.ns-psngr button {
    border: solid 1px #696969;
    border-radius: 4px;
    line-height: 33px;
    background: transparent;
}
.ns-psngr button:hover {
    background: #051039;
    color: #fff !important;
    border: solid 1px #051039;
}
.ns-psngr button.active {
    background: #051039;
    color: #fff !important;
    border: solid 1px #051039;
}
.ns-flight-type {
    padding: 8px 15px 8px 15px;
    font-weight: bold;
}
.return-one-way {
    /* Corrected typo: retrun -> return */
    background-color: #fae6e6;
    border-radius: 40px;
}

.btn-outline-primary {
    padding: 5px 16px !important;
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    /* Add transition for smoother hover effect */
    transition: background-color 0.3s ease, color 0.3s ease,
        border-radius 0.3s ease;
}

.btn-outline-primary:hover {
    color: #ffff;
    background: #cd0001;
    border-radius: 7px;
}

.btn-check:checked + .btn-outline-primary {
    color: #fff;
    background: #cd0001;
    border-radius: 7px;
}

.hero-section div.middle {
    margin: auto;
    width: 100%;
}
.hero-section .text-type-animation {
    font-size: 18px;
    text-transform: uppercase;
}
.hero-section .txt-rotate {
    color: #fff;
}
.hero-section .flipped {
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}
#travellerTXT .bi-person-fill {
    color: #565568;
    font-size: 25px;
    float: none;
}
.search-dropdown {
    margin-left: -83% !important;
}

@media (max-width: 768px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    /*.custom-header .logo a{width:300px;border:solid 1px red}*/
    /*.mobile-head-call img{width:80%}*/
    .hero-section-padding-mobile {
        display: none !important;
    }
    .mobile-head-call {
        margin: auto;
        border: solid 1px #393939;
        border-radius: 50px;
        font-weight: bold;
        font-size: 18px;
        height: 37px;
    }
}
@media (max-width: 767px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    .ns-primary {
        background: transparent;
    }
    .ns-ico-text-field {
        padding-top: 20px;
        padding-left: 0px;
    }
    .ns-left-pad {
        padding-left: 12px;
    }
    .hero-section-dropdown {
        border-radius: 6px;
        line-height: 38px;
    }
    /*.navbar .dropdown ul{left:0!important}*/
    .hero-section-dropdown .bi {
        margin-top: 5px;
    }
    .psngr-navbar {
        margin-top: 10px;
    }
    .psngr-navbar ul {
        width: 100%;
    }
    .psngr-navbar ul li {
        width: 100%;
    }

    /* .{height:100vh!important} */

    /* .hero-section-control {
        line-height: 30px !important;
        padding: 0px;
        padding-left: 22px !important;
        border-radius: 6px !important;
    } */
    .ico-text-field {
        padding-left: 0;
    }
    .ico-text-field img {
        width: 20px;
    }
    .bor-bot-only {
        border-bottom: solid 1px #c2c2c2;
        border-radius: 0px;
    }
    .hero-section-btn {
        background: #cd0001 !important;
        border: solid 1px #cd0001;
        line-height: 20px;
        color: #fff;
    }

    .btn-outline-primary:hover {
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

    .switch-search {
        top: 39%;
        right: 7%;
    }
    .ns-dpt-rtn {
        background: #fff;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 0px 15px 0px 15px;
    }
    .ns-dpt-rtn input[type="text"]::placeholder {
        font-size: 17px;
    }
    .ns-dpt-rtn-dates {
        background: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        padding: 0px 15px 0px 15px;
        border-top: solid 1px #c2c2c2;
    }
    .ns-dpt-rtn-dates input[type="text"]::placeholder {
        font-size: 17px;
        line-height: 35px;
    }
    #travellerTXT {
        font-size: 14px;
    }
    #travellerTXT .bi-person-fill {
        color: #565568;
        font-size: 22px;
        float: none;
    }
    .nm-header .logo img {
        max-height: 40px !important;
    }
    .nm-header {
        padding: 0px 0px !important;
        background-color: white !important;
    }
    .nm-header .nav-img-repeat {
        height: 40px;
    }
    .search-dropdown {
        margin-left: 0px !important;
    }
}
@media (max-width: 580px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
}
@media (max-width: 425px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    .nm-header .logo {
        font-size: 17px !important;
    }
    .nm-header .logo img {
        max-height: 40px !important;
    }
    .mobile-head-call {
        margin: auto;
        border: solid 1px #393939;
        border-radius: 50px;
        font-weight: bold;
        font-size: 15px;
        height: 30px;
    }
    .mobile-head-call img {
        width: 30px;
    }
}
@media (max-width: 375px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    .nm-header .logo {
        font-size: 16px !important;
    }
}
@media (max-width: 320px) {
    .nm-header .logo {
        font-size: 14px !important;
    }
    .ns-psngr button {
        font-size: 0.75rem;
    }
    .select-title {
        font-size: 16px;
    }
}

#page-text {
    padding-top: 30px;
    padding-bottom: 30px;
}
#page-text h1,
#page-text h2,
#page-text h3,
#page-text h4,
#page-text h5,
#page-text h6 {
    color: #141d2e;
    font-size: 30px;
    font-weight: 400;
    margin-top: 10px;
    text-wrap: balance;
}
#page-text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}
#page-text ul,
#page-text ol {
    font-size: 18px;
    line-height: 28px;
}
#page-text ul li {
    padding-left: 15px;
}
#page-text ol li {
    padding-left: 15px;
}
#page-text .fad {
    color: #cd0001;
    font-size: 18px;
}

#page-links {
    font-size: 18px;
    padding-top: 30px;
}
#page-links h1,
#page-links h2,
#page-links h3,
#page-links h4,
#page-links h5,
#page-links h6 {
    font-size: 30px;
    font-weight: 400;
}
#page-links .fad {
    color: #c2c5cc;
    font-size: 35px;
    vertical-align: middle;
    padding-right: 30px;
    padding-top: 5px;
}
#page-links .links ul li {
    padding-bottom: 8px;
}
#page-links .links ul li a {
    font-weight: 400;
}
@media (max-width: 576px) {
    #page-links h1,
    #page-links h2,
    #page-links h3,
    #page-links h4,
    #page-links h5,
    #page-links h6 {
        font-size: 25px;
        font-weight: 400;
    }
    #page-links .fad {
        color: #c2c5cc;
        font-size: 25px;
        vertical-align: middle;
        padding-right: 10px;
        padding-top: 5px;
    }
}

/* General Pages Text Styling... */
.page-text {
    padding-top: 30px;
    padding-bottom: 30px;
}
.page-text h1,
.page-text h2,
.page-text h3,
.page-text h4,
.page-text h5,
.page-text h6 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 10px;
    text-wrap: balance;
}
.page-text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}
.page-text ul,
#privacyPolicy .page-text ol {
    font-size: 18px;
    line-height: 28px;
    list-style: none;
}
.page-text ul li::before {
    content: "\2713"; /* Unicode tick ✔ */
    color: #434a58; /* Use correct hex color */
    font-weight: bold;
    margin-right: 8px;
}
.page-text ul li {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 1%;
}
.page-text ol li {
    padding-left: 15px;
}

#recent-searches {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
}
#recent-searches h1,
#recent-searches h2,
#recent-searches h3,
#recent-searches h4,
#recent-searches h5,
#recent-searches h6 {
    font-size: 30px;
    font-weight: 700;
}
#recent-searches .recent-fare-main {
    gap: 16px;
    border-radius: 12px;
    border-width: 1px;
    padding: 20px;
    border: solid 1px #d0d2d5;
}
.airline-div {
    margin-top: 15px;
}

.airline-div p {
    font-weight: 500;
    font-size: 14px;
    line-height: 15.6px;
    letter-spacing: 1%;
    color: #2c3443;
}
#recent-searches .recent-fare {
    border: solid 1px #d0d2d5;
    border-radius: 8px;
    margin-left: 2px;
}
#recent-searches .recent-fares {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
    margin-left: 2px;
}

#recent-searches .recent-fare-from {
    font-weight: 700;
    font-size: 20px;
    line-height: 28.8px;
    color: #051039;
    padding: 10px;
}

#recent-searches .recent-dep-rtn {
    font-weight: 500;
    font-size: 14px;
    line-height: 13.6px;
    letter-spacing: 1%;
    text-align: right;
    color: #2c3443;
}
/* .lon-air {
  color: #141d2e;
  font-weight: 600;
  font-size: 20px;
  line-height: 10px;
  letter-spacing: 1%;
}
.lon-air p {
  font-size: 17px;
  margin-bottom: 10px;
} */
.lon-air {
    color: #141d2e;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1%;
}

.lon-air p {
    font-size: 17px;
    margin-bottom: 10px;
}

.airline-logo-icon {
    flex-grow: 0; /* Prevents expansion of center */
    width: 100px; /* Adjust width for balance */
}

#recent-searches .recent-dep-rtn span {
    display: block;
    font-weight: 300;
    font-size: 15px;
}
#recent-searches .recent-price-button {
    background: #ffd30e;
    border: none;
    font-size: 13px;
    border-radius: 25px;
}
@media screen and (max-width: 768px) {
    #recent-searches .recent-fare-from {
        display: inline;
        color: #000;
        font-size: 23px;
        line-height: 45px;
    }
    /* #recent-searches .recent-fare button {
        background: #cd0001;
        color: #fff;
    } */
    #recent-searches .recent-price-button {
        background: #fe363c;
        color: #fff;
    }
    .btn-greenfa {
        width: 80px !important;
        overflow: hidden;
        font-size: 20px;
    }
}

.quick-detail {
    border: solid 1px #babcbe;
    font-size: 18px;
}
.equal-height-col {
    min-height: 261px;
}
.call-icon .fas {
    background: #27c609;
    color: #fff;
    font-size: 30px;
}
.low-high-fare {
    font-size: 40px;
}
.quick-number {
    font-size: 30px;
}
.opens span {
    color: #27c708;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}
.cheapest-month {
    background: #f0f1f4;
    font-size: 14px;
}
@media (max-width: 580px) {
    #siteicon {
        width: 20%;
    }
    #siteiconX {
        width: 50%;
    }
    .quick-detail {
        margin-top: 10px;
        font-size: 20px;
    }
    .equal-height-col {
        min-height: 200px;
    }
    .cheapest-month {
        font-size: 18px;
    }
    .nav-img-repeat {
        height: 40px !important;
    }
    #header {
        padding: 0px !important;
    }
    .mobilecall {
        border: 1px solid #b4b4b9;
        border-radius: 50px;
        padding: 5px;
        font-size: 0.7em;
        color: #051039 !important;
        font-weight: bold;
        margin-left: -24px;
    }
    .mobilecall i {
        color: #ffba16;
        margin-right: 5px;
    }
    .mobilewhatsapp {
        border: 1px solid #0cc243;
        border-radius: 50px;
        width: 26px;
        font-size: 0.8em;
        color: #051039 !important;
        font-weight: bold;
        background: #0cc243;
        height: 24px;
        padding: 2px 5px 9px 5px;
        margin-left: 2px;
    }
    .mobilewhatsapp i {
        color: #fff;
    }
}
@media (min-width: 768px) {
    #navbarPax .paxBox {
        min-width: 355px !important;
    }
    .equal-height-col {
        min-height: 150px;
    }
    .remove-padding {
        padding-right: calc(var(--bs-gutter-x) * 0);
        padding-left: calc(var(--bs-gutter-x) * 0);
    }
}

.getting-tired {
    background: url(../img/flight-search.png) no-repeat 2% #0a1c8f;
    min-height: 100px;
    padding-left: 115px;
}
.getting-tired .gt-bold {
    color: #fed30e;
    font-weight: bold;
    font-size: 35px;
    line-height: 35px;
    border-right: solid 1px #fff;
}
.getting-tired .gt-bold span {
    color: #fff;
    font-weight: normal;
    font-size: 23px;
    display: block;
}
.getting-tired .gt-normal {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
}
.getting-tired .btn-search-main {
    background: #ffd30e;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .getting-tired {
        padding-left: 0px !important;
        background: #0a1c8f;
        text-align: center;
    }
}

/* Destination pages 4 col grid */
.clr-bar {
    width: 30px;
    height: 8px;
    border-radius: 25px;
    float: right;
}
.clr-dark-blue {
    background: #0b3c89;
}
.clr-lite-blue {
    background: #cd0001;
}
.clr-yellow {
    background: #ffcc35;
}
.clr-red {
    background: #fe363c;
}
.clr-green {
    background: #27c708;
}
.overflow-h {
    min-height: 172px;
    overflow: hidden;
}
.title-fare {
    font-size: 21px;
    border-bottom: solid 1px #babcbe;
}
.gen-title {
    font-size: 16px;
}
.gen-des {
    font-size: 12px;
}
/*--------------------------------------------------------------
# Mobile Nav Menu
--------------------------------------------------------------*/
.mobile-nav {
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}
@media (max-width: 991px) {
    .mobile-nav {
        display: block;
        z-index: 1100;
    }
}
.navbar-mobile .mobile-nav {
    position: absolute;
    top: 15px;
    right: 15px;
}
.main-menu {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1010;
}
.nav-open .main-menu {
    opacity: 1;
    visibility: visible;
    background: rgba(255, 255, 255, 9);
}
.main-menu .nav li a {
    color: #000;
    font-size: 3.5vh;
    font-weight: 400;
}
.main-menu .nav li a:hover {
    text-decoration: underline;
}
.main-menu .nav li {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
    -moz-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
    -o-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
    animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
}
.nav-open .main-menu .nav li {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.main-menu .nav li.delay-1 {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.main-menu .nav li.delay-2 {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.main-menu .nav li.delay-3 {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.main-menu .nav li.delay-4 {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.main-menu .nav li.delay-5 {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.main-menu .nav li.delay-6 {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.main-menu .nav li.delay-7 {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.main-menu .nav li.delay-8 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.main-menu .nav li.delay-9 {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media screen and (max-width: 375px) {
    .main-menu .nav li a {
        font-size: 3.1vh;
    }
}
.menu-back-style {
    background: #051039;
}
.menu-back-style a {
    font-size: 0.9em;
    line-height: 1.6em;
    color: #fff !important;
} /*border-bottom:1px solid #FFF*/
.menu-back-style a i {
    font-size: 2em;
}
.menu-back-style .nav-pills .nav-link.active,
.menu-back-style .nav-pills .show > .nav-link {
    color: #051039 !important;
    background-color: #ffffff;
}
.menu-back-style .nav-pills .nav-link.active a i,
.menu-back-style .nav-pills .show > .nav-link a i {
    color: #051039;
}
.menu-back-style .nav-pills .nav-link {
    border-radius: 0;
}
.dropdown-text {
    white-space: inherit;
    padding: 10px 0px 0px 0px;
    font-size: 1.2em;
}
.dropdown-text i {
    color: #051039;
    margin-right: 10px;
    font-weight: 700;
}
.newsletterD .input-group .input-group-text {
    background: transparent;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right: none;
}
.newsletterD .input-group .input-group-text .fa {
    color: gray;
}
.newsletterD .input-group .custom-border {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left: none;
    line-height: 37px;
}
.newsletterD .btn-subscribe {
    background-color: #051039;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.newsletterD .heading {
    font-size: 30px;
}
.newsletterD .heading span {
    display: block;
    font-size: 22px;
}
.newsletterD .sub-heading {
    padding-top: 5px;
}
/*--------------------------------------------------------------
# Social Media Icons
--------------------------------------------------------------*/
.icon-social {
    background-color: #fafafa;
}
.icon-social span {
    font-weight: 500;
}
.icon-social .fab {
    color: #141d2e;
    margin: auto 9px auto 12px;
    padding-top: 5px;
    font-weight: 500;
    font-size: 20px;
    line-height: 33.6px;
    letter-spacing: 1%;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.icon-social .fabbs {
    color: #141d2e;
    margin: auto 9px auto 12px;
    padding-top: 5px;
    font-weight: 500;
    font-size: 20px;
    line-height: 33.6px;
    letter-spacing: 1%;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.icon-social .fab img {
    width: 45px !important;
    height: 45px !important;
}
.icon-social .fabbs img {
    width: 45px !important;
    height: 45px !important;
}
@media screen and (max-width: 768px) {
    .icon-social span {
        display: none;
    }
    .icon-social .fab {
        margin: auto 3px;
    }
    .icon-social .fabbs {
        margin: auto 3px;
    }
}

#recommended-destinations {
    background: #fafafa;
}
#recommended-destination {
    background: #fafafa;
}
.primary-title h1,
.primary-title h2,
.primary-title h3,
.primary-title h4,
.primary-title h5,
.primary-title h6 {
    font-size: 30px;
    color: #141d2e;
}
.rec-dest-box {
    background: #fff;
}
.rec-dest-fare {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1%;
    color: #434a58;
}
.rec-dest-fare span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24.8px;
    color: #051039;
    font-weight: bold;
    display: block;
}
.btn-blue {
    background: #051039;
    display: inline-block;
    cursor: pointer;
}
a.btn-blue {
    color: #fff !important;
}
.promotion-text {
    position: absolute;
    width: 450px;
}
.orange-text {
    color: #ff9416;
    font-size: 35px;
    font-style: italic;
    font-weight: bold;
}
.pro-bold {
    font-weight: 700;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 60px;
    color: #fff;
}
.pro-reg {
    color: #fff;
}
.btn-orange {
    background: #ff9416;
    display: inline-block;
}
.btn-orange a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}
.deal-box {
    border: 1px solid #d0d2d5;
    border-radius: 12px;
}
.deal-box ul {
    padding: 0px;
    margin: 10px 0 0 0;
}
.deal-box ul li {
    list-style: none;
    clear: both;
    background-color: #e6e7eb;
    border-radius: 8px;
    justify-content: space-between;
    padding: 12px;
}
.deal-box ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 1%;

    color: #2c3443;
    display: block;
}
.deal-box ul li a:hover {
    text-decoration: underline;
}
.deal-box ul li a span {
    font-weight: 600;
    font-size: 16px;
    line-height: 20.8px;
    float: right;
    padding: 1px 7px;
    color: #051039;
}
.deal-box ul li a span .fa {
    color: #fe9316;
}
.expand span .fa {
    font-size: 20px;
    font-weight: bold;
}
.subscribe {
    background: rgba(20, 29, 46, 1);
    color: #fff;
    border-radius: 24px;
    padding: 64px 32px;
}
.white-title {
    font-size: 25px;
    font-weight: bold;
}
.white-title span {
    display: block;
    font-weight: normal;
    font-size: 14px;
}
.subscribe input[type="text"],
.subscribe input[type="email"] {
    gap: 80px;
    border-radius: 8px;
    border-width: 1px;
    padding: 6px;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid rgba(208, 210, 213, 1);
    line-height: 30px;
    width: 100%;
    color: #8a8e97;
}

.subscribe ::-webkit-input-placeholder {
    border-radius: 6px;
    border: none;
    line-height: 40px;
    width: 100%;
    padding-left: 10px;
    font-weight: bold;
    color: #2c3443;
}
.subscribe ::-ms-input-placeholder {
    border-radius: 6px;
    border: none;
    line-height: 40px;
    width: 100%;
    padding-left: 10px;
    font-weight: bold;
    color: #2c3443;
}
.btn-yellow {
    background: #ffba16;
    border: none;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}
#customised-package .package-box {
    background: #fff;
    position: absolute;
    width: 310px;
    bottom: 35px;
    left: 50px;
}
#customised-package .package-box .btn-yellow {
    line-height: inherit;
}
#customised-package .package-box .btn-yellow a {
    color: #fff;
}
.title-big {
    font-size: 22px;
    font-weight: bold;
}
.dest-deal {
    background: #2e3344;
}
.dest-deal-box {
    background: #fff;
}
.dest-deal-box .fa {
    color: #ffba16;
}
.dest-deal-title {
    font-size: 20px;
    border-bottom: solid 1px #c3c3c3;
}
.dest-deal-box ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.dest-deal-box ul li {
    line-height: 25px;
}
.dest-deal-box a {
    color: inherit;
}
.dest-deal-box a:hover {
    text-decoration: underline;
}
.dest-deal-box a span {
    font-weight: bold;
}
.hotel-pack {
    position: absolute;
    background: #fff;
    bottom: 10px;
    left: 20px;
    right: 20px;
}
.hotel-pack .dest {
    font-weight: bold;
}
.hotel-pack a {
    background: #ffba16;
    display: block;
    color: #fff;
}
.fnpl-box {
    width: 150px;
    right: 25px;
    left: auto;
}
#certificate p {
    font-size: 11px;
    margin-bottom: 0px;
}
.footer-contact ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer-contact li {
    font-size: 16px;
}
.footer-contact span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.f-call .fas,
.f-call .fab {
    color: #2c3443;
    width: 40px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 21px;
}
.secure-payment img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%; /* Ensures responsiveness */
    height: auto; /* Maintain aspect ratio */
    margin: 0 10px; /* Adds spacing between images */
}

.secure-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; /* Adjust spacing between images */
    flex-wrap: wrap; /* Prevents overflow on small screens */
}
.custom-indicator {
    margin-right: 25px;
    margin-bottom: 25px;
}
.rec-dest-box .bi {
    font-size: 28px;
    color: #ff7272;
}

#mobile-sticky-footer {
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.44);
}
#mobile-sticky-footer a,
#mobile-sticky-footer a:focus {
    color: #2e3344;
    transition: 0.3s;
    line-height: 1;
    font-size: 0.8em;
    display: block;
}
#mobile-sticky-footer a:hover {
    background: #e5e5e5;
}
#mobile-sticky-footer a span {
    font-size: 1.4em;
}

@media (max-width: 767px) {
    #featureContainer .carousel-inner .carousel-item > div {
        display: none;
    }
    #featureContainer .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    #featureContainer .card img {
        /*width:100%;height:75vh;*/
    }

    #featureContainers .carousel-inner .carousel-item > div {
        display: none;
    }
    #featureContainers .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    #featureContainers .card img {
        /*width:100%;height:75vh;*/
    }
}
#featureContainer .carousel-inner .carousel-item.active,
#featureContainer .carousel-inner .carousel-item-next,
#featureContainer .carousel-inner .carousel-item-prev {
    display: flex;
}
#featureContainers .carousel-inner .carousel-item.active,
#featureContainers .carousel-inner .carousel-item-next,
#featureContainers .carousel-inner .carousel-item-prev {
    display: flex;
}
/* medium and up screens */
@media (min-width: 768px) {
    #featureContainer .carousel-inner .carousel-item-end.active,
    #featureContainer .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }
    #featureContainer .carousel-inner .carousel-item-start.active,
    #featureContainer .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }
    #featureContainer .card img {
        /* width:90%;height:40vh;*/
    }
    #featureContainer .carousel-item {
        justify-content: space-between;
    }

    #featureContainers .carousel-inner .carousel-item-end.active,
    #featureContainers .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }
    #featureContainers .carousel-inner .carousel-item-start.active,
    #featureContainers .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }
    #featureContainers .card img {
        /* width:90%;height:40vh;*/
    }
    #featureContainers .carousel-item {
        justify-content: space-between;
    }
}
#featureContainer .carousel-inner .carousel-item-end,
#featureContainer .carousel-inner .carousel-item-start {
    transform: translateX(0);
}
#featureContainer .card {
    border: 0;
    width: 96%;
}
#featureContainer .card {
    position: relative;
}
#featureContainer .card .card-img-overlays {
    position: absolute;
    bottom: 15%;
    left: 10%;
    color: #fff;
    font-weight: bolder;
}
#featureContainer a {
    text-decoration: none;
}
#featureContainer .indicator {
    padding: 1px 6px 1px 6px;
}
#featureContainer .indicator:hover {
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    transition: 200ms;
}
#featureContainer .indicator:hover {
    color: white;
    transition: 200ms;
}
#featureContainer .indicator {
    color: lightgray;
    border-radius: 50px;
    background: #fff;
}
#featureContainer .indicator .bi {
    color: #2c3443;
    width: 24px;
    height: 18px;
}
#featureContainer .float-end {
    padding-top: 10px;
}
.carousel-inner {
    height: 100%;
}

.middle-img {
    height: 420px !important;
}

.carousel-inner {
    height: 100%;
}

.carousel-item img {
    width: 100%;
    height: 359px !important;
}
.carousel-indicators {
    margin-left: 0px;
    position: relative;
    margin-top: 15px;
}

.carousel-indicators button {
    background-color: gray;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.carousel-indicators .active {
    background-color: white;
}
#featureContainers .carousel-inner .carousel-item-end,
#featureContainers .carousel-inner .carousel-item-start {
    transform: translateX(0);
}
#featureContainers .card {
    border: 0;
    width: 96%;
}
#featureContainers .card {
    position: relative;
}
#featureContainers .card .card-img-overlays {
    position: absolute;
    bottom: 15%;
    left: 10%;
    color: #fff;
    font-weight: bolder;
}
#featureContainers a {
    text-decoration: none;
}
#featureContainers .indicator {
    padding: 1px 6px 1px 6px;
}
#featureContainers .indicator:hover {
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    transition: 200ms;
}
#featureContainers .indicator:hover {
    color: white;
    transition: 200ms;
}
#featureContainers .indicator {
    color: lightgray;
    border-radius: 50px;
    background: #fff;
}
#featureContainers .indicator .bi {
    color: #2c3443;
    width: 27px;
    height: 18px;
}
#featureContainers .float-end {
    padding-top: 10px;
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    /*#header{top:0}*/
    #header {
        top: 0;
        background: white !important;
        padding: 5px 0;
    }
    .custom-form-control {
        line-height: 30px;
    }
    .review-rating {
        display: none;
    }
    .promotion-text {
        width: 225px;
    }
    .orange-text {
        font-size: 20px;
    }
    .pro-bold {
        font-size: 30px;
        line-height: 30px;
    }
    .btn-orange a {
        font-size: 14px;
    }
    .navbar-mobile a,
    .navbar-mobile a:focus {
        font-size: 20px;
    }
    .primary-title h1,
    .primary-title h2,
    .primary-title h3,
    .primary-title h4,
    .primary-title h5,
    .primary-title h6 {
        font-size: 28px;
        color: #141d2e;
    }
    .custom-indicator {
        margin-bottom: 10px;
        margin-top: 10px;
        display: inline-flex;
    }
    #featureContainer .card {
        width: 100%;
    }
    #featureContainers .card {
        width: 100%;
    }
    .mobile-height {
        height: 245px;
    }
    .psngr-navbar ul {
        display: block !important;
    }
    .radio input {
        padding: 4px 20px;
    }
    #customised-package .package-box {
        width: auto;
        bottom: 20px;
        left: 35px;
    }
    .package-box .detail {
        display: none;
    }
    .title-big {
        font-size: 20px;
    }
    .hotel-pack {
        text-align: center;
    }
    #footer {
        margin-bottom: 70px;
    }
    #mobile-sticky-footer {
        position: fixed;
        left: 0;
        bottom: 0px;
        width: 100%;
        color: white;
        text-align: center;
        z-index: 9;
    }
}
@media (max-width: 767px) {
    .pro-reg {
        display: none;
    }
    .secure-payment img {
        width: 100%;
    }
}
.twitter-typeahead {
    width: 100%;
}
.tt-menu {
    width: 400px;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
} /*left:-50px!important;*/
.tt-dataset .row {
    color: #333;
    margin: 0px;
    padding: 10px 1px;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    border-bottom: solid 1px #333;
}
.tt-dataset .row:hover {
    background: #bcbcbc;
    color: #fff;
}
.tt-dataset .row small {
    font-size: 14px;
    line-height: 20px;
}
.tt-input {
    background: #ffffff !important;
}
@media (max-width: 767px) {
    .tt-menu {
        width: auto;
    }
}
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
    min-width: 35px;
    width: 40px;
    text-align: center;
    line-height: 25px;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #000;
    width: 25px;
    height: 25px;
    padding: 2px 0;
    font: 18px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 25%;
    background: #f0f1f4;
}
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #000;
    width: 25px;
    height: 25px;
    padding: 2px 0;
    font: 18px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 25%;
    background: #f0f1f4;
}
.minus:hover {
    background-color: #fe363c !important;
    color: #fff;
}
.plus:hover {
    background-color: #fe363c !important;
    color: #fff;
}
.modal-full {
    min-width: 20%;
    margin-left: 80;
}
.modal-full input {
    border: none;
    border-radius: 4px;
    line-height: 65px;
}
.overlaytx {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-y: scroll;
}
.overlaytx-content {
    position: relative;
    top: 15%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
.overlaytx .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: #333;
}
.overlaytx .closebtn:hover {
    color: #ccc;
}
.overlaytx input[type="text"],
.overlaytx input[type="date"],
.overlaytx input[type="number"] {
    padding: 15px;
    font-size: 24px;
    font-weight: bold;
    border: 2px solid #000000;
    border-radius: 4px;
    float: left;
    width: 100%;
    color: #222631;
}
.overlaytx input[type="text"]::-webkit-input-placeholder {
    color: #222631;
}
.overlaytx label {
    display: block;
    text-align: left;
    font-size: 18px;
}
.overlaytx input[type="text"]:hover {
    background: #f1f1f1;
}
.overlaytx button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}
.overlaytx button:hover {
    background: #bbb;
}
.overlaytx-content button.clear {
    background: none;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    color: #333;
    font-size: 0.5em;
}
.overlaytx-content .card .collapse .card-body {
    font-size: 0.9em;
    line-height: 1.8em;
}
.overlaytx-content .tab-content > .tab-pane {
    font-size: 1.1em;
    line-height: 2em;
    padding: 8px 20px;
}
.overlaytx-content .tab-content > .tab-pane b {
    float: right;
}
.overlaytx-content .nav-tabs .nav-item.show .nav-link,
.overlaytx-content .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #007bff;
}
.overlaytx-content .nav-tabs {
    border: none;
    text-align: center;
    padding: 0px 3px;
}
.overlaytx-content .nav-tabs .nav-link {
    color: #333;
    width: 33%;
    border: none;
    text-align: center;
}
.overlaytx-content .tab-content > .tab-pane h1,
.overlaytx-content .tab-content > .tab-pane h2,
.overlaytx-content .tab-content > .tab-pane h3,
.overlaytx-content .tab-content > .tab-pane h4,
.overlaytx-content .tab-content > .tab-pane h5,
.overlaytx-content .tab-content > .tab-pane h6 {
    margin: 20px auto;
    font-size: 22px;
    color: #e91e63;
}
.overlaytx-content .tab-content > .tab-pane {
    height: 365px;
    overflow-y: scroll;
}

#navbarPax .paxBox {
    min-width: 355px;
}

@media (max-width: 580px) {
    #navbarPax .paxBox {
        width: 265px !important;
        min-width: 100% !important;
    }
    .psngr-navbar {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .psngr-dropdown {
        width: 100%;
    }
    .psngr-dropdown .bi {
        float: right;
    }
    .custom-form-btn {
        font-weight: 400;
    }
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
    #navbarPax .paxBox {
        min-width: 355px !important;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (max-width: 950px) {
}
/*--------------------------------------------------------------
# Custom Hotel Section
--------------------------------------------------------------*/
.hero-hotel {
    background-position: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../img/hero-bg-hotel.jpg) !important;
}
.btn-recent {
    background: #ffba16;
    border: none;
    line-height: 34px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}
.btn-recent:hover {
    color: #fff;
}
.hotel-rating .bi {
    font-size: 13px;
    color: #ffba16;
}
.box-shadow {
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
}
.dest-route .bi {
    font-size: 17px;
}
.dest-route {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #141d2e;
}
.shadow {
    box-shadow: rgba(0, 0, 0, 0.06);
}
.border-none {
    border: none !important;
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .rec-dest-box img {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .pro-reg {
        display: none;
    }
    .secure-payment img {
        width: 100%;
    }
}
/*--------------------------------------------------------------
Small devices (landscape phones, 576px and up)
--------------------------------------------------------------*/
@media (min-width: 576px) {
    .w-sm-10 {
        width: 10% !important;
    }
    .w-sm-15 {
        width: 15% !important;
    }
    .w-sm-20 {
        width: 20% !important;
    }
    .w-sm-25 {
        width: 25% !important;
    }
    .w-sm-30 {
        width: 30% !important;
    }
    .w-sm-35 {
        width: 35% !important;
    }
    .w-sm-40 {
        width: 40% !important;
    }
    .w-sm-45 {
        width: 45% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
    .w-sm-55 {
        width: 55% !important;
    }
    .w-sm-60 {
        width: 60% !important;
    }
    .w-sm-65 {
        width: 65% !important;
    }
    .w-sm-70 {
        width: 70% !important;
    }
    .w-sm-75 {
        width: 75% !important;
    }
    .w-sm-80 {
        width: 80% !important;
    }
    .w-sm-85 {
        width: 85% !important;
    }
    .w-sm-90 {
        width: 90% !important;
    }
    .w-sm-95 {
        width: 95% !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
    .w-sm-auto {
        width: auto !important;
    }
}
/*--------------------------------------------------------------
 Medium devices (tablets, 768px and up)
--------------------------------------------------------------*/
@media (min-width: 768px) {
    .w-md-10 {
        width: 10% !important;
    }
    .w-md-15 {
        width: 15% !important;
    }
    .w-md-20 {
        width: 20% !important;
    }
    .w-md-25 {
        width: 25% !important;
    }
    .w-md-30 {
        width: 30% !important;
    }
    .w-md-35 {
        width: 35% !important;
    }
    .w-md-40 {
        width: 40% !important;
    }
    .w-md-45 {
        width: 45% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-55 {
        width: 55% !important;
    }
    .w-md-60 {
        width: 60% !important;
    }
    .w-md-65 {
        width: 65% !important;
    }
    .w-md-70 {
        width: 70% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-80 {
        width: 80% !important;
    }
    .w-md-85 {
        width: 85% !important;
    }
    .w-md-90 {
        width: 90% !important;
    }
    .w-md-95 {
        width: 95% !important;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-auto {
        width: auto !important;
    }
}
/*--------------------------------------------------------------
 Large devices (desktops, 992px and up)
--------------------------------------------------------------*/
@media (min-width: 992px) {
    .hero-section {
        height: 450px !important;
    }
    .hero-section-contact {
        height: 350px !important;
    }
    .shero-form-contact {
        height: 400px !important;
    }
    .hero-section-inquiry {
        height: 420px !important;
    }
    .w-lg-33 {
        width: 33% !important;
    }
    .w-lg-10 {
        width: 10% !important;
    }
    .w-lg-15 {
        width: 15% !important;
    }
    .w-lg-20 {
        width: 20% !important;
    }
    .w-lg-25 {
        width: 25% !important;
    }
    .w-lg-30 {
        width: 30% !important;
    }
    .w-lg-35 {
        width: 35% !important;
    }
    .w-lg-40 {
        width: 40% !important;
    }
    .w-lg-45 {
        width: 45% !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .w-lg-55 {
        width: 55% !important;
    }
    .w-lg-60 {
        width: 60% !important;
    }
    .w-lg-65 {
        width: 65% !important;
    }
    .w-lg-70 {
        width: 70% !important;
    }
    .w-lg-75 {
        width: 75% !important;
    }
    .w-lg-80 {
        width: 80% !important;
    }
    .w-lg-85 {
        width: 85% !important;
    }
    .w-lg-90 {
        width: 90% !important;
    }
    .w-lg-95 {
        width: 95% !important;
    }
    .w-lg-100 {
        width: 100% !important;
    }
    .w-lg-auto {
        width: auto !important;
    }
}
/*--------------------------------------------------------------
 Extra large devices (large desktops, 1200px and up)
--------------------------------------------------------------*/
/*@media (min-width:1200px){
.w-10{width:10%!important}.w-15{width:15%!important}
.w-20{width:20%!important}.w-25{width:25%!important}
.w-30{width:30%!important}.w-35{width:35%!important}
.w-40{width:40%!important}.w-45{width:45%!important}
.w-50{width:50%!important}.w-55{width:55%!important}
.w-60{width:60%!important}.w-65{width:65%!important}
.w-70{width:70%!important}.w-75{width:75%!important}
.w-80{width:80%!important}.w-85{width:85%!important}
.w-90{width:90%!important}.w-95{width:95%!important}
.w-100{width:100%!important}.w-auto{width:auto!important}
}*/
.rounded-circle {
    border-radius: 50% !important;
}
.custom-rounded {
    border-radius: 25px;
}
.font-weight-lighter {
    font-weight: lighter !important;
    border-radius: 25px;
}
.custom-breadcrumb {
    font-size: 12px;
    color: #fff;
    background: transparent;
}
.lets-go {
    border: solid 1px #babcbe;
}
#discover-world {
    background: url(../img/world-map-bg.png) no-repeat center 25%;
}
#discover-world .cont-title {
    font-size: 20px;
}
.countries-links ul {
    list-style: none;
    padding-left: 0px;
}
.promotion-ads {
    background: url(../images/south-africa-flights.html) no-repeat 100%;
    min-height: 263px;
    background-size: cover;
    width: 100%;
}
.country-flag {
    text-align: right;
}
.country-city-fare {
    font-size: 80px;
    line-height: 70px;
    color: #fff;
    font-weight: 700;
}
.country-city-name {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
.fare-as {
    border: solid 2px #fff;
    color: #fff;
    background: transparent;
}
.country-flag-small img {
    width: 18%;
}
.fare-secondry {
    font-size: 25px;
    margin-top: -30px;
    font-weight: 700;
}
.fare-secondry span {
    display: block;
    font-weight: 300;
    font-size: 16px;
}
.fare-small a {
    font-size: 12px;
    text-decoration: none;
}
.btn-action {
    color: #fff;
    cursor: pointer;
    border: none;
    text-align: left;
    text-transform: uppercase;
}
.btn-blue {
    background: #cd0001;
    border-radius: 5px;
    font-size: 16px;
}
.btn-red {
    background: #cd0001;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.btn-orange {
    background: #ff7d4b;
    border-radius: 5px;
    font-size: 14px;
}
.btn-green {
    background: #27c708;
    border-radius: 5px;
    font-size: 14px;
}
.btn-greenfa {
    background: #27c708;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.btn-greenfa:hover {
    color: #fff;
}
.btn-dark-blue {
    background: #0a3c88;
    border-radius: 5px;
}
.img-float {
    float: right;
    padding-right: 2px;
}
#flight-deals .indicator .bi {
    color: #2c3443;
    font-size: 30px;
    font-weight: 900;
}
.privacy-policy {
    font-size: 1rem;
}
.privacy-policy h1,
.privacy-policy h2,
.privacy-policy h3,
.privacy-policy h4,
.privacy-policy h5,
.privacy-policy h6 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.3rem;
}
.privacy-policy ol {
    list-style: none;
    padding-left: 0px;
}
.privacy-policy ol li {
    list-style: none;
}
.privacy-policy ul li::before {
    content: "•";
    color: #2c3443;
}
.privacy-policy ol li {
    list-style: none;
}
.privacy-policy ul {
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
}
.privacy-policy p {
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
}
#booking-conditions {
    padding-top: 0px;
    font-size: 1rem;
}
#booking-conditions h1,
#booking-conditions h2,
#booking-conditions h3,
#booking-conditions h4,
#booking-conditions h5,
#booking-conditions h6 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.3rem;
}
#booking-conditions .sub-title {
    color: gray;
    padding-bottom: 15px;
}
/*--------------------------------------------------------------
 Business / First Class Flights
--------------------------------------------------------------*/
#priority-hotline {
    padding-top: 0px;
    padding-bottom: 0px;
}
#priority-hotline .primary-contact {
    font-size: 33px;
    line-height: 30px;
}
#priority-hotline .primary-contact .fa {
    background: #27c609;
    color: #fff;
    font-size: 28px;
    line-height: 20px;
    margin-top: 8px;
}
#priority-hotline .primary-contact span {
    display: block;
    text-transform: capitalize;
    font-size: 16px;
}
#priority-hotline .text-contact {
    border-right: solid 1px #202020;
}
#priority-hotline .timings {
    font-size: 16px;
}
#priority-hotline .timings span {
    display: block;
    color: #27c708;
    text-transform: uppercase;
    font-weight: 700 !important;
}
#business-class-deals {
    padding-top: 0px;
    padding-bottom: 0px;
}
#business-class-deals .custom-rounded {
    border-radius: 25px;
}
#business-class-deals .best-deals {
    border: 1px solid #d0d2d5;
    border-radius: 12px;
}
#business-class-deals .logo-airline {
    text-align: left !important;
}
#business-class-deals .logo-airline img {
    width: 100px;
    height: 100px;
    top: 18px;
    left: 18px;
    border-radius: 8px;
}
#business-class-deals .logo-airline-center {
    text-align: center !important;
}
#business-class-deals .logo-airline-center img {
    width: auto;
}
#business-class-deals .fare-list {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
}
#business-class-deals .fare-list span {
    font-size: 12px;
    display: block;
    line-height: 15px;
}
#business-class-deals .fare-list {
    line-height: 25px;
}
#business-class-deals .fare-list span {
    font-size: 12px;
    font-weight: normal;
    display: block;
    line-height: 15px;
}
#business-class-deals .title {
    font-size: 0.95em;
}
#business-class-deals .dpt-to-rtn {
    font-size: 20px;
}
#business-class-deals .dpt-to-rtn .fare-dpt {
    font-weight: 500;
    font-size: 14px;
    line-height: 2px;
    color: #434a58;
}
#business-class-deals .dpt-to-rtn .fare-cost {
    font-weight: 700;
    font-size: 20px;
    line-height: 18px;
    color: #051039;
}
.more-inquire-btn-red {
    gap: 8px;
    border-radius: 12px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: #cd0001;
    color: #fff;
}
.more-inquire-btn-reds {
    width: 134px;
    height: 44px;

    gap: 8px;
    border-radius: 12px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: #cd0001;
    color: #fff;
}
.form-btn-main-v {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.form-btn-main-v .success {
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #4caf50;
    color: #fff;
}
.form-btn-main-v .dengres {
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #cd0001;
    color: #fff;
}
.more-inquire-btn-red:hover,
.more-inquire-btn-reds:hover {
    color: #fff;
    background-color: #a80000;
    transform: translateY(-2px);
}
#business-class-deals .btn-blue {
    color: #fff !important;
    border-radius: 15px;
}
#business-class-deals .btn-blue:hover {
    color: #000 !important;
}
#business-class-deals .date-dpt-rtn {
    background: #fe363c;
    font-size: 12px;
    color: #fff;
    padding: 3px 0px;
    display: inline;
}
@media screen and (max-width: 768px) {
    #business-class-deals .logo-airline {
        text-align: center !important;
    }
    #business-class-deals .logo-airline img {
        width: auto;
    }
    #business-class-deals .logo-airline-center {
        text-align: center !important;
    }
    #business-class-deals .logo-airline-center img {
        width: auto;
    }
    #business-class-deals .fare-list {
        font-size: 25px;
        font-weight: 700;
        text-align: left;
    }
    #business-class-deals .title {
        font-size: 1rem;
    }
    #business-class-deals .dpt-to-rtn {
        font-size: 22px;
    }
    #business-class-deals .date-dpt-rtn {
        background: transparent;
        color: inherit;
        padding-left: 0px !important;
        border-radius: 4px;
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
}
/*--------------------------------------------------------------
 Accordain Layout for FAQs and City/Country FAQs pages 
--------------------------------------------------------------*/
#regionFAQ {
    background: none;
}
#regionFAQ .accordion-item {
    border: none;
}
#regionFAQ .accordion-button {
    background-color: #fbfbfb;
    font-weight: 500;
}
#regionFAQ .accordion-button:not(.collapsed) {
    background-color: #fbfbfb;
}
#regionFAQ .accordion-button h1,
.accordion-button h2,
.accordion-button h3,
.accordion-button h4,
.accordion-button h5,
.accordion-button h6,
.accordion-button strong,
.accordion-button b {
    font-size: 20px;
    line-height: 0px;
    font-weight: 600;
    margin: 0px;
    color: #2c3443;
}
#regionFAQ .accordion-body {
    font-size: 18px;
}
@media screen and (max-width: 768px) {
    #regionFAQ .accordion-button h1,
    .accordion-button h2,
    .accordion-button h3,
    .accordion-button h4,
    .accordion-button h5,
    .accordion-button h6,
    .accordion-button strong,
    .accordion-button b {
        line-height: normal;
        font-size: 1.2rem;
    }
}
/*--------------------------------------------------------------
 City / Country Layout 
--------------------------------------------------------------*/
.hero-points ul {
    list-style: none;
    color: #fff;
    font-size: 20px;
}
.hero-points ul li {
    display: inline;
}
#pageintro {
    font-size: 1.25em;
}
#trust-ad {
    padding-bottom: 30px;
}
#trust-ad .quick-detail {
    border: solid 1px #babcbe;
    font-size: 18px;
}
#trust-ad .equal-height-col {
    min-height: 240px !important;
}
#trust-ad .trust-rate {
    font-size: 30px;
    line-height: 25px;
    font-weight: bold;
}
#trust-ad .trust-rate span {
    font-size: 16px;
    display: block;
    font-weight: normal;
}

#destLinks {
    padding-top: 4px;
    padding-bottom: 50px;
}
#destLinks .ext-links {
    border: solid 1px #d9d9d9;
    line-height: 35px;
    border-radius: 16px;
}
#destLinks .ext-links h1,
.ext-links h2,
.ext-links h3,
.ext-links h4,
.ext-links h5,
.ext-links h6 {
    background: #252936;
    color: #fff;
    font-size: 20px;
}
#destLinks .ext-links ul {
    list-style: none !important;
}

#cf-box {
    background: #fbfbfb;
    padding: 40px;
}
#cf-box .cf-offer a {
    color: #000;
}
#cf-box .cf-offer a:hover {
    text-decoration: none;
}
#cf-box .cf-deal {
    margin-top: -55px;
    z-index: 500;
    position: sticky;
    margin-left: 15px;
    margin-right: 15px;
    min-height: auto;
    padding: 15px;
    background: #fff;
    border: solid 1px #bdbdbd;
}
#cf-box .cf-dest {
    font-size: 18px;
}
#cf-box .cf-dest a {
    color: #000;
}
#cf-box .cf-dest span {
    font-size: 35px;
    display: block;
}
#cf-box .cf-dest .fa {
    color: #051039;
}
#cf-box .float-end-arrow {
    line-height: 10px;
    text-align: right;
    color: #051039;
    font-size: 35px;
}
#cf-box .float-end-arrow a {
    font-size: 35px;
}
#cf-box .float-end-arrow a:hover {
    text-decoration: none;
}
#cf-box .cf-disclaimer {
    font-size: 12px;
    text-align: center;
    color: #9d9b9b;
}
@media (max-width: 767px) {
    #trust-ad .equal-height-col {
        min-height: auto;
    }
    #trust-ad img.review {
        width: 50%;
    }
    #cf-box .cf-deal {
        margin-left: 10px;
        margin-right: 10px;
        padding: 5px;
    }
    #cf-box .cf-dest span {
        font-size: 25px;
    }
}
@media screen and (max-width: 480px) {
    .hero-points ul li {
        display: block;
    }
}
#rtn-onew-deals {
    padding-bottom: 30px;
}
#rtn-onew-deals .deposit-box {
    background: #252936;
    font-size: 35px;
    color: #ffba16;
}
#rtn-onew-deals .deposit-box span {
    background: #252936;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
}
#rtn-onew-deals .flight-rtn-one {
    border: solid 1px #babcbe;
    font-size: 18px;
}
#rtn-onew-deals .trip-time {
    color: #375dd8;
}
#rtn-onew-deals .trip-time span {
    display: block;
    font-size: 14px;
    color: #2c3443;
}
#rtn-onew-deals .trip-price {
    background: #252936;
    padding: 20px 0px;
    color: #ffba16;
    text-align: center;
    font-size: 25px;
    line-height: 25px;
}
#rtn-onew-deals .trip-dates {
    background: #051039;
    padding: 20px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
}
#rtn-onew-deals .trip-price span {
    display: block;
    font-size: 15px;
    color: #fff;
    font-style: italic;
}
#rtn-onew-deals .flight-rtn-one a:hover {
    text-decoration: none;
}
#rtn-onew-deals .trip-price-r {
    background: #252936;
}
#rtn-onew-deals .trip-price-o {
    background: #252936;
}
#rtn-onew-deals .trip-price-return {
    background: #fff;
    color: #252936;
}
#rtn-onew-deals .trip-price-one-way {
    background: #fff;
    color: #252936;
}
#rtn-onew-deals .recent-price-button {
    background: #ffd30e;
    border: none;
    font-size: 13px;
    border-radius: 25px;
}

.deal-found-new {
    font-size: 15px;
    position: relative;
    top: -16px;
}
.deal-found-ol {
    top: -20px;
}
.deal-found-new .btn-1 {
    background: #454545;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    border-radius: 8px;
}
.deal-found-new .btn-2 {
    border: solid 1px #babcbe;
    background: #fff;
    border-radius: 8px;
    font-size: 0.85em;
    float: right;
}
/*--------------------------------------------------------------
Fly/Book Now Pay Later
--------------------------------------------------------------*/
#fnpl-deals {
    padding-top: 30px;
    padding-bottom: 30px;
}
#fnpl-deals .deal-fly-now-pay-later {
    border: solid 1px #babcbe;
}
#fnpl-deals .custom-rounded {
    border-radius: 10px;
}
#fnpl-deals .deal-fly-dest-name {
    font-size: 20px;
}
#fnpl-deals .deal-fly-dest-fare {
    font-size: 40px;
    line-height: 40px;
}
#fnpl-deals .btn-plan {
    font-size: 12px;
    color: #fff;
}
@media screen and (max-width: 768px) {
    #fnpl-deals .deal-fly-now-pay-later {
        border: solid 2px #767676;
    }
    #fnpl-deals .deal-fly-dest-fare {
        font-size: 40px;
        line-height: 40px;
    }
}
#page-fly-now-pay-later {
    padding-top: 30px;
    padding-bottom: 30px;
}
#page-fly-now-pay-later .sub-heading {
    font-size: 1rem;
}
#page-fly-now-pay-later .custom-rounded {
    border-radius: 10px;
}
#page-fly-now-pay-later .info-fly-now-pay-later {
    border: solid 1px #babcbe;
}
#page-fly-now-pay-later .info-fly-now-pay-later .fas {
    color: #7bd10b;
    font-size: 20px;
}
#page-fly-now-pay-later .info-fly-now-pay-later .dark-border {
    border-top: solid 1px #767676;
}
#page-fly-now-pay-later .info-fly-now-pay-later .info-title {
    font-size: 30px;
    font-weight: 700;
}
#page-fly-now-pay-later .info-fly-now-pay-later .info-title span {
    color: #0084ff;
    font-size: 30px;
    padding-right: 10px;
}
#page-fly-now-pay-later .info-fly-now-pay-later .info-call {
    font-size: 25px;
    color: #7bd10b;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    #page-fly-now-pay-later .info-fly-now-pay-later {
        border: solid 2px #767676;
    }
}
#can-apply {
    padding-top: 30px;
    padding-bottom: 30px;
}
#can-apply .sub-heading {
    font-size: 1rem;
}
#can-apply .custom-rounded {
    border-radius: 10px;
}
#can-apply .apply-text {
    font-size: 18px;
    color: #fff;
}

.box-updates {
    background: #f0f1f4;
}
.covid-title h1,
.covid-title h2,
.covid-title h3,
.covid-title h4,
.covid-title h5,
.covid-title h6 {
    font-size: 20px;
    font-weight: 600;
    color: #0a3c88;
}
.covid-title .fas {
    color: #fe363c;
}
.covid-question button h1,
.covid-question button h2,
.covid-question button h3,
.covid-question button h4,
.covid-question button h5,
.covid-question button h6 {
    font-size: 18px;
    display: contents;
}
.update {
    background: #fff;
}
.update button {
    background: #fff;
    color: #000;
    border: none;
    text-align: left;
    border-radius: 25px;
}
.update .far {
    font-size: 25px;
}
.custom-body-card {
    border: none;
    margin-top: 10px;
    text-align: justify;
}

/* CONTACT US SECTION */
.box-contact-us {
    background: #0a3c88;
    border-radius: 4px;
    color: #fff;
    margin-right: 1px;
    height: 80px;
}
.box-contact-us a {
    color: #000;
}
#contact-us input,
#contact-us textarea {
    border: solid 1px #babcbe;
}
.c-text {
    font-size: 17px;
    font-weight: 600;
}
.c-text span {
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.c-address-text {
    font-size: 15px;
    min-height: 48px;
}
.c-form {
    background: #545454;
    border-radius: 4px;
    height: 525px;
}
.c-form h1 {
    font-size: 18px;
    color: #fff;
}
.c-form .my-btn {
    background: #f3b703;
    font-size: 14px;
    font-weight: bold;
}

/* Round The World Flights */
.round-the-world {
    background: url(../img/round-the-world/bg.png) no-repeat 90% #cd0001;
    border-radius: 25px;
    color: #fff;
}
.multi-stop {
    line-height: 30px;
}
.choose-one {
    background: #fff;
    overflow: hidden;
}
.choose-one label {
    background: #fe363c;
    margin-bottom: 0px;
}
.choose-one select {
    height: 38px;
    border: none;
}
@media screen and (max-width: 768px) {
    .round-the-world {
        background-size: 60%;
        background-position: 95% 25%;
    }
}
.search-secondry {
    background: #cd0001;
    border-radius: 25px; /*background:rgb(0,87,255);background:linear-gradient(180deg,rgba(0,87,255,1) 0%,rgba(32,9,157,1) 100%);*/
}

/* Beat my Quote / Call me Back */
.beat-my-quote {
    background: url(../img/beat-my-quote-bg.png) no-repeat bottom right #cd0001;
    border-radius: 25px;
    color: #fff;
}
.trusted-panel {
    font-size: 18px;
}
.trusted-panel span {
    font-size: 14px;
}
.trusted-panel b {
    color: #000000;
    font-weight: 400;
}
.form-title-secondry {
    font-size: 22px;
}
.white-title-bigger {
    font-size: 40px;
}
@media screen and (max-width: 768px) {
    .beat-my-quote {
        background-size: 50%;
    }
    .white-title-bigger {
        font-size: 30px;
    }
}
/* --------- Responsive Table --------- */
.table-responsive .table {
    width: 100%;
    border-collapse: collapse;
}
.table-responsive .table td,
.table-responsive .table th {
    font-size: 1rem;
}
@media (max-width: 767px) {
    .table-responsive .table th {
        display: none;
    }
    .table-responsive .table tbody tr {
        border-top: solid 1px #efefef;
        border-bottom: solid 1px #efefef;
    }
    .table-responsive .table td {
        display: grid;
        gap: 0.25rem;
        grid-template-columns: 14ch auto;
        padding: 0.2rem 0.5rem;
        border: none;
    }
    .table-responsive .table > :not(:first-child) {
        border: none;
        margin-top: 10px;
    }
    .table-responsive .table td:first-child {
        padding-top: 0.5rem;
    }
    .table-responsive .table td:last-child {
        padding-bottom: 0.5rem;
    }
    .table-responsive .table td::before {
        content: attr(data-cell) " ";
        font-weight: 700;
    }
}
/* Members Button in Header */
.user-pic {
    width: 35px;
    height: 35px;
}
.mobile-button {
    width: 189;
    height: 48;
    border-radius: 8px;
    border-width: 1px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;
    border: solid 1px #051039;
    color: #051039 !important;
}

.btn-custom {
    --bs-btn-color: #fff;
    --bs-btn-bg: #cd0001;
    --bs-btn-border-color: #cd0001;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b80001; /* slightly darker for hover effect */
    --bs-btn-hover-border-color: #a70001;
    --bs-btn-focus-shadow-rgb: 205, 0, 1; /* RGB of #CD0001 */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a70001;
    --bs-btn-active-border-color: #960001;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #cd0001;
    --bs-btn-disabled-border-color: #cd0001;
}

.btn-signin {
    min-width: 100px;
    text-align: center;
    border-radius: 8px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-color: #cd0001;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1%;
}
.btn-signin:hover {
    /* color: white !important;
    background-color: #a80000; */
    border: none;
    transform: translateY(-2px);
}
.form-check-input:checked {
    background-color: #cd0001;
    border-color: #cd0001;
}
.search-results {
    margin-top: 8rem;
}
.callback-button {
    width: 160px;
    height: 48px;
    border-radius: 8px;
    padding: 12px 24px;
    background-color: #cd0001;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.callback-button:hover {
    background-color: #a50000;
    color: #ffffff;
    text-decoration: none;
}

@media (max-width: 768px) {
    .signin-button,
    .mobile-button {
        font-size: 1.1rem;
    }

    .search-results {
        margin-top: 4rem;
    }
}

/* Holiday Deals */
.icon-yellow {
    color: #ffcc35;
}
.icon-navy-blue {
    color: #0a3c88;
}
.icon-blue {
    color: ;
}
.icon-red {
    color: #fe363c;
}
.icon-ornage {
    color: #ff7d4b;
}
.icon-green {
    color: #27c708;
}
.holiday-deal {
    border-radius: 6px;
    background: #fff;
}
.holiday-deal .cost {
    font-weight: 700;
    font-size: 16px;
}
.holiday-title {
    font-size: 22px;
    min-height: 65px;
}
.holiday-title span {
    font-size: 14px;
    display: block;
}
.color-gold {
    color: #ffd700 !important;
}
.color-gold-button:hover {
    color: #141d2e;
}
.color-gold-button {
    background-color: #ffd700 !important;
    border-radius: 12px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 8px;

    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1%;
    color: #141d2e;
}
.Light-grayish-blue {
    color: #e8e8ea !important;
}

.header-certificate-badges {
    background: #fff;
    border: 1px solid #0000001a;
    padding-top: 13px;
    padding-bottom: 76px;
    position: relative;
}

.header-certificate-badges-p {
    width: 424;
    height: 196;
    gap: 16px;
    border-radius: 16px;
    border-width: 1px;
    padding: 24px;
    border: 1px solid #0000001a;
}
.header-certificate-badges-p img {
    width: 48;
    height: 48;
    padding-bottom: 6px;
}
.header-certificate-badges-p h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #141d2e;
}
.header-certificate-badges-p p {
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    color: #434a58;
}

.header-certificate-img {
    position: absolute;
    top: 87px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    max-height: 100%;
}
/* home banner form */

.border-radius-12 {
    border-radius: 12px;
}
/*-----------	Search Engine	------------------------------*/
.hero-section {
    background-color: #051039;
    overflow: visible;
}
.hero-section p {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.hero-section h1,
.hero-section h2,
.hero-section h3,
.hero-section h4,
.hero-section h5,
.hero-section h6 {
    color: white;
    font-size: 25px;
    font-weight: 300;
    line-height: 25px;
}
.hero-section-padding {
    margin-top: 50px;
}
.ns-primary {
    background: #fff;
}
/* .hero-section-control {
    border: 1px solid #9da1ae;
    line-height: 30px;
    border-radius: 8px;
} */
.hero-section-dropdown {
    font-size: 16px;
    padding: 2px 25px 2px 15px;
}
.hero-section-btn {
    background: #cd0001 !important;
    border: solid 1px #cd0001;
    line-height: 24px;
}
.switch-search {
    top: 20%;
    right: 48.5%;
    z-index: 1;
}
.ns-psngr button {
    border: solid 1px #696969;
    border-radius: 4px;
    line-height: 33px;
    background: transparent;
}
.ns-psngr button:hover {
    background: #051039;
    color: #fff !important;
    border: solid 1px #051039;
}
.ns-psngr button.active {
    background: #051039;
    color: #fff !important;
    border: solid 1px #051039;
}
.ns-flight-type {
    padding: 8px 15px 8px 15px;
    font-weight: bold;
}
.return-one-way {
    /* Corrected typo: retrun -> return */
    background-color: #fae6e6;
    border-radius: 40px;
}

.hero-section .btn-outline-primary:hover {
    color: #ffff;
    background: #cd0001;
    border-radius: 7px; /* Keep consistent with checked state if desired */
}

.hero-section .btn-check:checked + .btn-outline-primary {
    color: #fff;
    background: #cd0001;
    border-radius: 7px;
}

.hero-section div.middle {
    margin: auto;
    width: 100%;
}
.hero-section .text-type-animation {
    font-size: 18px;
    text-transform: uppercase;
}
.hero-section .txt-rotate {
    color: #fff;
}
.hero-section .flipped {
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}
#travellerTXT .bi-person-fill {
    color: #565568;
    font-size: 25px;
    float: none;
}
.search-dropdown {
    margin-left: -83% !important;
}

@media (max-width: 768px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    /*.custom-header .logo a{width:300px;border:solid 1px red}*/
    /*.mobile-head-call img{width:80%}*/
    .hero-section-padding-mobile {
        display: none !important;
    }
    .mobile-head-call {
        margin: auto;
        border: solid 1px #393939;
        border-radius: 50px;
        font-weight: bold;
        font-size: 18px;
        height: 37px;
    }
}
@media (max-width: 767px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    .ns-primary {
        background: transparent;
    }
    .ns-ico-text-field {
        padding-top: 20px;
        padding-left: 0px;
    }
    .ns-left-pad {
        padding-left: 12px;
    }
    .hero-section-dropdown {
        border-radius: 6px;
        line-height: 38px;
    }
    /*.navbar .dropdown ul{left:0!important}*/
    .hero-section-dropdown .bi {
        margin-top: 5px;
    }
    .psngr-navbar {
        margin-top: 10px;
    }
    .psngr-navbar ul {
        width: 100%;
    }
    .psngr-navbar ul li {
        width: 100%;
    }

    /* .{height:100vh!important} */

    /* .hero-section-control {
        line-height: 30px !important;
        padding: 0px;
        padding-left: 22px !important;
        border-radius: 6px !important;
    } */
    .ico-text-field {
        padding-left: 0;
    }
    .ico-text-field img {
        width: 20px;
    }
    .bor-bot-only {
        border-bottom: solid 1px #c2c2c2;
        border-radius: 0px;
    }
    .hero-section-btn {
        background: #cd0001 !important;
        border: solid 1px #cd0001;
        line-height: 30px;
        color: #fff;
    }

    .hero-section .btn-outline-primary:hover {
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

    .switch-search {
        top: 39%;
        right: 7%;
    }
    .ns-dpt-rtn {
        background: #fff;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 0px 15px 0px 15px;
    }
    .ns-dpt-rtn input[type="text"]::placeholder {
        font-size: 17px;
    }
    .ns-dpt-rtn-dates {
        background: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        padding: 0px 15px 0px 15px;
        border-top: solid 1px #c2c2c2;
    }
    .ns-dpt-rtn-dates input[type="text"]::placeholder {
        font-size: 17px;
        line-height: 35px;
    }
    #travellerTXT {
        font-size: 14px;
    }
    #travellerTXT .bi-person-fill {
        color: #565568;
        font-size: 22px;
        float: none;
    }
    .nm-header .logo img {
        max-height: 40px !important;
    }
    .nm-header {
        padding: 0px 0px !important;
        background-color: white !important;
    }
    .nm-header .nav-img-repeat {
        height: 40px;
    }
    .search-dropdown {
        margin-left: 0px !important;
    }
}
@media (max-width: 580px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
}
@media (max-width: 425px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    .nm-header .logo {
        font-size: 17px !important;
    }
    .nm-header .logo img {
        max-height: 40px !important;
    }
    .mobile-head-call {
        margin: auto;
        border: solid 1px #393939;
        border-radius: 50px;
        font-weight: bold;
        font-size: 15px;
        height: 30px;
    }
    .mobile-head-call img {
        width: 30px;
    }
}
@media (max-width: 375px) {
    .hero-section .search-spacing {
        margin-top: 0;
    }
    .nm-header .logo {
        font-size: 16px !important;
    }
}
@media (max-width: 320px) {
    .nm-header .logo {
        font-size: 14px !important;
    }
    .ns-psngr button {
        font-size: 0.75rem;
    }
    .select-title {
        font-size: 16px;
    }
}

#page-text {
    padding-top: 30px;
    padding-bottom: 30px;
}
#page-text h1,
#page-text h2,
#page-text h3,
#page-text h4,
#page-text h5,
#page-text h6 {
    color: #141d2e;
    font-size: 30px;
    font-weight: 400;
    margin-top: 10px;
    text-wrap: balance;
}
#page-text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}
#page-text ul,
#page-text ol {
    font-size: 18px;
    line-height: 28px;
}
#page-text ul li {
    padding-left: 15px;
}
#page-text ol li {
    padding-left: 15px;
}
#page-text .fad {
    color: #cd0001;
    font-size: 18px;
}

#page-links {
    font-size: 18px;
    padding-top: 30px;
}
#page-links h1,
#page-links h2,
#page-links h3,
#page-links h4,
#page-links h5,
#page-links h6 {
    font-size: 30px;
    font-weight: 400;
}
#page-links .fad {
    color: #c2c5cc;
    font-size: 35px;
    vertical-align: middle;
    padding-right: 30px;
    padding-top: 5px;
}
#page-links .links ul li {
    padding-bottom: 8px;
}
#page-links .links ul li a {
    font-weight: 400;
}
@media (max-width: 576px) {
    #page-links h1,
    #page-links h2,
    #page-links h3,
    #page-links h4,
    #page-links h5,
    #page-links h6 {
        font-size: 25px;
        font-weight: 400;
    }
    #page-links .fad {
        color: #c2c5cc;
        font-size: 25px;
        vertical-align: middle;
        padding-right: 10px;
        padding-top: 5px;
    }
}

/* General Pages Text Styling... */
.page-text {
    padding-top: 30px;
    padding-bottom: 30px;
}
.page-text h1,
.page-text h2,
.page-text h3,
.page-text h4,
.page-text h5,
.page-text h6 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 10px;
    text-wrap: balance;
}
.page-text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}
.page-text ul,
#privacyPolicy .page-text ol {
    font-size: 18px;
    line-height: 28px;
    list-style: none;
}
.page-text ul li::before {
    content: "\2713"; /* Unicode tick ✔ */
    color: #434a58; /* Use correct hex color */
    font-weight: bold;
    margin-right: 8px;
}
.page-text ul li {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 1%;
}
.page-text ol li {
    padding-left: 15px;
}

#recent-searches {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
}
#recent-searches h1,
#recent-searches h2,
#recent-searches h3,
#recent-searches h4,
#recent-searches h5,
#recent-searches h6 {
    font-size: 30px;
    font-weight: 700;
}
#recent-searches .recent-fare-main {
    gap: 16px;
    border-radius: 12px;
    border-width: 1px;
    padding: 20px;
    border: solid 1px #d0d2d5;
}
.airline-div {
    margin-top: 15px;
}

.airline-div p {
    font-weight: 500;
    font-size: 14px;
    line-height: 15.6px;
    letter-spacing: 1%;
    color: #2c3443;
}
#recent-searches .recent-fare {
    border: solid 1px #d0d2d5;
    border-radius: 8px;
    margin-left: 2px;
}
#recent-searches .recent-fares {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
    margin-left: 2px;
}

#recent-searches .recent-fare-from {
    font-weight: 700;
    font-size: 20px;
    line-height: 28.8px;
    color: #051039;
    padding: 10px;
}

#recent-searches .recent-dep-rtn {
    font-weight: 500;
    font-size: 14px;
    line-height: 13.6px;
    letter-spacing: 1%;
    text-align: right;
    color: #2c3443;
}
/* .lon-air {
  color: #141d2e;
  font-weight: 600;
  font-size: 20px;
  line-height: 10px;
  letter-spacing: 1%;
}
.lon-air p {
  font-size: 17px;
  margin-bottom: 10px;
} */
.lon-air {
    color: #141d2e;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1%;
}

.lon-air p {
    font-size: 17px;
    margin-bottom: 10px;
}

.airline-logo-icon {
    flex-grow: 0; /* Prevents expansion of center */
    width: 100px; /* Adjust width for balance */
}

#recent-searches .recent-dep-rtn span {
    display: block;
    font-weight: 300;
    font-size: 15px;
}
#recent-searches .recent-price-button {
    background: #ffd30e;
    border: none;
    font-size: 13px;
    border-radius: 25px;
}
@media screen and (max-width: 768px) {
    #recent-searches .recent-fare-from {
        display: inline;
        color: #000;
        font-size: 23px;
        line-height: 45px;
    }
    /* #recent-searches .recent-fare button {
        background: #cd0001;
        color: #fff;
    } */
    #recent-searches .recent-price-button {
        background: #cd0001;
        color: #fff;
    }
    .btn-greenfa {
        width: 80px !important;
        overflow: hidden;
        font-size: 20px;
    }
}

.quick-detail {
    border: solid 1px #babcbe;
    font-size: 18px;
}
.equal-height-col {
    min-height: 261px;
}
.call-icon .fas {
    background: #27c609;
    color: #fff;
    font-size: 30px;
}
.low-high-fare {
    font-size: 40px;
}
.quick-number {
    font-size: 30px;
}
.opens span {
    color: #27c708;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}
.cheapest-month {
    background: #f0f1f4;
    font-size: 14px;
}
/* .retrun-one-way {
    background-color: #fae6e6;
    border-radius: 40px;
} */
.second-title {
    color: #434a58;
}
.date-rw {
    font-weight: 500;
    font-size: 17px;
    line-height: 20.2px;
    color: #ffffff;
}
.deal-title {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.deal-city {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price {
    font-weight: 700;
    font-size: 22px;
    line-height: 28.6px;
}
.price span {
    font-size: 22px;
    line-height: 28.2px;
    color: #cdcfd7;
}

/* Responsive styles for mobile screens */
@media (max-width: 576px) {
    .deal-city {
        text-align: center;
        font-size: 20px;
    }

    .price {
        font-size: 24px; /* Reduce font size for mobile */
        line-height: 30px;
        margin-top: 5px; /* Add spacing between city and price */
    }
}

.heading-h4-footer {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    padding-bottom: 25px;
}
.header-badges-img {
    max-width: 100%;
    max-height: 100%;
}

p {
    color: #434a58;
    font-size: 18px;
    font-family: "Inter", sans-serif;
}
.read-more {
    color: #051039;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.78px;
    text-decoration: underline;
}

#btn-back-to-top {
    position: fixed;
    bottom: 50px;
    left: 15px;
    display: none;
    background-color: #de1054;
}
#btn-back-to-call {
    position: fixed;
    bottom: 50px;
    left: 15px;
    display: none;
}
#btn-back-to-whatsapp {
    position: fixed;
    bottom: 110px;
    left: 15px;
    display: none;
    background: #0dc143 !important;
    z-index: 999;
}
#btn-back-to-whatsapp .fab {
    font-size: 1.5rem;
}
#btn-back-to-chat {
    position: fixed;
    bottom: 75px;
    right: 10px;
}
.chat-alert-box {
    width: 61px;
    height: 61px;
    position: fixed;
    bottom: 75px;
    right: 10px;
    z-index: 9;
}
.chat-alert {
    background: #202020;
    border: solid 1px #0c0c0c;
    border-radius: 6px;
    position: absolute;
    bottom: 55px;
    right: 40px;
    width: 120px;
    height: auto;
    color: #fff;
    font-style: italic;
}
.material-symbols {
    border-radius: 12px;
    border-width: 1px;
    padding: 20px;
    gap: 24px;
    border: 1px solid #d0d2d5;
    margin-bottom: 10px;
}
.matrial_heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 23.4px;
    color: #141d2e;
}
.matrial_sub {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #434a58;
}
.contact-us-container {
    position: relative;
    z-index: 2; /* Ensure form is above overlay */
    background: white;
    border-radius: 8px;
    text-align: center;
}
.contact-us-container label {
    font-weight: 600;
    font-size: 14px;
    color: #141d2e;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
.textarea-height {
    height: 145px !important; /* Set a fixed height for textarea */
    padding: 10px;
}
.contact-us-container label span {
    color: #cd0001;
}

/* Signup Button */
.contactUs-btn {
    width: 100%;
    background-color: #cd0001;
    color: white;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    height: 48;
    padding: 7px 24px;
}
.contactUs-btn a {
    color: white;
}

.contactUs-btn a:hover {
    background-color: #cd0001;
    color: white;
    text-decoration: none;
}
.inquiry-tag-line {
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    color: #e8e8ea !important;
}
.inquiry-tag-line span {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    color: #ffffff;
}
.bg-color {
    background-color: #fcfcfc;
}
.recent-post .recent-heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}
.recent-post .recent-headings {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
.recent-post .recent-headings img {
    width: 10px;
    height: 10px;
    margin-right: 05px;
}
.recent-post img {
    width: 68px;
    height: 68px;
}
.recent-post .recent-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #6b6b6b;
}
.recent-post .recent-date img {
    width: 10px;
    height: 10px;
    top: 11.14px;
    left: 0px;
}
.consectetur img {
    max-width: 100%;
    height: auto;
    display: block; /* Prevents extra space below image */
    margin-bottom: 15px; /* Adds space between image and text */
}

.consectetur p {
    text-align: justify;
}

.rec-post {
    background-color: #051039;
    height: 50px;
}
.rec-post p {
    font-weight: 600;
    font-size: 14px;
    line-height: 18.2px;
    color: #ffffff;
    padding: 15px;
}
.airport-span-red {
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 1%;
    color: #cd0001;
}

.steps {
    background-color: #fae6e6;
    color: #cd0001;
    border-radius: 40px;
    gap: 10px;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 2px;
    padding-left: 11px;
    font-weight: 500;
    font-size: 9px;
}
.airline-d p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    text-align: center;
    color: #141d2e;
}
.airline-d img {
    width: 44px;
    height: 44px;
}
.pcs span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16.8px;
    color: #2c3443;
}
.pcss img {
    width: 16px;
    height: 16px;
}
.pcss {
    border: 1px solid #051039;
    border-radius: 4px;
    padding: 4px;
}
.pcss span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16.8px;
    color: #2c3443;
}
.pcs img {
    width: 16px;
    height: 16px;
}
.pcs {
    width: 65px;
    border: 1px solid #051039;
    border-radius: 4px;
    padding: 4px;
}
.lons-airs .lons-time {
    font-weight: 600;
    font-size: 18px;
    line-height: 8px;
    text-align: right;
    color: #141d2e;
    margin-bottom: 10px;
}
.londons-time {
    font-weight: 600;
    font-size: 18px;
    line-height: 8px;
    text-align: left;
    color: #141d2e;
    margin-bottom: 10px;
}
.lons-airs .lons-city {
    font-weight: 500;
    font-size: 14px;
    line-height: 8px;
    text-align: right;
    color: #141d2e;
    margin-bottom: 10px;
}
.lons-citys {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #141d2e;
    margin-top: 2px;
}
.londons-citys {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #141d2e;
}
.hr-c {
    width: 390px;
}
.hrh-1 {
    /* width: 181px; */
    top: 24px;
    left: 768px;
    border-left: 1px solid #d0d2d5;
    border-width: 1px;
}
.cheapest-d {
    width: 182px;
    border-radius: 8px;
    border-width: 1px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
}
.cheapest-d p {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
}
.backgound-c {
    background-color: #f5f5ff;
}
#recent-searches .recents-fares-mains {
    gap: 16px;
    border-radius: 12px;
    border-width: 1px;
    padding: 10px;
    border: solid 1px #d0d2d5;
}
.airfares-details p {
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
}
.airfares-details {
    margin-bottom: 10px;
}
.airfares-details img {
    width: 24px;
    height: 24px;
}
.airfares-details input[type="checkbox"] {
    transform: scale(1.5); /* Adjust the scale as needed */
    margin-right: 5px; /* Adds spacing */
}
.connection-detail {
    /* text-align: center;
    border: 1px solid #000; */
    top: 1181px;
    left: 160px;
    /* border-radius: 50px;
    border-width: 2px; */
}
.connection-detail p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    /* text-align: center; */
}
@media (min-width: 992px) {
    .border-left-radius-90 {
        border-top-left-radius: 90px;
        border-bottom-left-radius: 90px;
    }
    .border-right-radius-90 {
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
    }
}
.copyright-reserved {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.form-btn-main-vnm .dengres {
    border-radius: 8px;
    padding: 2px;
    background-color: #cd0001;
    color: #fff;
}
.form-btn-main-vnm .dengres .btn {
    color: #fff !important;
}
.payment-secure {
    width: 130px;
}

@media (max-width: 991px) {
    /* .d-none {
    display: none !important;
  } */
    .filters-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        height: 100vh;
        background: #fff;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
        transition: left 0.3s ease-in-out;
        z-index: 1050;
        padding: 20px;
        overflow-y: auto;
    }

    .filters-sidebar.active {
        left: 0; /* Show when active */
    }
    .cheapest-d {
        width: 336px;
        text-align: center;
    }
}
.border-filters {
    border: 2px solid #434a58;
    border-radius: 8px;
}
.about-mission {
    width: 640px;
    height: 450px;
}
.goal-img {
    width: 608px;
    height: 325px;
}
.bg-light-c {
    background-color: rgba(230, 231, 235, 1);
    border-radius: 8px;
}
.goal-c {
    background-color: rgba(20, 29, 46, 1);
    border-radius: 8px;
    color: white !important;

    height: 324px;
}
.goal-c h2 {
    color: white !important;
}
.goal-c ul li::before {
    color: white !important;
}