/*-----common----*/
.btwn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

p {
    margin-bottom: 0px;
    font-size: 12px !important;
}

a {
    text-decoration: none;
}

/*=======common class====*/
.btwn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

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

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

.fd-row {
    flex-direction: row;
}

.fd-col {
    flex-direction: column;
}

.f-wrap {
    flex-wrap: wrap;
}

a {
    text-decoration: none;
    font-size: 500;
}

body {
     font-family: 'Poppins', sans-serif !important;
    background: #f7f7f7; /* Light gray background for the body */
}

p {
    margin-bottom: 0px;
}

.bdr-rad {
    border-radius: 15px;
}

.btn-primary {
    background: #252b77 !important; /* Dark blue background */
    color: white !important; /* White text */
    border: none;
}

.btn-primary:hover {
    background: #252b77 !important; /* Orange background on hover */
    color: white !important;
}

/*=========global===========*/

/*-----header-----*/
.header {
    border-bottom: 2px solid #252b77; /* Orange border */
    background: #252b77; /* Dark blue background */
}

.header-logo img {
/*    height: 90px;*/
/*    width: 250px;*/
    width: 160px;
}

.header-menu {
    gap: 45px;
}

.header-menu a {
    color: white; /* White text */
    font-weight: 500;
    font-size: 16px;
}

.header-menu a:hover {
    color: #f01e27; /* Orange text on hover */
}

.header-contact {
    border-radius: 10px;
    background: #f01e27; /* Orange background */
    gap: 20px;
    padding: 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
}

.header-contact i {
    color: white; /* White icon */
    font-size: 25px;
}

.header-contact a {
    font-size: 14px;
    font-weight: 700;
/*    letter-spacing: 1px;*/
    color: white; /* White text */
}

.resp-callnow-box {
    display: none;
}

/*------footer-----*/
.footer-mid {
    background: #252b77; /* Dark blue background */
}

.footer-last {
    background: #ebebeb; /* Orange background */
}

.footer-midbox h4 {
    color: white; /* White text */
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-midbox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.footer-midlinks {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 30px;
}

.footer-midlinks a {
    color: white; /* White text */
    font-weight: 500;
    font-size: 16px;
}

.footer-last-col {
    color: #252b77; /* White text */
    font-size: 18px;
}

.footer-last-col span {
    font-weight: 600;
}

.fl {
    border-top: 1px solid white;
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

/*===========homepage=======*/

/*------banner-----*/
.banner {
     position: relative;
    background: url(../images/banner-img.jpg) no-repeat 0 0;
    background-size: cover;
    height: 620px;
}
.banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    filter: blur(10px);
    z-index: -1;
}

.banner-colone {
    flex-direction: column;
}

.banner-colone h1 {
    color: white; /* White text */
    font-weight: 700;
    text-align: center;
    width: 65%;
    font-size: 50px;
    margin-bottom: 25px;
}

.banner-colone p {
    color: #252b77; /* Orange text */
    font-size: 20px;
    font-weight: 500;
}

.search-engine-box {
    border-radius: 10px;
    background: #0000008c; /* Dark blue background */
    width: 100%;
    padding: 30px;
    flex-direction: column;
}

.se-row {
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50px;
    margin: auto;
}

.se-col input {
    border: none;
    background: transparent;
    outline: none;
    width: 65%;
}

.banner-top {
    display: none;
}

.se-ul {
    gap: 10px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #252b77; /* Orange background */
    border-radius: 50px;
}

.se-li-btn {
    background: white;
    color: black;
    border-radius: 50px !important;
}

.se-col input::placeholder {
    color: black;
    font-size: 17px;
    font-weight: 500;
}

.se-col {
    border-right: 1px solid black;
    padding: 15px 0px 15px 0px;
/*    margin: 10px 0px 10px 0px;*/
}

.r-border {
    border-right: none;
}

.se-search-btn {
    background: #f01e27; /* Orange background */
    width: 100%;
    height: 70px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 18px;
    font-weight: 500;
}

.se-search-btn a {
    color: white; /* White text */
}

.se-search-btn:hover {
    background: #f01e27; /* Dark blue background on hover */
}

/*------best destination-----*/
.best-destination-container {
/*    border: 3px solid #252b77; */
/*    border-radius: 15px;*/
    padding: 2px;
}

.bd-heading {
/*    background: #252b77; /* Dark blue background */
/*    border-radius: 10px;*/
    padding: 12px;
}

.bd-heading h2 {
    text-align: center;
    font-weight: 500;
    margin-bottom: 0px;
    color: #252b77; /* White text */
}

.best-destination-row {
/*    background: #d8d0ec;*/
    background: #0e0e0f0d;
    padding: 30px 50px 30px 50px;
    border-radius: 10px;
    width: 100%;
    margin: auto;
}

.best-destination-box {
    position: relative;
}

.best-destination-box img {
    border-radius: 15px;
}

.bd-box-content {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    color: white;
}

.bd-box-content h5 {
    border-bottom: 2px solid white;
    padding: 5px;
    margin-bottom: 0px;
}

.bd-box-content p {
    padding: 5px;
}

.why-choose-us-box {
    flex-direction: column;
    margin: 15px 0px 15px 0px;
    text-align: center;
    width: 95%;
    border-radius: 10px;
    background: #aa8ddca1; /* Dark blue background */
    padding: 20px;
    height: 220px;
}

.why-choose-us-box img {
    height: 80px;
    margin-bottom: 15px;
}

.why-choose-us-box h5 {
    font-weight: 700;
    color: white; /* White text */
}

/*-----travel card----*/
.travel-card {
    background: #ebebeb;
    padding: 25px 0px 25px 0px;
}

.travel-card-row {
    border-radius: 15px;
    background: #252b77; /* Orange background */
    color: #fff;
}

.travel-card-coltwo {
    padding: 5px;
    background: white;
}
.cc-two .travel-card-colone h2{
    color: #252b77;
}
.cc-two .travel-card-colone p{
    color: #252b77;
}

.travel-card-colone {
    border-radius: 10px;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.cc-one {
    background: #252b77 !important; /* Dark blue background */
}

.cc-two {
    background: #ebebeb !important;
}

.travel-card-coltwo img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

/*-------mid section----*/
.mid-section-container {
    background: #ebebeb;
    border-radius: 10px;
}

.mid-section-colone {
    flex-direction: column;
    text-align: center;
}

.mid-section-colone h3 {
    color: #252b77; /* Dark blue text */
    font-weight: 700;
}

.mid-section-colone span {
    color: #252b77; /* Orange text */
}

.mid-section-btn {
    margin-top: 20px;
    background: #252b77; /* Dark blue background */
    height: 45px;
    width: 25%;
}

.mid-section-btn:hover {
    background: #252b77; /* Orange background on hover */
}

.mid-section-btn a {
    color: white; /* White text */
    font-weight: 500;
}

/*-----travel explore-----*/
.travel-explore-container {
    background: #ebebeb;
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.travel-explore-colone {
    flex-direction: column;
    align-items: flex-start !important;
}

.travel-explore-colone h2 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #252b77; /* Dark blue text */
}

.travel-explore-colone p {
    font-weight: 500;
    font-size: 20px;
    color: #252b77; /* Dark blue text */
}

.call-box {
    background: #f01e27; /* Dark blue background */
    gap: 30px;
    border-radius: 50px;
    padding: 15px;
}

.call-box img {
    height: 60px;
}

.cb-detail {
    flex-direction: column;
}

.cb-detail a {
    font-size: 22px;
    color: white; /* White text */
    font-weight: 700;
}

/*============common site========*/
.common-banner {
    background: #d8d0ec;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 50px 0px 50px 0px;
}

.common-banner-colone {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.common-banner-colone h1 {
    color: #252b77; /* Dark blue text */
    font-weight: 700;
    margin-bottom: 25px;
}

.common-banner-colone p {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #252b77; /* Dark blue text */
}

.common-site-content {
    padding: 25px 0px 25px 0px;
}

.common-site-heading {
    text-align: center;
    color: #252b77; /* Dark blue text */
    font-weight: 700;
    margin-bottom: 20px;
}

.common-site-content-col {
    border: 1px solid black;
    border-radius: 10px;
    padding: 30px;
}

.common-site-content-col h3 {
    font-weight: 700;
    margin: 20px 0px 20px 0px;
    color: #252b77; /* Dark blue text */
}

.common-site-content-col h4 {
    font-weight: 700;
    margin: 20px 0px 20px 0px;
    color: #252b77; /* Dark blue text */
}

.common-site-content-col ol {
    font-weight: 700;
    color: #252b77; /* Dark blue text */
}

/*.common-banner-coltwo img {
    height: 400px;
}*/

.abt-cl {
    border-radius: 15px;
    background: #252b77; /* Dark blue background */
    padding: 30px;
}

.abt-two-col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.abt-two-col h2 {
    color: white; /* White text */
    font-weight: 700;
    margin-bottom: 20px;
}

.abt-two-col p {
    text-align: center;
    color: white; /* White text */
}

/*======contact us=====*/
.contact-us-col {
    border: 1px solid black;
    border-radius: 15px;
    padding: 0px;
}

.contact-last {
    background: #252b77; /* Dark blue background */
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    border: 1px solid black;
    color: white; /* White text */
}

.contact-detail {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.contact-detail-box {
    width: 32%;
}

.contact-detail-box h4 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #252b77; /* Dark blue text */
}

.contact-detail-box a {
    font-weight: 500;
    color: #252b77; /* Dark blue text */
}

.common-site-content-col p {
    margin: 10px 0px 10px 0px;
    color: #252b77; /* Dark blue text */
}

/*----flight detail left side----*/
.flight-details {
    background: #fbf9f9;
}

.flight-details-col-filters {
    gap: 25px;
}

.form-check-input[type=checkbox] {
    border-radius: 50%;
}

.form-check-input:checked {
    background-color: #252b77; /* Dark blue background */
    border-color: #252b77;
}

input[type="range"] {
    accent-color: #252b77; /* Dark blue accent */
}

.flight-filters {
    background: white;
    border-radius: 10px;
    padding: 15px 10px 15px 10px;
    gap: 45px;
}

.flight-filters-heading {
    border-bottom: 2px solid lightgray;
}

.flight-filters-heading h6 {
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 16px;
    color: #252b77; /* Dark blue text */
}

.flight-filter-clear-btn {
    color: #252b77; /* Orange text */
    font-size: 16px;
    font-weight: 600;
}

.ff-subheading {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 15px;
    color: #252b77; /* Dark blue text */
}

.filter-label label {
    font-size: 14px;
    color: gray;
    font-weight: 500;
    margin-left: 2px;
}

.common-arr-depart {
    gap: 10px;
}

.common-arr-depart .btn {
    width: 48%;
    font-size: 14px;
    background: white;
    border: 2px solid #252b77; /* Dark blue border */
    color: #252b77; /* Dark blue text */
}

/*----middle----*/

.fd-for-edit {
    gap: 25px;
}

.back-to-homepage a {
    color: black;
    font-size: 20px;
    display: none;
}

.fd-edit-detail {
    border: 1px solid lightgray;
    border-radius: 5px;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 10px 30px;
    width: 40%;
    gap: 30px;
}

.fd-info-date-price-calender {
    border: 1px solid lightgray;
    background: #252b77; /* Dark blue background */
    justify-content: space-evenly;
}

.fd-with-price-box {
    border: 1px solid lightgray;
    padding: 5px 10px;
}

.fd-info-date-price-calender a {
    font-size: 15px;
    font-weight: 500;
    color: white; /* White text */
    background: #252b77; /* Dark blue background */
}

.fd-info-date-price-calender a:hover {
    color: #252b77; /* Dark blue text */
    background: white; /* White background */
    border: 1px solid #252b77; /* Dark blue border */
}

.fd-edit-icon {
    color: #252b77; /* Dark blue icon */
}

.flight-detail-fliter-button {
    background: white;
    padding: 10px 5px;
}

.flight-return-depart {
    background: white;
    padding: 10px 5px;
    gap: 10px;
}

.frd-btn {
    font-size: 14px;
    background: white;
    color: #252b77; /* Dark blue text */
}

.fd-filter-btn img {
    height: 25px;
}

.fdfb-btn-top {
    gap: 5px;
}

.fd-filter-btn {
    font-size: 14px;
    width: 24%;
    background: white;
    color: #252b77; /* Dark blue text */
}

.calender-arrow i {
    color: white; /* White icon */
}

.month-name {
    display: none;
}

.btn-outline-secondary:hover {
    background: lightgray;
    color: black;
}

.flight-information-box {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.flight-info-card {
    padding: 30px 20px;
    border-bottom: 2px solid #252b77; /* Dark blue border */
    align-items: flex-start !important;
}

.airline-image {
    height: 35px;
    margin-bottom: 10px;
    border-radius: 50%;
}

.flight-info-para {
    font-size: 11px;
    color: gray;
    font-weight: 500;
}

.flight-info-heading {
    font-weight: 600;
    font-size: 15px;
    color: #252b77; /* Dark blue text */
}

.flight-stops-info {
    height: 2px;
    width: 160px;
    background: black;
    justify-content: space-around !important;
}

.detail-line-info {
    gap: 7px;
}

.fic-select-button {
    width: 15%;
}

.fic-select-btn {
    font-size: 14px;
    letter-spacing: 1px;
    background: #252b77; /* Dark blue background */
    color: white; /* White text */
}

.accordion-button:not(.collapsed) {
    color: #252b77 !important; /* Dark blue text */
    background-color: white !important;
    box-shadow: none;
}

.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    color: #252b77 !important; /* Dark blue text */
    background-color: white !important;
}

.accordion-button::after {
    background-image: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
}

.flight-detail-accordian-header-button {
    color: #252b77; /* Dark blue text */
}

.flight-detail-accordian-header-button i {
    margin: 2px 0px 0px 5px;
    font-size: 13px;
}

.btn-primary {
    background: #252b77 !important; /* Dark blue background */
    color: white !important; /* White text */
}

/*----inside flight details----*/
.accordion-body {
    padding: 10px 20px 20px 10px;
}

.departing-flights-detail-heading_box {
    background-image: linear-gradient(to bottom, #ffffff, #eeeffd, #d0d3fa);
}

.departing-flight-information {
    padding: 30px 20px;
    border: 1px solid lightgray;
    background: #fffbe7;
    border-radius: 10px;
    align-items: flex-start !important;
    background-image: linear-gradient(to right, #ffffff, #eeeffd, #d0d3fa);
}

.departing-flights-detail-heading_box h4 {
    font-weight: 700;
    font-size: 18px;
    color: #252b77; /* Dark blue text */
}

.departing-flight-airline-image {
    height: 30px;
    border-radius: 50%;
}

.departing-flight-baggage-ul {
    padding: 0px;
    margin: 0px;
}

.departing-flight-duration {
    border-bottom: 1px solid #396BCA;
    width: 100px;
}

/*----common stops----*/
.common-stops {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #252b77; /* Orange background */
}

.layover-detail {
    border: 1px solid #252b77; /* Dark blue border */
    margin: 35px 0px 35px 0px;
    background-image: linear-gradient(to bottom, #ffffff, #eeeffd, #d0d3fa);
}

.layover-timing {
    font-size: 20px;
    font-weight: 700;
    color: #252b77; /* Dark blue text */
}

/*-----round trip flight detail*/
.frt {
    width: 60%;
    border-bottom: none;
    padding: 20px 0px 0px 0px;
}

.round-trip-fd .fic-flight-price, .round-trip-fd .fic-select-button {
    align-self: flex-end;
    text-align: center;
}

.round-trip-fd .ret-depart {
    color: #252b77; /* Orange text */
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 6px;
}

.round-trip-fd .fic-airline_name_image {
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (max-width: 1400px) {
    .frt {
        width: 65%;
    }
}

@media screen and (max-width: 1200px) {
    .frt {
        width: 70%;
    }
}

@media screen and (max-width: 767px) {
    .frt {
        width: 100%;
    }

    .round-trip-fd .fic-flight-price {
        order: 2;
        width: 100% !important;
        justify-content: flex-end !important;
        text-align: end;
    }

    .round-trip-fd .fic-flight-price p {
        text-align: end !important;
        margin-bottom: 10px;
    }

    .round-trip-fd .fic-flight-duration p, .round-trip-fd .fic-flight-duration h6 {
        text-align: end !important;
    }

    .round-trip-fd .fic-select-btn {
        width: 50% !important;
    }

    .round-trip-fd .flight-price-amt h6 {
        text-align: end;
    }

    .round-trip-fd.flight-depart-time, .flight-arrival-time {
        text-align: center;
    }

    .round-trip-fd .fic-detail-line {
        margin: auto;
    }

    .round-trip-fd .fic-flight-duration h6 {
        width: 100%;
        text-align: end;
    }

    .round-trip-fd .flight-price-amt {
        width: 100% !important;
    }

    .round-trip-fd .fic-select-button {
        order: 3;
        width: 100%;
        justify-content: flex-end;
    }
}

/*------loading page-----*/
.loading-page {
    height: 800px;
}

.loading-page-box {
    border: 2px solid #e1d4d0;
    background-image: linear-gradient(to bottom, #ffffff, #fbf0ec, #f7e0d7);
    border-radius: 50%;
    width: 550px;
    height: 550px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.lp-destination {
    color: #252b77; /* Dark blue text */
    gap: 105px;
}

.lp-destination h2 {
    font-weight: 700;
}

.lp-gif img {
    height: 80px;
}

.lp-offer {
    border-radius: 5px;
    background: #252b77; /* Dark blue background */
    color: white; /* White text */
    width: 80%;
    padding: 10px;
    gap: 20px;
    text-align: center;
    font-size: 20px;
    margin: 15px 0px 15px 0px;
}

.lp-offer img {
    height: 90px;
}

.lp-contact {
    border-radius: 5px;
    background: #252b77; /* Dark blue background */
    width: fit-content;
    padding: 10px;
    gap: 10px;
}

.lp-contact a {
    color: white; /* White text */
    font-size: 20px;
    text-align: center;
}

/*-----sticky bottom----*/
.fd-sticky-bottom {
    justify-content: space-around;
    background: #eeeffd;
    border-top: 3px solid lightgray;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
}

.fd-sticky-bottom p {
    font-weight: 500;
}

.fd_sb-subcontent {
    font-weight: 500;
    gap: 5px;
}

.fd_sb-subcontent img {
    height: 25px;
}

.fd_sb-subcontent:hover {
    color: #252b77 !important; /* Dark blue text on hover */
}

.post-real {
    position: relative;
}

.post-abs {
    position: absolute;
    border-radius: 10px;
    background: white;
    padding: 20px;
    bottom: 25px;
    width: 300px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.fd-sb-filter-subcontent {
    display: none;
    left: 0px;
}

.fd_sb_filter:hover .fd-sb-filter-subcontent {
    display: flex;
}

.fd-sb-stops-subcontent {
    display: none;
    width: 200px;
    left: 20px;
}

.fd_sb_stops:hover .fd-sb-stops-subcontent {
    display: flex;
}

.fd-sb-time-subcontent {
    display: none;
}

.fd_sb_time:hover .fd-sb-time-subcontent {
    display: flex;
}

.fd-sb-airline-subcontent {
    display: none;
}

.fd_sb_airlines:hover .fd-sb-airline-subcontent {
    display: flex;
}

.fd-sb-sort-subcontent {
    display: none;
    right: 0px;
}

.fd_sb_sort:hover .fd-sb-sort-subcontent {
    display: flex;
}

/*-----flight and traveler details---*/
.ftd-navbox {
    border-top: 2px solid #396BCA;
}

.common-ftd-subbox {
    width: 33%;
    margin-top: -4px;
    padding: 5px;
}

.common-ftd-subbox:active {
    border-top: 6px solid #253e8d;
}

.active-line {
    border-top: 6px solid #253e8d;
}

.fd-depart-return-box {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
}

.fd-depart-return-heading {
    background: #d0d3fa;
}

.fd-depart-return-heading h4 {
    color: #253e8d;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
}

.fd-depart-return-box-bottom {
    color: white;
    font-size: 14px;
    background: #253e8d;
    border-radius: 50px;
}

.fd-depart-return-box-bottom a {
    color: white;
    font-size: 14px;
}

.ftd-common-padding {
    padding: 10px 15px;
}

.ftd-heading {
    font-weight: 700;
    font-size: 16px;
}

.ftd-para {
    font-weight: 500;
    font-size: 14px;
    color: gray;
}

.ftd-airline-cabin {
    margin: 15px 0px 15px 0px;
}

.ftd-airline-image {
    height: 50px;
    margin-right: 10px;
}

.ftd-fromto-duration-line {
    width: 100%;
    flex-wrap: wrap;
}

.ftd-from-to {
    width: 50%;
}

.ftd-duration {
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.ftd-line {
    width: 100%;
    align-items: flex-start;
    margin-top: 15px;
    justify-content: flex-start;
    gap: 10px;
    flex-direction: row;
}

.ftd-before::before {
    content: "";
    display: block;
    height: 3px;
    width: 20px;
    background: lightgray;
    position: relative;
    left: -30px;
    top: 10px;
}

.ftd-before {
    margin-left: 40px;
}

.ftd-line-time {
    gap: 10px;
    align-items: center;
}

.ftd-lining {
    height: 3px;
    width: 100px;
    background: #396BCA;
    margin-top: -6px;
}

.ftd-baggage-col {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
}

.ftd-baggage-col img {
    height: 80px;
    margin-bottom: 15px;
}

.ftd-baggage-col h6 {
    font-weight: 700;
    color: #253e8d;
}

.ftd-travel-protection-content p {
    font-size: 14px;
}

.ftd-travel-ol {
    gap: 15px;
    flex-wrap: wrap;
    padding-left: 20px;
}

.ftd-travel-ol li {
    font-size: 14px;
    font-weight: 600;
    width: 47%;
}

.ftd-form-box label {
    margin-bottom: 10px;
}

.ftd-form {
    margin: auto;
    background-image: linear-gradient(to bottom, #ffffff, #eeeffd, #d0d3fa);
}

.ftd-form-box {
    margin-bottom: 30px;
}

.ftd-form-input {
    border: 1px solid gray;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 100%;
    border-radius: 50px;
    padding: 10px 5px;
    font-size: 14px;
}

.ftd-form-input input {
    border: none;
    outline: none;
    background: transparent;
    padding: 0px 5px 0px 5px;
    width: 100%;
}

.ftd-form-input select {
    border: none;
    outline: none;
    background: transparent;
    padding: 0px;
}

.fdt-input-mid {
    border-left: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
}

.form-check {
    padding: 0px 20px 0px 20px;
}

.form-check label {
    margin-bottom: 0px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    background: #252b77;
    color: white;
    font-size: 14px;
}

.accordion-item:first-of-type .accordion-button {
    background: #252b77;
    color: white;
    font-size: 14px;
}

.fd-depart-return-box-bottom .accordion-button i {
    margin-left: 5px;
}

.filght-price-box {
    border-radius: 10px;
    background: white;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.flight-price-heading {
    color: #252b77;
    font-size: 20px;
    font-weight: 700;
}

.pd-ul_trav-cost {
    padding: 0px;
    border-top: 2px dashed lightgray;
    border-bottom: 2px dashed lightgray;
    padding: 10px 0px 10px 0px;
    display: flex;
    gap: 7px;
    flex-direction: column;
}

.pd-ul_trav-baggage-detail {
    padding: 10px 0px 10px 0px;
    display: flex;
    gap: 7px;
    flex-direction: column;
}

.price-total {
    background: #d0d3fa;
    padding: 10px 0px 10px 0px;
    color: #252b77;
}

.pd-li-trav-cost-heading {
    font-weight: 600;
    margin-bottom: 10px;
}

.filght-price-box li {
    list-style: none;
    font-size: 14px;
}

.continue-to-seat-button {
    height: 40px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 50px;
    background: #252b77; /* Dark blue background */
}

.continue-to-seat-button a {
    color: white; /* White text */
}

.price-detail-disclaimers {
    font-weight: 500;
    font-size: 11px;
}

.form-check {
    align-items: center;
    gap: 5px;
}

/*----add traveller----*/

#travellerForm {
    margin: auto;
}

#travellerContainer {
    margin-bottom: 20px;
}

.traveller input {
    margin-bottom: 15px;
}

#addTravellerButto {
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
    background: #252b77; /* Dark blue background */
    color: white; /* White text */
}

/*----error page----*/
.error-page {
    background: #fff9f7;
}

.error-page-box {
    width: 70%;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 40px;
    background: white;
    text-align: center;
    gap: 20px;
}

.error-page-box i {
    font-size: 50px;
    color: #252b77; /* Orange icon */
}

.error-page-box h3 {
    color: #252b77; /* Dark blue text */
    font-weight: 700;
}

.error-page-box p {
    color: gray;
    font-weight: 500;
}

.error-page-btn {
    background: #252b77; /* Dark blue background */
    height: 50px;
    color: white; /* White text */
    font-weight: 600;
    font-size: 20px;
    width: 70%;
}

.error-page-btn:hover {
    background: #252b77; /* Orange background on hover */
    color: white; /* White text */
}

/*-----flight not found-----*/
.flight-not-found {
    background: #dee1fc;
    padding: 40px 0px 40px 0px;
}

.flight-not-found-para {
    font-size: 12px;
    color: white;
    background: #252b77; /* Orange background */
    padding: 5px;
    width: 100%;
}